From 09dcd67a906fd2bb56786e6423784f4334c27f95 Mon Sep 17 00:00:00 2001
From: Tweeticoats <Tweeticoats@github.com>
Date: Sun, 16 Apr 2023 23:24:11 +0930
Subject: [PATCH 01/91] Fixing bugs with the plugin with submission.

Calling the stash graphql api manually as I only care about a few fields when submitting data.
Improved logging message and report % of files being processed.
Use a persistent session with timestamp.trade instead of connecting for each request.
---
 plugins/timestampTrade/timestampTrade.py | 89 +++++++++++++++++-------
 1 file changed, 62 insertions(+), 27 deletions(-)

diff --git a/plugins/timestampTrade/timestampTrade.py b/plugins/timestampTrade/timestampTrade.py
index 7d4c7a5e..dca013a6 100644
--- a/plugins/timestampTrade/timestampTrade.py
+++ b/plugins/timestampTrade/timestampTrade.py
@@ -5,8 +5,13 @@
 import sys
 import requests
 import json
+import time
+import math
+
 
 per_page = 100
+request_s = requests.Session()
+
 
 def processScene(s):
     if len(s['stash_ids']) > 0:
@@ -19,7 +24,7 @@ def processScene(s):
                     'api returned something, for scene: ' + s['title'] + ' marker count: ' + str(len(md['marker'])))
                 markers = []
                 for m in md['marker']:
-                    log.debug('-- ' + m['name'] + ", " + str(m['start'] / 1000))
+#                    log.debug('-- ' + m['name'] + ", " + str(m['start'] / 1000))
                     marker = {}
                     marker["seconds"] = m['start'] / 1000
                     marker["primary_tag"] = m["tag"]
@@ -35,38 +40,68 @@ def processAll():
     log.info('Getting scene count')
     count=stash.find_scenes(f={"stash_id":{"value":"","modifier":"NOT_NULL"},"has_markers":"false"},filter={"per_page": 1},get_count=True)[0]
     log.info(str(count)+' scenes to submit.')
+    i=0
     for r in range(1,int(count/per_page)+1):
-        log.info('processing '+str(r*per_page)+ ' - '+str(count))
+        log.info('fetching data: %s - %s %0.1f%%' % ((r - 1) * per_page,r * per_page,(i/count)*100,))
         scenes=stash.find_scenes(f={"stash_id":{"value":"","modifier":"NOT_NULL"},"has_markers":"false"},filter={"page":r,"per_page": per_page})
         for s in scenes:
             processScene(s)
+            i=i+1
+            log.progress((i/count))
+            time.sleep(2)
 
 def submit():
-    count = stash.find_scenes(f={"has_markers": "true"}, filter={"per_page": 1}, get_count=True)[0]
-    for r in range(1, int(count / per_page) + 2):
-        log.info('processing ' + str((r - 1) * per_page) + ' - ' + str(r * per_page) + ' / ' + str(count))
-        scenes = stash.find_scenes(f={"has_markers": "true"}, filter={"page": r, "per_page": per_page})
-        for s in scenes:
-            # Cleanup, remove fields that are not needed by the api like ratings, file paths etc
-            for x in ['id', 'checksum', 'oshash', 'phash', 'rating', 'organized', 'o_counter', 'file','path', 'galleries']:
-                s.pop(x, None)
-            for t in s['tags']:
-                for x in ['id', 'image_path', 'scene_count', 'primary_tag']:
-                    t.pop(x, None)
-            for t in s['performers']:
-                for x in ['id', 'checksum', 'scene_count', 'image_path', 'image_count', 'gallery_count', 'favorite',
-                          'tags']:
-                    t.pop(x, None)
-            for m in s['scene_markers']:
-                for x in ['id', 'scene', 'tags']:
-                    m.pop(x, None)
-                for x in ['id', 'aliases', 'image_path', 'scene_count']:
-                    m['primary_tag'].pop(x, None)
-
-            print("submitting scene: " + str(s))
-            requests.post('https://timestamp.trade/submit-stash', json=s)
-
-
+    query ="""query FindScenes($filter: FindFilterType, $scene_filter: SceneFilterType, $scene_ids: [Int!]) {
+			findScenes(filter: $filter, scene_filter: $scene_filter, scene_ids: $scene_ids) {
+				count
+				scenes {
+				    title
+                                    details
+                                    url
+                                    date
+                                    performers{
+                                       name
+                                       stash_ids{
+                                           endpoint
+                                           stash_id
+                                       }
+                                    }
+                                    tags{
+                                       name
+                                    }
+                                    studio{
+                                       name
+                                       stash_ids{
+                                           endpoint
+                                           stash_id
+                                       }
+                                    }
+                                    stash_ids{
+                                       endpoint
+                                       stash_id
+                                    }
+                                    scene_markers{
+                                       title
+                                       seconds
+                                       primary_tag{
+                                           name
+                                       }
+                                    }
+				}
+			}
+		}"""
+    scenes = stash.call_gql(query,variables={'scene_filter':{'has_markers': 'true'},'filter':{'page':1,'per_page':1,"q":"","direction":"DESC","sort":"updated_at"}})
+    count=scenes['findScenes']['count']
+    i=0
+    for r in range(1, math.ceil(count/per_page) + 1):
+        log.info('submitting scenes: %s - %s %0.1f%%' % ((r - 1) * per_page,r * per_page,(i/count)*100,))
+        scenes = stash.call_gql(query,variables={'scene_filter':{'has_markers': 'true'},'filter':{'page':r,'per_page':per_page,"q":"","direction":"DESC","sort":"updated_at"}})
+        for s in scenes['findScenes']['scenes']:
+            log.debug("submitting scene: " + str(s))
+            request_s.post('https://timestamp.trade/submit-stash', json=s)
+            i=i+1
+            log.progress((i/count))
+            time.sleep(2)
 
 
 

From 924a5e3ea561bce212e84dca01f0282250a420d8 Mon Sep 17 00:00:00 2001
From: Tweeticoats <Tweeticoats@github.com>
Date: Mon, 17 Apr 2023 10:24:08 +0930
Subject: [PATCH 02/91] Changed to fragment instead of writing the query
 myself.

---
 plugins/timestampTrade/timestampTrade.py | 78 +++++++++++-------------
 1 file changed, 35 insertions(+), 43 deletions(-)

diff --git a/plugins/timestampTrade/timestampTrade.py b/plugins/timestampTrade/timestampTrade.py
index dca013a6..633d773a 100644
--- a/plugins/timestampTrade/timestampTrade.py
+++ b/plugins/timestampTrade/timestampTrade.py
@@ -51,52 +51,44 @@ def processAll():
             time.sleep(2)
 
 def submit():
-    query ="""query FindScenes($filter: FindFilterType, $scene_filter: SceneFilterType, $scene_ids: [Int!]) {
-			findScenes(filter: $filter, scene_filter: $scene_filter, scene_ids: $scene_ids) {
-				count
-				scenes {
-				    title
-                                    details
-                                    url
-                                    date
-                                    performers{
-                                       name
-                                       stash_ids{
-                                           endpoint
-                                           stash_id
-                                       }
-                                    }
-                                    tags{
-                                       name
-                                    }
-                                    studio{
-                                       name
-                                       stash_ids{
-                                           endpoint
-                                           stash_id
-                                       }
-                                    }
-                                    stash_ids{
-                                       endpoint
-                                       stash_id
-                                    }
-                                    scene_markers{
-                                       title
-                                       seconds
-                                       primary_tag{
-                                           name
-                                       }
-                                    }
-				}
-			}
-		}"""
-    scenes = stash.call_gql(query,variables={'scene_filter':{'has_markers': 'true'},'filter':{'page':1,'per_page':1,"q":"","direction":"DESC","sort":"updated_at"}})
-    count=scenes['findScenes']['count']
+    scene_fgmt = """title
+       details
+       url
+       date
+       performers{
+           name
+           stash_ids{
+              endpoint
+              stash_id
+           }
+       }
+       tags{
+           name
+       }
+       studio{
+           name
+           stash_ids{
+              endpoint
+              stash_id
+           }
+       }
+       stash_ids{
+           endpoint
+           stash_id
+       }
+       scene_markers{
+           title
+           seconds
+           primary_tag{
+              name
+           }
+       }"""
+    count = stash.find_scenes(f={"has_markers": "true"}, filter={"per_page": 1}, get_count=True)[0]
     i=0
     for r in range(1, math.ceil(count/per_page) + 1):
         log.info('submitting scenes: %s - %s %0.1f%%' % ((r - 1) * per_page,r * per_page,(i/count)*100,))
-        scenes = stash.call_gql(query,variables={'scene_filter':{'has_markers': 'true'},'filter':{'page':r,'per_page':per_page,"q":"","direction":"DESC","sort":"updated_at"}})
-        for s in scenes['findScenes']['scenes']:
+        scenes = stash.find_scenes(f={"has_markers": "true"}, filter={"page": r, "per_page": per_page},fragment=scene_fgmt)
+        for s in scenes:
             log.debug("submitting scene: " + str(s))
             request_s.post('https://timestamp.trade/submit-stash', json=s)
             i=i+1

From 6fb95ada30198c7e65b501657952d2bee03c3442 Mon Sep 17 00:00:00 2001
From: alucicrazy <122958864+alucicrazy@users.noreply.github.com>
Date: Sat, 4 Nov 2023 02:32:10 -0300
Subject: [PATCH 03/91] Add zip format to blocklist

---
 plugins/filenameParser/filenameParser.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/plugins/filenameParser/filenameParser.js b/plugins/filenameParser/filenameParser.js
index 999f29b2..c6e94b50 100644
--- a/plugins/filenameParser/filenameParser.js
+++ b/plugins/filenameParser/filenameParser.js
@@ -162,6 +162,7 @@ function cleanFilename(name) {
     var blockList = [
         'mp4',
         'mov',
+        'zip',
         'xxx',
         '4k',
         '4096x2160',

From 952c99ec7bdd7b2e7144872f378849e1dc42c841 Mon Sep 17 00:00:00 2001
From: WithoutPants <53250216+WithoutPants@users.noreply.github.com>
Date: Thu, 26 Oct 2023 14:02:57 +1100
Subject: [PATCH 04/91] Build stable and main indexes

---
 .github/workflows/deploy.yml | 48 +++++++++++++++++++++++++++++++
 .gitignore                   |  1 +
 build_site.sh                | 56 ++++++++++++++++++++++++++++++++++++
 3 files changed, 105 insertions(+)
 create mode 100644 .github/workflows/deploy.yml
 create mode 100644 .gitignore
 create mode 100755 build_site.sh

diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
new file mode 100644
index 00000000..1e5ed7ae
--- /dev/null
+++ b/.github/workflows/deploy.yml
@@ -0,0 +1,48 @@
+name: Deploy repository to Github Pages
+
+on:
+  push:
+    branches: [ main, stable ]
+
+  # Allows you to run this workflow manually from the Actions tab
+  workflow_dispatch:
+
+# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+jobs:
+  build:
+    runs-on: ubuntu-20.04
+    steps:
+    - name: Checkout main
+      uses: actions/checkout@v2
+      with:
+        path: main
+        ref: main
+    - run: |
+        cd main
+        ./build_site.sh ../_site/develop
+    - name: Checkout Stable
+      uses: actions/checkout@v2
+      with:
+        path: stable
+        ref: stable
+    - run: |
+        cd stable
+        ../master/build_site.sh ../_site/stable
+    - uses: actions/upload-pages-artifact@v1
+    
+  deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    runs-on: ubuntu-20.04
+    needs: build
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v1
+    
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 00000000..16182c5d
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+/_site
\ No newline at end of file
diff --git a/build_site.sh b/build_site.sh
new file mode 100755
index 00000000..d849002f
--- /dev/null
+++ b/build_site.sh
@@ -0,0 +1,56 @@
+#!/bin/bash
+
+# builds a repository of scrapers
+# outputs to _site with the following structure:
+# index.yml
+# <scraper_id>.zip
+# Each zip file contains the scraper.yml file and any other files in the same directory
+
+outdir="$1"
+if [ -z "$outdir" ]; then
+    outdir="_site"
+fi
+
+rm -rf "$outdir"
+mkdir -p "$outdir"
+
+buildPlugin() 
+{
+    f=$1
+    # get the scraper id from the directory
+    plugin_id=$(basename "$f")
+
+    echo "Processing $plugin_id"
+
+    # create a directory for the version
+    version=$(git log -n 1 --pretty=format:%h -- "$f"/*)
+    updated=$(git log -n 1 --date="format:%F %T %z" --pretty=format:%ad -- "$f"/*)
+    
+    # create the zip file
+    # copy other files
+    zipfile=$(realpath "$outdir/$plugin_id.zip")
+    
+    pushd "$f" > /dev/null
+    zip -r "$zipfile" . > /dev/null
+    popd > /dev/null
+
+    name=$(grep "^name:" "$f"/*.yml | head -n 1 | cut -d' ' -f2- | sed -e 's/\r//' -e 's/^"\(.*\)"$/\1/')
+    description=$(grep "^description:" "$f"/*.yml | head -n 1 | cut -d' ' -f2- | sed -e 's/\r//' -e 's/^"\(.*\)"$/\1/')
+    ymlVersion=$(grep "^version:" "$f"/*.yml | head -n 1 | cut -d' ' -f2- | sed -e 's/\r//' -e 's/^"\(.*\)"$/\1/')
+    version="$ymlVersion-$version"
+
+    # write to spec index
+    echo "- id: $plugin_id
+  name: $name
+  metadata:
+    description: $description
+  version: $version
+  date: $updated
+  path: $plugin_id.zip
+  sha256: $(sha256sum "$zipfile" | cut -d' ' -f1)
+" >> "$outdir"/index.yml
+}
+
+find ./plugins -mindepth 1 -maxdepth 1 -type d | while read file; do
+    buildPlugin "$file"
+done

From 7b04605560d15f21abeca2fa42568122d6e3e4ad Mon Sep 17 00:00:00 2001
From: WithoutPants <53250216+WithoutPants@users.noreply.github.com>
Date: Wed, 22 Nov 2023 14:48:16 +1100
Subject: [PATCH 05/91] Remove number from CropperJS

---
 plugins/{4. CropperJS => CropperJS}/CropperJS.yml | 0
 plugins/{4. CropperJS => CropperJS}/cropper.css   | 0
 plugins/{4. CropperJS => CropperJS}/cropper.js    | 0
 3 files changed, 0 insertions(+), 0 deletions(-)
 rename plugins/{4. CropperJS => CropperJS}/CropperJS.yml (100%)
 rename plugins/{4. CropperJS => CropperJS}/cropper.css (100%)
 rename plugins/{4. CropperJS => CropperJS}/cropper.js (100%)

diff --git a/plugins/4. CropperJS/CropperJS.yml b/plugins/CropperJS/CropperJS.yml
similarity index 100%
rename from plugins/4. CropperJS/CropperJS.yml
rename to plugins/CropperJS/CropperJS.yml
diff --git a/plugins/4. CropperJS/cropper.css b/plugins/CropperJS/cropper.css
similarity index 100%
rename from plugins/4. CropperJS/cropper.css
rename to plugins/CropperJS/cropper.css
diff --git a/plugins/4. CropperJS/cropper.js b/plugins/CropperJS/cropper.js
similarity index 100%
rename from plugins/4. CropperJS/cropper.js
rename to plugins/CropperJS/cropper.js

From 2784391227e85a818afa30dfed2ea86304de25c2 Mon Sep 17 00:00:00 2001
From: scruffynerf <scruffynerf23@gmail.com>
Date: Wed, 22 Nov 2023 01:18:43 -0500
Subject: [PATCH 06/91] Fix deprecated configuration getting with StashAPI

My bad, when I merged this into the repo on Oct 19th, I missed this deprecated stashapi call, and the stashapi change had taken effect on Oct 11th, so... bad timing.

Luckily it's a one line fix.
---
 scripts/stash-watcher/watcher.py | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/scripts/stash-watcher/watcher.py b/scripts/stash-watcher/watcher.py
index 623c7359..5eb8328f 100644
--- a/scripts/stash-watcher/watcher.py
+++ b/scripts/stash-watcher/watcher.py
@@ -223,7 +223,7 @@ def parseConfig(path):
     #If the extensions are in the config, use them.  Otherwise pull them from stash.
     extensions = config.getlist('Config', 'Extensions')
     if not extensions:
-        stashConfig = stash.graphql_configuration()
+        stashConfig = stash.get_configuration()
         extensions = stashConfig['general']['videoExtensions'] + stashConfig['general']['imageExtensions'] + stashConfig['general']['galleryExtensions']
 
     pollIntervalStr = config.get('Config', 'PollInterval')

From a163eafe12519d0d3ad1e68b6ede86fdb4d58903 Mon Sep 17 00:00:00 2001
From: WithoutPants <53250216+WithoutPants@users.noreply.github.com>
Date: Wed, 22 Nov 2023 18:00:28 +1100
Subject: [PATCH 07/91] Remove leading numbers

---
 .../stashBatchResultToggle.js                                     | 0
 .../stashBatchResultToggle.yml                                    | 0
 .../StashUserscriptLibrary.yml                                    | 0
 .../stashUserscriptLibrary.js                                     | 0
 plugins/{2. stats => stats}/stats.js                              | 0
 plugins/{2. stats => stats}/stats.yml                             | 0
 6 files changed, 0 insertions(+), 0 deletions(-)
 rename plugins/{3. Stash Batch Result Toggle => StashBatchResultToggle}/stashBatchResultToggle.js (100%)
 rename plugins/{3. Stash Batch Result Toggle => StashBatchResultToggle}/stashBatchResultToggle.yml (100%)
 rename plugins/{1. stashUserscriptLibrary => stashUserscriptLibrary}/StashUserscriptLibrary.yml (100%)
 rename plugins/{1. stashUserscriptLibrary => stashUserscriptLibrary}/stashUserscriptLibrary.js (100%)
 rename plugins/{2. stats => stats}/stats.js (100%)
 rename plugins/{2. stats => stats}/stats.yml (100%)

diff --git a/plugins/3. Stash Batch Result Toggle/stashBatchResultToggle.js b/plugins/StashBatchResultToggle/stashBatchResultToggle.js
similarity index 100%
rename from plugins/3. Stash Batch Result Toggle/stashBatchResultToggle.js
rename to plugins/StashBatchResultToggle/stashBatchResultToggle.js
diff --git a/plugins/3. Stash Batch Result Toggle/stashBatchResultToggle.yml b/plugins/StashBatchResultToggle/stashBatchResultToggle.yml
similarity index 100%
rename from plugins/3. Stash Batch Result Toggle/stashBatchResultToggle.yml
rename to plugins/StashBatchResultToggle/stashBatchResultToggle.yml
diff --git a/plugins/1. stashUserscriptLibrary/StashUserscriptLibrary.yml b/plugins/stashUserscriptLibrary/StashUserscriptLibrary.yml
similarity index 100%
rename from plugins/1. stashUserscriptLibrary/StashUserscriptLibrary.yml
rename to plugins/stashUserscriptLibrary/StashUserscriptLibrary.yml
diff --git a/plugins/1. stashUserscriptLibrary/stashUserscriptLibrary.js b/plugins/stashUserscriptLibrary/stashUserscriptLibrary.js
similarity index 100%
rename from plugins/1. stashUserscriptLibrary/stashUserscriptLibrary.js
rename to plugins/stashUserscriptLibrary/stashUserscriptLibrary.js
diff --git a/plugins/2. stats/stats.js b/plugins/stats/stats.js
similarity index 100%
rename from plugins/2. stats/stats.js
rename to plugins/stats/stats.js
diff --git a/plugins/2. stats/stats.yml b/plugins/stats/stats.yml
similarity index 100%
rename from plugins/2. stats/stats.yml
rename to plugins/stats/stats.yml

From 7c47b63d5435e8d1c23444fedc3d382b91472281 Mon Sep 17 00:00:00 2001
From: WithoutPants <53250216+WithoutPants@users.noreply.github.com>
Date: Wed, 22 Nov 2023 18:06:12 +1100
Subject: [PATCH 08/91] Add dependencies

---
 plugins/StashBatchResultToggle/stashBatchResultToggle.yml | 3 +++
 plugins/sceneCoverCropper/sceneCoverCropper.yml           | 3 +++
 plugins/stats/stats.yml                                   | 3 +++
 3 files changed, 9 insertions(+)

diff --git a/plugins/StashBatchResultToggle/stashBatchResultToggle.yml b/plugins/StashBatchResultToggle/stashBatchResultToggle.yml
index 45c47492..a07558f7 100644
--- a/plugins/StashBatchResultToggle/stashBatchResultToggle.yml
+++ b/plugins/StashBatchResultToggle/stashBatchResultToggle.yml
@@ -1,6 +1,9 @@
 name: Stash Batch Result Toggle.
+# requires: StashUserscriptLibrary
 description: In Scene Tagger, adds button to toggle all stashdb scene match result fields. Saves clicks when you only want to save a few metadata fields. Instead of turning off every field, you batch toggle them off, then toggle on the ones you want
 version: 1.0
 ui:
+  requires: 
+  - StashUserscriptLibrary
   javascript:
   - stashBatchResultToggle.js
diff --git a/plugins/sceneCoverCropper/sceneCoverCropper.yml b/plugins/sceneCoverCropper/sceneCoverCropper.yml
index 735cf4a3..53f71118 100644
--- a/plugins/sceneCoverCropper/sceneCoverCropper.yml
+++ b/plugins/sceneCoverCropper/sceneCoverCropper.yml
@@ -1,7 +1,10 @@
 name: Scene Cover Cropper
+# requires: CropperJS
 description: Crop Scene Cover Images
 version: 1.0
 ui:
+  requires:
+  - CropperJS
   css:
   javascript:
   - sceneCoverCropper.js
\ No newline at end of file
diff --git a/plugins/stats/stats.yml b/plugins/stats/stats.yml
index f86e6a14..255ca988 100644
--- a/plugins/stats/stats.yml
+++ b/plugins/stats/stats.yml
@@ -1,6 +1,9 @@
 name: Extended Stats
+# requires: StashUserscriptLibrary
 description: Adds new stats to the stats page
 version: 1.0
 ui:
+  requires: 
+  - StashUserscriptLibrary
   javascript:
   - stats.js

From 182b28d164592e6f42d5035d41e9f75211a6cb4f Mon Sep 17 00:00:00 2001
From: WithoutPants <53250216+WithoutPants@users.noreply.github.com>
Date: Wed, 22 Nov 2023 18:06:46 +1100
Subject: [PATCH 09/91] Handle dependencies

---
 build_site.sh | 31 +++++++++++++++++++++----------
 1 file changed, 21 insertions(+), 10 deletions(-)

diff --git a/build_site.sh b/build_site.sh
index d849002f..3cf6d2a8 100755
--- a/build_site.sh
+++ b/build_site.sh
@@ -18,26 +18,28 @@ buildPlugin()
 {
     f=$1
     # get the scraper id from the directory
-    plugin_id=$(basename "$f")
+    dir=$(dirname "$f")
+    plugin_id=$(basename "$f" .yml)
 
     echo "Processing $plugin_id"
 
     # create a directory for the version
-    version=$(git log -n 1 --pretty=format:%h -- "$f"/*)
-    updated=$(git log -n 1 --date="format:%F %T %z" --pretty=format:%ad -- "$f"/*)
+    version=$(git log -n 1 --pretty=format:%h -- "$dir"/*)
+    updated=$(git log -n 1 --date="format:%F %T %z" --pretty=format:%ad -- "$dir"/*)
     
     # create the zip file
     # copy other files
     zipfile=$(realpath "$outdir/$plugin_id.zip")
     
-    pushd "$f" > /dev/null
+    pushd "$dir" > /dev/null
     zip -r "$zipfile" . > /dev/null
     popd > /dev/null
 
-    name=$(grep "^name:" "$f"/*.yml | head -n 1 | cut -d' ' -f2- | sed -e 's/\r//' -e 's/^"\(.*\)"$/\1/')
-    description=$(grep "^description:" "$f"/*.yml | head -n 1 | cut -d' ' -f2- | sed -e 's/\r//' -e 's/^"\(.*\)"$/\1/')
-    ymlVersion=$(grep "^version:" "$f"/*.yml | head -n 1 | cut -d' ' -f2- | sed -e 's/\r//' -e 's/^"\(.*\)"$/\1/')
+    name=$(grep "^name:" "$f" | head -n 1 | cut -d' ' -f2- | sed -e 's/\r//' -e 's/^"\(.*\)"$/\1/')
+    description=$(grep "^description:" "$f" | head -n 1 | cut -d' ' -f2- | sed -e 's/\r//' -e 's/^"\(.*\)"$/\1/')
+    ymlVersion=$(grep "^version:" "$f" | head -n 1 | cut -d' ' -f2- | sed -e 's/\r//' -e 's/^"\(.*\)"$/\1/')
     version="$ymlVersion-$version"
+    dep=$(grep "^# requires:" "$f" | cut -c 12- | sed -e 's/\r//')
 
     # write to spec index
     echo "- id: $plugin_id
@@ -47,10 +49,19 @@ buildPlugin()
   version: $version
   date: $updated
   path: $plugin_id.zip
-  sha256: $(sha256sum "$zipfile" | cut -d' ' -f1)
-" >> "$outdir"/index.yml
+  sha256: $(sha256sum "$zipfile" | cut -d' ' -f1)" >> "$outdir"/index.yml
+
+    # handle dependencies
+    if [ ! -z "$dep" ]; then
+        echo "  requires:" >> "$outdir"/index.yml
+        for d in ${dep//,/ }; do
+            echo "    - $d" >> "$outdir"/index.yml
+        done
+    fi
+
+    echo "" >> "$outdir"/index.yml
 }
 
-find ./plugins -mindepth 1 -maxdepth 1 -type d | while read file; do
+find ./plugins -mindepth 1 -name *.yml | while read file; do
     buildPlugin "$file"
 done

From 558b3f1712fb6e8735592edf2632e255719df56e Mon Sep 17 00:00:00 2001
From: WithoutPants <53250216+WithoutPants@users.noreply.github.com>
Date: Mon, 27 Nov 2023 13:41:52 +1100
Subject: [PATCH 10/91] Use UTC timestamps without timezone

---
 build_site.sh | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/build_site.sh b/build_site.sh
index 3cf6d2a8..1c9a59ad 100755
--- a/build_site.sh
+++ b/build_site.sh
@@ -25,7 +25,7 @@ buildPlugin()
 
     # create a directory for the version
     version=$(git log -n 1 --pretty=format:%h -- "$dir"/*)
-    updated=$(git log -n 1 --date="format:%F %T %z" --pretty=format:%ad -- "$dir"/*)
+    updated=$(TZ=UTC0 git log -n 1 --date="format-local:%F %T" --pretty=format:%ad -- "$dir"/*)
     
     # create the zip file
     # copy other files

From 92b869284d046626de37bc03b9348f1384e2435b Mon Sep 17 00:00:00 2001
From: WithoutPants <53250216+WithoutPants@users.noreply.github.com>
Date: Tue, 28 Nov 2023 09:50:06 +1100
Subject: [PATCH 11/91] Update deploy action

---
 .github/workflows/deploy.yml | 27 +++++++++++++++------------
 1 file changed, 15 insertions(+), 12 deletions(-)

diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
index 1e5ed7ae..e6003e53 100644
--- a/.github/workflows/deploy.yml
+++ b/.github/workflows/deploy.yml
@@ -15,34 +15,37 @@ permissions:
 
 jobs:
   build:
-    runs-on: ubuntu-20.04
+    runs-on: ubuntu-22.04
     steps:
     - name: Checkout main
       uses: actions/checkout@v2
       with:
         path: main
         ref: main
+        fetch-depth: '0'
     - run: |
         cd main
         ./build_site.sh ../_site/develop
-    - name: Checkout Stable
-      uses: actions/checkout@v2
-      with:
-        path: stable
-        ref: stable
-    - run: |
-        cd stable
-        ../master/build_site.sh ../_site/stable
-    - uses: actions/upload-pages-artifact@v1
+    # uncomment this once we have a stable branch
+    # - name: Checkout Stable
+    #   uses: actions/checkout@v2
+    #   with:
+    #     path: stable
+    #     ref: stable
+    #     fetch-depth: '0'
+    # - run: |
+    #     cd stable
+    #     ../master/build_site.sh ../_site/stable
+    # - uses: actions/upload-pages-artifact@v2
     
   deploy:
     environment:
       name: github-pages
       url: ${{ steps.deployment.outputs.page_url }}
-    runs-on: ubuntu-20.04
+    runs-on: ubuntu-22.04
     needs: build
     steps:
       - name: Deploy to GitHub Pages
         id: deployment
-        uses: actions/deploy-pages@v1
+        uses: actions/deploy-pages@v2
     

From 79b544efe7aa6adf52f2e555434fc38eb1b8665f Mon Sep 17 00:00:00 2001
From: WithoutPants <53250216+WithoutPants@users.noreply.github.com>
Date: Tue, 28 Nov 2023 09:56:24 +1100
Subject: [PATCH 12/91] Fix incorrectly commented line

---
 .github/workflows/deploy.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
index e6003e53..ba8c2b04 100644
--- a/.github/workflows/deploy.yml
+++ b/.github/workflows/deploy.yml
@@ -36,7 +36,7 @@ jobs:
     # - run: |
     #     cd stable
     #     ../master/build_site.sh ../_site/stable
-    # - uses: actions/upload-pages-artifact@v2
+    - uses: actions/upload-pages-artifact@v2
     
   deploy:
     environment:

From 27b74b8d33bae211843563e33da737b6eb46eb2d Mon Sep 17 00:00:00 2001
From: WithoutPants <53250216+WithoutPants@users.noreply.github.com>
Date: Tue, 12 Dec 2023 12:00:04 +1100
Subject: [PATCH 13/91] Build stable branch

---
 .github/workflows/deploy.yml | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
index ba8c2b04..2450e61f 100644
--- a/.github/workflows/deploy.yml
+++ b/.github/workflows/deploy.yml
@@ -27,15 +27,15 @@ jobs:
         cd main
         ./build_site.sh ../_site/develop
     # uncomment this once we have a stable branch
-    # - name: Checkout Stable
-    #   uses: actions/checkout@v2
-    #   with:
-    #     path: stable
-    #     ref: stable
-    #     fetch-depth: '0'
-    # - run: |
-    #     cd stable
-    #     ../master/build_site.sh ../_site/stable
+    - name: Checkout Stable
+      uses: actions/checkout@v2
+      with:
+        path: stable
+        ref: stable
+        fetch-depth: '0'
+    - run: |
+        cd stable
+        ../main/build_site.sh ../_site/stable
     - uses: actions/upload-pages-artifact@v2
     
   deploy:

From 0e8f91145876276e8a0b05c8596a525d89a4f453 Mon Sep 17 00:00:00 2001
From: WithoutPants <53250216+WithoutPants@users.noreply.github.com>
Date: Wed, 20 Dec 2023 14:07:15 +1100
Subject: [PATCH 14/91] Use #pkgignore to omit from build script

---
 build_site.sh                         | 5 +++++
 plugins/comicInfoExtractor/config.yml | 1 +
 2 files changed, 6 insertions(+)

diff --git a/build_site.sh b/build_site.sh
index 1c9a59ad..463ee690 100755
--- a/build_site.sh
+++ b/build_site.sh
@@ -17,6 +17,11 @@ mkdir -p "$outdir"
 buildPlugin() 
 {
     f=$1
+
+    if grep -q "^#pkgignore" "$f"; then
+        return
+    fi
+    
     # get the scraper id from the directory
     dir=$(dirname "$f")
     plugin_id=$(basename "$f" .yml)
diff --git a/plugins/comicInfoExtractor/config.yml b/plugins/comicInfoExtractor/config.yml
index 51c7d1f5..235e8524 100644
--- a/plugins/comicInfoExtractor/config.yml
+++ b/plugins/comicInfoExtractor/config.yml
@@ -1,3 +1,4 @@
+#pkgignore
 #ImportList is a dictionary
 #that matches an xml Attribute from ComicInfo.xml to the according value in stash (using the graphql naming)
 #Fields that refer to different types of media are resolved by name and created if necessary (tags, studio, performers)

From adc642cc7bf147375783359db447b77106102dd9 Mon Sep 17 00:00:00 2001
From: WithoutPants <53250216+WithoutPants@users.noreply.github.com>
Date: Wed, 27 Dec 2023 17:14:29 +1100
Subject: [PATCH 15/91] Make main stable, develop a separate ref

---
 .github/workflows/deploy.yml | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
index 2450e61f..74b7f1e6 100644
--- a/.github/workflows/deploy.yml
+++ b/.github/workflows/deploy.yml
@@ -25,17 +25,17 @@ jobs:
         fetch-depth: '0'
     - run: |
         cd main
-        ./build_site.sh ../_site/develop
-    # uncomment this once we have a stable branch
-    - name: Checkout Stable
+        ./build_site.sh ../_site/stable
+    - name: Checkout dev
       uses: actions/checkout@v2
       with:
-        path: stable
-        ref: stable
+        path: dev
+        # change this ref to whatever dev branch/tag we need when necessary
+        ref: main
         fetch-depth: '0'
     - run: |
-        cd stable
-        ../main/build_site.sh ../_site/stable
+        cd dev
+        ../main/build_site.sh ../_site/develop
     - uses: actions/upload-pages-artifact@v2
     
   deploy:

From 593760e5d2adfd6eeb499ee515134febcfd0b979 Mon Sep 17 00:00:00 2001
From: Tweeticoats <Tweeticoats@github.com>
Date: Wed, 27 Dec 2023 23:33:18 +1030
Subject: [PATCH 16/91] Adding gallery support and fixes to allow it to work
 with stash 0.24. There is a new task to submit galleries and fetch metadata
 for untagged galleries plus a gallery update hook to update new updates.

---
 plugins/timestampTrade/timestampTrade.py  | 340 ++++++++++++++++++++--
 plugins/timestampTrade/timestampTrade.yml |  19 +-
 2 files changed, 328 insertions(+), 31 deletions(-)

diff --git a/plugins/timestampTrade/timestampTrade.py b/plugins/timestampTrade/timestampTrade.py
index 633d773a..df04aca8 100644
--- a/plugins/timestampTrade/timestampTrade.py
+++ b/plugins/timestampTrade/timestampTrade.py
@@ -17,40 +17,75 @@ def processScene(s):
     if len(s['stash_ids']) > 0:
         for sid in s['stash_ids']:
             #                print('looking up markers for stash id: '+sid['stash_id'])
-            res = requests.post('https://timestamp.trade/get-markers/' + sid['stash_id'], json=s)
-            md = res.json()
-            if 'marker' in md:
-                log.info(
-                    'api returned something, for scene: ' + s['title'] + ' marker count: ' + str(len(md['marker'])))
-                markers = []
-                for m in md['marker']:
-#                    log.debug('-- ' + m['name'] + ", " + str(m['start'] / 1000))
-                    marker = {}
-                    marker["seconds"] = m['start'] / 1000
-                    marker["primary_tag"] = m["tag"]
-                    marker["tags"] = []
-                    marker["title"] = m['name']
-                    markers.append(marker)
-                if len(markers) > 0:
-                    log.info('Saving markers')
-                    mp.import_scene_markers(stash, markers, s['id'], 15)
+            res = request_s.post('https://timestamp.trade/get-markers/' + sid['stash_id'], json=s)
+            if res.status_code==200:
+                md = res.json()
+                if 'marker' in md:
+                    log.info(
+                        'api returned something, for scene: ' + s['title'] + ' marker count: ' + str(len(md['marker'])))
+                    markers = []
+                    for m in md['marker']:
+    #                    log.debug('-- ' + m['name'] + ", " + str(m['start'] / 1000))
+                        marker = {}
+                        marker["seconds"] = m['start'] / 1000
+                        marker["primary_tag"] = m["tag"]
+                        marker["tags"] = []
+                        marker["title"] = m['name']
+                        markers.append(marker)
+                    if len(markers) > 0:
+                        log.info('Saving markers')
+                        mp.import_scene_markers(stash, markers, s['id'], 15)
+                if 'galleries' in md:
+                    log.info(md['galleries'])
+                    skip_sync_tag_id = stash.find_tag('[Timestamp: Skip Sync]', create=True).get("id")
+                    for g in md['galleries']:
+                        for f in g['files']:
+                            res=stash.find_galleries(f={"checksum": {"value": f['md5'],"modifier": "EQUALS"},"tags":{"depth":0,"excludes":[skip_sync_tag_id],"modifier":"INCLUDES_ALL","value":[]}})
+                            for gal in res:
+#                                log.debug('Gallery=%s'  %(gal,))
+                                gallery={
+                                    'id':gal['id'],
+                                    'title':gal['title'],
+                                    'urls':gal['urls'],
+                                    'date':gal['date'],
+                                    'rating100':gal['rating100'],
+                                    'studio_id':gal['studio']['id'],
+                                    'performer_ids':[x['id'] for x in gal['performers']],
+                                    'tag_ids':[x['id'] for x in gal['tags']],
+                                    'scene_ids':[x['id'] for x in gal['scenes']],
+                                    'details':gal['details']
+                                }
+                                if len(gal['urls'])==0:
+                                    log.debug('no urls on gallery, needs new metadata')
+                                    gallery['urls'].extend([x['url'] for x in g['urls']])
+
+                                if s['id'] not in gallery['scene_ids']:
+                                    log.debug('attaching scene %s to gallery %s '% (s['id'],gallery['id'],))
+                                    gallery['scene_ids'].append(s['id'])
+                                log.info('updating gallery: %s' % (gal['id'],))
+                                stash.update_gallery(gallery_data=gallery)
+                            log.debug(res)
+                if 'movies' in md:
+                    log.info(md['movies'])
+
 
 
 def processAll():
     log.info('Getting scene count')
-    count=stash.find_scenes(f={"stash_id":{"value":"","modifier":"NOT_NULL"},"has_markers":"false"},filter={"per_page": 1},get_count=True)[0]
+
+    count=stash.find_scenes(f={"stash_id_endpoint": { "endpoint": "", "modifier": "NOT_NULL", "stash_id": ""},"has_markers":"false"},filter={"per_page": 1},get_count=True)[0]
     log.info(str(count)+' scenes to submit.')
     i=0
     for r in range(1,int(count/per_page)+1):
         log.info('fetching data: %s - %s %0.1f%%' % ((r - 1) * per_page,r * per_page,(i/count)*100,))
-        scenes=stash.find_scenes(f={"stash_id":{"value":"","modifier":"NOT_NULL"},"has_markers":"false"},filter={"page":r,"per_page": per_page})
+        scenes=stash.find_scenes(f={"stash_id_endpoint": { "endpoint": "", "modifier": "NOT_NULL", "stash_id": ""},"has_markers":"false"},filter={"page":r,"per_page": per_page})
         for s in scenes:
             processScene(s)
             i=i+1
             log.progress((i/count))
-            time.sleep(2)
+            time.sleep(1)
 
-def submit():
+def submit(f={"has_markers": "true"}):
     scene_fgmt = """title
        details
        url
@@ -82,12 +117,62 @@ def submit():
            primary_tag{
               name
            }
-       }"""
-    count = stash.find_scenes(f={"has_markers": "true"}, filter={"per_page": 1}, get_count=True)[0]
+       }
+    galleries{
+      title
+      url
+      date
+      details
+      tags{
+           name
+       }
+
+      studio{
+           name
+           stash_ids{
+              endpoint
+              stash_id
+           }
+      }
+      performers{
+           name
+           stash_ids{
+              endpoint
+              stash_id
+           }
+       }
+
+      files{
+        basename
+        size
+        fingerprints{
+          type
+          value
+        }
+      }
+    }
+    movies{
+    	movie{
+        name
+        url
+        date
+        director
+        synopsis
+        studio{
+           name
+           stash_ids{
+              endpoint
+              stash_id
+           }          
+        }
+      }
+    }
+       """
+    count = stash.find_scenes(f=f, filter={"per_page": 1}, get_count=True,fragment=scene_fgmt)[0]
     i=0
     for r in range(1, math.ceil(count/per_page) + 1):
         log.info('submitting scenes: %s - %s %0.1f%%' % ((r - 1) * per_page,r * per_page,(i/count)*100,))
-        scenes = stash.find_scenes(f={"has_markers": "true"}, filter={"page": r, "per_page": per_page},fragment=scene_fgmt)
+        scenes = stash.find_scenes(f=f, filter={"page": r, "per_page": per_page},fragment=scene_fgmt)
         for s in scenes:
             log.debug("submitting scene: " + str(s))
             request_s.post('https://timestamp.trade/submit-stash', json=s)
@@ -97,16 +182,215 @@ def submit():
 
 
 
+def submitGallery():
+    scene_fgmt = """    title
+    url
+    date
+    details
+    tags{
+      name
+    }
+    studio{
+      name
+      stash_ids{
+        endpoint
+        stash_id
+      }
+    }
+    performers{
+      name
+      stash_ids{
+        endpoint
+        stash_id
+      }
+    }
+
+    files{
+      basename
+      size
+      fingerprints{
+        type
+        value
+      }
+    }
+    scenes{
+      title
+      details
+      url
+      date
+      performers{
+        name
+        stash_ids{
+          endpoint
+          stash_id
+        }
+      }
+      tags{
+        name
+      }
+      studio{
+        name
+        stash_ids{
+          endpoint
+          stash_id
+        }
+      }
+      stash_ids{
+        endpoint
+        stash_id
+      }      
+    }"""
+
+    count=stash.find_galleries(f={"url": {"value": "","modifier": "NOT_NULL"}},filter={"per_page": 1},get_count=True, fragment=scene_fgmt)[0]
+    log.debug(count)
+    i = 0
+    for r in range(1, math.ceil(count / per_page) + 1):
+        log.info('submitting gallery: %s - %s %0.1f%%' % ((r - 1) * per_page, r * per_page, (i / count) * 100,))
+        galleries = stash.find_galleries(f={"url": {"value": "", "modifier": "NOT_NULL"}}, filter={"page": r, "per_page": per_page,'sort': 'created_at', 'direction': 'DESC'}, fragment=scene_fgmt)
+        for g in galleries:
+            log.debug("submitting gallery: %s" %(g,))
+            request_s.post('https://timestamp.trade/submit-stash-gallery', json=g)
+            i = i + 1
+            log.progress((i / count))
+            time.sleep(2)
+
+def processGalleries():
+    skip_sync_tag_id = stash.find_tag('[Timestamp: Skip Sync]', create=True).get("id")
+
+    count=get_count = stash.find_galleries(f={"url": {"value": "", "modifier": "IS_NULL"},
+                                  "tags": {"depth": 0, "excludes": [skip_sync_tag_id], "modifier": "INCLUDES_ALL",
+                                           "value": []}},filter={"per_page": 1},get_count=True)[0]
+    tag_cache={}
+
+    log.info('count %s '% (count,))
+    i=0
+    for r in range(1, math.ceil(count/per_page) + 1):
+        log.info('processing gallery scenes: %s - %s %0.1f%%' % ((r - 1) * per_page,r * per_page,(i/count)*100,))
+        galleries = stash.find_galleries(f={"url": {"value": "", "modifier": "IS_NULL"},
+                                  "tags": {"depth": 0, "excludes": [skip_sync_tag_id], "modifier": "INCLUDES_ALL",
+                                           "value": []}},
+                                         filter={"page": r, "per_page": 20,'sort': 'created_at', 'direction': 'DESC'})
+        for gal in galleries:
+            processGallery(gal)
+def processGallery(gallery):
+    # ignore galleries with a url
+    if len(gallery['urls']) ==0:
+        for f in gallery['files']:
+            for fp in f['fingerprints']:
+                if fp['type']=='md5':
+                    log.debug('looking up galleries by file hash: %s ' % (fp['value'],))
+                    res = request_s.post('https://timestamp.trade/gallery-md5/' + fp['value'])
+                    if res.status_code == 200:
+                        for g in res.json():
+                            log.debug('stash gallery=%s' % (gallery,))
+                            log.debug('tt gallery=%s' % (g,))
+
+                            new_gallery={
+                                'id':gallery['id'],
+                                'title':g['title'],
+                                'urls':[x['url'] for x in g['urls']],
+                                'date':g['release_date'],
+                                'rating100':gallery['rating100'],
+                                'studio_id':None,
+                                'performer_ids':[],
+                                'tag_ids':[],
+                                'scene_ids':[],
+                                'details':g['description']
+                            }
+                            for p in g['performers']:
+                                performer_id=None
+                                # try looking up stashid
+                                for sid in p['stash_ids']:
+                                    performers=stash.find_performers(f={"stash_id_endpoint": {"endpoint": sid['endpoint'],"stash_id": sid['stash_id'],"modifier": "EQUALS"}})
+                                    if len(performers) >0:
+                                        performer_id=performers[0]['id']
+                                        log.debug('performer matched %s' % (performer_id,))
+                                        break
+                                # look for the performer
+                                if not performer_id:
+                                    performers=stash.find_performers(q=p['name'])
+                                    for perf in performers:
+                                        if p['name'].lower() ==perf['name'].lower():
+                                            performer_id=perf['id']
+                                        for pa in perf['alias_list']:
+                                            if p['name'].lower()==pa.lower():
+                                                performer_id=perf['id']
+                                                log.debug('match alias')
+
+                                # performer does not exist, create the performer
+                                if not performer_id:
+                                    log.info('performer %s does not exist, creating' % (p['name'],))
+                                    new_perf=stash.create_performer(performer_in={'name':p['name'],'stash_ids':p['stash_ids']})
+                                    performer_id=new_perf['id']
+                                    log.debug(new_perf)
+                                new_gallery['performer_ids'].append(performer_id)
+                                log.debug(performer_id)
+
+                            for tag in g['tags']:
+                                new_gallery['tag_ids'].append(stash.find_tag(tag['name'], create=True).get("id"))
+                            for sid in g['studio']['stash_ids']:
+                                stud=stash.find_studios(f={"stash_id_endpoint": {"endpoint": sid['endpoint'],"stash_id": sid['stash_id'],"modifier": "EQUALS"}})
+                                if len(stud) >0:
+                                    new_gallery['studio_id']=stud[0]['id']
+                                    break
+                            if new_gallery['studio_id'] is None:
+                                stud=stash.find_studios(q=g['studio']['name'])
+                                for s in stud:
+                                    if s['name'].lower() == g['studio']['name'].lower():
+                                        new_gallery['studio_id'] = s['id']
+                                        break
+                                    for sa in s['aliases']:
+                                        if sa['name'].lower() == g['studio']['name'].lower():
+                                            new_gallery['studio_id'] = s['id']
+                                            break
+
+                            log.debug(new_gallery)
+
+
+                            stash.update_gallery(gallery_data=new_gallery)
+                            time.sleep(1)
+
+                    else:
+                        log.debug('bad response from api')
+                        time.sleep(10)
+
+
+def getImages(gallery_id):
+    images=[]
+    res=stash.find_images(f={ "galleries": {"value": [gallery_id],"modifier": "INCLUDES_ALL"}})
+    for r in res:
+        print(r)
+        img={'title':r['title'],"filename":r['visual_files'][0]['basename'],'size':r['visual_files'][0]['size'],'width':r['visual_files'][0]['width'],'height':r['visual_files'][0]['height'],'md5':r['visual_files'][0]['fingerprints'][0]['value']}
+        images.append(img)
+        print(img)
+    print(images)
+
 json_input = json.loads(sys.stdin.read())
+
 FRAGMENT_SERVER = json_input["server_connection"]
 stash = StashInterface(FRAGMENT_SERVER)
 if 'mode' in json_input['args']:
     PLUGIN_ARGS = json_input['args']["mode"]
-    if 'submit' in PLUGIN_ARGS:
+    if 'submitScene' in PLUGIN_ARGS:
         submit()
-    elif 'process' in PLUGIN_ARGS:
+    elif 'submitGallery' in PLUGIN_ARGS:
+        submitGallery()
+    elif 'processGallery' in  PLUGIN_ARGS:
+        processGalleries()
+    elif 'processScene' in PLUGIN_ARGS:
         processAll()
+    elif '2tmp'  in PLUGIN_ARGS:
+        submit(f={"url": {"modifier": "INCLUDES","value": "sexlikereal.com"}})
+    elif 'tmp'  in PLUGIN_ARGS:
+        tmp=getImages(gallery_id=5904)
+        print(tmp)
+
 elif 'hookContext' in json_input['args']:
     id=json_input['args']['hookContext']['id']
-    scene=stash.find_scene(id)
-    processScene(scene)
+    if json_input['args']['hookContext']['type']=='Scene.Update.Post':
+        scene=stash.find_scene(id)
+        processScene(scene)
+    if json_input['args']['hookContext']['type']=='Gallery.Update.Post':
+        gallery=stash.find_gallery(id)
+        processGallery(gallery)
+
diff --git a/plugins/timestampTrade/timestampTrade.yml b/plugins/timestampTrade/timestampTrade.yml
index e30fa1e6..1e015691 100644
--- a/plugins/timestampTrade/timestampTrade.yml
+++ b/plugins/timestampTrade/timestampTrade.yml
@@ -1,6 +1,6 @@
 name: Timestamp Trade
 description: Sync Markers with timestamp.trade, a new database for sharing markers.
-version: 0.1
+version: 0.4
 url: https://github.com/stashapp/CommunityScripts/
 exec:
   - python
@@ -11,12 +11,25 @@ hooks:
     description: Makes Markers checking against timestamp.trade
     triggeredBy:
       - Scene.Update.Post
+  - name: Gallery lookup
+    description: Look up gallery metadata from timestamp.trade
+    triggeredBy:
+      - Gallery.Create.Post
+
 tasks:
   - name: 'Submit'
     description: Submit markers to timestamp.trade
     defaultArgs:
-      mode: submit
+      mode: submitScene
   - name: 'Sync'
     description: Get markers for all scenes with a stashid
     defaultArgs:
-      mode: process
+      mode: processScene
+  - name: 'Submit Gallery'
+    description: Submit gallery info to timestamp.trade
+    defaultArgs:
+      mode: submitGallery
+  - name: 'Sync Gallery'
+    description: get gallery info from timestamp.trade
+    defaultArgs:
+      mode: processGallery

From b87b9f6c13cc9fadcbcf6bdafb64822d5d4107b7 Mon Sep 17 00:00:00 2001
From: Tweeticoats <Tweeticoats@github.com>
Date: Thu, 28 Dec 2023 00:08:45 +1030
Subject: [PATCH 17/91] Cleanup

---
 plugins/timestampTrade/timestampTrade.py | 18 +++++++-----------
 1 file changed, 7 insertions(+), 11 deletions(-)

diff --git a/plugins/timestampTrade/timestampTrade.py b/plugins/timestampTrade/timestampTrade.py
index 4d2e9fc5..c8c10cee 100644
--- a/plugins/timestampTrade/timestampTrade.py
+++ b/plugins/timestampTrade/timestampTrade.py
@@ -96,7 +96,7 @@ def processAll():
             log.progress((i/count))
             time.sleep(1)
 
-def submit():
+def submitScene():
     scene_fgmt = """title
        details
        url
@@ -183,11 +183,11 @@ def submit():
 
 
     skip_submit_tag_id = stash.find_tag('[Timestamp: Skip Submit]', create=True).get("id")
-    count = stash.find_scenes(f={"has_markers": "true","tags":{"depth":0,"excludes":[skip_sync_tag_id],"modifier":"INCLUDES_ALL","value":[]}}, filter={"per_page": 1}, get_count=True)[0]
+    count = stash.find_scenes(f={"has_markers": "true","tags":{"depth":0,"excludes":[skip_submit_tag_id],"modifier":"INCLUDES_ALL","value":[]}}, filter={"per_page": 1}, get_count=True)[0]
     i=0
     for r in range(1, math.ceil(count/per_page) + 1):
         log.info('submitting scenes: %s - %s %0.1f%%' % ((r - 1) * per_page,r * per_page,(i/count)*100,))
-        scenes = stash.find_scenes(f={"has_markers": "true"}, filter={"page": r, "per_page": per_page},fragment=scene_fgmt)
+        scenes = stash.find_scenes(f={"has_markers": "true","tags":{"depth":0,"excludes":[skip_submit_tag_id],"modifier":"INCLUDES_ALL","value":[]}}, filter={"page": r, "per_page": per_page},fragment=scene_fgmt)
         for s in scenes:
             log.debug("submitting scene: " + str(s))
             request_s.post('https://timestamp.trade/submit-stash', json=s)
@@ -255,12 +255,13 @@ def submitGallery():
       }      
     }"""
 
-    count=stash.find_galleries(f={"url": {"value": "","modifier": "NOT_NULL"}},filter={"per_page": 1},get_count=True, fragment=scene_fgmt)[0]
+    skip_submit_tag_id = stash.find_tag('[Timestamp: Skip Submit]', create=True).get("id")
+    count=stash.find_galleries(f={"url": {"value": "","modifier": "NOT_NULL"},"tags":{"depth":0,"excludes":[skip_submit_tag_id],"modifier":"INCLUDES_ALL","value":[]}},filter={"per_page": 1},get_count=True, fragment=scene_fgmt)[0]
     log.debug(count)
     i = 0
     for r in range(1, math.ceil(count / per_page) + 1):
         log.info('submitting gallery: %s - %s %0.1f%%' % ((r - 1) * per_page, r * per_page, (i / count) * 100,))
-        galleries = stash.find_galleries(f={"url": {"value": "", "modifier": "NOT_NULL"}}, filter={"page": r, "per_page": per_page,'sort': 'created_at', 'direction': 'DESC'}, fragment=scene_fgmt)
+        galleries = stash.find_galleries(f={"url": {"value": "", "modifier": "NOT_NULL"},"tags":{"depth":0,"excludes":[skip_submit_tag_id],"modifier":"INCLUDES_ALL","value":[]}}, filter={"page": r, "per_page": per_page,'sort': 'created_at', 'direction': 'DESC'}, fragment=scene_fgmt)
         for g in galleries:
             log.debug("submitting gallery: %s" %(g,))
             request_s.post('https://timestamp.trade/submit-stash-gallery', json=g)
@@ -386,18 +387,13 @@ def getImages(gallery_id):
 if 'mode' in json_input['args']:
     PLUGIN_ARGS = json_input['args']["mode"]
     if 'submitScene' in PLUGIN_ARGS:
-        submit()
+        submitScene()
     elif 'submitGallery' in PLUGIN_ARGS:
         submitGallery()
     elif 'processGallery' in  PLUGIN_ARGS:
         processGalleries()
     elif 'processScene' in PLUGIN_ARGS:
         processAll()
-    elif '2tmp'  in PLUGIN_ARGS:
-        submit(f={"url": {"modifier": "INCLUDES","value": "sexlikereal.com"}})
-    elif 'tmp'  in PLUGIN_ARGS:
-        tmp=getImages(gallery_id=5904)
-        print(tmp)
 
 elif 'hookContext' in json_input['args']:
     id=json_input['args']['hookContext']['id']

From 3a51407e59ae3b1ff0db2deb26cebbb005271000 Mon Sep 17 00:00:00 2001
From: scruffynerf <scruffynerf23@gmail.com>
Date: Thu, 28 Dec 2023 21:07:23 -0500
Subject: [PATCH 18/91] Update README.md to being the process of revising for
 v24

---
 README.md | 36 ++++++++++++++++++------------------
 1 file changed, 18 insertions(+), 18 deletions(-)

diff --git a/README.md b/README.md
index 12cd7890..cb61deaf 100644
--- a/README.md
+++ b/README.md
@@ -1,26 +1,31 @@
 # CommunityScripts Repository
 
-This repository contains plugin and utility scripts created by the Stash community and hosted on the official GitHub repo.  There is also [a list of third-party plugins on our wiki page](https://github.com/stashapp/stash/wiki/Plugins-&--Scripts).
+This repository contains plugin and utility scripts created by the Stash community and hosted on the official GitHub repo.  
 
-## How To Install
-To download a plugin, either clone the git repo, or download the files directly.
+There is also [a list of third-party plugins on our wiki page](https://github.com/stashapp/stash/wiki/Plugins-&--Scripts).
 
-It is recommended that plugins are placed in their own subdirectory of your `plugins` directory. The `plugins` directory should be created as a subdirectory in the directory containing your `config.yml` file. This will be in `$HOME/.stash` by default.
+## Please note: V24 now uses an installer, so we recommend you use that to install plugins.  
+Manual installs are discouraged, and you shouldn't do so unless you know what you are doing otherwise.
 
-When downloading directly click on the file you want and then make sure to click the raw button:
+## How To Install
+To download a plugin in Stash v24, the CommunityScripts repo source is automatically installed by default.
+This source is located at https://stashapp.github.io/CommunityScripts/stable/index.yml
 
-![](https://user-images.githubusercontent.com/1358708/82524777-cd4cfe80-9afd-11ea-808d-5ea7bf26704f.jpg)
+# Plugin, Themes, and Scripts Directory
+We used to list all plugins, themes, and scripts in this repository...
+but with the changes in v24, ANY items installable by the plugin installer are no longer listed here.
+Use the Plugin Installer built into Stash.
 
-# Plugin and Script Directory
-This list keeps track of scripts and plugins in this repository. Please ensure the list is kept in alphabetical order.
+We will continue to list the items NOT otherwise installable this way below.
 
 ## NOTE: BREAKING CHANGES
-The upcoming v24 release (and the current development branch) have breaking changes to schema, and also plugin changes.
-We're beginning to review plugins and the rest and patch them to work, but it's an ongoing process.
-We'll update the table below as we do this, but we STRONGLY recommend you do not use the development branch unless you are prepared to help with the patching.
+The recent v24 release (and development branches) had major breaking changes to old schema, and plugin changes.
+We're beginning to review plugins and the rest and patch them to work, but it's an ongoing process...
+
+We'll update the table below as we do this...
 We will also be rearranging things a bit, and updating documentation (including this page)
 
-## Plugins
+## Plugins and Themes are no longer listed here.
 
 Category|Triggers|Plugin Name|Description|Minimum Stash version|Updated for v24|
 --------|-----------|-----------|-----------|---------------------|-----
@@ -42,12 +47,7 @@ Theme Name|Description                                 |Updated for v24|
 
 ## Utility Scripts
 
-|Category|Userscript Name|Description|Updated for v24|
+|Category|Name|Description|Updated for v24|
 ---------|---------------|-----------|----
 StashDB  |[StashDB Submission Helper](/userscripts/StashDB_Submission_Helper)|Adds handy functions for StashDB submissions like buttons to add aliases in bulk to a performer|:x:
-
-## Utility Scripts
-
-Category|Plugin Name|Description|Minimum Stash version|Updated for v24|
---------|-----------|-----------|---------------------|----
 Kodi|[Kodi Helper](scripts/kodi-helper)|Generates `nfo` and `strm` for use with Kodi.|v0.7|:x:

From 36556be0e581e7db6ddec6b531cf1fb388952f39 Mon Sep 17 00:00:00 2001
From: scruffynerf <scruffynerf23@gmail.com>
Date: Thu, 28 Dec 2023 21:27:49 -0500
Subject: [PATCH 19/91] small updated text

---
 README.md | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/README.md b/README.md
index cb61deaf..8b3740f2 100644
--- a/README.md
+++ b/README.md
@@ -4,12 +4,14 @@ This repository contains plugin and utility scripts created by the Stash communi
 
 There is also [a list of third-party plugins on our wiki page](https://github.com/stashapp/stash/wiki/Plugins-&--Scripts).
 
-## Please note: V24 now uses an installer, so we recommend you use that to install plugins.  
-Manual installs are discouraged, and you shouldn't do so unless you know what you are doing otherwise.
+## Please note: V24 now uses an installer
+# We recommend you use that to install plugins.  
+Manual installs are discouraged, and you shouldn't do so unless you otherwise know what you are doing.
 
 ## How To Install
 To download a plugin in Stash v24, the CommunityScripts repo source is automatically installed by default.
-This source is located at https://stashapp.github.io/CommunityScripts/stable/index.yml
+
+This default source is located at https://stashapp.github.io/CommunityScripts/stable/index.yml
 
 # Plugin, Themes, and Scripts Directory
 We used to list all plugins, themes, and scripts in this repository...

From fd2aeba1165ee9036a57c04cce3c72dc3a2cc218 Mon Sep 17 00:00:00 2001
From: scruffynerf <scruffynerf23@gmail.com>
Date: Thu, 28 Dec 2023 23:23:58 -0500
Subject: [PATCH 20/91] Fixes spacing to close #196

---
 scripts/stash-watcher/README.md | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/scripts/stash-watcher/README.md b/scripts/stash-watcher/README.md
index 8dc518c6..4c361eaa 100644
--- a/scripts/stash-watcher/README.md
+++ b/scripts/stash-watcher/README.md
@@ -39,14 +39,14 @@ There is currently no published docker image, so you'll have to build it yoursel
 version: "3.4"
 services:
   stash-watcher:
-  container_name: stash-watcher
-  build: <path_to_stash-watcher_directory>
-  volumes:
-    #This is only required if you have to modify config.toml (if the defaults are fine you don't have to map this file)
-    - ./config.toml:/config.toml:ro
-    #This is the path to your stash content.  If you have multiple paths, map them here
-    - /stash:/data:ro
-  restart: unless-stopped
+    container_name: stash-watcher
+    build: <path_to_stash-watcher_directory>
+    volumes:
+      #This is only required if you have to modify config.toml (if the defaults are fine you don't have to map this file)
+      - ./config.toml:/config.toml:ro
+      #This is the path to your stash content.  If you have multiple paths, map them here
+      - /stash:/data:ro
+    restart: unless-stopped
 ```
 
 Then you can run

From be5a4dcd7bdb957b7423bc679283ead948e403cc Mon Sep 17 00:00:00 2001
From: Scruffy Nerf <scruffynerf23@gmail.com>
Date: Mon, 1 Jan 2024 11:48:07 -0500
Subject: [PATCH 21/91] v2.5.0 - limited changes to work with Stash v24 -
 STOPGAP RELEASE

---
 plugins/renamerOnUpdate/README.md           | 16 ++++++++--
 plugins/renamerOnUpdate/renamerOnUpdate.py  | 35 +++++++++++----------
 plugins/renamerOnUpdate/renamerOnUpdate.yml |  2 +-
 3 files changed, 32 insertions(+), 21 deletions(-)

diff --git a/plugins/renamerOnUpdate/README.md b/plugins/renamerOnUpdate/README.md
index 8eaa7c3a..08dd0ede 100644
--- a/plugins/renamerOnUpdate/README.md
+++ b/plugins/renamerOnUpdate/README.md
@@ -1,6 +1,17 @@
 # *renamerOnUpdate*
 Using metadata from your Stash to rename/move your file.
 
+# WARNING - This is a stopgap release
+It is labeled 2.5.0, to fill the gap until v3.0 is released
+It is NOT heavily tested, with the bare minimum needed to work with Stash v24
+Version 3 is a major rewrite, but since it's not quite ready, pushing 2.5.0 seems necessary
+It worked for me, using my old config, and I got no errors during my limited tests.
+YOU HAVE BEEN WARNED - any potential data loss is on you.
+BEFORE YOU USE IT TO MOVE/RENAME ANYTHING CRITICAL, test it yourself.
+I still suggest you wait for v3, but... if you can't, this is now out.
+
+All credit to Belley for all of his work over the years... and v3 is coming soon
+
 ## Table of Contents  
 
 - [*renamerOnUpdate*](#renameronupdate)
@@ -33,10 +44,9 @@ Using metadata from your Stash to rename/move your file.
 		- [*performer_limit*](#performer_limit)
 
 # Requirement
-- Stash (v0.15+)
-- Python 3.6+ (Tested on Python v3.9.1 64bit, Win10)
+- Stash (v0.24+)
+- Python 3.6+ (Tested LIGHTLY on Python v3.11 Linux)
 - Request Module (https://pypi.org/project/requests/)
-- Tested on Windows 10/Synology/docker.
 
 # Installation
 
diff --git a/plugins/renamerOnUpdate/renamerOnUpdate.py b/plugins/renamerOnUpdate/renamerOnUpdate.py
index cf145a62..9dab0410 100644
--- a/plugins/renamerOnUpdate/renamerOnUpdate.py
+++ b/plugins/renamerOnUpdate/renamerOnUpdate.py
@@ -106,11 +106,9 @@ def graphql_getScene(scene_id):
     }
     fragment SceneData on Scene {
         id
-        oshash
-        checksum
         title
         date
-        rating
+        rating100
         stash_ids {
             endpoint
             stash_id
@@ -133,7 +131,7 @@ def graphql_getScene(scene_id):
             name
             gender
             favorite
-            rating
+            rating100
             stash_ids{
                 endpoint
                 stash_id
@@ -168,11 +166,9 @@ def graphql_findScene(perPage, direc="DESC") -> dict:
     }
     fragment SlimSceneData on Scene {
         id
-        oshash
-        checksum
         title
         date
-        rating
+        rating100
         organized
         stash_ids {
             endpoint
@@ -196,7 +192,7 @@ def graphql_findScene(perPage, direc="DESC") -> dict:
             name
             gender
             favorite
-            rating
+            rating100
             stash_ids{
                 endpoint
                 stash_id
@@ -467,7 +463,7 @@ def extract_info(scene: dict, template: None):
     # note: basename contains the extension
     scene_information['current_filename'] = os.path.basename(scene_information['current_path'])
     scene_information['current_directory'] = os.path.dirname(scene_information['current_path'])
-    scene_information['oshash'] = scene['oshash']
+    scene_information['oshash'] = scene.get("oshash")
     scene_information['checksum'] = scene.get("checksum")
     scene_information['studio_code'] = scene.get("code")
 
@@ -506,8 +502,8 @@ def extract_info(scene: dict, template: None):
         scene_information['duration'] = str(scene_information['duration'])
 
     # Grab Rating
-    if scene.get("rating"):
-        scene_information['rating'] = RATING_FORMAT.format(scene['rating'])
+    if scene.get("rating100"):
+        scene_information['rating'] = RATING_FORMAT.format(scene['rating100'])
 
     # Grab Performer
     scene_information['performer_path'] = None
@@ -527,10 +523,10 @@ def extract_info(scene: dict, template: None):
                 if "inverse_performer" in template["path"]["option"]:
                     perf["name"] = re.sub(r"([a-zA-Z]+)(\s)([a-zA-Z]+)", r"\3 \1", perf["name"])
             perf_list.append(perf['name'])
-            if perf.get('rating'):
-                if perf_rating.get(str(perf['rating'])) is None:
-                    perf_rating[str(perf['rating'])] = []
-                perf_rating[str(perf['rating'])].append(perf['name'])
+            if perf.get('rating100'):
+                if perf_rating.get(str(perf['rating100'])) is None:
+                    perf_rating[str(perf['rating100'])] = []
+                perf_rating[str(perf['rating100'])].append(perf['name'])
             else:
                 perf_rating["0"].append(perf['name'])
             if perf.get('favorite'):
@@ -630,7 +626,7 @@ def extract_info(scene: dict, template: None):
         scene_information['tags'] = TAGS_SPLITCHAR.join(tag_list)
 
     # Grab Height (720p,1080p,4k...)
-    scene_information['bitrate'] = str(round(int(scene['file']['bitrate']) / 1000000, 2))
+    scene_information['bit_rate'] = str(round(int(scene['file']['bit_rate']) / 1000000, 2))
     scene_information['resolution'] = 'SD'
     scene_information['height'] = f"{scene['file']['height']}p"
     if scene['file']['height'] >= 720:
@@ -1068,10 +1064,12 @@ def renamer(scene_id, db_conn=None):
                 stash_scene["oshash"] = f["oshash"]
             if f.get("md5"):
                 stash_scene["checksum"] = f["md5"]
+            if f.get("checksum"):
+                stash_scene["checksum"] = f["checksum"]
         stash_scene["path"] = scene_file["path"]
         stash_scene["file"] = scene_file
         if scene_file.get("bit_rate"):
-            stash_scene["file"]["bitrate"] = scene_file["bit_rate"]
+            stash_scene["file"]["bit_rate"] = scene_file["bit_rate"]
         if scene_file.get("frame_rate"):
             stash_scene["file"]["framerate"] = scene_file["frame_rate"]
 
@@ -1318,6 +1316,9 @@ def exit_plugin(msg=None, err=None):
                 frame_rate
                 duration
                 bit_rate
+                phash: fingerprint(type: "phash")
+                oshash: fingerprint(type: "oshash")
+                checksum: fingerprint(type: "checksum")
                 fingerprints {
                     type
                     value
diff --git a/plugins/renamerOnUpdate/renamerOnUpdate.yml b/plugins/renamerOnUpdate/renamerOnUpdate.yml
index 9a2d6b0f..f1381fe0 100644
--- a/plugins/renamerOnUpdate/renamerOnUpdate.yml
+++ b/plugins/renamerOnUpdate/renamerOnUpdate.yml
@@ -1,7 +1,7 @@
 name: renamerOnUpdate
 description: Rename/move filename based on a template.
 url: https://github.com/stashapp/CommunityScripts
-version: 2.4.4
+version: 2.5.0
 exec:
   - python
   - "{pluginDir}/renamerOnUpdate.py"

From 499004399d2a5391ae9e614dd2a0b0a7c89639e6 Mon Sep 17 00:00:00 2001
From: Scruffy Nerf <scruffynerf23@gmail.com>
Date: Mon, 1 Jan 2024 12:28:35 -0500
Subject: [PATCH 22/91] remove GH Scraper Checker (obsoleted), and update
 README.md for that and some cleanup

---
 README.md                                     |  17 +-
 .../GHScraper_Checker/GHScraper_Checker.py    | 208 ------------------
 .../GHScraper_Checker/GHScraper_Checker.yml   |  21 --
 plugins/GHScraper_Checker/log.py              |  52 -----
 4 files changed, 8 insertions(+), 290 deletions(-)
 delete mode 100644 plugins/GHScraper_Checker/GHScraper_Checker.py
 delete mode 100644 plugins/GHScraper_Checker/GHScraper_Checker.yml
 delete mode 100644 plugins/GHScraper_Checker/log.py

diff --git a/README.md b/README.md
index 8b3740f2..8fc2cef6 100644
--- a/README.md
+++ b/README.md
@@ -5,8 +5,8 @@ This repository contains plugin and utility scripts created by the Stash communi
 There is also [a list of third-party plugins on our wiki page](https://github.com/stashapp/stash/wiki/Plugins-&--Scripts).
 
 ## Please note: V24 now uses an installer
-# We recommend you use that to install plugins.  
-Manual installs are discouraged, and you shouldn't do so unless you otherwise know what you are doing.
+# We recommend you use that to install (and update) plugins.  
+Manual installs are not recommended, and you shouldn't do so unless you otherwise know what you are doing.
 
 ## How To Install
 To download a plugin in Stash v24, the CommunityScripts repo source is automatically installed by default.
@@ -14,25 +14,24 @@ To download a plugin in Stash v24, the CommunityScripts repo source is automatic
 This default source is located at https://stashapp.github.io/CommunityScripts/stable/index.yml
 
 # Plugin, Themes, and Scripts Directory
-We used to list all plugins, themes, and scripts in this repository...
-but with the changes in v24, ANY items installable by the plugin installer are no longer listed here.
+We used to list all community supported plugins, themes, and scripts in this repository...
+but with the changes in v24, ANY items installable by the plugin installer will no longer listed here.
 Use the Plugin Installer built into Stash.
 
-We will continue to list the items NOT otherwise installable this way below.
+We will continue to list the items NOT otherwise installable in this way below.
 
 ## NOTE: BREAKING CHANGES
-The recent v24 release (and development branches) had major breaking changes to old schema, and plugin changes.
+The recent v24 release (and future development branches) had major breaking changes to old schema and plugin changes.
 We're beginning to review plugins and the rest and patch them to work, but it's an ongoing process...
 
 We'll update the table below as we do this...
 We will also be rearranging things a bit, and updating documentation (including this page)
 
-## Plugins and Themes are no longer listed here.
+## Plugins and Themes will no longer be listed here.
 
 Category|Triggers|Plugin Name|Description|Minimum Stash version|Updated for v24|
 --------|-----------|-----------|-----------|---------------------|-----
-Scraper|Task|[GHScraper_Checker](plugins/GHScraper_Checker)|Compare local file against github file from the community scraper repo.|v0.8|:x:
-Maintenance|Task<br />Scene.Update|[renamerOnUpdate](plugins/renamerOnUpdate)|Rename/Move your file based on Stash metadata.|v0.7|:x:
+Maintenance|Task<br />Scene.Update|[renamerOnUpdate](plugins/renamerOnUpdate)|Rename/Move your file based on Stash metadata.|v2.4|:white_check_mark: STOPGAP
 Maintenance|Set Scene Cover|[setSceneCoverFromFile](plugins/setSceneCoverFromFile)|Searchs Stash for Scenes with a cover image in the same folder and sets the cover image in stash to that image|v0.7|:x:
 Scenes|SceneMarker.Create<br />SceneMarker.Update|[markerTagToScene](plugins/markerTagToScene)|Adds primary tag of Scene Marker to the Scene on marker create/update.|v0.8 ([46bbede](https://github.com/stashapp/stash/commit/46bbede9a07144797d6f26cf414205b390ca88f9))|:x:
 Scanning|Scene.Create<br />Gallery.Create<br />Image.Create|[defaultDataForPath](plugins/defaultDataForPath)|Adds configured Tags, Performers and/or Studio to all newly scanned Scenes, Images and Galleries..|v0.8|:x:
diff --git a/plugins/GHScraper_Checker/GHScraper_Checker.py b/plugins/GHScraper_Checker/GHScraper_Checker.py
deleted file mode 100644
index b1e08f66..00000000
--- a/plugins/GHScraper_Checker/GHScraper_Checker.py
+++ /dev/null
@@ -1,208 +0,0 @@
-import json
-import os
-import re
-import sys
-import zipfile
-from datetime import datetime
-
-import requests
-
-import log
-
-FRAGMENT = json.loads(sys.stdin.read())
-FRAGMENT_SERVER = FRAGMENT["server_connection"]
-FRAGMENT_ARG = FRAGMENT['args']['mode']
-log.LogDebug("Starting Plugin: Github Scraper Checker")
-
-CHECK_LOG = False
-GET_NEW_FILE = False
-OVERWRITE = False
-
-if FRAGMENT_ARG == "CHECK":
-    CHECK_LOG = True
-if FRAGMENT_ARG == "NEWFILE":
-    GET_NEW_FILE = True
-if FRAGMENT_ARG == "OVERWRITE":
-    OVERWRITE = True
-
-# Don't write in log if the file don't exist locally.
-IGNORE_MISS_LOCAL = False
-
-def graphql_getScraperPath():
-    query = """
-    query Configuration {
-        configuration {
-            general {
-                scrapersPath
-            }
-        }
-    }
-    """
-    result = callGraphQL(query)
-    return result["configuration"]["general"]["scrapersPath"]
-
-
-def callGraphQL(query, variables=None):
-    # Session cookie for authentication
-    graphql_port = FRAGMENT_SERVER['Port']
-    graphql_scheme = FRAGMENT_SERVER['Scheme']
-    graphql_cookies = {
-        'session': FRAGMENT_SERVER.get('SessionCookie').get('Value')
-    }
-    graphql_headers = {
-        "Accept-Encoding": "gzip, deflate, br",
-        "Content-Type": "application/json",
-        "Accept": "application/json",
-        "Connection": "keep-alive",
-        "DNT": "1"
-    }
-    if FRAGMENT_SERVER.get('Domain'):
-        graphql_domain = FRAGMENT_SERVER['Domain']
-    else:
-        if FRAGMENT_SERVER.get('Host'):
-            graphql_domain = FRAGMENT_SERVER['Host']
-        else:
-            graphql_domain = 'localhost'
-    # Because i don't understand how host work...
-    graphql_domain = 'localhost'
-    # Stash GraphQL endpoint
-    graphql_url = graphql_scheme + "://" + \
-        graphql_domain + ":" + str(graphql_port) + "/graphql"
-
-    json = {'query': query}
-    if variables is not None:
-        json['variables'] = variables
-    try:
-        response = requests.post(
-            graphql_url, json=json, headers=graphql_headers, cookies=graphql_cookies, timeout=10)
-    except:
-        sys.exit("[FATAL] Error with the graphql request, are you sure the GraphQL endpoint ({}) is correct.".format(
-            graphql_url))
-    if response.status_code == 200:
-        result = response.json()
-        if result.get("error"):
-            for error in result["error"]["errors"]:
-                raise Exception("GraphQL error: {}".format(error))
-        if result.get("data"):
-            return result.get("data")
-    elif response.status_code == 401:
-        sys.exit("HTTP Error 401, Unauthorised.")
-    else:
-        raise ConnectionError("GraphQL query failed:{} - {}. Query: {}. Variables: {}".format(
-            response.status_code, response.content, query, variables))
-
-
-def file_getlastline(path):
-    with open(path, 'r', encoding="utf-8") as f:
-        for line in f:
-            u_match = re.search(r"^\s*#\s*last updated", line.lower())
-            if u_match:
-                return line.strip()
-    return None
-
-
-def get_date(line):
-    try:
-        date = datetime.strptime(re.sub(r".*#.*Last Updated\s*", "", line), "%B %d, %Y")
-    except:
-        return None
-    return date
-
-
-scraper_folder_path = graphql_getScraperPath()
-GITHUB_LINK = "https://github.com/stashapp/CommunityScrapers/archive/refs/heads/master.zip"
-
-try:
-    r = requests.get(GITHUB_LINK, timeout=10)
-except:
-    sys.exit("Failing to download the zip file.")
-zip_path = os.path.join(scraper_folder_path, "github.zip")
-log.LogDebug(zip_path)
-with open(zip_path, "wb") as zip_file:
-    zip_file.write(r.content)
-
-with zipfile.ZipFile(zip_path) as z:
-    change_detected = False
-
-    for filename in z.namelist():
-        #  Only care about the scrapers folders
-        if "/scrapers/" in filename and filename.endswith(".yml"):
-            # read the file
-            line = bytes()
-            # Filename abc.yml
-            gh_file = os.path.basename(filename)
-
-            # Filename /scrapers/<subdir>/abc.yml
-            if filename.endswith(f"/scrapers/{gh_file}") == False:
-                log.LogDebug("Subdirectory detected: " + filename)
-                subdir = re.findall('\/scrapers\/(.*)\/.*\.yml', filename)
-
-                if len(subdir) != 1:
-                    log.LogError(f"Unexpected number of matching subdirectories found. Expected 1. Found {len(subdir)}.")
-                    exit(1)
-
-                gh_file = subdir[0] + "/" + gh_file
-
-            log.LogDebug(gh_file)
-            path_local = os.path.join(scraper_folder_path, gh_file)
-            gh_line = None
-            yml_script = None
-            if OVERWRITE:
-                with z.open(filename) as f:
-                    scraper_content = f.read()
-                    with open(path_local, 'wb') as yml_file:
-                        yml_file.write(scraper_content)
-                        log.LogInfo("Replacing/Creating {}".format(gh_file))
-                        continue
-            with z.open(filename) as f:
-                for line in f:
-                    script_match = re.search(r"action:\sscript", line.decode().lower())
-                    update_match = re.search(r"^\s*#\s*last updated", line.decode().lower())
-                    if script_match:
-                        yml_script = True
-                    if update_match:
-                        gh_line = line.decode().strip()
-                        break
-            # Got last line
-            if gh_line is None:
-                log.LogError("[Github] Line Error ({}) ".format(gh_file))
-                continue
-            gh_date = get_date(gh_line)
-            if gh_date is None:
-                log.LogError("[Github] Date Error ({}) ".format(gh_file))
-                continue
-            elif os.path.exists(path_local):
-                # Local Part
-                local_line = file_getlastline(path_local)
-                if local_line is None:
-                    log.LogError("[Local] Line Error ({}) ".format(gh_file))
-                    continue
-                local_date = get_date(local_line.strip())
-                if local_date is None:
-                    log.LogError("[Local] Date Error ({}) ".format(gh_file))
-                    continue
-                if gh_date > local_date and CHECK_LOG:
-                    change_detected = True
-
-                    if yml_script:
-                        log.LogInfo("[{}] New version on github (Can be any of the related files)".format(gh_file))
-                    else:
-                        log.LogInfo("[{}] New version on github".format(gh_file))
-            elif GET_NEW_FILE:
-                change_detected = True
-                # File don't exist local so we take the github version.
-                with z.open(filename) as f:
-                    scraper_content = f.read()
-                    with open(path_local, 'wb') as yml_file:
-                        yml_file.write(scraper_content)
-                        log.LogInfo("Creating {}".format(gh_file))
-                        continue
-            elif CHECK_LOG and IGNORE_MISS_LOCAL == False:
-                change_detected = True
-
-                log.LogWarning("[{}] File don't exist locally".format(gh_file))
-
-if change_detected == False:
-    log.LogInfo("Scrapers appear to be in sync with GitHub version.")
-
-os.remove(zip_path)
diff --git a/plugins/GHScraper_Checker/GHScraper_Checker.yml b/plugins/GHScraper_Checker/GHScraper_Checker.yml
deleted file mode 100644
index 48188be4..00000000
--- a/plugins/GHScraper_Checker/GHScraper_Checker.yml
+++ /dev/null
@@ -1,21 +0,0 @@
-name: GHScraper_Checker
-description: Check the community scraper repo.
-version: 0.1.1
-url: https://github.com/stashapp/CommunityScripts/tree/main/plugins/GHScraper_Checker
-exec:
-  - python
-  - "{pluginDir}/GHScraper_Checker.py"
-interface: raw
-tasks:
-  - name: 'Status Check'
-    description: "Show in log if you don't have the scraper or a new version is available."
-    defaultArgs:
-      mode: CHECK
-  - name: 'Getting new files'
-    description: "Download scraper that don't exist in your scraper folder."
-    defaultArgs:
-      mode: NEWFILE
-#  - name: 'Overwrite everything'
-#    description: 'Replace your scraper by github version. Overwrite anything existing.'
-#    defaultArgs:
-#      mode: OVERWRITE
diff --git a/plugins/GHScraper_Checker/log.py b/plugins/GHScraper_Checker/log.py
deleted file mode 100644
index f3812522..00000000
--- a/plugins/GHScraper_Checker/log.py
+++ /dev/null
@@ -1,52 +0,0 @@
-import sys
-
-
-# Log messages sent from a plugin instance are transmitted via stderr and are
-# encoded with a prefix consisting of special character SOH, then the log
-# level (one of t, d, i, w, e, or p - corresponding to trace, debug, info,
-# warning, error and progress levels respectively), then special character
-# STX.
-#
-# The LogTrace, LogDebug, LogInfo, LogWarning, and LogError methods, and their equivalent
-# formatted methods are intended for use by plugin instances to transmit log
-# messages. The LogProgress method is also intended for sending progress data.
-#
-
-def __prefix(level_char):
-	start_level_char = b'\x01'
-	end_level_char = b'\x02'
-
-	ret = start_level_char + level_char + end_level_char
-	return ret.decode()
-
-
-def __log(level_char, s):
-	if level_char == "":
-		return
-
-	print(__prefix(level_char) + s + "\n", file=sys.stderr, flush=True)
-
-
-def LogTrace(s):
-	__log(b't', s)
-
-
-def LogDebug(s):
-	__log(b'd', s)
-
-
-def LogInfo(s):
-	__log(b'i', s)
-
-
-def LogWarning(s):
-	__log(b'w', s)
-
-
-def LogError(s):
-	__log(b'e', s)
-
-
-def LogProgress(p):
-	progress = min(max(0, p), 1)
-	__log(b'p', str(progress))

From 2ac5bd44b00207ebd42b39fb446e897b44a54edf Mon Sep 17 00:00:00 2001
From: Scruffy Nerf <scruffynerf23@gmail.com>
Date: Mon, 1 Jan 2024 13:21:33 -0500
Subject: [PATCH 23/91] Add Themes

---
 themes/Theme-BlackHole/Theme-BlackHole.css    |   91 +
 themes/Theme-BlackHole/Theme-BlackHole.yml    |    6 +
 themes/Theme-ModernDark/Theme-ModernDark.css  |  484 +++++
 themes/Theme-ModernDark/Theme-ModernDark.yml  |    6 +
 themes/Theme-NeonDark/Theme-NeonDark.css      | 1081 ++++++++++
 themes/Theme-NeonDark/Theme-NeonDark.yml      |    6 +
 themes/Theme-Night/Theme-Night.css            |  189 ++
 themes/Theme-Night/Theme-Night.yml            |    6 +
 themes/{plex => Theme-Plex}/README.md         |   10 +-
 .../plex.css => Theme-Plex/Theme-Plex.css}    |    0
 themes/Theme-Plex/Theme-Plex.yml              |    6 +
 themes/Theme-Pulsar/Theme-Pulsar.css          | 1787 ++++++++++++++++
 themes/Theme-Pulsar/Theme-Pulsar.yml          |    6 +
 .../Theme-PulsarLight/Theme-PulsarLight.css   | 1830 +++++++++++++++++
 .../Theme-PulsarLight/Theme-PulsarLight.yml   |    6 +
 15 files changed, 5509 insertions(+), 5 deletions(-)
 create mode 100644 themes/Theme-BlackHole/Theme-BlackHole.css
 create mode 100644 themes/Theme-BlackHole/Theme-BlackHole.yml
 create mode 100644 themes/Theme-ModernDark/Theme-ModernDark.css
 create mode 100644 themes/Theme-ModernDark/Theme-ModernDark.yml
 create mode 100644 themes/Theme-NeonDark/Theme-NeonDark.css
 create mode 100644 themes/Theme-NeonDark/Theme-NeonDark.yml
 create mode 100644 themes/Theme-Night/Theme-Night.css
 create mode 100644 themes/Theme-Night/Theme-Night.yml
 rename themes/{plex => Theme-Plex}/README.md (80%)
 rename themes/{plex/plex.css => Theme-Plex/Theme-Plex.css} (100%)
 create mode 100644 themes/Theme-Plex/Theme-Plex.yml
 create mode 100644 themes/Theme-Pulsar/Theme-Pulsar.css
 create mode 100644 themes/Theme-Pulsar/Theme-Pulsar.yml
 create mode 100644 themes/Theme-PulsarLight/Theme-PulsarLight.css
 create mode 100644 themes/Theme-PulsarLight/Theme-PulsarLight.yml

diff --git a/themes/Theme-BlackHole/Theme-BlackHole.css b/themes/Theme-BlackHole/Theme-BlackHole.css
new file mode 100644
index 00000000..66ca41ab
--- /dev/null
+++ b/themes/Theme-BlackHole/Theme-BlackHole.css
@@ -0,0 +1,91 @@
+/* Black Hole Theme by BViking78 v2.0 */
+/* STASH GENERAL */
+/* Set Background to Black & Optional Custom Image */
+body {
+	background: black url("") no-repeat fixed center;
+	background-size: contain;
+}
+
+/* Change Top Nav Bar Colors */
+.bg-dark {
+    background-color: #000000!important;
+}
+
+/* Set Red Border on Button on Hover */
+.btn-primary.btn:hover {
+  border: 1px solid red;
+}
+
+/* Set Background to Transparent for Tags/Performers Popups*/
+.fade.hover-popover-content {
+  background: transparent;
+}
+
+/* Zoom Performers image when Hover*/
+.hover-popover-content {
+  max-width: initial;
+}
+.image-thumbnail:hover {
+  height: 100%;
+}
+
+/* Set Opacity Studio Logo to 100% */
+.scene-studio-overlay {
+	opacity: 100%;
+}
+
+/* Making Checkbox Slightly Bigger */
+.grid-card .card-check {
+	top: 0.9rem;
+	width: 1.75rem;
+}
+
+/* Center Titles on Cards */
+.grid-card a .card-section-title {
+	text-align: center;
+}
+
+/* Setting Background on Cards to Black and Borders to "Stash Grey" */
+.card {
+	background-color: black;
+	border: 1px solid #30404d;
+}
+
+/* STASH MAIN PAGE*/
+/* Change Card Header Color */
+.card-header {
+  background: black;
+  border: 1px solid white;
+}
+/* Change Markdown Color */
+.card-body {
+  background: black;
+  border: 1px solid white;
+}
+
+/* SCENE PAGE */
+/* Hide the scene scrubber */
+.scrubber-wrapper {
+  display: none;
+}
+
+/* Setting Row "Scrape With" Background to Black */
+#scene-edit-details .edit-buttons-container {
+    background-color: black;
+}
+
+/* Setting Other Rows Background to Black */
+div.react-select__control {
+    background-color: black;
+}
+
+/* SETTING */
+/* Setting Text Input Border to White */
+.input-control, .text-input {
+	border: 1px solid white;
+}
+
+/* Setting Background on Task Queue to Black */
+#tasks-panel .tasks-panel-queue {
+    background-color: black;
+}
diff --git a/themes/Theme-BlackHole/Theme-BlackHole.yml b/themes/Theme-BlackHole/Theme-BlackHole.yml
new file mode 100644
index 00000000..a5ded900
--- /dev/null
+++ b/themes/Theme-BlackHole/Theme-BlackHole.yml
@@ -0,0 +1,6 @@
+name: Theme - BlackHole
+description: BlackHole Theme for Stash by BViking78 
+version: 2.0.0
+ui:
+  css:
+  - Theme-BlackHole.css
diff --git a/themes/Theme-ModernDark/Theme-ModernDark.css b/themes/Theme-ModernDark/Theme-ModernDark.css
new file mode 100644
index 00000000..c2a23f90
--- /dev/null
+++ b/themes/Theme-ModernDark/Theme-ModernDark.css
@@ -0,0 +1,484 @@
+/* Modern Dark Theme by cj13 v1.2 */
+ :root {
+     --nav-color: #212121;
+     --body-color: #191919;
+     --card-color: #2a2a2a;
+     --plex-yelow: #e5a00d;
+     --tag-color: #555555;
+}
+ #scrubber-position-indicator {
+     background-color: #e5a00d;
+}
+ .scrubber-tags-background {
+     background-color: #e5a00d;
+     opacity: 30%;
+}
+ body {
+     width: 100%;
+     height: 100%;
+     background: var(--body-color);
+}
+ .text-white {
+     color: #cbced2 !important;
+}
+ #root {
+     position: absolute;
+     width: 100%;
+     height: 100%;
+     z-index: 2;
+}
+ div.react-select__menu, div.dropdown-menu {
+     background-color: var(--card-color);
+}
+ * {
+     scrollbar-color: hsla(0, 0%, 100%, .2) transparent;
+}
+ .bg-dark {
+     background-color: var(--nav-color)!important;
+}
+ .card {
+     background-color: #30404d;
+     border-radius: 3px;
+     box-shadow: 0 0 0 1px rgba(16, 22, 26, .4), 0 0 0 rgba(16, 22, 26, 0), 0 0 0 rgba(16, 22, 26, 0);
+     padding: 20px;
+     background-color: var(--card-color);
+}
+ .text-input, .text-input:focus, .text-input[readonly], .text-input:disabled {
+     background-color: var(--card-color);
+}
+ #scrubber-forward {
+     background-color: transparent;
+     border: 1px solid #555;
+}
+ .scrubber-button {
+     background-color: transparent;
+     border: 1px solid #555;
+}
+ .bg-secondary {
+     background-color: var(--card-color) !important;
+}
+ .text-white {
+     color: #eee !important;
+}
+ .border-secondary {
+     border-color: #2f3335 !important;
+}
+ .btn-secondary.filter-item.col-1.d-none.d-sm-inline.form-control {
+     background-color: rgba(0, 0, 0, .15);
+}
+ .btn-secondary {
+     color: #eee;
+     background-color: rgba(0, 0, 0, .15);
+     border-color: var(--tag-color);
+}
+ .pagination .btn:last-child {
+     border-right: 1px solid var(--tag-color);
+}
+ .pagination .btn:first-child {
+     border-left: 1px solid var(--tag-color);
+}
+ a {
+     color: hsla(0, 0%, 100%, .45);
+}
+ .btn.active {
+     background-color: #2f3335;
+     color: #f5f8fa;
+}
+ minimal.w-100.active.btn.btn-primary {
+     background-color: #2f3335;
+     color: #f5f8fa;
+}
+ .btn-primary {
+     color: #fff;
+     background-color: #cc7b19;
+     border-color: #cc7b19;
+     font-weight: bold;
+}
+ .btn-primary:hover {
+     color: #fff;
+     background-color: #e59029;
+     border-color: #e59029 font-weight: bold;
+}
+ .nav-tabs .nav-link.active {
+     color: #eee;
+}
+ .nav-tabs .nav-link.active:hover {
+     border-bottom-color: #eee;
+     outline: 0;
+}
+ .nav-tabs .nav-link {
+     color: hsla(0,0%,100%,.65);
+}
+ .tag-item {
+     background-color: var(--tag-color);
+     color: #fff;
+}
+ .input-control, .input-control:focus {
+     background-color: rgba(16, 22, 26, .3);
+}
+ #performer-page .image-container .performer {
+     background-color: rgba(0, 0, 0, .45);
+     box-shadow: 0 0 2px rgba(0, 0, 0, .35);
+}
+ .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
+     color: #fff;
+     border-color: #eee;
+}
+ .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
+     background-color: var(--nav-color);
+}
+ .btn-primary.focus, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
+     box-shadow: none;
+}
+ .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
+     color: #fff;
+     background-color: #2f3335;
+     border-color: #eee;
+}
+ input[type="range"]::-moz-range-track {
+     background: hsla(0, 0%, 100%, .25);
+}
+ input[type="range"]::-moz-range-thumb {
+     background: #bcbcbc;
+}
+ div.react-select__control {
+     background-color: hsla(0, 0%, 39.2%, .4);
+     color: #182026;
+     border-color: var(--card-color);
+     cursor: pointer;
+}
+ .scene-wall-item-text-container {
+     background: radial-gradient(farthest-corner at 50% 50%, rgba(50, 50, 50, .5) 50%, #323232 100%);
+     color: #eee;
+}
+ .filter-container, .operation-container {
+     background-color: rgba(0, 0, 0, .15);
+     box-shadow: none;
+     margin-top: -10px;
+     padding: 10px;
+}
+ .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
+     width: 100%;
+     margin-right: 0px;
+     margin-left: 0px;
+}
+ .btn-link {
+     font-weight: 500;
+     color: #eee;
+     text-decoration: none;
+}
+ button.minimal.brand-link.d-none.d-md-inline-block.btn.btn-primary {
+     text-transform: uppercase;
+     font-weight: bold;
+}
+ a:hover {
+     color: hsla(0, 0%, 100%, .7);
+}
+ option {
+     background-color: var(--nav-color);
+}
+ .folder-list .btn-link {
+     color: #2c2e30;
+}
+ #performer-scraper-popover {
+     z-index: 10;
+}
+ .filter-container, .operation-container {
+     background-color: transparent;
+}
+ .search-item {
+     background-color: var(--card-color);
+}
+ .selected-result {
+     background-color: var(--card-color);
+}
+ .selected-result:hover {
+     background-color: var(--card-color);
+}
+ .performer-select-active .react-select__control, .studio-select-active .react-select__control {
+     background-color: hsla(0, 0%, 39.2%, .4);
+}
+ #scene-edit-details .edit-buttons-container {
+     margin: 0px;
+     background: var(--body-color);
+}
+ #tasks-panel .tasks-panel-queue {
+     background: var(--body-color);
+}
+ .job-table.card {
+     background-color: var(--card-color);
+}
+ .modal-header, .modal-body, .modal-footer {
+     background-color: #2d3744;
+     background-repeat: no-repeat;
+     background-size: cover;
+     background-attachment: fixed;
+    /* background-position: center;
+     */
+}
+ .folder-list .btn-link {
+     color: #fff;
+}
+ .modal-header, .modal-body, .modal-footer {
+     background-color: #30404d;
+     color: #f5f8fa;
+     background-repeat: no-repeat;
+     background-size: cover;
+     background-attachment: fixed;
+     background-position: center;
+}
+ @media (max-width: 575.98px) and (orientation: portrait) {
+     .scene-card-preview-image {
+         height: calc(100vw * (9 / 16));
+    }
+     .gallery-tabs .mr-auto.nav.nav-tabs {
+         display: grid;
+         grid-auto-flow: column;
+         text-align: center;
+         left: 0;
+         right: 0;
+         position: fixed;
+    }
+     .VideoPlayer.portrait .video-js {
+         height: 56.25vw;
+    }
+     .gallery-container .tab-content {
+         top: 3rem;
+         position: fixed;
+         height: calc(100vh - 6.5rem);
+    }
+     .gallery-tabs {
+         display: none;
+    }
+     .btn-toolbar {
+         padding-top: 1rem;
+    }
+     body {
+         padding: 0rem 0 5rem;
+    }
+     .scene-tabs .mr-auto.nav.nav-tabs {
+         background-color: #121212;
+         display: grid;
+         grid-auto-flow: column;
+         height: 3rem;
+         left: 0;
+         margin: 0;
+         margin-bottom: 0;
+         max-height: 3rem;
+         padding-bottom: 2.2rem;
+         padding-top: 0.1rem;
+         position: fixed;
+         right: 0;
+         text-align: center;
+         top: calc(100vw * (9 / 16));
+         white-space: nowrap;
+         z-index: 20;
+    }
+     .scene-tabs.order-xl-first.order-last {
+         height: calc(100vh - (100vw * (9 / 16) + 8.5rem));
+         top: calc((100vw * (9 / 16)) + 5rem);
+         position: fixed;
+    }
+     .tab-content {
+         overflow-y: auto;
+         overflow-x: hidden;
+    }
+     .studio-card {
+         width: 100%;
+         height: 294px;
+    }
+     .movie-card {
+         width: 45%;
+    }
+     .performer-card-image {
+         height: 19rem;
+    }
+     .performer-card {
+         width: 14rem;
+         height: 27.5rem;
+    }
+     .scene-performers .performer-card-image {
+         height: 19rem;
+    }
+     .scene-performers .performer-card {
+         width: 14rem;
+         height: 27.5rem;
+    }
+     .movie-card .TruncatedText {
+         display: none;
+    }
+     .nav-tabs .nav-link.active:hover {
+         outline: 0;
+         border-bottom: 2px solid 
+    }
+     #performer-details-tab-edit{
+         display: none;
+    }
+     #performer-details-tab-operations{
+         display: none;
+    }
+     .scene-tabs .ml-auto.btn-group {
+         position: fixed;
+         right: 1rem;
+         top: calc((100vw * (9 / 16)) + 2.7rem);
+    }
+     .stats-element {
+         flex-grow: 1;
+         margin: auto 0rem;
+    }
+     .stats {
+         margin-left: 0px;
+    }
+     .top-nav {
+         bottom: 0;
+         top: auto;
+    }
+     div[data-rb-event-key="/images"] {
+         display: none;
+    }
+     div[data-rb-event-key="/scenes/markers"] {
+         display: none;
+    }
+     .row.justify-content-center.scene-performers {
+         max-height: 450px;
+         display: flex;
+         flex-direction: column;
+         overflow: auto;
+         border-top: solid 2px #2d3035;
+         border-bottom: solid 2px #2d3035;
+         padding-top: .5rem;
+         padding-bottom: .5rem;
+    }
+     .scene-tabs {
+         max-height: 100%;
+    }
+}
+ dd {
+     word-break: break-word;
+}
+ .btn-secondary {
+     color: hsla(0,0%,100%,.65);
+}
+ .btn-secondary:hover {
+     color: white;
+     z-index: 0;
+     border-color: var(--nav-color);
+     background-color: rgba(0, 0, 0, .15);
+}
+ .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show>.btn-secondary.dropdown-toggle {
+     background-color: rgba(0, 0, 0, .35);
+}
+ .btn-secondary:focus, .btn-secondary.focus {
+     background-color: rgba(0, 0, 0, .35);
+}
+ .scrubber-wrapper {
+     background-color: rgba(0, 0, 0, .3);
+     border-style: ridge;
+     border-color: #555555;
+}
+ a.minimal:hover:not(:disabled), button.minimal:hover:not(:disabled) {
+     background: none;
+     color: white;
+}
+ .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
+     color: var(--plex-yelow);
+     border-bottom: solid;
+     background: none;
+}
+ a.minimal, button.minimal {
+     color: hsla(0,0%,100%,.65);
+}
+ .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
+     background: none;
+     border-left: solid;
+     color: var(--plex-yelow);
+}
+ .nav-link {
+     color: hsla(0,0%,100%,.65);
+}
+ .nav-link:hover, .nav-link:focus {
+     color: white;
+     background-color: hsla(0,0%,100%,.08);
+}
+ .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
+     background-color: transparent;
+}
+ .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show>.btn-secondary.dropdown-toggle {
+     background: none;
+     color: var(--plex-yelow);
+     border-bottom: solid;
+}
+ .nav-tabs .nav-link.active {
+     color: var(--plex-yelow);
+     background: none;
+}
+ .nav-tabs .nav-link:hover {
+     border-bottom: none;
+}
+ .custom-control-input:checked~.custom-control-label:before {
+     color: #fff;
+     border-color: var(--plex-yelow);
+     background-color: var(--plex-yelow);
+}
+ .custom-switch .custom-control-input:disabled:checked~.custom-control-label:before {
+     background-color: var(--plex-yelow);
+}
+ .btn-primary.disabled, .btn-primary:disabled {
+     color: #fff;
+     background-color: #e59029;
+     border-color: #e59029;
+     font-weight: bold;
+}
+ .btn-primary:focus, .btn-primary.focus {
+     background-color: #cc7b19;
+     border-color: #cc7b19;
+     font-weight: bold;
+}
+ .btn-danger {
+     color: hsla(0,0%,100%,.75);
+     background-color: #b32;
+     border-color: #b32;
+     font-weight: bold;
+}
+ .btn-danger:hover {
+     color: white;
+     background-color: #b32;
+     border-color: #b32;
+}
+ .brand-link {
+     background-color: var(--nav-color)!important;
+}
+ .hover-popover-content {
+     max-width: 32rem;
+     text-align: center;
+     background: var(--nav-color);
+}
+ .progress-bar {
+     background-color: var(--plex-yelow);
+}
+ .modal-header, .modal-body, .modal-footer {
+     background-color: var(--body-color);
+}
+ .btn-secondary.disabled, .btn-secondary:disabled {
+     background-color: var(--card-color);
+     border-color: var(--card-color);
+     border-left: none!important;
+     border-right: none!important;
+}
+ #queue-viewer .current {
+     background-color: var(--card-color);
+}
+ .tab-content .card-popovers .btn {
+     padding-left: .4rem;
+     padding-right: .4rem;
+}
+/* .gallery-tabs, .scene-tabs, .scene-player-container {
+     background-color: var(--nav-color);
+}
+ */
+ .react-select__menu-portal {
+     z-index: 2;
+}
+ .video-js .vjs-play-progress {
+     background-color: #e5a00d;
+}
diff --git a/themes/Theme-ModernDark/Theme-ModernDark.yml b/themes/Theme-ModernDark/Theme-ModernDark.yml
new file mode 100644
index 00000000..6e3c40ba
--- /dev/null
+++ b/themes/Theme-ModernDark/Theme-ModernDark.yml
@@ -0,0 +1,6 @@
+name: Theme - ModernDark
+description: ModernDark Theme for Stash by cj13
+version: 1.2
+ui:
+  css:
+  - Theme-ModernDark.css
diff --git a/themes/Theme-NeonDark/Theme-NeonDark.css b/themes/Theme-NeonDark/Theme-NeonDark.css
new file mode 100644
index 00000000..0126434a
--- /dev/null
+++ b/themes/Theme-NeonDark/Theme-NeonDark.css
@@ -0,0 +1,1081 @@
+/* Neon Dark Theme by Dankonite */
+:root
+{
+	--background-color:#101010;
+	--blue-accent:#137cbd;
+	--card-radius:.75rem;
+	--disabled-color:#181818;
+	--font-color:#fff;
+	--lighter-gray:#303030;
+	--menu-gray:#202020;
+	--menu-rounding:1rem;
+	--not-card-radius:.25rem;
+	--red-delete:#DB3737
+}
+
+.btn
+{
+	border-radius:var(--not-card-radius)
+}
+
+.btn-primary:not(:disabled):not(.disabled):not(.brand-link):active,.btn-primary:not(:disabled):not(.disabled).active,.show>.btn-primary.dropdown-toggle
+{
+	background-color:var(--lighter-gray);
+	border-color:var(--blue-accent);
+	color:var(--font-color)
+}
+
+.dropdown-item
+{
+	border-radius:var(--menu-rounding)
+}
+
+.edit-buttons-container>*
+{
+	margin-bottom:1rem
+}
+
+.fa-chevron-up,.fa-chevron-down
+{
+	color:var(--blue-accent)
+}
+
+.form-control
+{
+	border-radius:var(--not-card-radius);
+	padding-right:1.3rem
+}
+
+.input-group-text
+{
+	background-color:var(--menu-gray);
+	border:1px solid var(--blue-accent);
+	color:var(--font-color)
+}
+
+.input-group.has-validation>.input-group-append>div>div>button
+{
+	border-bottom-left-radius:0!important;
+	border-top-left-radius:0!important
+}
+
+.nav-pills .nav-link
+{
+	border-radius:var(--not-card-radius)
+}
+
+.row
+{
+	margin-left:0;
+	margin-right:0
+}
+
+.saved-filter-list-menu>div>div
+{
+	margin-bottom:1rem
+}
+
+.search-item
+{
+	background-color:var(--menu-gray);
+	border-radius:.25rem;
+	padding:1rem
+}
+
+.set-as-default-button
+{
+	margin-top:1rem
+}
+
+.setting-section .setting:not(:last-child)
+{
+	border-bottom:1px solid var(--blue-accent)
+}
+
+a.bg-secondary:hover,a.bg-secondary:focus,button.bg-secondary:hover,button.bg-secondary:focus
+{
+	background-color:var(--lighter-gray)!important
+}
+
+button.brand-link
+{
+	font-size:0;
+	visibility:hidden!important
+}
+
+button.brand-link:after
+{
+	align-items:center;
+	border:1px solid var(--blue-accent)!important;
+	border-radius:var(--not-card-radius);
+	content:"Home";
+	display:inline-block;
+	font-size:1rem;
+	height:40px;
+	padding:7px 12px;
+	position:relative;
+	top:-1px;
+	vertical-align:middle;
+	visibility:visible
+}
+
+button.brand-link:hover:after
+{
+	background-color:var(--lighter-gray)
+}
+
+div.row>h4
+{
+	margin:0;
+	padding:1rem
+}
+
+div.row>hr.w-100
+{
+	padding-bottom:1rem
+}
+
+input.bg-secondary.text-white.border-secondary.form-control,.date-input.form-control,.text-input.form-control
+{
+	height:33.5px
+}
+
+@media (max-width: 1199.98px) {
+	.brand-link:after
+	{
+		margin-left:-16px
+	}
+
+	.top-nav .btn
+	{
+		padding:0 12px
+	}
+}
+
+@media (min-width: 1199.98px) {
+	.navbar-collapse>.navbar-nav>div>a
+	{
+		height:40px
+	}
+}
+
+@media (min-width: 576px) {
+#settings-menu-container
+{
+	padding:1rem;
+	position:fixed
+}    
+}
+
+.bs-popover-bottom>.arrow:after,.bs-popover-auto[x-placement^=bottom]>.arrow:after
+{
+	border-bottom-color:var(--blue-accent);
+	border-width:0 .5rem .5rem;
+	top:1px
+}
+
+.btn-toolbar>.btn-group>.dropdown>button,.query-text-field,.form-control,.dropdown,.dropdown-toggle
+{
+	height:100%
+}
+
+.navbar-brand
+{
+	display:inline-block;
+	font-size:1.25rem;
+	line-height:inherit;
+	margin-right:0;
+	padding-bottom:.3125rem;
+	padding-top:.3125rem;
+	white-space:nowrap
+}
+
+.navbar-collapse>.navbar-nav>div>a
+{
+	border:1px solid var(--blue-accent)
+}
+
+.navbar-expand-xl .navbar-nav .nav-link
+{
+	padding-left:.5rem;
+	padding-right:0
+}
+
+.setting-section .setting-group:not(:last-child)
+{
+	border-bottom:1px solid var(--blue-accent)
+}
+
+a
+{
+	color:var(--font-color)
+}
+
+h6.col-md-2.col-4
+{
+	display:flex;
+	justify-content:center
+}
+
+img
+{
+	border-bottom:1px solid var(--blue-accent)!important
+}
+
+@media(min-width: 576px) {
+	.offset-sm-3
+	{
+		border-left:1px solid var(--blue-accent)
+	}
+}
+
+.TruncatedText.scene-card__description
+{
+	font-size:.9rem
+}
+
+.brand-link
+{
+	padding:0
+}
+
+.btn-primary
+{
+	background-color:var(--menu-gray);
+	border-color:var(--blue-accent);
+	color:var(--font-color)
+}
+
+.btn-secondary
+{
+	background-color:var(--menu-gray);
+	border-color:var(--blue-accent);
+	color:var(--font-color)
+}
+
+.btn-secondary.disabled,.btn-secondary:disabled
+{
+	background-color:var(--disabled-color);
+	border-color:var(--blue-accent);
+	color:var(--font-color)
+}
+
+.btn-secondary:focus,.btn-secondary.focus
+{
+	background-color:var(--lighter-gray);
+	border-color:var(--blue-accent);
+	box-shadow:0 0 .3rem .3rem var(--blue-accent);
+	color:var(--font-color)
+}
+
+.btn-secondary:hover
+{
+	background-color:var(--lighter-gray);
+	border-color:var(--blue-accent);
+	color:var(--font-color)
+}
+
+.btn-secondary:not(:disabled):not(.disabled):active,.btn-secondary:not(:disabled):not(.disabled).active,.show>.btn-secondary.dropdown-toggle
+{
+	background-color:var(--lighter-gray);
+	border-color:var(--blue-accent);
+	color:var(--font-color)
+}
+
+.btn-secondary:not(:disabled):not(.disabled):active:focus,.btn-secondary:not(:disabled):not(.disabled).active:focus,.show>.btn-secondary.dropdown-toggle:focus
+{
+	box-shadow:var(--blue-accent)
+}
+
+.btn-toolbar
+{
+	justify-content:flex-start;
+	padding-top:.5rem
+}
+
+.btn:focus,.btn.focus
+{
+	box-shadow:var(--blue-accent)!important
+}
+
+.dropdown-item.disabled,.dropdown-item:disabled
+{
+	color:#adb5bd
+}
+
+.dropdown-menu.show
+{
+	display:block;
+	padding:1rem
+}
+
+.form-control::placeholder
+{
+	color:var(--font-color)
+}
+
+.form-control:focus
+{
+	box-shadow:var(--blue-accent)
+}
+
+.nav-menu-toggle
+{
+	border:1px solid var(--blue-accent)!important
+}
+
+.query-text-field:active,.query-text-field:focus
+{
+	box-shadow:0 0 .3rem .3rem var(--blue-accent)!important
+}
+
+.scene-card a,.gallery-card a
+{
+	color:var(--font-color)
+}
+
+body
+{
+	background-color:var(--background-color);
+	color:var(--font-color);
+	text-align:left
+}
+
+div.navbar-buttons>:not(.mr-2)
+{
+	border:1px solid var(--blue-accent)!important;
+	border-radius:var(--not-card-radius)
+}
+
+h5,.h5
+{
+	font-size:1.1rem
+}
+
+hr
+{
+	border-top:1px solid var(--blue-accent)
+}
+
+@media (min-width:576px) {
+	.gallery-card
+	{
+		width:unset!important
+	}
+
+	.performer-card
+	{
+		width:unset!important
+	}
+
+	.tag-card-image
+	{
+		height:180px
+	}
+}
+
+@media (max-width:576px) {
+	.gallery-card
+	{
+		width:unset!important
+	}
+
+	.performer-card
+	{
+		width:unset!important
+	}
+
+	.tag-card-image
+	{
+		height:120px
+	}
+}
+
+#scrubber-current-position
+{
+	background-color:var(--blue-accent);
+	height:30px;
+	left:50%;
+	position:absolute;
+	width:2px;
+	z-index:1
+}
+
+#scrubber-position-indicator
+{
+	background-color:var(--lighter-gray);
+	border-right:2px solid var(--blue-accent);
+	height:20px;
+	left:-100%;
+	position:absolute;
+	width:100%;
+	z-index:0
+}
+
+.badge-info
+{
+	background-color:var(--menu-gray);
+	border:1px solid var(--blue-accent);
+	color:var(--font-color)
+}
+
+.badge-secondary
+{
+	background-color:var(--lighter-gray);
+	border:1px solid var(--blue-accent);
+	border-radius:.25rem;
+	color:var(--font-color)
+}
+
+.bg-dark
+{
+	background-color:var(--menu-gray)!important
+}
+
+.bg-secondary
+{
+	background-color:var(--menu-gray)!important
+}
+
+.border-secondary
+{
+	border-color:var(--blue-accent)!important
+}
+
+.brand-link
+{
+	border:1px solid var(--blue-accent)!important
+}
+
+.card
+{
+	background-color:var(--menu-gray);
+	border-radius:var(--card-radius)!important;
+	box-shadow:var(--blue-accent)
+}
+
+.card
+{
+	border:1px solid var(--blue-accent)
+}
+
+.filter-button .badge
+{
+	border-radius:999px;
+	right:-7px;
+	top:-6px;
+	z-index:3!important
+}
+
+.gallery-card
+{
+	height:min-content!important
+}
+
+.gallery-card.card
+{
+	padding-bottom:0
+}
+
+.modal-footer
+{
+	border-radius:1rem;
+	border-top:1px solid var(--blue-accent);
+	border-top-left-radius:0;
+	border-top-right-radius:0
+}
+
+.modal-header
+{
+	border-bottom:1px solid var(--blue-accent);
+	border-bottom-left-radius:0!important;
+	border-bottom-right-radius:0!important;
+	border-radius:1rem
+}
+
+.modal-header,.modal-body,.modal-footer
+{
+	background-color:var(--menu-gray);
+	color:var(--font-color)
+}
+
+.nav-pills .nav-link.active,.nav-pills .show>.nav-link
+{
+	background-color:var(--menu-gray);
+	border:1px solid var(--blue-accent);
+	color:var(--font-color)
+}
+
+.nav-tabs .nav-link.active,.nav-tabs .nav-item.show .nav-link
+{
+	background-color:var(--menu-gray);
+	border-color:var(--blue-accent);
+	color:var(--font-color)
+}
+
+.nav-tabs .nav-link:hover
+{
+	border-bottom:2px solid var(--blue-accent)
+}
+
+.pagination .btn
+{
+	border-left:1px solid var(--blue-accent);
+	border-right:1px solid var(--blue-accent)
+}
+
+.pagination .btn:first-child
+{
+	border-left:1px solid var(--blue-accent)
+}
+
+.pagination .btn:last-child
+{
+	border-right:1px solid var(--blue-accent)
+}
+
+.performer-card .fi
+{
+	bottom:.3rem;
+	filter:drop-shadow(0 0 2px rgba(0,0,0,.9));
+	height:2rem;
+	position:absolute;
+	right:.2rem;
+	width:3rem
+}
+
+.popover
+{
+	background-color:var(--menu-gray);
+	border:1px solid var(--blue-accent)!important;
+	border-radius:var(--card-radius)
+}
+
+.popover-header
+{
+	background-color:var(--lighter-gray);
+	border-bottom:1px solid var(--blue-accent)
+}
+
+.query-text-field
+{
+	border:1px solid var(--blue-accent)!important
+}
+
+.scene-header>h3>.TruncatedText
+{
+	text-align:left
+}
+
+.scene-specs-overlay,.scene-interactive-speed-overlay,.scene-studio-overlay,span.scene-card__date
+{
+	font-weight:900!important
+}
+
+.scrubber-tags-background
+{
+	background-color:var(--menu-gray);
+	height:20px;
+	left:0;
+	position:absolute;
+	right:0
+}
+
+::selection
+{
+	background-color:var(--lighter-gray)!important;
+	color:var(--font-color)!important
+}
+
+a.minimal,button.minimal
+{
+	color:var(--font-color)
+}
+
+body ::-webkit-scrollbar-thumb
+{
+	background:var(--blue-accent)
+}
+
+body ::-webkit-scrollbar-thumb:hover
+{
+	background:var(--blue-accent)
+}
+
+body ::-webkit-scrollbar-thumb:window-inactive
+{
+	background:var(--blue-accent)
+}
+
+body ::-webkit-scrollbar-track
+{
+	background:var(--menu-gray)
+}
+
+hr
+{
+	margin:0
+}
+
+@media(orientation:portrait) {
+	.performer-card-image
+	{
+		height:25vh
+	}
+}
+
+.card.performer-card
+{
+	padding:0
+}
+
+.fa-mars
+{
+	display:none
+}
+
+.fa-transgender-alt
+{
+	display:none
+}
+
+.fa-venus
+{
+	display:none
+}
+
+.performer-card__age
+{
+	color:var(--font-color);
+	text-align:center
+}
+
+.slick-list .gallery-card
+{
+	width:min-content
+}
+
+.slick-slide .card
+{
+	height:min-content
+}
+
+.slick-track
+{
+	margin-bottom:1rem;
+	top:0
+}
+
+.tag-sub-tags,.studio-child-studios
+{
+	display:none
+}
+
+@media (max-width: 576px) {
+	.slick-list .scene-card,.slick-list .studio-card
+	{
+		width:44vw!important
+	}
+}
+
+.card-popovers
+{
+	justify-content:space-around;
+	margin-bottom:2px;
+	margin-top:2px
+}
+
+.card-section
+{
+	height:100%;
+	padding:0 .2rem
+}
+
+.scene-specs-overlay
+{
+	bottom:.2rem;
+	right:.2rem
+}
+
+.scene-studio-overlay
+{
+	line-height:.8rem;
+	max-width:50%;
+	right:.2rem;
+	top:.2rem
+}
+
+@media (min-width: 1200px),(max-width: 575px) {
+	.scene-performers .performer-card
+	{
+		width:47vw
+	}
+
+	.scene-performers .performer-card-image
+	{
+		height:22.5rem
+	}
+}
+
+#queue-viewer .current
+{
+	background-color:var(--menu-gray)
+}
+
+#scene-edit-details .edit-buttons-container
+{
+	background-color:var(--background-color)
+}
+
+.edit-buttons>button
+{
+	margin-left:1px
+}
+
+.scene-card__details,.gallery-card__details
+{
+	margin-bottom:0!important
+}
+
+.setting-section .setting>div:last-child
+{
+	display:flex;
+	justify-content:center;
+	text-align:right
+}
+
+span.scene-card__date
+{
+	display:flex;
+	font-size:.8em;
+	justify-content:flex-end;
+	margin-right:.2rem
+}
+
+@media (min-width: 576px) and (min-height: 600px) {
+	#tasks-panel .tasks-panel-queue
+	{
+		background-color:var(--background-color)
+	}
+}
+
+.gender-icon
+{
+	display:none
+}
+
+.job-table.card
+{
+	background-color:var(--menu-gray)
+}
+
+.scraper-table tr:nth-child(2n)
+{
+	background-color:var(--lighter-gray)
+}
+
+a.marker-count
+{
+	display:none
+}
+
+a[target='_blank']
+{
+	display:none
+}
+
+button.collapse-button.btn-primary:not(:disabled):not(.disabled):hover,button.collapse-button.btn-primary:not(:disabled):not(.disabled):focus,button.collapse-button.btn-primary:not(:disabled):not(.disabled):active
+{
+	color:var(--font-color)
+}
+
+@media(max-width: 576px) {
+	.grid-card
+	{
+		width:47vw
+	}
+}
+
+.TruncatedText
+{
+	text-align:center;
+	white-space:pre-line;
+	word-break:break-word
+}
+
+.gallery-card
+{
+	width:min-content!important
+}
+
+.gallery-card-image
+{
+	max-height:240px!important;
+	width:auto!important
+}
+
+.grid-card .progress-bar
+{
+	background-color:var(--lighter-gray);
+	bottom:0
+}
+
+.grid-card a .card-section-title
+{
+	color:var(--font-color);
+	display:flex;
+	justify-content:center
+}
+
+.ml-2.mb-2.d-none.d-sm-inline-flex
+{
+	display:none!important
+}
+
+.tag-card
+{
+	padding:0;
+	width:auto!important
+}
+
+body
+{
+	color:var(--font-color);
+	padding:3.6rem 0 0
+}
+
+div.mb-2
+{
+	height:auto
+}
+
+@media (max-width: 575.98px) and (orientation: portrait) {
+	body
+	{
+		padding:0
+	}
+}
+
+@media (min-width: 768px) {
+	.offset-md-3
+	{
+		border-left:1px solid var(--blue-accent)
+	}
+}
+
+.card
+{
+	background-color:var(--menu-gray);
+	padding:0
+}
+
+.container,.container-fluid,.container-xl,.container-lg,.container-md,.container-sm
+{
+	padding-left:0;
+	padding-right:0
+}
+
+.d-flex.justify-content-center.mb-2.wrap-tags.filter-tags
+{
+	margin:0!important
+}
+
+.input-control,.input-control:focus,.input-control:disabled
+{
+	background-color:var(--lighter-gray)
+}
+
+.input-control,.text-input
+{
+	border:1px solid var(--blue-accent);
+	color:var(--font-color)
+}
+
+.navbar-buttons>.mr-2,.card hr
+{
+	margin:0!important
+}
+
+.preview-button .fa-icon
+{
+	color:var(--font-color)
+}
+
+.rating-banner
+{
+	display:none!important
+}
+
+.scene-card-preview,.gallery-card-image,.tag-card-image,.image-card-preview
+{
+	width:100%
+}
+
+.slick-dots li button:before
+{
+	content:"."
+}
+
+.slick-dots li.slick-active button:before
+{
+	color:var(--blue-accent);
+	opacity:.75
+}
+
+.tag-item
+{
+	background-color:var(--lighter-gray);
+	border:1px solid var(--blue-accent);
+	color:var(--font-color)
+}
+
+.tag-item .btn
+{
+	color:var(--font-color)
+}
+
+.text-input,.text-input:focus,.text-input[readonly],.text-input:disabled
+{
+	background-color:var(--lighter-gray)
+}
+
+.top-nav
+{
+	border-bottom:1px solid var(--blue-accent);
+	padding:0 2rem!important
+}
+
+a.nav-utility,button[title='Help'],.nav-menu-toggle
+{
+	margin-left:.5rem
+}
+
+button.brand-link,.top-nav .navbar-buttons .btn
+{
+	height:40px
+}
+
+div.react-select__control
+{
+	background-color:var(--lighter-gray);
+	border-color:var(--blue-accent)!important;
+	color:var(--font-color)
+}
+
+div.react-select__control .react-select__multi-value,div.react-select__multi-value__label,div.react-select__multi-value__remove
+{
+	background-color:var(--menu-gray);
+	color:var(--font-color)!important
+}
+
+div.react-select__menu,div.dropdown-menu
+{
+	background-color:var(--menu-gray);
+	border:1px solid var(--blue-accent);
+	color:var(--font-color)
+}
+
+div.react-select__multi-value
+{
+	border:1px solid var(--blue-accent);
+	border-radius:999px
+}
+
+div.react-select__multi-value__label
+{
+	border-bottom-left-radius:999px;
+	border-top-left-radius:999px;
+	padding-right:8px
+}
+
+div.react-select__multi-value__remove
+{
+	border-bottom-right-radius:999px;
+	border-top-right-radius:999px;
+	padding-left:0
+}
+
+div.react-select__multi-value__remove:hover
+{
+	background-color:var(--red-delete)
+}
+
+div.react-select__placeholder
+{
+	color:var(--font-color)
+}
+
+div[id='settings-menu-container']
+{
+	padding-top:.5rem
+}
+
+div[role='group'].ml-auto.btn-group>div
+{
+	margin-right:.5rem;
+	margin-top:.5rem
+}
+
+@media (max-width: 575.98px) and (orientation: portrait) {
+	.container,.container-fluid,.container-xl,.container-lg,.container-nd,.container-sm
+	{
+		padding-top:3.5rem!important
+	}
+
+	.top-nav
+	{
+		bottom:unset;
+		top:auto
+	}
+}
+
+.grid-card a .card-section-title
+{
+	display:flex;
+	justify-content:center
+}
+
+.markdown blockquote,.markdown pre
+{
+	background-color:var(--lighter-gray)
+}
+
+.markdown code
+{
+	background-color:transparent;
+	color:var(--font-color)
+}
+
+.markdown table tr:nth-child(2n)
+{
+	background-color:var(--lighter-gray)
+}
+
+.details-list>*:nth-child(4n), .details-list>*:nth-child(4n - 1) {
+    background-color: var(--menu-gray);
+}
+dl.details-list {
+    grid-column-gap:0;
+}
+dt {
+    padding-right: .5rem;
+}
+dd {
+    margin-bottom: 0;
+    padding-left: .5rem;
+    border-left: 1px solid var(--blue-accent);
+}
+#performer-page .performer-image-container .performer {
+    border-radius:var(--menu-rounding);
+    border: 0!important;
+}
+.recommendations-container-edit .recommendation-row {
+    background-color: var(--menu-gray);
+    border-radius: 1rem;
+    border:1px solid var(--blue-accent);
+    margin-bottom: 10px;
+}
+.recommendations-container-edit.recommendations-container>div>div:first-of-type {
+    margin-top: calc(1rem + 10px);
+}
+
diff --git a/themes/Theme-NeonDark/Theme-NeonDark.yml b/themes/Theme-NeonDark/Theme-NeonDark.yml
new file mode 100644
index 00000000..623f5e8a
--- /dev/null
+++ b/themes/Theme-NeonDark/Theme-NeonDark.yml
@@ -0,0 +1,6 @@
+name: Theme - NeonDark
+description: NeonDark Theme for Stash by Dankonite
+version: 1.0
+ui:
+  css:
+  - Theme-NeonDark.css
diff --git a/themes/Theme-Night/Theme-Night.css b/themes/Theme-Night/Theme-Night.css
new file mode 100644
index 00000000..c6777617
--- /dev/null
+++ b/themes/Theme-Night/Theme-Night.css
@@ -0,0 +1,189 @@
+/*
+Night theme Version 0.1.
+*/
+
+body {
+	color: #bb0009;
+	background-color: #000000;
+	
+}
+
+.bg-dark {
+	background-color: #1a1a1b!important;
+}
+
+.card {
+	background-color: #30404d;
+	border-radius: 3px;
+	box-shadow: 0 0 0 1px rgba(16, 22, 26, .4), 0 0 0 rgba(16, 22, 26, 0), 0 0 0 rgba(16, 22, 26, 0);
+	padding: 20px;
+	background-color: rgba(0, 0, 0, .3);
+}
+
+.bg-secondary {
+	background-color: #313437 !important;
+}
+
+.text-white {
+	color: #bb0009 !important;
+}
+
+.border-secondary {
+	border-color: #2f3335 !important;
+}
+
+.btn-secondary.filter-item.col-1.d-none.d-sm-inline.form-control {
+	background-color: rgba(0, 0, 0, .15);
+}
+
+.btn-secondary {
+	color: #bb0009;
+	background-color: rgba(0, 0, 0, .15);
+}
+
+.btn-primary {
+	color: #bb0009;
+	background-color: #bb0009;
+}
+
+a {
+	color: hsla(0, 0%, 100%, .45);
+}
+
+.btn.active {
+	background-color: #2f3335;
+	color: #bb0009;
+}
+
+minimal.w-100.active.btn.btn-primary {
+	background-color: #bb0009;
+	color: #bb0009;
+}
+
+.btn-primary {
+	color: #fff;
+	background-color: #1a1a1b;
+	border-color: #374242;
+}
+
+.nav-tabs .nav-link.active {
+	color: #bb0009;
+}
+
+.nav-tabs .nav-link.active:hover {
+	border-bottom-color: #bb0009;
+	outline: 0;
+}
+
+.btn-primary.btn.donate.minimal {
+  display: none;
+}
+
+.btn-primary.btn.help-button.minimal {
+	display: none;
+}
+
+.changelog {
+  display: none;
+}
+
+.nav-tabs .nav-link {
+	outline: 0;
+	color  #bb0009;
+}
+
+.input-control,
+.input-control:focus {
+	background-color: rgba(16, 22, 26, .3);
+}
+
+#performer-page .image-container .performer {
+	background-color: rgba(0, 0, 0, .45);
+	box-shadow: 0 0 2px rgba(0, 0, 0, .35);
+}
+
+.btn-primary:not(:disabled):not(.disabled).active,
+.btn-primary:not(:disabled):not(.disabled):active,
+.show>.btn-primary.dropdown-toggle {
+	color: #fff;
+	border-color: #bb0009;
+}
+
+.nav-pills .nav-link.active,
+.nav-pills .show>.nav-link {
+	background-color: #1a1a1b;
+}
+
+
+
+.btn-primary:not(:disabled):not(.disabled).active,
+.btn-primary:not(:disabled):not(.disabled):active,
+.show>.btn-primary.dropdown-toggle {
+	color: #fff;
+	background-color: #2f3335;
+	border-color: #bb0009;
+}
+
+input[type="range"]::-moz-range-track {
+	background: hsla(0, 0%, 100%, .25);
+}
+
+input[type="range"]::-moz-range-thumb {
+	background: #bcbcbc;
+}
+
+div.react-select__control {
+	background-color: hsla(0, 0%, 39.2%, .4);
+	color: #182026;
+	border-color: #394b59;
+	cursor: pointer;
+}
+
+.scene-wall-item-text-container {
+	background: radial-gradient(farthest-corner at 50% 50%, rgba(50, 50, 50, .5) 50%, #323232 100%);
+	color: #bb0009;
+}
+
+.btn-link {
+	font-weight: 500;
+	color: #bb0009;
+	text-decoration: none;
+}
+
+button.minimal.brand-link.d-none.d-md-inline-block.btn.btn-primary {
+	text-transform: uppercase;
+	font-weight: bold;
+	color: #bb0009
+}
+
+a.minimal {
+	text-transform: uppercase;
+	font-weight: bold;
+	color: #bb0009
+}
+a:hover {
+	color: hsla(0, 0%, 100%, .7);
+}
+
+option {
+	background-color: #1a1a1b;
+}
+.scrubber-tags-background {
+    background-color: #202351;
+}
+
+.btn-primary.btn.settings-button.minimal {
+	color: #007dd0;
+}
+
+button.minimal.btn.btn-primary {
+	color:  #007dd0;
+}
+
+.btn-primary.btn.logout-button.minimal {
+	color:  #00bb2f;
+}
+
+.scrubber-viewport {
+	background-color:  #1f062d;
+}
diff --git a/themes/Theme-Night/Theme-Night.yml b/themes/Theme-Night/Theme-Night.yml
new file mode 100644
index 00000000..4c7e39f4
--- /dev/null
+++ b/themes/Theme-Night/Theme-Night.yml
@@ -0,0 +1,6 @@
+name: Theme - Night
+description: Night Theme for Stash (unknown author)
+version: 0.1
+ui:
+  css:
+  - Theme-Night.css
diff --git a/themes/plex/README.md b/themes/Theme-Plex/README.md
similarity index 80%
rename from themes/plex/README.md
rename to themes/Theme-Plex/README.md
index 64c6bb24..386bbbbe 100644
--- a/themes/plex/README.md
+++ b/themes/Theme-Plex/README.md
@@ -10,11 +10,11 @@ The Plex Theme will only change the look and feel of the Stash interface. It wil
 
 ## Install
 
-1. Open User Interface Configuration panel in settings. (http://localhost:9999/settings?tab=interface)
+1. Open User Interface Configuration panel in settings. (http://localhost:9999/settings?tab=plugins)
 
-2. Tick/Enable Custom CSS ✅
+2. Find the Theme in the listing, in the default Community repo
 
-3. Copy & Paste [CSS Code](https://github.com/stashapp/CommunityScripts/blob/main/themes/plex/plex.css) to the Custom CSS text area.
+3. Click Install
 
 ### Optional - Host Backgrounds Locally
 
@@ -24,6 +24,6 @@ _These steps are optional, by default this theme uses the Github hosted image li
 
 2. Place `background.png` and `noise.png` in `~/.stash` on macOS / Linux or `C:\Users\YourUsername\.stash` on Windows. Then edit the `background-image: url("")` attributes like below:  
 
-The [body](https://github.com/stashapp/CommunityScripts/blob/main/themes/plex/plex.css#L7) one `background-image: url("./background.png");`
+The [body](https://github.com/stashapp/CommunityScripts/blob/main/themes/Theme-Plex/plex.css#L7) one `background-image: url("./background.png");`
 
-The [root](https://github.com/stashapp/CommunityScripts/blob/main/themes/plex/plex.css#L18) one `background: rgba(0, 0, 0, 0) url("./noise.png") repeat scroll 0% 0%;`
+The [root](https://github.com/stashapp/CommunityScripts/blob/main/themes/Theme-Plex/plex.css#L18) one `background: rgba(0, 0, 0, 0) url("./noise.png") repeat scroll 0% 0%;`
diff --git a/themes/plex/plex.css b/themes/Theme-Plex/Theme-Plex.css
similarity index 100%
rename from themes/plex/plex.css
rename to themes/Theme-Plex/Theme-Plex.css
diff --git a/themes/Theme-Plex/Theme-Plex.yml b/themes/Theme-Plex/Theme-Plex.yml
new file mode 100644
index 00000000..b6983933
--- /dev/null
+++ b/themes/Theme-Plex/Theme-Plex.yml
@@ -0,0 +1,6 @@
+name: Theme - Plex
+description: Plex Theme for Stash by Fidelio 2020
+version: 1.0.5
+ui:
+  css:
+  - Theme-Plex.css
diff --git a/themes/Theme-Pulsar/Theme-Pulsar.css b/themes/Theme-Pulsar/Theme-Pulsar.css
new file mode 100644
index 00000000..5574024d
--- /dev/null
+++ b/themes/Theme-Pulsar/Theme-Pulsar.css
@@ -0,0 +1,1787 @@
+/*	StashApp Pulsar Theme - Fonzie 2020-21 v1.8.1  	 */
+/* ---------------------------------------------------- */
+/* --------- Updated to Stash version 0.12.0 ---------- */
+
+/* 
+	Bug Fixes: Overlap of Help & Ssettings" buttons in the navbar, as well 
+	as the Identify task
+
+	Complete overhaul of the Settings page
+	
+	Bug Fix: Background-color in the navigation bar
+   
+	Adjustments to version 0.10.0 which includes moving the movie-, image- 
+	and gallery-counter to the bottom of the performer image when you hover 
+	over the card, and increasing the size of the star rating in the highest 
+	zoom level.   	
+   
+   
+*/
+
+
+
+/* ===================== General ===================== */
+
+body {
+	background-image:url("https://i.imgur.com/gQtSoev.jpg");	/*	Aphonus		*/
+/*	background-image:url("https://i.imgur.com/6BBd6aa.jpg");	/*	Plex		*/
+/*	background-image:url("https://i.imgur.com/xAzxryr.jpg");	/*	Almora		*/
+/*	background-image:url("https://i.imgur.com/0iN75zD.jpg");	/*	Dacirus		*/
+/*	background-image:url("https://i.imgur.com/g5ECcdD.jpg");	/*	Drionope	*/
+/*	background-image:url("https://i.imgur.com/dhVsc3d.jpg");	/*	Elein		*/
+/*	background-image:url("https://i.imgur.com/B5hdvQG.jpg");	/*	FreePhion	*/
+/*	background-image:url("https://i.imgur.com/LcSat6V.jpg");	/*	Lilac		*/
+/*	background-image:url("https://i.imgur.com/kn9wixj.jpg");	/*	Nolrirus	*/
+/*	background-image:url("https://i.imgur.com/190rDim.jpg");	/*	Ongion		*/
+/*	background-image:url("https://i.imgur.com/IpvdJVn.jpg");	/*	PurpleRough	*/
+/*	background-image:url("https://i.imgur.com/hAHylub.jpg");	/*	Tesioria	*/
+/*	background-image:url("https://i.imgur.com/QKiFSvE.jpg");	/*	Ichix		*/
+/*	background-image:url("https://i.imgur.com/8cIqGWj.jpg");	/*	SeaGreen	*/
+/*	background-image:url("https://i.imgur.com/WNXNwV3.jpg");	/*	BrownBlur	*/
+/*	background-image:url("./custom/background.jpg");		/*	Local Background	*/
+
+	font-family:Helvetica, Verdana;
+	width: 100%;
+	height: 100%;
+	padding: 0 0 0;
+	background-size: cover;
+	background-repeat: no-repeat;
+	background-color:#127aa5;
+	background-attachment: fixed;
+	background-position: center;
+	color: #f9fbfd;
+}
+
+h1,h2,h3,h4,h5,h6 {	font-family:Helvetica, Verdana;}
+:root {
+	--HeaderFont: Helvetica, "Helvetica Neue", "The Sans", "Segoe UI";
+	--std-txt-shadow: 2px 2px 1px #000;
+	--light-txt-shadow: 1px 2px 1px #222;
+	--white: #ffffff;
+	--stars: url("https://i.imgur.com/YM1nCqo.png");
+}
+
+
+/* --- The Home button in the top left corner of each page. Remove the last 3 lines if you don't like the logo --- */
+button.minimal.brand-link.d-none.d-md-inline-block.btn.btn-primary, 
+button.minimal.brand-link.d-inline-block.btn.btn-primary {
+	text-transform: uppercase;
+	font-weight: bold;
+	margin-left:1px;
+	background-image:url("./favicon.ico");
+	padding-left:40px;
+	background-repeat: no-repeat;
+}
+
+/* --- Makes the background of the Navigation Bar at the Top half-transparent --- */
+nav.bg-dark {background: rgba(10, 20, 25, 0.50)!important;}
+.bg-dark {background:none !important;background-color:none !Important}
+.form-group .bg-dark {background: rgba(10, 20, 25, 0.20)!important;}
+
+.navbar-buttons.navbar-nav a.nav-utility {margin-right:9px}
+
+/* --- The space between the Navigation Bar and the rest of the page --- */
+.main { margin-top:18px }
+.top-nav { padding: .13rem 1rem; }
+
+
+/* --- Changes how the Bar at the top of the page behaves --- */
+.fixed-bottom, .fixed-top { position: relative !important; top:0px !important} 
+
+
+/* The pagination at the top and at the bottom of the Scenes/Performer/Images/... pages; 
+transparent background, rounded corners, etc. */
+.filter-container, .operation-container {
+	background-color: rgba(0, 0, 0, .22);
+	box-shadow: none;
+	margin-top: 6px;
+	border-radius: 5px;
+	padding: 5px;
+}
+
+
+/* --- Changes the space between the button in the top right corner of the page --- */
+.order-2 button { margin-left: 4px }
+
+/* --- Space between the items in the Nav bar --- */
+.nav-link > .minimal {  margin: 0px;}
+
+
+/* Each item on the Scenes/Performers/Tags/... pages */
+.card {
+	padding: 20px; 
+	margin: 4px 0.5% 14px;
+	/* --- Adds a glowing shimmer effect --- */
+	background-image: linear-gradient(130deg, rgba(60, 70, 85,0.21), rgba(150, 155, 160,0.30), rgba(35, 40, 45,0.22), rgba(160, 160, 165,0.21), rgba(50, 60, 65,0.30)); 
+	background-color: rgba(16, 20, 25, .25); 
+	box-shadow: 2px 2px 6px rgba(0, 0, 0, .55);
+	/* --- Increases the rounded borders of each item on the Scenes/Performers/... pages for 6px in 10px --- */
+	border-radius: 10px;
+}
+
+/* --- Removes the glowing shimmer effect on the start page & the settings for readability purpose --- */
+.mx-auto.card, .changelog-version.card {
+	background-image: none !important; 
+	background-color: rgba(16, 20, 25, .40) !important; 
+}
+
+/* --- Color that is used within .card secments --- */
+.text-muted {	color: #f0f0f0 !important}
+
+
+.bg-secondary {
+	background: none;
+	background-color: rgba(10, 25, 30, .62) !important;
+}
+ 
+.text-white {	color: #f0f0f0 }
+.border-secondary {	border-color: #2f3335 }
+ 
+.btn-secondary.filter-item.col-1.d-none.d-sm-inline.form-control {
+    background-color: rgba(0, 0, 0, .08);
+}
+
+/* --- Changes the color and the background of the buttons and elements in the toolbar (Search, Sort by, # of Items, etc.) --- */
+.btn-secondary {
+    color: #f2f2f2;
+    background-color: rgba(0, 0, 0, .08);
+    border-color: #3c3f45;
+}
+ 
+a {	color: hsla(0, 10%, 95%, .75);}
+
+
+
+/* --- Changes the color of the active page in the Navgation Bar --- */ 
+.btn-primary:not(:disabled):not(.disabled).active,
+.btn-primary:not(:disabled):not(.disabled):active,
+.show>.btn-primary.dropdown-toggle {
+	color: #fff;
+	background-color: rgba(22, 50, 60, .75);
+	border-color: #fff;
+}
+
+/* --- No border of the active element in the Navgation Bar --- */
+.btn-primary.focus,
+.btn-primary:focus,
+.btn-primary:not(:disabled):not(.disabled).active:focus,
+.btn-primary:not(:disabled):not(.disabled):active:focus,
+.show>.btn-primary.dropdown-toggle:focus {box-shadow: none;}
+
+.btn-primary:not(:disabled):not(.disabled).active,
+.btn-primary:not(:disabled):not(.disabled):active,
+.show>.btn-primary.dropdown-toggle {
+	color: #fff;
+	border-color: #eee;
+}
+
+.container-fluid,.container-lg,.container-md,.container-sm,.container-xl {
+	width: 100%;
+	margin-right: 0px;
+	margin-left: 0px;
+}
+
+
+
+
+
+/* ===================== Performer ========================= */
+
+
+/* --- 0.90 - Section moves Movie-, Image- & Gallery-Count to the bottom of the performer image when hovered over --- */
+
+.performer-card .card-popovers .movie-count,
+.performer-card .card-popovers .image-count,
+.performer-card .card-popovers .gallery-count
+{
+	z-index:300;
+    position:absolute;
+    top:-270%;
+	opacity:0.0;
+}
+
+/* --- Highlight the bottom of the performer card when hovered over --- */
+.performer-card.grid-card:hover {
+	background-image: linear-gradient(130deg, rgba(50, 60, 75,0.25), rgba(150, 155, 160,0.32), rgba(35, 40, 45,0.26), rgba(160, 160, 165,0.27), rgba(50, 60, 65,0.37));
+	background-color: rgba(62, 72, 80, .26);
+}
+
+/* --- When hovered over blend them in ---*/
+.performer-card.grid-card:hover .card-popovers .movie-count,
+.performer-card.grid-card:hover .card-popovers .image-count,
+.performer-card.grid-card:hover .card-popovers .gallery-count {opacity: 1.0;transition: opacity .7s;}
+
+/* --- 3 items gets a shadow ---*/
+.performer-card .card-section .movie-count span,
+.performer-card .card-section .movie-count button.minimal,
+.performer-card .card-section .image-count span,
+.performer-card .card-section .image-count button.minimal,
+.performer-card .card-section .gallery-count span,
+.performer-card .card-section .gallery-count button.minimal
+{text-shadow: 2px 2px 1px #000, 1px 1px 1px #000, 4px 4px 5px #333, 9px 0px 5px #333, -3px 2px 4px #333, -7px 0px 5px #333, 
+10px 2px 5px #000, 4px 14px 5px #333, 9px 0px 3px #333, -7px 2px 4px #333, -17px 0px 5px #333, -1px -9px 5px #333, 3px -8px 6px #444;
+}
+
+.performer-card .card-section .movie-count .svg-inline--fa.fa-w-16 {
+	box-shadow: 1px 1px 1px rgba(0, 0, 0, .99), 1px 1px 3px rgba(0,0,0, .70), -5px 2px 5px rgba(0, 0, 0, .55);
+}
+
+/* --- Positioning of the 3 items ---*/
+.performer-card .card-popovers .movie-count {left:0.2%;}
+.performer-card .card-popovers .image-count {left:32.8%}
+.performer-card .card-popovers .gallery-count {right:1.3%}
+
+.performer-card .movie-count a.minimal:hover:not(:disabled), .performer-card .movie-count button.minimal:hover:not(:disabled),
+.performer-card .image-count a.minimal:hover:not(:disabled), .performer-card .image-count button.minimal:hover:not(:disabled),
+.performer-card .gallery-count a.minimal:hover:not(:disabled), .performer-card .gallery-count button.minimal:hover:not(:disabled)
+{
+	background-color:rgba(20,80,110,0.92);
+    color:#fff;
+}
+
+/* --- Affects the Scenes- and Tags-Counter --- */
+a.minimal:hover:not(:disabled), button.minimal:hover:not(:disabled) {background: rgba(138,155,168,.25);color:#fff;}
+div.performer-card div.card-popovers
+{
+	margin-bottom:-3px;
+	margin-left:1%;
+	margin-top:-4px;
+	margin-right: -3px;
+	justify-content: flex-end;
+	text-align:right;
+}
+
+div.card-section hr {display:none}
+
+
+/* --- Changes the width of the Performer Card from 280px to a dynamic system and therefore the size of the image --- */
+/* --- In Full screen HD 1920x1080 you now see 8 performers per row instead of 6 --- */
+/*.performer-card-image, .performer-card, .card-image {  min-width: 160px; width: calc(108px + 10.625vw / 2); max-width: 230px }  */
+/*.performer-card-image, .performer-card, .card-image {  min-width: 160px; width: calc(108px + 19vw / 3.6);width:212px; max-width: 230px } */
+.performer-card-image, .performer-card, .card-image {  min-width: 160px; width: calc(100px + 11.2vw / 1.92);max-width: 230px } 
+
+
+/* --- Changes the height of the Performer Card to keep the 2x3 picture ratio --- */
+/*.performer-card-image, .justify-content-center .card-image { min-height:240px; height: calc((108px + 10.625vw / 2) * 1.5); max-height: 345px}  */
+.performer-card-image, .justify-content-center .card-image { min-height:240px; height: calc((112px + 19vw / 3.6) * 1.5); max-height: 345px;} 
+.performer-card-image, .justify-content-center .card-image { min-height:240px; height: calc((100px + 11.2vw / 1.92) * 1.5); max-height: 345px;} 
+
+@media (max-width: 575px), (min-width: 1200px) {
+.scene-performers .performer-card-image { height: auto; }
+.scene-performers .performer-card { width: auto; }
+}
+
+
+/* --- Fixes an issue of the card when watching a scene --- */
+.image-section { display: cover;}
+
+/* --- The name of the Performer. Different font, less space to the left & to the top, Text-Shadow --- */
+.text-truncate, .card.performer-card .TruncatedText {
+	margin-left:-1.5%; 
+	margin-top: -2px; 
+	width: 120%; 
+	font-family: var(--HeaderFont);
+	font-size: 112%; 
+	line-height:130%; 
+	font-weight:bold; 
+	text-shadow: var(--std-txt-shadow);
+}
+
+/* --- Makes the Performer Name smaller when the screen is too small --- */
+@media (max-width: 1200px) { .card.performer-card .TruncatedText { font-size: 104%; } }
+
+
+
+/* --- Moves the Flag icon from the right side of the card to the left and makes the Flag image a little bit bigger --- */
+.performer-card .flag-icon {
+    height: 2rem;
+    left: 0.6rem;
+    bottom: 0.10rem;
+    width: 28px; 
+}
+
+/* --- Age and # of Scenes move from the left side to the right of the card --- */
+.performer-card .text-muted {text-align:right;margin-top:-2px;margin-bottom:1px;width:44%;margin-left:56%}
+
+
+/* --- Minimum height for the section in case Age and Nationality is missing and elements would overlap --- */
+.performer-card .card-section {min-height:82px}
+
+/* --- "removes" the term 'old.' from "xx years old." when the resolution gets to small --- */ 
+@media (max-width: 1700px) {
+div.card.performer-card .text-muted {text-align:right;margin-top:-2px;margin-bottom:1px;margin-right:-33px; height:20px; max-height:20px; overflow: hidden;
+}
+}
+
+/* --- To prevent overlapping in the performer card when watching a scene --- */
+@media (max-width: 2000px) {
+.tab-content div.card.performer-card .text-muted {margin-top:22px;margin-right:-3px}
+.tab-content .performer-card.card .rating-1, 
+.tab-content .performer-card.card .rating-2, 
+.tab-content .performer-card.card .rating-3, 
+.tab-content .performer-card.card .rating-4, 
+.tab-content .performer-card.card .rating-5 {bottom: 53px !important;}
+}
+
+
+/* --- Text Shadow for the "Stars in x scenes" link --- */
+div.card.performer-card div.text-muted a {text-shadow: 1px 2px 2px #333}
+
+/* --- Makes the card section (Name, Age, Flag, # of scenes) more compact --- */
+.card-section { margin-bottom: -7px !important; padding: .5rem 0.7rem 0 !important;}
+.card-section span {margin-bottom:3px}
+@media (max-width: 1500px) {	.card-section span {font-size:13px}	}
+
+div.card-section hr {display:none}
+
+
+
+
+/* --- Changes regarding the Favorite <3 --- */
+.performer-card .favorite {
+    color: #f33;
+    -webkit-filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, .95));
+	filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, .95));
+	right: 3px;
+	top: 5px;
+}
+
+
+
+/* --- Turns the Rating Banner in the top left corner into a Star Rating under the performer name --- */
+.performer-card.card .rating-1, .performer-card.card .rating-2, .performer-card.card .rating-3, 
+.performer-card.card .rating-4, .performer-card.card .rating-5
+{
+	background:none;
+	background-size: 97px 18px;
+	background-image:var(--stars);
+	-webkit-transform:rotate(0deg);
+	transform:rotate(0deg);
+	padding:0;
+	padding-bottom:1px;
+	box-shadow: 0px 0px 0px rgba(0, 0, 0, .00);
+	left:6px;
+	width:97px;
+	height:18px;
+	text-align:left;
+	position:absolute;
+	top:auto;
+	bottom: 34px;
+	font-size:0.001rem;
+}
+
+/* --- Display only X amount of stars  -- */
+div.performer-card.card .rating-banner.rating-1 {width:20px}
+div.performer-card.card .rating-banner.rating-2 {width:39px}
+div.performer-card.card .rating-banner.rating-3 {width:59px} 
+div.performer-card.card .rating-banner.rating-4 {width:78px}  
+div.performer-card.card .rating-banner.rating-5 {width:97px}  
+
+
+.performer-card .btn {padding: .375rem .013rem}
+.performer-card .btn {padding: .34rem .25rem}
+.performer-card .fa-icon {margin: 0 2px}
+.performer-card .card-popovers .fa-icon {margin-right: 4px}
+.performer-card .svg-inline--fa.fa-w-18, .performer-card .svg-inline--fa.fa-w-16 {height: 0.88em}
+.performer-card .favorite .svg-inline--fa.fa-w-16 {height:1.5rem}
+
+
+.performer-card .card-popovers .btn-primary {
+    margin: 0 0px 0 6px;
+}
+
+
+
+/* --- PerformerTagger Changes --- */
+
+.PerformerTagger-performer {
+	background-image: linear-gradient(130deg, rgba(50, 60, 75,0.25), rgba(150, 155, 160,0.32), rgba(35, 40, 45,0.26), rgba(160, 160, 165,0.27), rgba(50, 60, 65,0.37)); 
+	background-color: rgba(16, 20, 25, .23); 
+	box-shadow: 2px 2px 6px rgba(0, 0, 0, .70);
+	border-radius: 8px;
+	margin: 1.1%;
+  }
+  
+.tagger-container .input-group-text  {background:none;border:0;margin-right:5px;padding-left:0}
+.PerformerTagger-details {	margin-left: 1.25rem; width:23.5rem;}
+
+.tagger-container .btn-link{text-shadow: 1px 2px 3px #000;}
+.tagger-container, .PerformerTagger {	max-width: 1850px;}
+
+.PerformerTagger-header h2 {	
+	font-family: Helvetica, "Helvetica Neue", "Segoe UI" !important; 
+	font-size: 2rem; 
+	line-height:130%; 
+	font-weight:bold; 
+	text-shadow: 2px 2px 1px #000 !important
+}
+
+.PerformerTagger-thumb {height: 50px;}
+
+.modal-backdrop 	 {	background-color: rgba(16, 20, 25, .25);}
+.modal-backdrop.show {	opacity: 0.1;	}
+
+.performer-create-modal {	max-width: 1300px; font-family: Helvetica, "Helvetica Neue", "Segoe UI" !important; }
+.performer-create-modal .image-selection .performer-image { height: 95%; }
+.performer-create-modal .image-selection {height: 485px;}
+
+.performer-create-modal .no-gutters .TruncatedText {
+	font-family: var(--HeaderFont);
+	font-size: 115%;
+	padding-top:2px;
+	line-height:120%; 
+	font-weight:bold; 
+	text-shadow: var(--std-txt-shadow);
+}
+.performer-create-modal-field strong {margin-left: 6px}
+.modal-footer {border-top: 0}
+
+
+
+
+
+
+/* ========================= Performer Page ================================= */
+/* === The page that you see when you click on the picture of a Performer === */
+
+/* --- The picture of the Performer on the left. 3D effect thanks to background shadows and more rounded corners --- */
+#performer-page .performer-image-container .performer 
+{
+    background-color: rgba(0, 0, 0, .48);
+    box-shadow: 6px 6px 11px rgba(0, 10, 10, .62);
+    border-radius: 14px !important;
+}
+
+/* --- Without this the shadow at the bottom from the previous Selector will not be correctly displayed --- */
+.performer-image-container {padding-bottom: 11px}
+
+
+/* --- The following 15 Selectors change the way the details box is displayed --- */
+#performer-details-tabpane-details .text-input, #performer-details-tabpane-details .text-input:disabled, 
+#performer-details-tabpane-details .text-input[readonly] {background-color: rgba(16,22,26,0.0);}
+#performer-details-tabpane-details a { text-shadow: var(--light-txt-shadow)}
+
+.text-input, input.form-control-plaintext { background-color:none;}
+#performer-details .input-control, .text-input {box-shadow: none;}
+
+div.react-select__control, #performer-details-tabpane-details {background-color: rgba(15,20,30,0.26); max-width:1000px}
+#performer-details-tabpane-details {border-radius: 10px}
+#performer-details-tabpane-edit {max-width:1000px}
+
+div.react-select__control .css-12jo7m5 {text-shadow: none; }
+
+@media (min-width: 1200px) {
+	#performer-details-tabpane-details td { padding: 9px; }
+	table#performer-details tbody tr td:nth-child(1), td:first-child {padding-left: 22px; width: 185px;}
+}
+@media (max-width: 1200px) {
+	table#performer-details tbody tr td:nth-child(1), td:first-child {padding-left: 11px; }
+	#performer-page .performer-head {    margin-bottom: 1rem; }
+	#performer-page { margin: 0 -6px 0 -15px; }
+}
+#performer-details-tabpane-details tr:nth-child(odd) {     background-color: rgba(16,22,26,0.1); }
+table#performer-details {color:#FFF; text-shadow: 1px 1px 1px #000;}
+
+
+
+/* --- Changes the way the name of the performer is displayed --- */
+.performer-head h2 {font-family: var(--HeaderFont); font-weight:bold; text-shadow: 2px 2px 2px #111 }
+
+/* --- Leave some space between the name and the Fav/Link/Twitter/IG icons --- */
+#performer-page .performer-head .name-icons {margin-left: 22px}
+
+/* --- Highlighter for active Details/Scenes/Images/Edit/Operations --- */
+.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
+	background-color: rgba(5,30,35,0.46);
+}
+
+
+/* --- Changes the display of Performer Details Tab in the 0.9 version are arranged --- */
+#performer-details-tabpane-details dl.row, dl.details-list dt, dl.details-list dd{ margin:0 0px;padding: 8px 10px 9px 14px}
+#performer-details-tabpane-details dl.row:nth-child(odd),
+#performer-details-tabpane-details dl.details-list dt:nth-of-type(odd),
+#performer-details-tabpane-details dl.details-list dd:nth-of-type(odd) {	background-color: rgba(16,22,26,0.1);}
+#performer-details-tabpane-details dt.col-xl-2,
+#performer-details-tabpane-details dl.details-list dt {	text-shadow: var(--std-txt-shadow); font-weight: normal;}
+#performer-details-tabpane-details ul.pl-0 {margin-bottom: 0rem;}
+#performer-details-tabpane-details dl.details-list { grid-column-gap: 0}
+
+
+/* --- Resets the fields in Performer Edit Tab in the 0.5 developmental version back to way it was in the 0.5 version --- */
+#performer-edit {margin:0 0 0 10px}
+#performer-edit .col-sm-auto, #performer-edit .col-sm-6, #performer-edit .col-md-auto, #performer-edit .col-lg-6, #performer-edit .col-sm-4, #performer-edit .col-sm-8 { width: 100%;max-width: 100%; flex: 0 0 100%; }
+#performer-edit .col-sm-auto div, #performer-edit label.form-label { float:left; width:17%;}
+#performer-edit .col-sm-auto div, #performer-edit label.form-label { font-weight:normal; color: #FFF; text-shadow: var(--std-txt-shadow); }
+
+#performer-edit select.form-control, #performer-edit .input-group, #performer-edit .text-input.form-control { float:right; width:83%; }
+#performer-edit .form-group, .col-12 button.mr-2 {margin-bottom: 0.35rem}
+#performer-edit .mt-3 label.form-label { float:none; width:auto; }
+
+#performer-edit select.form-control, #performer-edit .input-group, #performer-edit .text-input.form-control {width: 100%;}
+#performer-edit textarea.text-input {min-height: 9ex;}
+
+#performer-edit .form-group:nth-child(17) .text-input.form-control {width:85%;}
+
+@media (max-width: 750px) {
+#performer-edit .col-sm-auto div, #performer-edit label.form-label { float:left; width:22%;}
+#performer-edit select.form-control, #performer-edit .input-group, #performer-edit .text-input.form-control { float:right; width:78%; }
+}
+
+@media (max-width: 500px) {
+#performer-edit .col-sm-auto div, #performer-edit label.form-label { float:left; width:60%;}
+#performer-edit li.mb-1, 
+#performer-edit select.form-control, 
+#performer-edit .input-group, #performer-edit .text-input.form-control { float:left; width:89%; }
+}
+
+#performer-edit .form-group .mr-2 {margin-right:0!important}
+
+
+
+
+
+
+/* ======================= Scenes ======================== */
+
+
+/* --- Remove the comments if you don't want to see the Description Text of the scenes --- */
+/* .card-section p {display:none} */
+
+
+/* --- Remove the comments if you don't want to see the Resolution of the Video (480p, 540p, 720p, 1080p) --- */
+ .overlay-resolution {display:none} 
+
+
+
+/* --- The name of the Scene. Different font, less space to the left and to the top, Text-Shadow --- */
+h5.card-section-title, .scene-tabs .scene-header {	
+	font-family: var(--HeaderFont);
+	font-size: 1.25rem;
+	font-weight:bold;
+	line-height:132%;
+	text-shadow: var(--std-txt-shadow);
+}
+.scene-tabs .scene-header { font-size: 24px; margin-bottom:16px }
+.scene-tabs .studio-logo {	margin-top: 0}
+
+#TruncatedText .tooltip-inner {width:365px; max-width:365px}
+.tooltip-inner {	font-family: var(--HeaderFont);
+	background-color: rgba(16, 20, 25, .99); 
+	box-shadow: 2px 2px 6px rgba(0, 0, 0, .55);
+ font-weight:bold;font-size:14px;}
+
+/* --- Removes the horizontal line that separates the date/description text from the Tags/Performer/etc. icons --- */
+.scene-card.card hr, .scene-card.card>hr{	border-top: 0px solid rgba(0,0,0,.1);	}
+
+
+/* --- Changes regarding the Scene Logo --- */
+.scene-studio-overlay {
+	opacity: .80;
+	top: -1px;
+	right: 2px;
+}
+
+/* --- The Resolution and the Time/Length of the video in the bottom right corner to make it easier to read --- */
+.scene-specs-overlay {
+	font-family: Arial, Verdana,"Segoe UI" !important;
+	bottom:1px;
+	color: #FFF;
+	font-weight: bold;
+	bottom:1.4%;
+	letter-spacing: 0.035rem;
+	text-shadow: 2px 2px 1px #000, 4px 4px 5px #444, 7px 0px 5px #444, -3px 2px 5px #444, -5px 0px 5px #444, -1px -4px 5px #444, 3px -2px 6px #444;
+}
+.overlay-resolution {color:#eee;}
+
+/* --- Changes the spaces between the items on the Scenes page --- */
+.zoom-0 {margin: 4px 0.50% 10px}
+
+
+.scene-card-link {height:195px; overflow:hidden;}
+
+
+/* --- Tightens the space between the Tags-, Performer-, O-Counter-, Gallery- and Movie-Icons --- */
+.btn-primary { margin:0 -3px 0 -9px}
+
+/* --- Moves the Tags-, Performer-, O-Counter-, Gallery- and Movie-Icon from below the description to the bottom right corner of the card --- */
+.scene-popovers, .card-popovers { 
+	min-width:0;
+	margin-bottom: 3px;
+	margin-top:-40px;
+	justify-content: flex-end;
+}
+
+/* --- Adds an invisible dot after the description text, Also leaves ~80 pixels space to enforce a line break, 
+so it leaves some space in the bottom right corner of the card for the icons in the Selector above --- */
+.card-section p:after 
+{
+	font-size: 1px;
+	color: rgba(0,0,0, .01);
+	padding-right: 3.2vw; 
+	margin-right: 2.8vw; 
+	content: " ";
+}
+
+
+
+
+/* -- The whole section replaces the ratings banner with a star rating in the bottom left corner --- */ 
+.scene-card.card .rating-1 {width:22px}
+.scene-card.card .rating-2 {width:43px}
+.scene-card.card .rating-3 {width:65px} 
+.scene-card.card .rating-4 {width:86px}  
+.scene-card.card .rating-5 {background:none; width:108px}
+.rating-1, .rating-2, .rating-3, .rating-4, .scene-card.card .rating-5 {
+	background:none;
+	background-image:var(--stars);
+	height:20px;
+	background-size: 108px 20px;
+} 
+
+.scene-card.card .rating-banner {
+	padding:0;
+	left:5px;
+	top:89%;
+	background-position: left;
+	font-size: .01rem;
+	-webkit-transform: rotate(0deg);
+	transform: rotate(0deg);
+}
+
+
+.scene-card.zoom-0.grid-card.card .rating-banner {top: 87%}
+.scene-card.zoom-2.grid-card.card .rating-banner {top: 90%}
+.scene-card.zoom-3.grid-card.card .rating-banner {top: 92%}
+
+.scene-card.zoom-3.grid-card.card .rating-1, .scene-card.zoom-3.grid-card.card .rating-2, .scene-card.zoom-3.grid-card.card .rating-3, .scene-card.zoom-3.grid-card.card .rating-4, .scene-card.zoom-3.grid-card.card .rating-5 {
+	background:none;
+	background-image:var(--stars);
+	height:28px;
+	background-size: 151px 28px;
+} 
+
+.scene-card.zoom-3.grid-card.card .rating-1 {width:30px}
+.scene-card.zoom-3.grid-card.card .rating-2 {width:60px}
+.scene-card.zoom-3.grid-card.card .rating-3 {width:91px} 
+.scene-card.zoom-3.grid-card.card .rating-4 {width:121px}  
+.scene-card.zoom-3.grid-card.card .rating-5 {width:151px}
+
+
+
+/* --- Improves how the Preview Videos in the Wall View are displayed --- */
+.wall-item-container {width: 100%; background-color: rgba(0, 0, 0, .10); overflow:hidden }
+.wall-item-media { height:100%; background-color: rgba(0, 0, 0, .0);overflow:hidden }
+.wall-item-anchor { width: 102%; overflow:hidden }
+.wall-item-text {margin-bottom:0px; color: #111; text-shadow: 1px 1px 1px #fff }	
+
+
+.scene-popovers .fa-icon {margin-right: 2px;}
+
+/* --- Changes the Organized Button color when watching a video. Organized = Green, Not Organized = Red --- */
+.organized-button.not-organized { color: rgba(207,10,20,.8); }
+.organized-button.organized {	color: #06e62e;}
+
+
+/* --- Changes the font in the File Info section --- */
+div.scene-file-info .TruncatedText, div.scene-file-info .text-truncate {
+	margin-left:-1.5%; 
+	margin-top: -1px; 
+	width: 120%; 
+	font-family: var(--HeaderFont);
+	font-size: 110%; 
+	line-height:120%; 
+	font-weight:bold; 
+	text-shadow: var(--std-txt-shadow);
+}
+
+
+#scene-edit-details .pl-0 {
+    padding-left: 10px!important;
+}
+
+
+/* Zoom 0 */
+.zoom-0 { width:290px}
+.zoom-0 .video-section {height:181px;}
+.zoom-0 .scene-card-preview-image, .zoom-0 .scene-card-preview { height:195px; }
+.zoom-0 .scene-card-preview, .zoom-0 .scene-card-preview-video, .zoom-0 .scene-card-video {
+	width: 290px;
+	min-height:181px;
+	max-height: 200px;
+}
+
+/* Zoom 1 */
+.zoom-1 { min-width: 300px; width: calc(234px + 24vw /3.84);max-width: 430px}
+/* Improves the way the scene picture is displayed when the resolution isn't 16:9 (e.g. 4:3) --- */
+.zoom-1 .video-section {height:calc((234px + 24vw / 3.84)/1.63);max-height: 258px}
+.zoom-1 .scene-card-preview-image, .zoom-1 .scene-card-preview { height:98%; max-height: 260px}
+
+.zoom-1 .scene-card-preview, .zoom-1 .scene-card-preview-video, .zoom-1 .scene-card-video {
+	min-width: 300px; width: calc(228px + 17vw / 1.92);max-width: 470px;
+	height:calc((234px + 26vw / 3.84)/1.63);
+	max-height: 265px;
+}
+
+/* Zoom 2 */
+.zoom-2 { min-width: 350px; width: calc(315px + 26vw / 3.84);max-width: 495px}
+.zoom-2 .video-section {height:calc((334px + 26vw / 3.84) /1.63);max-height:295px}
+.zoom-2 .scene-card-preview-image, .zoom-2 .scene-card-preview { height:calc((334px + 26vw / 3.84) /1.63); max-height:292px}
+
+.zoom-2 .scene-card-preview, .zoom-2 .scene-card-preview-video, .zoom-2 .scene-card-video {
+	min-width: 350px; width: calc(332px + 28vw / 3.84);max-width: 530px;
+	height:calc((335px + 28vw / 3.84) /1.63);
+	max-height: 298px;
+}
+
+
+/* Zoom 3 */
+.zoom-3 { min-width: 400px; width: calc(530px + 18vw / 5.76);max-width: 590px}
+.zoom-3 .video-section {height:375px;}
+.zoom-3 .scene-card-preview-image, .zoom-3 .scene-card-preview { height:395px; }
+.zoom-3 .scene-card-preview, .zoom-3 .scene-card-preview-video, .zoom-3 .scene-card-video {
+	width: 600px;
+	min-height:385px;
+	max-height: 400px;
+}
+
+
+.zoom-0 .video-section, .zoom-1 .video-section, .zoom-2 .video-section, .zoom-3 .video-section 
+{object-fit: cover !important;overflow:hidden;}
+
+.zoom-0 .scene-card-preview, .zoom-0 .scene-card-preview-video, .zoom-0 .scene-card-video,
+.zoom-1 .scene-card-preview, .zoom-1 .scene-card-preview-video, .zoom-1 .scene-card-video, 
+.zoom-2 .scene-card-preview, .zoom-2 .scene-card-preview-video, .zoom-2 .scene-card-video,
+.zoom-3 .scene-card-preview, .zoom-3 .scene-card-preview-video, .zoom-3 .scene-card-video {
+	object-fit: cover !important;
+	margin-top:-2%;
+	margin-left:-6px;
+	transform: scale(1.04);
+}
+
+/* --- Shrink the Player Height just a little bit to avoid the scroll bar --- */
+#jwplayer-container {    height: calc(99.5vh - 4rem);}
+.scene-tabs {	max-height: calc(99vh - 4rem); }
+
+div.tagger-container .btn-link { 	
+	font-family: var(--HeaderFont);
+	font-size: 110%; 
+	color: #ddf; 
+	text-shadow: var(--std-txt-shadow); 
+}
+
+
+/* --- Changes the color of the scrape button when editing a scene --- */
+.scrape-url-button{background-color: rgba(20,120,20,.50);}
+.scrape-url-button:hover{background-color: rgba(20,150,20,.65);}
+.scrape-url-button:disabled {  background-color: rgba(30,00,00,.40);	}
+
+
+.scene-tabs .scene-header {margin-top: 0;margin-bottom: 15px}
+.scene-tabs h1.text-center {margin-bottom: 30px}
+
+#queue-viewer .current {background-color: rgba(25,60,40,0.40);}
+#queue-viewer .mb-2:hover, #queue-viewer .my-2:hover {background-color: rgba(15,20,30,0.28);}
+
+#scene-edit-details .edit-buttons-container {
+	background-color: rgba(0,0,0,0.0);
+	position: relative; 
+	margin-bottom:15px;
+}
+
+#scene-edit-details .form-group {margin-bottom:0.65rem;}
+
+
+
+
+
+/* ============== Studio ================= */
+
+
+.studio-card {	padding: 0 4px 14px;}
+
+.studio-details input.form-control-plaintext {	background-color: rgba(16,22,26,.0); }
+.studio-details .react-select__control--is-disabled  {	background: none; border:0}
+
+.studio-details .form-group, .studio-details td { padding: 8px; }
+.studio-details table td:nth-child(1) {color:#FFF; text-shadow: 1px 1px 1px #000;}
+
+.studio-card-image {max-height: 175px; height:175px}
+.studio-card-image {min-width: 260px; width: calc(244px + 19vw / 3.8); max-width: 360px; margin: 0 1px;}
+.studio-card .card-section {	margin-top: 22px;}
+
+@media (min-width: 1200px) {
+.pl-xl-5, .px-xl-5 {
+    padding-left: 1rem!important; 
+    padding-right: 1rem!important;
+} }
+
+.no-gutters .TruncatedText, .tag-card .TruncatedText, div.card.studio-card .TruncatedText, .tagger-container .TruncatedText  {
+	font-family: var(--HeaderFont);
+	font-size: 125%; 
+	line-height:125%; 
+	font-weight:bold; 
+	text-shadow: var(--std-txt-shadow);
+}
+
+.no-gutters .TruncatedText {font-size: 115%;}
+
+/* --- The following 15 Selectors modify the info box on the left after clicking on a movie --- */
+.studio-details .text-input, #performer-details-tabpane-details .text-input:disabled, 
+.studio-details .text-input[readonly] {background-color: rgba(16,22,26,0.0);}
+
+.text-input, input.form-control-plaintext { background-color:none;}
+.studio-details .input-control, .text-input {box-shadow: none;}
+
+.studio-details table { margin-top: 20px; background-color: rgba(15,20,30,0.20); border-radius: 10px; margin-bottom:20px;}
+.studio-details .form-group {background-color: rgba(15,20,30,0.20); margin:0;}
+
+.studio-details table div.react-select__control {background: none; border: 0px;margin:0}
+.studio-details table .css-1hwfws3 { padding:0px; }
+
+.studio-details .form-group, .movie-details td { padding: 8px; }
+.studio-details .form-group td:nth-child(1), 
+.studio-details table tbody tr td:nth-child(1), td:first-child {padding-left: 12px; width: 130px;}
+
+.studio-details table tr:nth-child(odd) {     background-color: rgba(16,22,26,0.1); }
+.studio-details .form-group, .studio-details table td:nth-child(1) {color:#FFF; text-shadow: 1px 1px 1px #000;}
+
+
+.studio-card.card .rating-1, .studio-card.card .rating-2, .studio-card.card .rating-3, 
+.studio-card.card .rating-4, .studio-card.card .rating-5
+{
+	background:none;
+	height: 25px;
+	background-size: 135px 25px;
+	background-image:var(--stars);
+	-webkit-transform:rotate(0deg);
+	transform:rotate(0deg);
+	padding:0;
+	padding-bottom:1px;
+	box-shadow: 0px 0px 0px rgba(0, 0, 0, .00);
+	left:10px;
+	text-align:left;
+	position:absolute;
+	top:auto;
+	bottom: 24% !important;
+	font-size:0.001rem;
+}
+
+.studio-card.card .rating-5{width:135px;} 
+.studio-card.card .rating-4{width:109px;} 
+.studio-card.card .rating-3{width:81px;} 
+.studio-card.card .rating-2{width:55px;} 
+.studio-card.card .rating-1{width:28px;} 
+
+div.studio-card.card .card-popovers { margin-top:-34px;margin-right:-7px}
+.studio-card.card .card-section div:nth-child(2) {margin-bottom:6px;margin-top:-3px;}
+
+div.studio-details dl.details-list {grid-column-gap:0}
+.studio-details dt, .studio-details dd {padding: 6px 0 8px 8px}
+
+
+
+
+
+
+
+/* ============== TAGS =============== */
+
+.tag-card.card hr, .tag-card.card>hr{border-top: 0px solid rgba(0,0,0,0.0)}
+
+.tag-card {margin: 4px 0.5% 10px; padding:0px;}
+
+
+@media (min-width: 1200px){
+.row.pl-xl-5, .row.px-xl-5 {
+	padding-left: 0.2rem!important; 
+	padding-right: 0.2rem!important;
+}
+}
+
+.tag-card.zoom-0 {
+	min-width: 230px; width: calc(205px + 18vw / 1.1); max-width: 354px;
+	min-height:168px; height:auto;
+/*	height:calc(130px + 14vw / 1.1); max-height:250px;*/
+}
+.tag-card.zoom-0 .tag-card-image {	min-height: 100px; max-height: 210px; height: calc(95px + 15vw / 1.1)}
+
+.tag-card.zoom-1 {
+	min-width: 260px; width: calc(238px + 25vw / 2.3); max-width: 460px;
+	min-height:193px; height:auto; max-height:335px;
+}
+.tag-card.zoom-1 .tag-card-image {	min-height: 120px; max-height: 260px; height: calc(100px + 19vw / 2.3);}
+
+.tag-card.zoom-2 {
+	min-width: 290px; width: calc(280px + 38vw / 2.45); max-width: 650px;
+	min-height:170px; height:auto; max-height:505px;
+}
+.tag-card.zoom-2 .tag-card-image {	min-height: 175px; max-height: 435px; height: calc(120px + 26vw / 2.45);}
+
+#tags .card {padding:0 0 10px 0; }
+.tag-card-header {height:190px;overflow:hidden;}
+
+.zoom-0 .tab-pane .card-image { height:210px }
+.zoom-0 .tag-card-image, .zoom-1 .tag-card-image, .zoom-2 .tag-card-image {
+zoom: 101%;
+object-fit: cover;
+overflow:hidden;
+width: 101%;
+margin-top: -2px;
+margin-left: -1%;
+}
+
+.tag-card .scene-popovers, .tag-card .card-popovers { 
+	width:60%;
+	margin-left:40%;
+	justify-content: flex-end;
+	float:right;
+	margin-bottom: 15px;
+	margin-top:-34px;
+	padding-left:17px;
+}
+
+.tag-sub-tags,.tag-parent-tags {margin-bottom:8px}
+
+
+/* --- Moves the Tag name into the Tag Picture --- */
+.tag-details .text-input[readonly] {background-color: rgba(0,0,0,.0)}
+.tag-details .table td:first-child {display:none}
+.tag-details .logo {margin-bottom: 12px;}
+
+.tag-details .form-control-plaintext, .tag-details h2 {
+	margin-top:-76px;
+	margin-left:0%;
+	font-weight: bold;
+	font-family: Helvetica, "Helvetica Neue", "Segoe UI" !important;
+	letter-spacing: 0.11rem;
+	font-size:44px;
+	text-shadow: 2px 2px 3px #111, 4px 4px 4px #282828, 6px 1px 4px #282828, -3px 3px 3px #444, -2px -2px 4px #282828;
+	text-align:center; 
+}
+@media (max-width: 1300px) {.tag-details .form-control-plaintext {font-size:26px; 	margin-top:-50px;}}
+
+.tag-details .logo { min-width:300px}
+
+
+
+
+
+/* ==============  MOVIES ==============  */
+
+/* --- Changes the width of the items so only the front cover is displayed. Also replaces the ratings banner with a star rating --- */
+
+.movie-card .text-truncate, div.card.movie-card .TruncatedText {
+	font-size: 17px !important;
+	font-family: var(--HeaderFont);
+	text-shadow: var(--std-txt-shadow);
+	font-weight: bold;
+	max-width:210px;
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+
+div.movie-card.grid-card.card .card-section p {margin-bottom:-8px}
+div.movie-card.grid-card.card .card-section {margin-bottom: -0px !important}
+div.movie-card.grid-card.card .card-popovers {
+	padding-top:35px;
+	margin-bottom:-11px;
+	width:60%;
+	margin-left:40%;
+	justify-content:flex-end;
+	float:right;
+}
+
+div.movie-card .card-section span {position:absolute;margin-top:-3px;margin-bottom:6px}
+
+
+
+.movie-card-header {height:320px}
+
+.movie-card-header .rating-banner {
+	font-size: .001rem;
+	padding: 8px 41px 6px;
+	line-height: 1.1rem;
+	transform: rotate(0deg);
+	left: 3px;
+	top: 317px !important;
+	height: 25px;
+	background-size: 135px 25px;
+	background-position: left;
+}
+
+.movie-card-header .rating-1 {width:28px}
+.movie-card-header .rating-2 {width:55px}
+.movie-card-header .rating-3 {width:83px}
+.movie-card-header .rating-4 {width:110px}
+.movie-card-header .rating-5 {width:138px}
+
+.movie-card-header .rating-5 {
+	background:none;
+	background-image:var(--stars);
+	height: 25px;
+	background-size: 135px 25px;
+}
+
+.movie-card-image {
+	height:345px;
+	max-height: 345px;
+	width:240px;
+}
+
+
+
+
+/* --- The following 15 Selectors modify the info box on the left after clicking on a movie --- */
+.movie-details .text-input, #performer-details-tabpane-details .text-input:disabled, 
+.movie-details .text-input[readonly] {background-color: rgba(16,22,26,0.0);}
+
+.text-input, input.form-control-plaintext { background-color:none;}
+.movie-details .input-control, .text-input {box-shadow: none;}
+
+.movie-details table { margin-top: 20px; background-color: rgba(15,20,30,0.20); border-radius: 10px 10px 0px 0px; margin-bottom:0;}
+.movie-details .form-group {background-color: rgba(15,20,30,0.20); margin:0;}
+
+.movie-details table div.react-select__control {background: none; border: 0px;margin:0}
+.movie-details table .css-1hwfws3 { padding:0px; }
+
+.movie-details .form-group, .movie-details td { padding: 8px; }
+.movie-details .form-group td:nth-child(1), 
+.movie-details table tbody tr td:nth-child(1), td:first-child {padding-left: 12px; width: 120px;}
+
+.movie-details table tr:nth-child(odd) {     background-color: rgba(16,22,26,0.1); }
+.movie-details .form-group, .movie-details table td:nth-child(1) {color:#FFF; text-shadow: 1px 1px 1px #000;}
+
+
+
+/* --- 0.60 dev adjustments --- */
+.studio-details .studio-details, .movie-details .movie-details {background-color: rgba(15,20,30,0.20); border-radius: 10px; margin-bottom:15px; }
+.movie-details .movie-details dt.col-3 {padding:4px 0 4px 16px; width: 120px;}
+.movie-details .movie-details dd.col-9 {padding:4px 16px 4px 3px;}
+.studio-details dl.details-list dt:nth-of-type(odd),
+.studio-details dl.details-list dd:nth-of-type(odd),
+.movie-details dl.details-list dt:nth-of-type(odd),
+.movie-details dl.details-list dd:nth-of-type(odd),
+.movie-details dl.row:nth-child(odd) { background-color: rgba(16,22,26,0.1); margin-right:0px}
+.movie-details dl.details-list { grid-column-gap: 0}
+.studio-details h2, .movie-details .movie-details h2 {	font-family: var(--HeaderFont);font-weight:bold;text-shadow: var(--std-txt-shadow);padding:7px 0 5px 12px;}
+
+.movie-details .movie-images {margin:0 5px 20px 5px;}
+.movie-details .movie-images img {border-radius: 14px; max-height:580px;}
+.movie-details .movie-image-container{
+	margin:0.3rem;
+	margin-right:0.8rem;
+	background-color: rgba(0, 0, 0, .48);
+	box-shadow: 6px 6px 11px rgba(0, 10, 10, .62);
+}
+
+form#movie-edit { margin-bottom:15px}
+
+
+
+
+
+/* ==============  IMAGES ==============  */
+
+div.image-card .rating-banner {
+	font-size: .002rem;
+	padding: 8px 41px 6px;
+	line-height: 1.1rem;
+	transform: rotate(0deg);
+	left: 3px;
+	top: 72% !important;
+	height: 25px;
+	background-size: 135px 25px;
+	background-position: left;
+}
+
+div.image-card .rating-1 {width:28px}
+div.image-card .rating-2 {width:55px}
+div.image-card .rating-3 {width:83px} 
+div.image-card .rating-4 {width:110px}  
+div.image-card .rating-5 {width:138px}
+
+div.image-card .rating-5 {
+	background:none;
+	background-image:var(--stars);
+	height: 25px;
+	background-size: 135px 25px;
+}
+
+div.image-card .scene-popovers, div.image-card .card-popovers {
+	margin-top: -2px;
+	justify-content: flex-end;
+}
+div.image-card hr, .scene-card.card>hr{
+	border-top: 0px solid rgba(0,0,0,.1);
+}
+
+
+
+
+
+
+
+/* ==============  GALLERIES ==============  */
+
+div.gallery-card hr, .scene-card.card>hr{
+	border-top: 0px solid rgba(0,0,0,.1); 
+}
+
+div.gallery-card .rating-banner {
+	font-size: .002rem;
+	padding: 8px 4px 6px;
+	line-height: 1.1rem;
+	transform: rotate(0deg);
+	left: 3px;
+	top: 70% !important;
+	height: 25px;
+	background-size: 135px 25px;
+	background-position: left;
+}
+
+div.gallery-card .rating-1 {width:28px !important}
+div.gallery-card .rating-2 {width:55px !important}
+div.gallery-card .rating-3 {width:83px !important} 
+div.gallery-card .rating-4 {width:110px}  
+div.gallery-card .rating-5 {width:137px}
+
+div.gallery-card .rating-5 {
+	background:none;
+	background-image:var(--stars);
+	height: 25px;
+	background-size: 135px 25px;
+}
+
+div.gallery-card .scene-popovers, div.gallery-card .card-popovers {
+	margin-bottom: -8px;
+	margin-top: -48px; 
+	justify-content: flex-end;
+}
+
+
+
+
+
+
+
+
+/* ==============  MISC ==============  */
+
+/* --- When comments are removed the first paginationIndex ("1-x of XXX - time - size") will disappear --- */
+/* .paginationIndex:first-of-type {display:none} */
+
+
+.svg-inline--fa.fa-w-18 {width: 1.4em;}
+
+/* --- Makes the Zoom Slider on the Scenes, Images, Galleries and Tags pages longer and therefore easier to use --- */
+input[type=range].zoom-slider{ max-width:140px;width:140px; }
+
+/* --- Changes the zoom slider color --- */
+input[type=range]::-webkit-slider-runnable-track {background-color: #88afcc !important;}
+
+
+.tag-details .logo {
+    background-color: rgba(0, 0, 0, .48);
+    box-shadow: 3px 3px 5px rgba(0, 0, 0, .42);
+    border-radius: 9px !important;
+}
+
+.search-item {
+    background-color: none;
+    background-color: rgba(16,22,26,0.27);
+}
+
+.btn-secondary.disabled, .btn-secondary:disabled {
+    background-color: none;
+    background-color: rgba(16,22,26,0.67);
+}
+
+/* --- Edit & Delete buttons when clicking on a studio, tag or movie --- */
+.details-edit {margin-left:3%}
+
+/* --- Adds a text shadow to the statistics on the startpage --- */
+.stats .title {
+	text-shadow: 2px 2px 4px #282828;
+}
+
+
+.popover {
+	padding:2px;
+	background-color: rgba(5,30,35,0.85); 
+	box-shadow: 3px 3px 6px rgba(20, 20, 20, .8);
+}
+.hover-popover-content {
+	background-image: linear-gradient(160deg, rgba(230,255,240,0.80), rgba(120,130,155, 0.45), rgba(180,190,225, 0.45), rgba(120,130,165, 0.55), rgba(255,235,235,0.70)); 
+	background-color: rgba(205,210,225,0.31) !important; 
+}
+
+.tag-item {
+	font: normal 13px "Lucida Grande", sans-serif, Arial, Verdana;
+	background-image: linear-gradient(210deg, rgba(30,95,140,0.36), rgba(10,60,95, 0.45), rgba(20,65,105, 0.88), rgba(5,90,140,0.35)); 
+	background-color: rgba(20,80,110,0.9); 
+	color: #fff;
+	letter-spacing: 0.07rem;
+	line-height: 18px;
+	margin: 3px 3px;
+	padding: 6px 8px;
+}
+
+/* --- Adjust the lengths of the Performer, Movies and Tags fields while editing a scene while the scene plays --- */
+#scene-edit-details .col-sm-9 {
+    flex: 0 0 100%;
+    max-width: 100%;
+}
+
+/* --- Cuts the name of Performers, Movies and Tags short if they go longer than the length of the field --- */
+div.react-select__control .react-select__multi-value {
+  max-width: 285px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+
+
+
+.input-control, .input-control:disabled, .input-control:focus, .modal-body div.react-select__control, .modal-body .form-control {
+	background: rgba(15,15,20,0.36);
+}
+
+
+.scraper-table tr:nth-child(2n) {    background: rgba(15,15,20,0.18);}
+
+.nav-pills .nav-link.active, .nav-pills .show>.nav-link { 	background: rgba(15,15,20,0.50);}
+
+
+.btn-secondary:not(:disabled):not(.disabled).active, 
+.btn-secondary:not(:disabled):not(.disabled):active, 
+.show>.btn-secondary.dropdown-toggle { 	background: rgba(15,15,20,0.50);}
+
+
+/* --- Background when searching for a scene in Tagger view --- */
+.search-result { 	background: rgba(0,0,0,0.22);}
+.selected-result { 	background: rgba(25,120,25,0.28);}
+.search-result:hover { background: rgba(12,62,75,0.35);}
+
+
+.markdown table tr:nth-child(2n) {background: rgba(25,20,25,0.20);}
+.markdown code, .markdown blockquote, .markdown pre {background: rgba(25,20,25,0.30);}
+
+
+/* --- Changes the size of the Custom CSS field in the settings --- */
+#configuration-tabs-tabpane-interface textarea.text-input { min-width:60ex; max-width:55vw !important; min-height:50ex;}
+
+
+div.dropdown-menu,div.react-select__menu{background-color:rgba(35,37,44,0.55);color:#f5f8fa}
+
+div.dropdown-menu .dropdown-item, div.dropdown-menu .react-select__option, div.react-select__menu .dropdown-item, div.react-select__menu .react-select__option
+{color:#f5f8fa;background-color:rgba(35,37,44,0.55);}
+
+div.dropdown-menu .dropdown-item:focus,div.dropdown-menu .dropdown-item:hover,div.dropdown-menu .react-select__option--is-focused,div.react-select__menu .dropdown-item:focus,div.react-select__menu .dropdown-item:hover,div.react-select__menu .react-select__option--is-focused{background-color:rgba(24,130,195,0.85)}
+
+
+.toast-container {
+    left: 74%;
+    top: 1rem;
+}
+
+/* --- Settings / About adjustments --- */
+#configuration-tabs-tabpane-about .table {width:100%}
+#configuration-tabs-tabpane-about .table td {padding-top:18px}
+
+
+
+/* Folder when doing selective scan or configuration */
+.input-group .form-control {color: #c9e0e7; }
+
+
+
+/* --- Overhaul of the Popoup Edit Boxes --- */
+@media (min-width: 576px) {
+	#setting-dialog .modal-content .modal-body textarea {min-height:350px; height:75vh !important}
+	.modal-dialog {max-width: 880px}
+	.modal-dialog .modal-content .form-group .multi-set {width:82%;margin-top:12px; flex: 0 0 82%; max-width:82%;}
+	.modal-dialog .modal-content .form-group .col-9 {flex: 0 0 82%;max-width: 82%;}
+	.modal-dialog .modal-content .col-3 {    flex: 0 0 18%; max-width: 18%;}
+	.modal-dialog .modal-content .form-group > .form-label {margin-top:0px;flex: 0 0 18%;    max-width: 18%;text-shadow: var(--std-txt-shadow);}
+	.modal-dialog .modal-content .form-group {display: flex; flex-wrap: wrap;}
+	.modal-dialog .modal-content .btn-group>.btn:not(:first-child), .btn-group>.btn-group:not(:first-child) {margin-left: 2px}
+	.modal-dialog .modal-content .form-label[for~="movies"],
+	.modal-dialog .modal-content .form-label[for~="tags"],
+	.modal-dialog .modal-content .form-label[for~="performers"] {margin-top:48px;}
+	.modal-dialog .modal-content .button-group-above {margin-left:9px}
+	.modal-dialog .scraper-sources.form-group h5 {margin-top:20px}
+	.modal-dialog .modal-content .field-options-table {width:98%}
+
+	.modal-dialog.modal-lg .modal-content .form-group {display: inline;}
+}
+
+
+div.modal-body b, .form-label h6 {text-shadow: var(--std-txt-shadow);}
+
+.modal-body .btn-primary:not(:disabled):not(.disabled).active, .modal-body .btn-primary:not(:disabled):not(.disabled):active {
+color: #fff; 
+     background-color: #008558; 
+     border-color: #0d5683;
+}
+
+.modal-body .btn-primary {
+    color: #fff;
+    background-color: #666;
+    border-color: #666;
+}
+
+
+/* --- several Performer and Scene Scaping changes --- */
+.modal-content, .modal-lg, .modal-xl  {
+	max-width: 1400px; 
+	width:100%;
+} 
+
+.modal-header, .modal-body, .modal-footer {	background: rgba(50,90,105,0.96);}
+.modal-body {padding-bottom:2rem;}
+.performer-create-modal {max-width:1300px;}
+
+.modal-body .col-form-label, .modal-body .col-6, .modal-footer, .modal-header .col-form-label {text-shadow: var(--std-txt-shadow);}
+
+.modal-body .col-6 strong {font-weight: normal; font-size:14px}
+.modal-body .no-gutters {margin-bottom: 8px}
+
+.modal-body .dialog-container .col-lg-3 {
+	flex: 0 0 12%;
+	max-width: 12%;
+	text-shadow: var(--std-txt-shadow);
+}
+
+.modal-body .dialog-container .offset-lg-3{margin-left:12%;} 
+.modal-body .dialog-container .col-lg-9{flex:0 0 88%; max-width:88%;} 
+
+
+
+
+
+.input-group-prepend div.dropdown-menu
+{
+	background: rgba(50,90,105,0.94);
+	padding:15px;
+	box-shadow: 2px 2px 6px rgba(0, 0, 0, .70);
+}
+
+.saved-filter-list .dropdown-item-container .dropdown-item {
+    margin-top:3px;
+}
+.set-as-default-button {margin-top: 8px;}
+
+.grid-card .card-check { top:.9rem;width: 1.5rem;}
+
+.btn-group>.btn-group:not(:last-child)>.btn, .btn-group>.btn:not(:last-child):not(.dropdown-toggle)
+  {border-left: 1px solid #394b59;}    
+.btn-group>.btn-group:not(:first-child), .btn-group>.btn:not(:first-child) {border-right: 1px solid #394b59;}
+
+
+div.gallery-card.grid-card.card p div.TruncatedText,
+div.movie-card.grid-card.card hr, div.movie-card.grid-card.card p {display:none}
+
+
+
+/* --- Spacing out the paginationIndex --- */
+.paginationIndex {color:#f3f3f3;margin-bottom:8px}
+.paginationIndex .scenes-stats, .images-stats {margin-top:-3px; color:#9999a9}
+.paginationIndex .scenes-stats:before, .images-stats:before
+{
+	font-size: 16px;
+	margin-left:18px;
+	margin-right:12px;
+	color:#ccc;
+	content: "-";
+}
+
+
+
+
+
+
+
+
+
+/* ==============  SETTINGS ==============  */
+
+#settings-container {
+	padding-left:230px;
+	background-image: none !important;
+	background-color: rgba(16, 20, 25, .40) !important;
+	box-shadow: 2px 2px 7px rgb(0 0 0 / 75%);
+	border-radius: 10px;
+	padding-top:25px;
+	min-height:450px;
+}
+
+#settings-container .card {
+	margin-bottom:25px;
+	background-image: none !important;
+	background-color: rgba(16, 20, 25, .00);
+	box-shadow: 0px 0px 0px rgb(0 0 0 / 75%);
+	border-radius: 0px;
+}
+
+#settings-container .bg-dark {background-color: rgba(16, 20, 25, .12) !important;}
+
+.form-group>.form-group {margin-top:0.5em; margin-bottom: 0.5rem}
+
+
+#configuration-tabs-tabpane-tasks>.form-group {margin-bottom:2rem; margin-top:1em}
+
+#configuration-tabs-tabpane-tasks h6 {     margin-top:3.5em; font-weight:bold; margin-bottom:1em;  }
+#configuration-tabs-tabpane-tasks h5 {     margin-top:2.0em; font-weight:bold; 	letter-spacing: 0.09rem; }
+
+.form-group h4 {margin-top:2em}
+
+
+#parser-container.mx-auto {max-width:1400px;margin-right:auto !important}
+.scene-parser-row .parser-field-title {width: 62ch}
+
+.job-table.card {
+	margin-top:-32px !important;
+	background-color: rgba(16, 20, 25, .20) !important;
+	border-radius: 10px !important;
+}
+
+
+.mx-auto {margin-right: 1% !important}
+.mx-auto.card .row .col-md-2 .flex-column { position:fixed;min-height:400px}
+.mx-auto.card>.row {min-height:360px}
+
+.loading-indicator {opacity:80%; zoom:2}
+
+
+
+
+/* --- Settings - Tasks ---- */
+
+
+#configuration-tabs-tabpane-tasks>.form-group .card {
+    padding: 20px;
+    margin: 4px 0.40% 14px;
+    background-image: none;
+    background-color: rgba(16, 20, 25, .00);
+    box-shadow: none;
+    border-radius: 10px;
+}
+
+#tasks-panel h1 {margin-top: 3em}
+.setting-section h1, #tasks-panel h1 {font-size: 1.55rem; max-width:180px}
+
+
+@media (min-width: 576px) and (min-height: 600px) {
+#tasks-panel .tasks-panel-queue {
+    background: none !important;
+    margin-top: -2.6rem;
+    padding-bottom: .25rem;
+    padding-top: 0rem;
+    position: relative;
+    top: 0rem;
+    z-index: 2;
+}
+}
+
+#tasks-panel hr {border-top: 0px solid rgba(140,142,160,.38);}
+#tasks-panel h1 {margin-top:1.8em;}
+#tasks-panel h1 {margin-top:0.8em;}
+
+#configuration-tabs-tabpane-tasks {margin-top:40px}
+
+#configuration-tabs-tabpane-tasks .form-group:last-child .setting-section .setting div:last-child {
+    margin-right: 0% !important;
+    margin-left: 0px;
+    margin-top: 2px;
+}
+
+#configuration-tabs-tabpane-tasks .setting-section .sub-heading {margin-bottom:1em}
+#configuration-tabs-tabpane-tasks .setting-section .collapsible-section  {margin-bottom:3em}
+#configuration-tabs-tabpane-tasks #video-preview-settings  button { width:250px;margin-top:22px;margin-left:-57px}
+#configuration-tabs-tabpane-tasks .tasks-panel-tasks .setting-section:nth-child(3) {margin-top:5em}
+
+.tasks-panel-tasks .setting a { color: #ccccd3;}
+
+
+
+
+
+
+@media (min-width: 1000px) {
+	#settings-container .card {margin-top:-43px; margin-left:255px}
+}
+
+
+
+#settings-container .col-form-label {
+    padding-top: calc(.55rem);
+    padding-bottom: calc(.55rem);
+}
+
+.setting-section .setting-group>.setting:not(:first-child), .setting-section .setting-group .collapsible-section .setting {
+    margin-left: 4rem; 
+}
+
+.setting-section .setting h3 {
+    font-size: 1.4rem;
+    margin:0.6em 0 0.4em;   
+}
+
+.setting-section:not(:first-child) {margin-top: 1em}
+.setting-section .setting-group>.setting:not(:first-child).sub-setting, .setting-section .setting-group .collapsible-section .setting.sub-setting {    padding-left: 3rem;}
+
+
+
+@media (min-width: 1200px) {
+	.offset-xl-2 {
+		max-width:1250px;
+		margin-left:15%;
+		margin-right:auto;
+	}
+
+	#settings-container .tab-content, .mx-auto {	max-width: none}
+}
+
+.setting-section .setting:not(:last-child) {	border-bottom: 0px solid #000 }
+
+
+
+
+
+
+/* --- Checkboxes instead of Switches ---*/
+
+.custom-switch {padding-left:2.25rem}
+.custom-control {
+    min-height: 1.5rem;
+    padding-left: 0.5rem;
+    margin-right:1em;
+}
+.custom-control-input:checked~.custom-control-label:before {
+    color: rgb(0 0 0 / 0%);
+    border-color: rgb(0 0 0 / 0%);
+    background-color: rgb(0 0 0 / 0%);
+}
+.custom-switch .custom-control-label:before {
+    pointer-events: auto;
+    border-radius: 0;
+}
+.custom-switch .custom-control-input:checked~.custom-control-label:after {
+    background-color: blue;
+    transform: auto;
+}
+.custom-switch .custom-control-label:after {
+    top: auto;
+    left: auto;
+    width: auto;
+    height: auto;
+    background-color: blue;
+    border-radius: 0;
+    transform: none;
+    transition: none;
+}
+
+.custom-control-label:before {display:none} 
+.custom-control-input {
+	position: absolute;
+	top:2px;
+	left: 0;
+	z-index: -1;
+	width: 1.2rem;
+	height: 1.35rem;
+     opacity: 1;
+     background-color:#10659a;
+     color:#10659a;
+}
+
+
+
+
+.setting-section {margin-bottom:0.8em}
+.setting-section .setting-group>.setting:not(:first-child), .setting-section .setting-group .collapsible-section .setting {
+	padding-bottom: 3px;
+	padding-top: 4px;
+	margin-right: 0rem;
+}
+.setting-section .sub-heading {
+	font-size:.9rem;
+	margin-top:0.5rem;
+	margin-bottom:3rem;
+}
+
+
+/* --- Settings - Interface ---- */
+
+
+@media (min-width: 768px) {
+.offset-md-3 {margin-left: 1%;}
+#settings-menu-container {margin-left:1%; z-index:9; width:200px; padding-top:25px;}
+
+	#configuration-tabs-tabpane-interface .setting-section:first-child .card  .setting div:nth-child(2) { width:64%;min-width:300px;padding-top:6px}
+	#configuration-tabs-tabpane-interface .setting-section:first-child .card .setting div .sub-heading {margin-top:-28px; margin-left:255px;width:700px}
+	#language .input-control { width:250px}
+	
+	#configuration-tabs-tabpane-interface .setting-section .setting-group>.setting:not(:first-child) {margin-left:275px}
+	#configuration-tabs-tabpane-interface .setting-section .setting-group>.setting:nth-child(2) {margin-top: -40px}
+	#configuration-tabs-tabpane-interface .setting-section:first-child h3 {    font-size: 1.55rem;}
+}
+
+@media (min-width: 1200px) {
+	.offset-md-3 {margin-left: 14%;margin-right:2%}
+	.setting-section h1, #tasks-panel h1 { max-width:220px;}
+	#settings-menu-container {
+		padding-top:25px;
+		margin-left:14% !important;
+		z-index:9;
+		width:205px;
+	}
+}
+
+@media (max-width: 768px) {
+	.offset-md-3 {margin-left: 1%;}
+	#settings-menu-container {margin-left:1%; z-index:9;width:180px;	padding-top:25px;}
+	#settings-container {    padding-left: 180px;}
+	.setting-section h1, #tasks-panel h1 { max-width:300px;}
+}
+
+@media (max-width: 576px) {
+	.offset-sm-3 {margin-left: 1%;}
+	#settings-menu-container {margin-left:1%;z-index:9;width:160px;	padding-top:25px;}
+	#settings-container {padding-left: 10px;}
+}
+
+@media (max-width: 1004px) {
+	.setting-section h1, #tasks-panel h1 { max-width:400px;}
+	.job-table.card {margin-top:2px !important;}
+}
+
+
+
+
+.markdown table tr:nth-child(2n),
+.modal-body .nav-link:hover,
+#settings-menu-container .nav-link:hover {background-color: rgba(10, 20, 20, .15)}
+
+
+
+@media (min-width: 1000px) {
+	#settings-container #configuration-tabs-tabpane-interface .setting-section > .setting { padding: 15px 0px;}
+	#settings-container #configuration-tabs-tabpane-interface .setting-section .setting-group .setting>div:first-item{margin-left: 4% !important;}	
+	
+	#settings-container #stash-table {margin-top:25px}
+	#configuration-tabs-tabpane-interface .setting-section:first-child .card {	margin-top: -5px;	margin-left: -1%}		
+
+	#language .input-control { width:250px}
+
+	#configuration-tabs-tabpane-interface .setting-section:first-child .card > .setting div:nth-child(1) { width:255px}
+
+
+	#configuration-tabs-tabpane-interface .setting-section:first-child .card  .setting div:nth-child(2) { width:68%;padding-top:6px}
+	#configuration-tabs-tabpane-interface .setting-section:first-child .card .setting div .sub-heading {margin-top:-28px; margin-left:255px;width:700px}
+
+	#configuration-tabs-tabpane-interface #language {margin-bottom:15px}
+	#configuration-tabs-tabpane-library #stashes .sub-heading {margin-top:-26px; margin-left:235px;width:700px}
+	
+}
+
+
+
+#configuration-tabs-tabpane-metadata-providers .setting,
+#configuration-tabs-tabpane-security .setting,
+#configuration-tabs-tabpane-tasks .setting,
+#configuration-tabs-tabpane-system .setting-section .setting,
+#settings-dlna .setting-section .setting,
+#configuration-tabs-tabpane-interface .setting-section .setting {padding-top:0; padding-bottom:0}
+
+
+#configuration-tabs-tabpane-interface .setting-section:nth-child(1) h1 {display:none}
+
+#configuration-tabs-tabpane-interface .setting-section .setting-group>.setting:not(:first-child) h3 {
+    font-size: 1rem;
+    margin-left:2em;
+}
+
+#configuration-tabs-tabpane-interface .setting-section .setting-group .setting>div:last-child {
+    margin-right: 95% !important;
+    margin-left:0px;
+    margin-top:-32px;
+}
+
+.setting-section .setting>div:first-child {max-width:415px}
+
+#configuration-tabs-tabpane-interface .setting-section .setting>div:last-child {
+    min-width: 20px;
+    text-align: left;
+    width:38%;
+    
+}
+
+#configuration-tabs-tabpane-interface h3 {font-size:1.25em}
+
+#wall-preview .input-control {width:160px}
+
+.setting-section .setting-group>.setting:not(:first-child), .setting-section .setting-group .collapsible-section .setting {
+    padding-top: 0px;
+    padding-bottom: 0px;
+    margin-right: 0rem;
+    line-height:100%;
+    margin-top:-3px;
+    margin-bottom:-4px;
+}
+
+#configuration-tabs-tabpane-interface .setting-section:nth-child(7) .setting {margin-left:15px !important}
+#configuration-tabs-tabpane-interface .setting-section:nth-child(7) .setting:nth-child(1) {margin-left: 0px !important;}
+
+
+#settings-dlna h5 {margin-bottom:70px}
+#settings-dlna .form-group h5{margin-left:255px;margin-top:-30px}
+
+#configuration-tabs-tabpane-metadata-providers #stash-boxes .sub-heading {margin-top:-28px; margin-left:235px;width:700px;font-size:14px}
+
+.scraper-table tr:nth-child(2n) {background-color: rgba(16, 20, 25, .12)}
+
+
+
+/* --- Library ---*/
+.stash-row .col-md-2 {padding-left:4%}
+#configuration-tabs-tabpane-library .setting-section .setting {padding:0}
+
+
+
+#configuration-tabs-tabpane-security .setting-section,
+#configuration-tabs-tabpane-tasks .setting-section,
+#configuration-tabs-tabpane-tasks .setting-group{max-width:915px}
+
+#configuration-tabs-tabpane-logs .setting-section,
+#configuration-tabs-tabpane-metadata-providers .setting-section,
+#configuration-tabs-tabpane-services .setting-section,
+#configuration-tabs-tabpane-system  .setting-section,
+#configuration-tabs-tabpane-library .setting-section:not(:first-child),
+#configuration-tabs-tabpane-interface .setting-section {max-width:810px}
+
+#configuration-tabs-tabpane-security .setting-section .setting>div:last-child,
+#configuration-tabs-tabpane-metadata-providers .setting-section .setting>div:last-child,
+#configuration-tabs-tabpane-services .setting-section .setting>div:last-child,
+#configuration-tabs-tabpane-system .setting-section .setting>div:last-child,
+#configuration-tabs-tabpane-library .setting-section .setting>div:last-child,
+#configuration-tabs-tabpane-interface .setting-section .setting>div:last-child,
+#configuration-tabs-tabpane-tasks .setting-section .setting>div:last-child {
+    min-width: 20px;
+    text-align: right;
+    width:auto;
+    
+}
+
+#configuration-tabs-tabpane-tasks .setting-section .collapsible-section .setting div:last-child {
+    margin-right: 95% !important;
+    margin-left: -12px;
+    margin-top: -15px;
+}
+
+
+
+#configuration-tabs-tabpane-system .setting-section .sub-heading {margin-bottom: 1.2rem}
+
+
diff --git a/themes/Theme-Pulsar/Theme-Pulsar.yml b/themes/Theme-Pulsar/Theme-Pulsar.yml
new file mode 100644
index 00000000..fc9ae174
--- /dev/null
+++ b/themes/Theme-Pulsar/Theme-Pulsar.yml
@@ -0,0 +1,6 @@
+name: Theme - Pulsar
+description: Plex Theme for Stash by Fonzie 2020-21
+version: 1.8.1
+ui:
+  css:
+  - Theme-Pulsar.css
diff --git a/themes/Theme-PulsarLight/Theme-PulsarLight.css b/themes/Theme-PulsarLight/Theme-PulsarLight.css
new file mode 100644
index 00000000..baa47ff2
--- /dev/null
+++ b/themes/Theme-PulsarLight/Theme-PulsarLight.css
@@ -0,0 +1,1830 @@
+/*		Light Pulsar Theme - Fonzie 2021 v0.3.1		 */
+/* ---------------------------------------------------- */
+/* --------- Updated to Stash version 0.12.0 ---------- */
+
+/* 
+	Bug Fixes: Overlap of Help & Ssettings" buttons in the navbar, as well 
+	as the Identify task
+
+	Complete overhaul of the Settings page
+
+	Bug Fix: Background-color in the navigation bar
+   
+	Adjustments to version 0.10.0 which includes moving the movie-, image- 
+	and gallery-counter to the bottom of the performer image when you hover 
+	over the card, and increasing the size of the star rating in the highest 
+	zoom level.   	
+*/
+
+
+/* ===================== General ===================== */
+
+body {
+	background-image:url("https://i.imgur.com/UwICmXP.jpg");	/* Flower			*/
+/*	background-image:url("https://i.imgur.com/zqt3MFY.jpg");	/* Green Leaves 	*/
+/*	background-image:url("https://i.imgur.com/vCotzwB.jpg");	/* White Desert	*/
+/*	background-image:url("https://i.imgur.com/Lverfqy.jpg");	/* Tropic Beach	*/
+/*	background-image:url("https://i.imgur.com/4jrpuyR.jpg");	/* White Blue Waves	*/
+/*	background-image:url("https://i.imgur.com/KUtfQzs.jpg");	/* Bright Lights	*/
+
+	width: 100%;
+	height: 100%;
+	padding: 0 0 0;
+	background-size: cover;
+	background-repeat: no-repeat;
+	background-color:#127aa5;
+	background-attachment: fixed;
+	background-position: center;
+	color: #f9fbfd;
+	color:#000;
+}
+
+h1, h2, h3{ 	color:#fff;}
+
+:root {
+	--HeaderFont: Helvetica, "Helvetica Neue", "The Sans", "Segoe UI";
+	--std-txt-shadow: 2px 2px 1px #000;
+	--light-txt-shadow: 1px 1px 3px #555;
+	--white: #ffffff;
+	--stars: url("https://i.imgur.com/YM1nCqo.png");
+	--fourTwo: 0.35;
+}
+
+
+/* --- The Home button in the top left corner of each page. Remove the last 3 lines if you don't like the logo --- */
+button.minimal.brand-link.d-none.d-md-inline-block.btn.btn-primary,
+button.minimal.brand-link.d-inline-block.btn.btn-primary {
+	text-transform: uppercase;
+	font-weight: bold;
+	margin-left:1px;
+	background-image:url("./favicon.ico");
+	padding-left:40px;
+	background-repeat: no-repeat;
+}
+
+/* --- Makes the background of the Navigation Bar at the Top half-transparent --- */
+nav.bg-dark {background: rgba(100, 200, 250, var(--fourTwo))!important;color:#000}
+.bg-dark {background:none !important;background-color:none !Important}
+.form-group .bg-dark {background: rgba(10, 20, 25, 0.20)!important;}
+
+.navbar-buttons.navbar-nav a.nav-utility {margin-right:9px}
+
+
+/* --- The space between the Navigation Bar and the rest of the page --- */
+.main { margin-top:18px }
+.top-nav { padding: .13rem 1rem; }
+
+
+/* --- Changes how the Bar at the top of the page behaves --- */
+.fixed-bottom, .fixed-top { position: relative !important; top:0px !important} 
+
+
+/* The pagination at the top and at the bottom of the Scenes/Performer/Images/... pages; 
+transparent background, rounded corners, etc. */
+.filter-container, .operation-container {
+	background-color: rgba(100, 150, 160, .35);
+	box-shadow: none;
+	margin-top: 6px;
+	border-radius: 5px;
+	padding: 5px;
+}
+
+
+/* --- Changes the space between the button in the top right corner of the page --- */
+.order-2 button { margin-left: 4px }
+
+/* --- Space between the items in the Nav bar --- */
+.nav-link > .minimal {  margin: 0px;}
+
+
+/* Each item on the Scenes/Performers/Tags/... pages */
+.card {
+	padding: 20px; 
+	margin: 4px 0.5% 14px;
+	/* --- Adds a glowing shimmer effect --- */
+	background-image: linear-gradient(130deg, rgba(60, 70, 85,0.21), rgba(150, 155, 160,0.30), rgba(35, 40, 45,0.20), rgba(160, 160, 165,0.21), rgba(70, 80, 85,0.27)); 
+	background-color: rgba(106, 120, 125, .25); 
+	box-shadow: 2px 2px 6px rgba(0, 0, 0, .55);
+	/* --- Increases the rounded borders of each item on the Scenes/Performers/... pages for 6px in 10px --- */
+	border-radius: 10px;
+}
+
+/* --- Removes the glowing shimmer effect on the start page & the settings for readability purpose --- */
+.mx-auto.card, .changelog-version.card {
+	background-image: none !important; 
+	background-color: rgba(16, 20, 25, .40) !important; 
+}
+
+/* --- Color that is used within .card secments --- */
+.text-muted {	color: #eee !important;   	text-shadow: 1px 1px 2px #000;}
+
+
+.bg-secondary {
+	background: none;
+	background-color: rgba(10, 25, 30, .3) !important;
+}
+ 
+.text-white {	color: #333 }
+.border-secondary {	border-color: #2f3335 }
+ 
+.btn-secondary.filter-item.col-1.d-none.d-sm-inline.form-control {
+    background-color: rgba(0, 0, 0, .08);
+}
+
+/* --- Changes the color and the background of the buttons and elements in the toolbar (Search, Sort by, # of Items, etc.) --- */
+.btn-secondary {
+    color: #eef;
+    background-color: rgba(45, 45, 45, .28);
+    border-color: #3c3f45;
+}
+.btn-toolbar .btn-secondary {    color: #404049;     background-color: rgba(130, 130, 140, .28);}
+
+ 
+a {	color: hsla(0, 10%, 10%, .85);}
+
+
+
+/* --- Changes the color of the active page in the Navgation Bar --- */ 
+.btn-primary:not(:disabled):not(.disabled).active,
+.btn-primary:not(:disabled):not(.disabled):active,
+.show>.btn-primary.dropdown-toggle {
+	color: #fff;
+	background-color: rgba(15, 150, 205, .6);
+	border-color: #fff;
+}
+
+/* --- No border of the active element in the Navgation Bar --- */
+.btn-primary.focus,
+.btn-primary:focus,
+.btn-primary:not(:disabled):not(.disabled).active:focus,
+.btn-primary:not(:disabled):not(.disabled):active:focus,
+.show>.btn-primary.dropdown-toggle:focus {box-shadow: none;}
+
+.btn-primary:not(:disabled):not(.disabled).active,
+.btn-primary:not(:disabled):not(.disabled):active,
+.show>.btn-primary.dropdown-toggle {
+	color: #fff;
+	border-color: #eee;
+    text-shadow: 1px 1px 2px #333;
+    }
+
+.container-fluid,.container-lg,.container-md,.container-sm,.container-xl {
+	width: 100%;
+	margin-right: 0px;
+	margin-left: 0px;
+}
+
+
+
+
+
+/* ===================== Performer ========================= */
+
+
+/* --- 0.90 - Section moves Movie-, Image- & Gallery-Count to the bottom of the performer image when hovered over --- */
+.performer-card .card-popovers .movie-count,
+.performer-card .card-popovers .image-count,
+.performer-card .card-popovers .gallery-count
+{
+	z-index:300;
+    position:absolute;
+    top:-270%;
+	opacity:0.0;
+}
+
+/* --- Highlight the bottom of the performer card when hovered over --- */
+.performer-card.grid-card:hover {
+	background-image: linear-gradient(130deg, rgba(50, 60, 75,0.25), rgba(150, 155, 160,0.32), rgba(35, 40, 45,0.26), rgba(160, 160, 165,0.27), rgba(50, 60, 65,0.37));
+	background-color: rgba(102, 112, 120, .25);
+}
+
+/* --- When hovered over blend them in ---*/
+.performer-card.grid-card:hover .card-popovers .movie-count,
+.performer-card.grid-card:hover .card-popovers .image-count,
+.performer-card.grid-card:hover .card-popovers .gallery-count {opacity: 1.0;transition: opacity .7s;}
+
+/* --- 3 items gets a shadow ---*/
+.performer-card .card-section .movie-count span,
+.performer-card .card-section .movie-count button.minimal,
+.performer-card .card-section .image-count span,
+.performer-card .card-section .image-count button.minimal,
+.performer-card .card-section .gallery-count span,
+.performer-card .card-section .gallery-count button.minimal
+{text-shadow: 2px 2px 1px #000, 1px 1px 1px #000, 4px 4px 5px #333, 9px 0px 5px #333, -3px 2px 4px #333, -7px 0px 5px #333, -1px -6px 5px #333, 3px -2px 6px #444;}
+
+/* --- Positioning of the 3 items ---*/
+.performer-card .card-popovers .movie-count {left:0.2%;}
+.performer-card .card-popovers .image-count {left:32.8%}
+.performer-card .card-popovers .gallery-count {right:1.3%}
+
+.performer-card .movie-count a.minimal:hover:not(:disabled), .performer-card .movie-count button.minimal:hover:not(:disabled),
+.performer-card .image-count a.minimal:hover:not(:disabled), .performer-card .image-count button.minimal:hover:not(:disabled),
+.performer-card .gallery-count a.minimal:hover:not(:disabled), .performer-card .gallery-count button.minimal:hover:not(:disabled)
+{
+	background-color:rgba(20,80,110,0.92);
+    color:#fff;
+}
+
+/* --- Affects the Scenes- and Tags-Counter --- */
+a.minimal:hover:not(:disabled), button.minimal:hover:not(:disabled) {background: rgba(138,155,168,.45);color:#fff;}
+div.performer-card div.card-popovers
+{
+	margin-bottom:-3px;
+	margin-left:3%;
+	margin-top:-4px;
+	margin-right: -1px;
+	justify-content: flex-end;
+	text-align:right;
+}
+
+div.card-section hr {display:none}
+
+
+
+/* --- Changes the width of the Performer Card from 280px to a dynamic system and therefore the size of the image --- */
+/* --- In Full screen HD 1920x1080 you now see 8 performers per row instead of 6 --- */
+/*.performer-card-image, .performer-card, .card-image {  min-width: 160px; width: calc(108px + 10.625vw / 2); max-width: 230px }  */
+/*.performer-card-image, .performer-card, .card-image {  min-width: 160px; width: calc(108px + 19vw / 3.6);width:212px; max-width: 230px } */
+.performer-card-image, .performer-card, .card-image {  min-width: 160px; width: calc(100px + 11.2vw / 1.92);max-width: 230px } 
+
+
+/* --- Changes the height of the Performer Card to keep the 2x3 picture ratio --- */
+/*.performer-card-image, .justify-content-center .card-image { min-height:240px; height: calc((108px + 10.625vw / 2) * 1.5); max-height: 345px}  */
+.performer-card-image, .justify-content-center .card-image { min-height:240px; height: calc((112px + 19vw / 3.6) * 1.5); max-height: 345px;} 
+.performer-card-image, .justify-content-center .card-image { min-height:240px; height: calc((100px + 11.2vw / 1.92) * 1.5); max-height: 345px;} 
+
+@media (max-width: 575px), (min-width: 1200px) {
+.scene-performers .performer-card-image { height: auto; }
+.scene-performers .performer-card { width: auto; }
+}
+
+
+/* --- Fixes an issue of the card when watching a scene --- */
+.image-section { display: cover;}
+
+/* --- The name of the Performer. Different font, less space to the left & to the top, Text-Shadow --- */
+.text-truncate, .card.performer-card .TruncatedText {
+	margin-left:-1.5%; 
+	margin-top: -2px; 
+	width: 120%; 
+	font-family: var(--HeaderFont);
+	font-size: 112%; 
+	line-height:130%; 
+	font-weight:bold; 
+	text-shadow: var(--std-txt-shadow);
+}
+
+/* --- Makes the Performer Name smaller when the screen is too small --- */
+@media (max-width: 1200px) { .card.performer-card .TruncatedText { font-size: 104%; } }
+
+
+
+/* --- Moves the Flag icon from the right side of the card to the left and makes the Flag image a little bit bigger --- */
+.performer-card .flag-icon {
+    height: 2rem;
+    left: 0.6rem;
+    bottom: 0.10rem;
+    width: 28px; 
+}
+
+/* --- Age and # of Scenes move from the left side to the right of the card --- */
+/* --- Also makes sure that when playing a scenes "XX years old in this scene" doesn't overlap with the star rating --- */
+.performer-card .text-muted {text-align:right;margin-top:-2px;margin-bottom:1px;width:46%;margin-left:54%}
+
+
+
+/* --- "removes" the term 'old.' from "xx years old." when the resolution gets to small --- */ 
+@media (max-width: 1520px) {
+div.card.performer-card .text-muted {text-align:right;margin-top:-2px;margin-bottom:1px;margin-right:-33px;max-height:20px;overflow:hidden;}
+}
+
+/* --- To prevent overlapping in the performer card when watching a scene --- */
+@media (max-width: 2000px) {
+.tab-content div.card.performer-card .text-muted {margin-top:22px;margin-right:-3px}
+.tab-content .performer-card.card .rating-1, 
+.tab-content .performer-card.card .rating-2, 
+.tab-content .performer-card.card .rating-3, 
+.tab-content .performer-card.card .rating-4, 
+.tab-content .performer-card.card .rating-5 {bottom: 53px !important;}
+}
+
+
+/* --- Text Shadow for the "Stars in x scenes" link --- */
+div.card.performer-card div.text-muted a {text-shadow: 1px 2px 2px #333}
+
+/* --- Minimum height for the section in case Age is missing and elements would overlap --- */
+.performer-card .card-section {min-height:82px}
+
+/* --- Makes the card section (Name, Age, Flag, # of scenes) more compact --- */
+.card-section { margin-bottom: -8px !important; padding: .5rem 0.7rem 0 !important;}
+.card-section span {margin-bottom:3px}
+@media (max-width: 1500px) {	.card-section span {font-size:11px}	}
+
+div.card-section hr {display:none}
+
+
+
+
+/* --- Changes regarding the Favorite <3 --- */
+.performer-card .favorite {
+    color: #f33;
+    -webkit-filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, .95));
+	filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, .95));
+	right: 3px;
+	top: 5px;
+}
+
+
+
+/* --- Turns the Rating Banner in the top left corner into a Star Rating under the performer name --- */
+.performer-card.card .rating-1, .performer-card.card .rating-2, .performer-card.card .rating-3, 
+.performer-card.card .rating-4, .performer-card.card .rating-5
+{
+	background:none;
+	background-size: 97px 18px;
+	background-image:var(--stars);
+	-webkit-transform:rotate(0deg);
+	transform:rotate(0deg);
+	padding:0;
+	padding-bottom:1px;
+	box-shadow: 0px 0px 0px rgba(0, 0, 0, .00);
+	left:6px;
+	width:97px;
+	height:18px;
+	text-align:left;
+	position:absolute;
+	top:auto;
+	bottom: 34px;
+	font-size:0.001rem;
+}
+
+/* --- Display only X amount of stars  -- */
+div.performer-card.card .rating-banner.rating-1 {width:20px}
+div.performer-card.card .rating-banner.rating-2 {width:39px}
+div.performer-card.card .rating-banner.rating-3 {width:59px} 
+div.performer-card.card .rating-banner.rating-4 {width:78px}  
+div.performer-card.card .rating-banner.rating-5 {width:97px}  
+
+
+.performer-card .btn {padding: .34rem .013rem}
+.performer-card .fa-icon {margin: 0 2px}
+.performer-card .card-popovers .fa-icon {margin-right: 3px}
+.performer-card .svg-inline--fa.fa-w-18, .performer-card .svg-inline--fa.fa-w-16 {height: 0.88em}
+.performer-card .favorite .svg-inline--fa.fa-w-16 {height:1.5rem}
+
+
+.performer-card .card-popovers .btn-primary {
+    margin: 0 2px 0 11px;
+}
+
+
+
+/* --- PerformerTagger Changes --- */
+
+.PerformerTagger-performer {
+	background-image: linear-gradient(130deg, rgba(50, 60, 75,0.25), rgba(150, 155, 160,0.32), rgba(35, 40, 45,0.26), rgba(160, 160, 165,0.27), rgba(50, 60, 65,0.37)); 
+	background-color: rgba(16, 20, 25, .23); 
+	box-shadow: 2px 2px 6px rgba(0, 0, 0, .70);
+	border-radius: 8px;
+	margin: 1.1%;
+  }
+  
+.tagger-container .input-group-text  {background:none;border:0;margin-right:5px;padding-left:0}
+.PerformerTagger-details {	margin-left: 1.25rem; width:23.5rem;}
+
+.tagger-container .btn-link{text-shadow: 1px 2px 3px #000;}
+.tagger-container, .PerformerTagger {	max-width: 1850px;}
+
+.PerformerTagger-header h2 {	
+	font-family: Helvetica, "Helvetica Neue", "Segoe UI" !important; 
+	font-size: 2rem; 
+	line-height:130%; 
+	font-weight:bold; 
+	text-shadow: 2px 2px 1px #000 !important
+}
+
+.PerformerTagger-thumb {height: 145px;}
+.PerformerTagger-performer-search button.col-6 {width:300px !important; flex-basis:100%;flex: 0 0 100%;
+    max-width: 100%;}
+.PerformerTagger-performer .performer-card {height:252px !important;}
+
+.modal-backdrop 	 {	background-color: rgba(16, 20, 25, .25);}
+.modal-backdrop.show {	opacity: 0.1;	}
+
+.performer-create-modal {	max-width: 1300px; font-family: Helvetica, "Helvetica Neue", "Segoe UI" !important; }
+.performer-create-modal .image-selection .performer-image { height: 95%; }
+.performer-create-modal .image-selection {height: 485px;}
+
+.performer-create-modal .no-gutters .TruncatedText {
+	font-family: var(--HeaderFont);
+	font-size: 115%;
+	padding-top:2px;
+	line-height:120%; 
+	font-weight:bold; 
+	text-shadow: var(--std-txt-shadow);
+}
+.performer-create-modal-field strong {margin-left: 6px}
+.modal-footer {border-top: 0}
+
+
+
+
+
+
+/* ========================= Performer Page ================================= */
+/* === The page that you see when you click on the picture of a Performer === */
+
+/* --- The picture of the Performer on the left. 3D effect thanks to background shadows and more rounded corners --- */
+#performer-page .performer-image-container .performer 
+{
+    background-color: rgba(0, 0, 0, .48);
+    box-shadow: 6px 6px 11px rgba(0, 10, 10, .62);
+    border-radius: 14px !important;
+}
+
+/* --- Without this the shadow at the bottom from the previous Selector will not be correctly displayed --- */
+.performer-image-container {padding-bottom: 11px}
+
+
+/* --- The following 15 Selectors change the way the details box is displayed --- */
+#performer-details-tabpane-details .text-input, #performer-details-tabpane-details .text-input:disabled, 
+#performer-details-tabpane-details .text-input[readonly] {background-color: rgba(200,220,246,0.0);}
+#performer-details-tabpane-details a { text-shadow: var(--light-txt-shadow)}
+
+.text-input, input.form-control-plaintext { background-color:none;}
+#performer-details .input-control, .text-input {box-shadow: none;}
+
+div.react-select__control, #performer-details-tabpane-details {
+	background-color: rgba(225,230,250,0.36); 
+	border:1px solid #999; 
+	max-width:1000px;
+	box-shadow: 6px 6px 12px rgba(0, 10, 10, .22);
+}
+#performer-details-tabpane-details {border-radius: 10px}
+#performer-details-tabpane-edit {max-width:1000px}
+
+div.react-select__control .css-12jo7m5 {text-shadow: none; }
+
+@media (min-width: 1200px) {
+	#performer-details-tabpane-details td { padding: 9px; }
+	table#performer-details tbody tr td:nth-child(1), td:first-child {padding-left: 22px; width: 185px;}
+}
+@media (max-width: 1200px) {
+	table#performer-details tbody tr td:nth-child(1), td:first-child {padding-left: 11px; }
+	#performer-page .performer-head {    margin-bottom: 1rem; }
+	#performer-page { margin: 0 -6px 0 -15px; }
+}
+#performer-details-tabpane-details tr:nth-child(odd) {     background-color: rgba(16,22,26,0.1); }
+table#performer-details {color:#FFF; text-shadow: 1px 1px 1px #000;}
+
+
+
+/* --- Changes the way the name of the performer is displayed --- */
+.performer-head h2 {font-family: var(--HeaderFont); font-weight:bold; text-shadow: 2px 2px 2px #111 }
+
+/* --- Leave some space between the name and the Fav/Link/Twitter/IG icons --- */
+#performer-page .performer-head .name-icons {margin-left: 22px}
+
+/* --- Highlighter for active Details/Scenes/Images/Edit/Operations --- */
+.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
+	background-color: rgba(135,160,165,0.5);
+}
+
+/* --- Changes the display of Performer Details Tab in the 0.9 version are arranged --- */
+#performer-details-tabpane-details dl.row, dl.details-list dt, dl.details-list dd{ margin:0 0px;padding: 8px 10px 9px 14px}
+#performer-details-tabpane-details dl.row:nth-child(odd),
+#performer-details-tabpane-details dl.details-list dt:nth-of-type(odd),
+#performer-details-tabpane-details dl.details-list dd:nth-of-type(odd) {	background-color: rgba(16,22,26,0.1);}
+#performer-details-tabpane-details dt.col-xl-2,
+#performer-details-tabpane-details dl.details-list dt {	text-shadow: var(--light-txt-shadow); font-weight: normal;}
+#performer-details-tabpane-details ul.pl-0 {margin-bottom: 0rem;}
+#performer-details-tabpane-details dl.details-list { grid-column-gap: 0}
+
+
+/* --- Resets the fields in Performer Edit Tab in the 0.5 developmental version back to way it was in the 0.5 version --- */
+#performer-edit {margin:0 0 0 10px}
+#performer-edit .col-sm-auto, #performer-edit .col-sm-6, #performer-edit .col-md-auto, #performer-edit .col-lg-6, #performer-edit .col-sm-4, #performer-edit .col-sm-8 { width: 100%;max-width: 100%; flex: 0 0 100%; }
+#performer-edit .col-sm-auto div, #performer-edit label.form-label { float:left; width:17%;}
+#performer-edit .col-sm-auto div, #performer-edit label.form-label { font-weight:normal; color: #FFF; text-shadow: var(--std-txt-shadow); }
+
+#performer-edit select.form-control, #performer-edit .input-group, #performer-edit .text-input.form-control { float:right; width:83%; }
+#performer-edit .form-group, .col-12 button.mr-2 {margin-bottom: 0.35rem}
+#performer-edit .mt-3 label.form-label { float:none; width:auto; }
+
+#performer-edit select.form-control, #performer-edit .input-group, #performer-edit .text-input.form-control {width: 100%;}
+#performer-edit textarea.text-input {min-height: 9ex;}
+
+#performer-edit .form-group:nth-child(17) .text-input.form-control {width:85%;}
+
+@media (max-width: 750px) {
+#performer-edit .col-sm-auto div, #performer-edit label.form-label { float:left; width:22%;}
+#performer-edit select.form-control, #performer-edit .input-group, #performer-edit .text-input.form-control { float:right; width:78%; }
+}
+
+@media (max-width: 500px) {
+#performer-edit .col-sm-auto div, #performer-edit label.form-label { float:left; width:60%;}
+#performer-edit li.mb-1, 
+#performer-edit select.form-control, 
+#performer-edit .input-group, #performer-edit .text-input.form-control { float:left; width:89%; }
+}
+
+#performer-edit .form-group .mr-2 {margin-right:0!important}
+
+
+
+
+
+/* ======================= Scenes ======================== */
+
+
+/* --- Remove the comments if you don't want to see the Description Text of the scenes --- */
+/* .card-section p {display:none} */
+
+
+/* --- Remove the comments if you don't want to see the Resolution of the Video (480p, 540p, 720p, 1080p) --- */
+/* .overlay-resolution {display:none} */
+
+
+
+/* --- The name of the Scene. Different font, less space to the left and to the top, Text-Shadow --- */
+h5.card-section-title, .scene-tabs .scene-header {	
+	font-family: var(--HeaderFont);
+	font-size: 1.25rem;
+	font-weight:bold;
+	line-height:132%;
+	text-shadow: var(--std-txt-shadow);
+}
+.scene-tabs .scene-header { font-size: 24px; margin-bottom:25px }
+
+
+#TruncatedText .tooltip-inner {width:365px; max-width:365px}
+.tooltip-inner {	font-family: var(--HeaderFont);
+	background-color: rgba(16, 20, 25, .99); 
+	box-shadow: 2px 2px 6px rgba(0, 0, 0, .55);
+ font-weight:bold;font-size:14px;}
+
+/* --- Removes the horizontal line that separates the date/description text from the Tags/Performer/etc. icons --- */
+.scene-card.card hr, .scene-card.card>hr{	border-top: 0px solid rgba(0,0,0,.1);	}
+
+
+/* --- Changes regarding the Scene Logo --- */
+.scene-studio-overlay {
+	opacity: .80;
+	top: -3px;
+	right: 2px;
+}
+
+/* --- The Resolution and the Time/Length of the video in the bottom right corner to make it easier to read --- */
+.scene-specs-overlay {
+	font-family: Arial, Verdana,"Segoe UI" !important;
+	bottom:1px;
+	color: #FFF;
+	font-weight: bold;
+	letter-spacing: 0.035rem;
+	text-shadow: 2px 2px 1px #000, 4px 4px 5px #444, 7px 0px 5px #444, -3px 2px 5px #444, -5px 0px 5px #444, -1px -4px 5px #444, 3px -2px 6px #444;
+}
+.overlay-resolution {color:#eee;}
+
+/* --- Changes the spaces between the items on the Scenes page --- */
+.zoom-0 {margin: 4px 0.50% 10px; !important }
+
+
+.scene-card-link {height:195px; overflow:hidden;}
+
+
+/* --- Tightens the space between the Tags-, Performer-, O-Counter-, Gallery- and Movie-Icons --- */
+.btn-primary { margin:0 -3px 0 -9px}
+
+/* --- Moves the Tags-, Performer-, O-Counter-, Gallery- and Movie-Icon from below the description to the bottom right corner of the card --- */
+.scene-popovers, .card-popovers { 
+	min-width:0;
+	margin-bottom: 3px;
+	margin-top:-40px;
+	justify-content: flex-end;
+}
+
+/* --- Adds an invisible dot after the description text, Also leaves ~80 pixels space to enforce a line break, 
+so it leaves some space in the bottom right corner of the card for the icons in the Selector above --- */
+.card-section p:after 
+{
+	font-size: 1px;
+	color: rgba(0,0,0, .01);
+	padding-right: 3.2vw; 
+	margin-right: 2.8vw; 
+	content: " ";
+}
+
+
+
+
+/* -- The whole section replaces the ratings banner with a star rating in the bottom left corner --- */ 
+.scene-card.card .rating-1 {width:22px}
+.scene-card.card .rating-2 {width:43px}
+.scene-card.card .rating-3 {width:65px} 
+.scene-card.card .rating-4 {width:86px}  
+.scene-card.card .rating-5 {background:none; width:108px}
+.rating-1, .rating-2, .rating-3, .rating-4, .scene-card.card .rating-5 {
+	background:none;
+	background-image:var(--stars);
+	height:20px;
+	background-size: 108px 20px;
+} 
+
+.scene-card.card .rating-banner {
+	padding:0;
+	left:5px;
+	top:89%;
+	background-position: left;
+	font-size: .01rem;
+	-webkit-transform: rotate(0deg);
+	transform: rotate(0deg);
+}
+
+
+.zoom-0.card .scene-card.card .rating-banner {top: 81%}
+.zoom-2.card .scene-card.card .rating-banner {top: 91%}
+.zoom-3.card .scene-card.card .rating-banner {top: 92%}
+
+
+
+/* --- Improves how the Preview Videos in the Wall View are displayed --- */
+.wall-item-container {width: 100%; background-color: rgba(0, 0, 0, .10); overflow:hidden }
+.wall-item-media { height:100%; background-color: rgba(0, 0, 0, .0);overflow:hidden }
+.wall-item-anchor { width: 102%; overflow:hidden }
+.wall-item-text {margin-bottom:0px; color: #111; text-shadow: 1px 1px 1px #fff }	
+
+
+.scene-popovers .fa-icon {margin-right: 2px;}
+
+/* --- Changes the Organized Button color when watching a video. Organized = Green, Not Organized = Red --- */
+.organized-button.not-organized { color: rgba(207,10,20,.8); }
+.organized-button.organized {	color: #06e62e;}
+
+
+/* --- Changes the font in the File Info section --- */
+div.scene-file-info .TruncatedText, div.scene-file-info .text-truncate {
+	margin-left:-1.5%; 
+	margin-top: -1px; 
+	width: 120%; 
+	font-family: var(--HeaderFont);
+	font-size: 110%; 
+	line-height:120%; 
+	font-weight:bold; 
+	text-shadow: var(--std-txt-shadow);
+}
+
+
+#scene-edit-details .pl-0 {
+    padding-left: 10px!important;
+}
+
+
+/* Zoom 0 */
+.zoom-0 { width:290px}
+.zoom-0 .video-section {height:181px;}
+.zoom-0 .scene-card-preview-image, .zoom-0 .scene-card-preview { height:195px; }
+.zoom-0 .scene-card-preview, .zoom-0 .scene-card-preview-video, .zoom-0 .scene-card-video {
+	width: 290px;
+	min-height:181px;
+	max-height: 200px;
+}
+
+/* Zoom 1 */
+.zoom-1 { min-width: 300px; width: calc(234px + 24vw /3.84);max-width: 430px}
+/* Improves the way the scene picture is displayed when the resolution isn't 16:9 (e.g. 4:3) --- */
+.zoom-1 .video-section {height:calc((233px + 24vw / 3.84)/1.65);max-height: 258px}
+.zoom-1 .scene-card-preview-image, .zoom-1 .scene-card-preview { height:100%; max-height: 260px}
+
+/*
+.zoom-1 .scene-card-preview-image, .zoom-1 .scene-card-preview { height:calc((237px + 24vw / 3.84)/1.65); max-height: 260px}
+*/
+.zoom-1 .scene-card-preview, .zoom-1 .scene-card-preview-video, .zoom-1 .scene-card-video {
+	min-width: 300px; width: calc(228px + 17vw / 1.92);max-width: 470px;
+	height:calc((234px + 26vw / 3.84)/1.65);
+	max-height: 265px;
+}
+
+/* Zoom 2 */
+.zoom-2 { min-width: 350px; width: calc(310px + 26vw / 3.84);max-width: 495px}
+.zoom-2 .video-section {height:calc((310px + 26vw / 3.84) /1.65);max-height:295px}
+.zoom-2 .scene-card-preview-image, .zoom-2 .scene-card-preview { height:calc((313px + 26vw / 3.84) /1.65); max-height:292px}
+
+.zoom-2 .scene-card-preview, .zoom-2 .scene-card-preview-video, .zoom-2 .scene-card-video {
+	min-width: 350px; width: calc(330px + 28vw / 3.84);max-width: 530px;
+	height:calc((310px + 28vw / 3.84) /1.65);
+	max-height: 298px;
+}
+
+
+/* Zoom 3 */
+.zoom-3 { min-width: 400px; width: calc(530px + 18vw / 5.76);max-width: 590px}
+.zoom-3 .video-section {height:375px;}
+.zoom-3 .scene-card-preview-image, .zoom-3 .scene-card-preview { height:395px; }
+.zoom-3 .scene-card-preview, .zoom-3 .scene-card-preview-video, .zoom-3 .scene-card-video {
+	width: 600px;
+	min-height:385px;
+	max-height: 400px;
+}
+
+
+.zoom-0 .video-section, .zoom-1 .video-section, .zoom-2 .video-section, .zoom-3 .video-section 
+{object-fit: cover !important;overflow:hidden;}
+
+.zoom-0 .scene-card-preview, .zoom-0 .scene-card-preview-video, .zoom-0 .scene-card-video,
+.zoom-1 .scene-card-preview, .zoom-1 .scene-card-preview-video, .zoom-1 .scene-card-video, 
+.zoom-2 .scene-card-preview, .zoom-2 .scene-card-preview-video, .zoom-2 .scene-card-video,
+.zoom-3 .scene-card-preview, .zoom-3 .scene-card-preview-video, .zoom-3 .scene-card-video {
+	object-fit: cover !important;
+	margin-top:-2%;
+	margin-left:-6px;
+	transform: scale(1.04);
+}
+
+/* --- Shrink the Player Height just a little bit to avoid the scroll bar --- */
+#jwplayer-container {    height: calc(99.5vh - 4rem);}
+
+
+div.tagger-container .btn-link { 	
+	font-family: var(--HeaderFont);
+	font-size: 110%; 
+	color: #ddf; 
+	text-shadow: var(--std-txt-shadow); 
+}
+
+#scene-edit-details .edit-buttons-container {
+	background-color: rgba(0,0,0,0.0);
+	position: relative;
+	margin-bottom:15px;
+}
+
+#scene-edit-details .form-group {margin-bottom:0.65rem;}
+
+
+
+
+
+
+/* ============== Studio ================= */
+
+
+.studio-card {	padding: 0 4px 14px;}
+
+.studio-details input.form-control-plaintext {	background-color: rgba(16,22,26,.0); }
+.studio-details .react-select__control--is-disabled  {	background: none; border:0}
+
+.studio-details .form-group, .studio-details td { padding: 8px; }
+.studio-details table td:nth-child(1) {color:#FFF; text-shadow: 1px 1px 1px #000;}
+
+.studio-card-image {max-height: 175px; height:175px}
+.studio-card-image {min-width: 260px; width: calc(238px + 19vw / 3.8); max-width: 360px; margin: 0 6px;}
+.studio-card .card-section {	margin-top: 22px;}
+.studio-card .card-section div {color:#FFF}
+.studio-card .card-popovers {width:63%;margin-left:37%}
+
+@media (min-width: 1200px) {
+.pl-xl-5, .px-xl-5 {
+    padding-left: 1rem!important; 
+    padding-right: 1rem!important;
+} }
+
+.no-gutters .TruncatedText, .tag-card .TruncatedText, div.card.studio-card .TruncatedText, .tagger-container .TruncatedText  {
+	font-family: var(--HeaderFont);
+	font-size: 125%; 
+	line-height:125%; 
+	font-weight:bold; 
+	text-shadow: var(--std-txt-shadow);
+}
+
+.no-gutters .TruncatedText {font-size: 115%;}
+
+/* --- The following 15 Selectors modify the info box on the left after clicking on a movie --- */
+.studio-details .text-input, #performer-details-tabpane-details .text-input:disabled, 
+.studio-details .text-input[readonly] {background-color: rgba(16,22,26,0.0);}
+
+.text-input, input.form-control-plaintext { background-color:none;}
+.studio-details .input-control, .text-input {box-shadow: none;}
+
+.studio-details table { margin-top: 20px; background-color: rgba(15,20,30,0.20); border-radius: 10px; margin-bottom:20px;}
+.studio-details .form-group, .studio-details .row {background-color: rgba(15,20,30,0.20); margin:0;}
+.studio-details .no-gutters {background: none !important; }
+
+.studio-details table div.react-select__control {background: none; border: 0px;margin:0}
+.studio-details table .css-1hwfws3 { padding:0px; }
+
+.studio-details .form-group, .movie-details td { padding: 8px; }
+.studio-details .form-group td:nth-child(1), 
+.studio-details table tbody tr td:nth-child(1), td:first-child {padding-left: 12px; width: 130px;}
+
+.studio-details table tr:nth-child(odd) {     background-color: rgba(16,22,26,0.1); }
+.studio-details .form-group, .studio-details table td:nth-child(1) {color:#FFF; text-shadow: 1px 1px 1px #000;}
+
+
+.studio-card.card .rating-1, .studio-card.card .rating-2, .studio-card.card .rating-3, 
+.studio-card.card .rating-4, .studio-card.card .rating-5
+{
+	background:none;
+	height: 25px;
+	background-size: 135px 25px;
+	background-image:var(--stars);
+	-webkit-transform:rotate(0deg);
+	transform:rotate(0deg);
+	padding:0;
+	padding-bottom:1px;
+	box-shadow: 0px 0px 0px rgba(0, 0, 0, .00);
+	left:10px;
+	text-align:left;
+	position:absolute;
+	top:auto;
+	bottom: 24% !important;
+	font-size:0.001rem;
+}
+
+.studio-card.card .rating-5{width:135px;} 
+.studio-card.card .rating-4{width:109px;} 
+.studio-card.card .rating-3{width:81px;} 
+.studio-card.card .rating-2{width:55px;} 
+.studio-card.card .rating-1{width:28px;} 
+
+div.studio-card.card .card-popovers {	margin-top: -34px;}
+.studio-card.card .card-section div:nth-child(2) {margin-bottom:6px;margin-top:-3px;}
+
+.studio-details dl.details-list{ grid-column-gap: 0}
+.studio-details dt, .studio-details dd {padding: 6px 0 8px 8px}
+
+
+
+
+
+
+
+
+
+/* ============== TAGS =============== */
+
+.tag-card.card hr, .tag-card.card>hr{ border-top: 0px solid rgba(0,0,0,.1); }
+
+.tag-card { margin: 4px 0.5% 10px; padding:0px;}
+
+
+@media (min-width: 1200px){
+.row.pl-xl-5, .row.px-xl-5 {
+	padding-left: 0.2rem!important; 
+	padding-right: 0.2rem!important;
+}
+}
+
+.tag-card.zoom-0 {
+	min-width: 230px; width: calc(200px + 18vw / 1.1); max-width: 350px;
+	min-height:168px; height:auto;
+}
+.tag-card.zoom-0 .tag-card-image {	min-height: 100px; max-height: 210px; height: calc(95px + 15vw / 1.1);}
+
+.tag-card.zoom-1 {
+	min-width: 260px; width: calc(238px + 25vw / 2.3); max-width: 460px;
+	min-height:193px; height:auto;
+}
+.tag-card.zoom-1 .tag-card-image {	min-height: 120px; max-height: 240px; height: calc(100px + 19vw / 2.3);}
+
+.tag-card.zoom-2 {
+	min-width: 290px; width: calc(280px + 38vw / 2.45); max-width: 650px;
+	min-height:170px; height:auto; max-height:485px;
+}
+.tag-card.zoom-2 .tag-card-image {	min-height: 175px; max-height: 440px; height: calc(120px + 30vw / 2.45);}
+
+
+#tags .card {padding:0 0 10px 0; }
+.tag-card-header {height:190px;overflow:hidden;}
+
+.zoom-0 .tag-card-image, .zoom-1 .tag-card-image, .zoom-2 .tag-card-image {
+zoom: 101%;
+object-fit: cover;
+overflow:hidden;
+width: 101%;
+margin-top: -2px;
+margin-left: -1%;
+}
+
+.tag-card .scene-popovers, .tag-card .card-popovers { 
+	width:60%;
+	margin-left:40%;
+	justify-content: flex-end;
+	float:right;
+	margin-bottom: 15px;
+	margin-top:-34px;
+	padding-left:17px;
+}
+
+.tag-sub-tags, .tag-parent-tags {margin-bottom:9px; color:#FFF}
+.tag-sub-tags a, .tag-parent-tags a {color:#FFF; text-shadow: var(--std-txt-shadow)}
+
+.zoom-0 .tab-pane .card-image { height:210px }
+
+
+/* --- Moves the Tag name into the Tag Picture --- */
+.tag-details .text-input[readonly] {background-color: rgba(0,0,0,.0);}
+.tag-details .table td:first-child {display:none}
+.tag-details .logo {margin-bottom: 12px;}
+
+.tag-details .form-control-plaintext, .tag-details h2 {
+	margin-top:-76px;
+	margin-left:0%;
+	font-weight: bold;
+	font-family: Helvetica, "Helvetica Neue", "Segoe UI" !important;
+	letter-spacing: 0.11rem;
+	font-size:44px;
+	text-shadow: 2px 2px 3px #111, 4px 4px 4px #282828, 6px 1px 4px #282828, -3px 3px 3px #444, -2px -2px 4px #282828;
+	text-align:center; 
+}
+@media (max-width: 1300px) {.tag-details .form-control-plaintext {font-size:26px; 	margin-top:-50px;}}
+
+.tag-details .logo { min-width:300px}
+
+
+
+
+
+/* ==============  MOVIES ==============  */
+
+/* --- Changes the width of the items so only the front cover is displayed. Also replaces the ratings banner with a star rating --- */
+
+.movie-card .text-truncate, div.card.movie-card .TruncatedText {
+	font-size: 17px !important;
+	font-family: var(--HeaderFont);
+	text-shadow: var(--std-txt-shadow);
+	font-weight: bold;
+	max-width:210px;
+	white-space: nowrap;
+	overflow: hidden; 
+	text-overflow: ellipsis;
+}
+
+div.movie-card.grid-card.card .card-section p {margin-bottom:-8px}
+div.movie-card.grid-card.card .card-section {margin-bottom: -0px !important}
+div.movie-card.grid-card.card .card-popovers {
+	padding-top:35px;
+	margin-bottom:-11px;
+	width:60%;
+	margin-left:40%;
+	justify-content:flex-end;
+	float:right;
+}
+
+div.movie-card .card-section span {position:absolute;margin-top:-3px;margin-bottom:6px;color:#FFF}
+
+
+
+.movie-card-header {height:320px}
+
+.movie-card-header .rating-banner {
+	font-size: .002rem;
+	padding: 8px 41px 6px;
+	line-height: 1.1rem;
+	transform: rotate(0deg);
+	left: 3px;
+	top: 77% !important;
+	height: 25px;
+	background-size: 135px 25px;
+	background-position: left;
+}
+
+.movie-card-header .rating-1 {width:28px}
+.movie-card-header .rating-2 {width:55px}
+.movie-card-header .rating-3 {width:83px} 
+.movie-card-header .rating-4 {width:110px}  
+.movie-card-header .rating-5 {width:138px}
+
+.movie-card-header .rating-5 {
+	background:none;
+	background-image:var(--stars);
+	height: 25px;
+	background-size: 135px 25px;
+}
+
+.movie-card-image {
+	height:345px;
+	max-height: 345px;
+     width: 240px;
+}
+
+
+
+
+/* --- The following 15 Selectors modify the info box on the left after clicking on a movie --- */
+.movie-details .text-input, #performer-details-tabpane-details .text-input:disabled, 
+.movie-details .text-input[readonly] {background-color: rgba(16,22,26,0.0);}
+
+.text-input, input.form-control-plaintext { background-color:none;}
+.movie-details .input-control, .text-input {box-shadow: none;}
+
+.movie-details table { margin-top: 20px; background-color: rgba(15,20,30,0.20); border-radius: 10px 10px 0px 0px; margin-bottom:0;}
+.movie-details .form-group {background-color: rgba(15,20,30,0.20); margin:0;}
+
+.movie-details table div.react-select__control {background: none; border: 0px;margin:0}
+.movie-details table .css-1hwfws3 { padding:0px; }
+
+.movie-details .form-group, .movie-details td { padding: 8px; }
+.movie-details .form-group td:nth-child(1), 
+.movie-details table tbody tr td:nth-child(1), td:first-child {padding-left: 12px; width: 120px;}
+
+.movie-details table tr:nth-child(odd) {     background-color: rgba(16,22,26,0.1); }
+.movie-details .form-group, .movie-details table td:nth-child(1) {color:#FFF; text-shadow: 1px 1px 1px #000;}
+
+
+
+/* --- 0.60 dev adjustments --- */
+.studio-details .studio-details, .movie-details .movie-details {background-color: rgba(15,20,30,0.20); border-radius: 10px; margin-bottom:15px; }
+.movie-details .movie-details dt.col-3 {padding:4px 0 4px 16px; width: 120px;}
+.movie-details .movie-details dd.col-9 {padding:4px 16px 4px 3px;}
+.studio-details dl.details-list dt:nth-of-type(odd),
+.studio-details dl.details-list dd:nth-of-type(odd),
+.movie-details dl.details-list dt:nth-of-type(odd),
+.movie-details dl.details-list dd:nth-of-type(odd),
+.movie-details dl.row:nth-child(odd) { background-color: rgba(16,22,26,0.1); margin-right:0px; padding-left:14px;margin-bottom:5px}
+.movie-details dl.details-list dt, .movie-details dl.details-list dd {padding-left: 7px;}
+.movie-details dl.details-list { grid-column-gap: 0}
+.studio-details h2, .movie-details .movie-details h2 {	font-family: var(--HeaderFont);font-weight:bold;text-shadow: var(--std-txt-shadow);padding:7px 0 5px 12px;}
+
+.movie-details .movie-images {margin:0 5px 20px 5px;}
+.movie-details .movie-images img {border-radius: 14px; max-height:580px;}
+.movie-details .movie-image-container{
+	margin:0.3rem;
+	margin-right:0.8rem;
+	background-color: rgba(0, 0, 0, .48);
+	box-shadow: 6px 6px 11px rgba(0, 10, 10, .62);
+}
+
+form#movie-edit { margin-bottom:15px}
+
+
+
+
+
+
+/* ==============  IMAGES ==============  */
+
+div.image-card .rating-banner {
+	font-size: .002rem;
+	padding: 8px 41px 6px;
+	line-height: 1.1rem;
+	transform: rotate(0deg);
+	padding: 0;
+	left: 3px;
+	top: 72% !important;
+	height: 25px;
+	background-size: 135px 25px;
+	background-position: left;
+}
+
+div.image-card .rating-1 {width:28px}
+div.image-card .rating-2 {width:55px}
+div.image-card .rating-3 {width:83px} 
+div.image-card .rating-4 {width:110px}  
+div.image-card .rating-5 {width:138px}
+
+div.image-card .rating-5 {
+	background:none;
+	background-image:var(--stars);
+	height: 25px;
+	background-size: 135px 25px;
+}
+
+div.image-card .scene-popovers, div.image-card .card-popovers {
+	margin-top: -2px;
+	justify-content: flex-end;
+}
+div.image-card hr, .scene-card.card>hr{
+	border-top: 0px solid rgba(0,0,0,.1); 
+}
+
+
+
+
+
+
+
+/* ==============  GALLERIES ==============  */
+
+div.gallery-card hr, .scene-card.card>hr{
+	border-top: 0px solid rgba(0,0,0,.1); 
+}
+
+div.gallery-card .rating-banner {
+	font-size: .002rem;
+	padding: 8px 41px 6px;
+	line-height: 1.1rem;
+	transform: rotate(0deg);
+	padding: 0;
+	left: 3px;
+	top: 70% !important;
+	height: 25px;
+	background-size: 135px 25px;
+	background-position: left;
+}
+
+div.gallery-card .rating-1 {width:28px}
+div.gallery-card .rating-2 {width:55px}
+div.gallery-card .rating-3 {width:83px} 
+div.gallery-card .rating-4 {width:110px}  
+div.gallery-card .rating-5 {width:138px}
+
+div.gallery-card .rating-5 {
+	background:none;
+	background-image:var(--stars);
+	height: 25px;
+	background-size: 135px 25px;
+}
+
+div.gallery-card .scene-popovers, div.gallery-card .card-popovers {
+	margin-bottom: -8px;
+	margin-top: -24px; 
+	justify-content: flex-end;
+}
+
+
+
+
+
+
+
+
+/* ==============  MISC ==============  */
+
+.svg-inline--fa.fa-w-18 {width: 1.4em;}
+
+/* --- Makes the Zoom Slider on the Scenes, Images, Galleries and Tags pages longer and therefore easier to use --- */
+input[type=range].zoom-slider{ max-width:140px;width:140px; }
+
+/* --- Changes the zoom slider color --- */
+input[type=range]::-webkit-slider-runnable-track {background-color: #88afcc !important;}
+
+
+.tag-details .logo {
+    background-color: rgba(0, 0, 0, .48);
+    box-shadow: 3px 3px 5px rgba(0, 0, 0, .42);
+    border-radius: 9px !important;
+}
+
+.search-item {
+    background-color: none;
+    background-color: rgba(16,22,26,0.27);
+}
+
+.btn-secondary.disabled, .btn-secondary:disabled {
+    background-color: none;
+    background-color: rgba(16,22,26,0.67);
+}
+
+/* --- Edit & Delete buttons when clicking on a studio, tag or movie --- */
+.details-edit {margin-left:3%}
+
+/* --- Adds a text shadow to the statistics on the startpage --- */
+.stats .title {
+	color:#fff;
+	text-shadow: 2px 2px 4px #282828;
+}
+
+
+.popover {
+	padding:2px;
+	background-color: rgba(5,30,35,0.85); 
+	box-shadow: 3px 3px 6px rgba(20, 20, 20, .8);
+}
+.hover-popover-content {
+	background-image: linear-gradient(160deg, rgba(230,255,240,0.80), rgba(120,130,155, 0.45), rgba(180,190,225, 0.45), rgba(120,130,165, 0.55), rgba(255,235,235,0.70)); 
+	background-color: rgba(205,210,225,0.31) !important; 
+}
+
+.tag-item {
+	font: normal 13px "Lucida Grande", sans-serif, Arial, Verdana;
+	background-image: linear-gradient(210deg, rgba(30,95,140,0.36), rgba(10,60,95, 0.45), rgba(20,65,105, 0.83), rgba(5,90,140,0.35)); 
+	background-color: rgba(60,120,230,0.8); 
+	color: #fff;
+	letter-spacing: 0.07rem;
+	line-height: 18px;
+	margin: 3px 3px;
+	padding: 6px 8px;
+}
+
+/* --- Adjust the lengths of the Performer, Movies and Tags fields while editing a scene while the scene plays --- */
+#scene-edit-details .col-sm-9 {
+    flex: 0 0 100%;
+    max-width: 100%;
+}
+
+/* --- Cuts the name of Performers, Movies and Tags short if they go longer than the length of the field --- */
+div.react-select__control .react-select__multi-value {
+  max-width: 285px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+
+
+
+/* --- several Performer and Scene Scaping changes --- */
+.modal-content, .modal-lg, .modal-xl  {
+	max-width: 1400px; 
+	width:100%;
+} 
+
+.modal-header, .modal-body, .modal-footer {	background: rgba(10,120,170,0.94);}
+.performer-create-modal {max-width:1300px;}
+
+.modal-body .col-form-label, .modal-body .col-6, .modal-footer, .modal-header .col-form-label {text-shadow: var(--std-txt-shadow);}
+
+.modal-body .col-6 strong {font-weight: normal; font-size:14px}
+.modal-body .no-gutters {margin-bottom: 8px}
+
+.modal-body .dialog-container .col-lg-3 {
+	flex: 0 0 12%;
+	max-width: 12%;
+	text-shadow: var(--std-txt-shadow);
+}
+
+.modal-body .dialog-container .offset-lg-3{margin-left:12%;} 
+.modal-body .dialog-container .col-lg-9{flex:0 0 88%; max-width:88%;} 
+
+
+.input-control, .input-control:disabled, .input-control:focus, .modal-body div.react-select__control, .modal-body .form-control {
+	background: rgba(15,15,20,0.36);
+}
+
+
+.scraper-table tr:nth-child(2n) {    background: rgba(15,15,20,0.18);}
+
+.nav-pills .nav-link.active, .nav-pills .show>.nav-link { 	background: rgba(15,15,20,0.50);}
+
+
+.btn-secondary:not(:disabled):not(.disabled).active, 
+.btn-secondary:not(:disabled):not(.disabled):active, 
+.show>.btn-secondary.dropdown-toggle { 	background: rgba(15,15,20,0.50);}
+
+
+/* --- Background when searching for a scene in Tagger view --- */
+.search-result { 	background: rgba(0,0,0,0.21);}
+.selected-result { 	background: rgba(25,95,25,0.24); color:#fff}
+/*.search-result:hover { background: rgba(12,62,75,0.25);}*/
+.search-result:hover  { 	background: rgba(25,122,25,0.33);}
+
+
+.markdown table tr:nth-child(2n) {background: rgba(25,20,25,0.20);}
+.markdown code, .markdown blockquote, .markdown pre {background: rgba(25,20,25,0.30);}
+
+
+/* --- Changes the size of the Custom CSS field in the settings --- */
+#configuration-tabs-tabpane-interface textarea.text-input { min-width:60ex; max-width:55vw !important; min-height:50ex;}
+
+
+div.dropdown-menu,div.react-select__menu{background-color:rgba(35,37,44,0.55);color:#f5f8fa}
+
+div.dropdown-menu .dropdown-item, div.dropdown-menu .react-select__option, div.react-select__menu .dropdown-item, div.react-select__menu .react-select__option
+{color:#f5f8fa;background-color:rgba(35,37,44,0.55);}
+
+div.dropdown-menu .dropdown-item:focus,div.dropdown-menu .dropdown-item:hover,div.dropdown-menu .react-select__option--is-focused,div.react-select__menu .dropdown-item:focus,div.react-select__menu .dropdown-item:hover,div.react-select__menu .react-select__option--is-focused{background-color:rgba(24,130,195,0.85)}
+
+
+.toast-container {
+    left: 74%;
+    top: 1rem;
+}
+
+/* --- Settings / About adjustments --- */
+#configuration-tabs-tabpane-about .table {width:100%}
+#configuration-tabs-tabpane-about .table td {padding-top:18px}
+
+
+#queue-viewer .current {
+    background-color: rgba(15,20,30,0.30);
+}
+
+/* Folder when doing selective scan or configuration */
+.input-group .form-control {color: #d9f0f7; }
+
+
+div.modal-body b, .form-label h6 {text-shadow: var(--std-txt-shadow);}
+
+
+.modal-body .btn-primary:not(:disabled):not(.disabled).active, .modal-body .btn-primary:not(:disabled):not(.disabled):active {
+color: #fff; 
+     background-color: #008558; 
+     border-color: #0d5683;
+}
+
+.modal-body .btn-primary {
+    color: #fff;
+    background-color: #666;
+    border-color: #666;
+}
+
+.input-group-prepend div.dropdown-menu
+{
+	background: rgba(50,90,105,0.94);
+	padding:15px;
+	box-shadow: 2px 2px 6px rgba(0, 0, 0, .70);
+}
+
+.saved-filter-list .dropdown-item-container .dropdown-item {margin-top:3px;}
+.set-as-default-button {margin-top: 8px;}
+
+
+
+/* --- Specific Light Modifications --- */
+
+a.minimal, button.minimal {
+	color: #fff;
+    	text-shadow: 1px 1px 2px #000;
+}
+
+.top-nav a.minimal, .top-nav button.minimal {
+	color: #333;
+    	text-shadow: 1px 1px 2px #ddd;
+}
+
+.top-nav { box-shadow: 2px 2px 6px rgba(120, 150, 160, .55)}
+
+
+.pagination .btn:last-child {border-right: 1px solid #202b33;}
+.pagination .btn:first-child {border-left: 1px solid #202b33;}
+
+.nav-tabs .nav-link { color: #000038;}
+
+
+.scene-card .card-section {color:#fff;text-shadow: 0px 0px 1px #111;}
+.changelog-version, .tab-content {color: #fff}
+.tab-content .bg-dark {color:#fff} 
+
+#performer-details-tabpane-details {color: #000}
+.scraper-table a {color:#dde}
+.image-tabs, .gallery-tabs, .scene-tabs  {
+	background-image: linear-gradient(130deg, rgba(60, 70, 85,0.21), rgba(150, 155, 160,0.30), rgba(35, 40, 45,0.22), rgba(160, 160, 165,0.21), rgba(50, 60, 65,0.30)); 
+	background-color: rgba(106, 120, 125, .29); 
+}
+
+.table-striped.table-bordered, .table-striped.table-bordered a {color:#000}
+
+.nav-tabs .nav-link.active { color: #2866d0;}
+
+.PerformerScrapeModal-list .btn-link { color: #a9d0ff;}
+
+.tab-content .scene-file-info a {color: #cde}
+
+.grid-card .card-check { top:.9rem;width: 1.5rem;}
+.LoadingIndicator .spinner-border, .LoadingIndicator-message { color:#37e}
+
+
+.btn-group>.btn-group:not(:last-child)>.btn, .btn-group>.btn:not(:last-child):not(.dropdown-toggle),
+.pagination .btn-group>.btn:first-child:not(.dropdown-toggle) {border-left: 1px solid #394b59;}    
+.btn-group>.btn-group:not(:first-child), .btn-group>.btn:not(:first-child) {border-right: 1px solid #394b59;}
+
+
+div.gallery-card.grid-card.card p div.TruncatedText,
+div.movie-card.grid-card.card hr, div.movie-card.grid-card.card p {display:none}
+
+
+/* --- Spacing out the paginationIndex --- */
+.paginationIndex {color:#f3f3f3;margin-bottom:8px}
+.paginationIndex .scenes-stats, .images-stats {margin-top:-3px; color:#aaaab9}
+.paginationIndex .scenes-stats:before, .images-stats:before
+{
+	font-size: 16px;
+	margin-left:18px;
+	margin-right:12px;
+	color:#ccc;
+	content: "-";
+}
+
+/* --- Overhaul of the Popoup Edit Boxes --- */
+@media (min-width: 576px) {
+	#setting-dialog .modal-content .modal-body textarea {min-height:350px; height:75vh !important}
+	.modal-dialog {max-width: 880px}
+	.modal-dialog .modal-content .form-group .multi-set {width:82%;margin-top:12px; flex: 0 0 82%; max-width:82%;}
+	.modal-dialog .modal-content .form-group .col-9 {flex: 0 0 82%;max-width: 82%;}
+	.modal-dialog .modal-content .col-3 {    flex: 0 0 18%; max-width: 18%;}
+	.modal-dialog .modal-content .form-group > .form-label {margin-top:0px;flex: 0 0 18%;    max-width: 18%;text-shadow: var(--std-txt-shadow);}
+	.modal-dialog .modal-content .form-group {display: flex; flex-wrap: wrap;}
+	.modal-dialog .modal-content .btn-group>.btn:not(:first-child), .btn-group>.btn-group:not(:first-child) {margin-left: 2px}
+	.modal-dialog .modal-content .form-label[for~="movies"],
+	.modal-dialog .modal-content .form-label[for~="tags"],
+	.modal-dialog .modal-content .form-label[for~="performers"] {margin-top:48px;}
+	.modal-dialog .modal-content .button-group-above {margin-left:9px}
+	.modal-dialog .scraper-sources.form-group h5 {margin-top:20px}
+	.modal-dialog .modal-content .field-options-table {width:98%}
+
+	.modal-dialog.modal-lg .modal-content .form-group {display: inline;}
+}
+
+
+
+
+
+
+
+/* ==============  SETTINGS ==============  */
+
+
+
+#settings-container {
+	padding-left:230px;
+	background-image: none !important;
+	background-color: rgba(16, 20, 25, .40) !important;
+	box-shadow: 2px 2px 7px rgb(0 0 0 / 75%);
+	border-radius: 10px;
+	padding-top:25px;
+	min-height:450px;
+}
+
+#settings-container .card {
+	margin-bottom:25px;
+	background-image: none !important;
+	background-color: rgba(16, 20, 25, .00);
+	box-shadow: 0px 0px 0px rgb(0 0 0 / 75%);
+	border-radius: 0px;
+}
+
+#settings-container .bg-dark {background-color: rgba(16, 20, 25, .12) !important;}
+
+.form-group>.form-group {margin-top:0.5em; margin-bottom: 0.5rem}
+
+
+#configuration-tabs-tabpane-tasks>.form-group {margin-bottom:2rem; margin-top:1em}
+
+#configuration-tabs-tabpane-tasks h6 {     margin-top:3.5em; font-weight:bold; margin-bottom:1em;  }
+#configuration-tabs-tabpane-tasks h5 {     margin-top:2.0em; font-weight:bold; 	letter-spacing: 0.09rem; }
+
+.form-group h4 {margin-top:2em}
+
+
+#parser-container.mx-auto {max-width:1400px;margin-right:auto !important}
+.scene-parser-row .parser-field-title {width: 62ch}
+
+
+
+.mx-auto {margin-right: 1% !important}
+.mx-auto.card .row .col-md-2 .flex-column { position:fixed;min-height:400px}
+.mx-auto.card>.row {min-height:360px}
+
+.loading-indicator {opacity:80%; zoom:2}
+
+
+
+
+/* --- Settings - Tasks ------------------------------------------------------------------------------------- */
+
+
+#configuration-tabs-tabpane-tasks>.form-group .card {
+    padding: 20px;
+    margin: 4px 0.40% 14px;
+    background-image: none;
+    background-color: rgba(16, 20, 25, .00);
+    box-shadow: none;
+    border-radius: 10px;
+}
+
+#tasks-panel h1 {margin-top: 3em}
+.setting-section h1, #tasks-panel h1 {font-size: 1.55rem; max-width:180px}
+
+
+@media (min-width: 576px) and (min-height: 600px) {
+#tasks-panel .tasks-panel-queue {
+    background: none !important;
+    margin-top: -2.6rem;
+    padding-bottom: .25rem;
+    padding-top: 0rem;
+    position: relative;
+    top: 0rem;
+    z-index: 2;
+}
+}
+
+#tasks-panel hr {border-top: 0px solid rgba(140,142,160,.38);}
+#tasks-panel h1 {margin-top:1.8em;}
+#tasks-panel h1 {margin-top:0.8em;}
+
+#configuration-tabs-tabpane-tasks {margin-top:40px}
+
+#configuration-tabs-tabpane-tasks .form-group:last-child .setting-section .setting div:last-child {
+    margin-right: 0% !important;
+    margin-left: 0px;
+    margin-top: 2px;
+}
+
+#configuration-tabs-tabpane-tasks .setting-section .sub-heading {margin-bottom:1em}
+#configuration-tabs-tabpane-tasks .setting-section .collapsible-section  {margin-bottom:3em}
+#configuration-tabs-tabpane-tasks #video-preview-settings  button { width:250px;margin-top:22px;margin-left:-57px}
+#configuration-tabs-tabpane-tasks .tasks-panel-tasks .setting-section:nth-child(3) {margin-top:5em}
+
+.tasks-panel-tasks .setting a { color: #ccccd3;}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+@media (min-width: 1000px) {
+	#settings-container .card {margin-top:-43px; margin-left:255px}
+}
+
+
+
+#settings-container .col-form-label {
+    padding-top: calc(.55rem);
+    padding-bottom: calc(.55rem);
+}
+
+.setting-section .setting-group>.setting:not(:first-child), .setting-section .setting-group .collapsible-section .setting {
+    margin-left: 4rem; 
+}
+
+
+
+.setting-section .setting h3 {
+    font-size: 1.4rem;
+    margin:0.6em 0 0.4em;
+    
+}
+
+.setting-section:not(:first-child) {margin-top: 1em}
+.setting-section .setting-group>.setting:not(:first-child).sub-setting, .setting-section .setting-group .collapsible-section .setting.sub-setting {    padding-left: 3rem;}
+
+
+
+@media (min-width: 1200px) {
+	.offset-xl-2 {
+		max-width:1250px;
+		margin-left:15%;
+		margin-right:auto;
+	}
+
+	#settings-container .tab-content, .mx-auto {	max-width: none;}
+}
+
+
+.setting-section .setting:not(:last-child) {
+    border-bottom: 0px solid #000;
+}
+
+
+
+
+.job-table.card {
+	margin-top:-32px !important;
+	background-color: rgba(16, 20, 25, .20) !important;
+	border-radius: 10px !important;
+}
+
+
+
+
+
+
+.custom-switch {padding-left:2.25rem}
+.custom-control {
+    min-height: 1.5rem;
+    padding-left: 0.5rem;
+    margin-right:1em;
+}
+
+.custom-control-input:checked~.custom-control-label:before {
+    color: rgb(0 0 0 / 0%);
+    border-color: rgb(0 0 0 / 0%);
+    background-color: rgb(0 0 0 / 0%);
+}
+
+.custom-switch .custom-control-label:before {
+    pointer-events: auto;
+    border-radius: 0;
+}
+
+.custom-switch .custom-control-input:checked~.custom-control-label:after {
+    background-color: blue;
+    transform: auto;
+}
+
+.custom-switch .custom-control-label:after {
+    top: auto;
+    left: auto;
+    width: auto;
+    height: auto;
+    background-color: blue;
+    border-radius: 0;
+    transform: none;
+    transition: none;
+}
+
+.custom-control-label:before {display:none} 
+
+.custom-control-input {
+	position: absolute;
+	top:2px;
+	left: 0;
+	z-index: -1;
+	width: 1.2rem;
+	height: 1.35rem;
+     opacity: 1;
+     background-color:#10659a;
+     color:#10659a;
+}
+
+
+
+
+.setting-section .setting-group>.setting:not(:first-child), .setting-section .setting-group .collapsible-section .setting {
+	padding-bottom: 3px;
+	padding-top: 4px;
+	margin-right: 0rem;
+}
+
+.setting-section {margin-bottom:0.8em}
+
+
+
+
+.setting-section .sub-heading {
+	font-size:.9rem;
+	margin-top:0.5rem;
+	margin-bottom:3rem;
+}
+
+@media (min-width: 768px) {
+.offset-md-3 {margin-left: 1%;}
+#settings-menu-container {margin-left:1%; z-index:9; width:200px; padding-top:25px;}
+
+	#configuration-tabs-tabpane-interface .setting-section:first-child .card  .setting div:nth-child(2) { width:64%;min-width:300px;padding-top:6px}
+	#configuration-tabs-tabpane-interface .setting-section:first-child .card .setting div .sub-heading {margin-top:-28px; margin-left:255px;width:700px}
+	#language .input-control { width:250px}
+	
+	#configuration-tabs-tabpane-interface .setting-section .setting-group>.setting:not(:first-child) {margin-left:275px}
+	#configuration-tabs-tabpane-interface .setting-section .setting-group>.setting:nth-child(2) {margin-top: -40px}
+}
+
+@media (min-width: 1200px) {
+	.offset-md-3 {margin-left: 14%;margin-right:2%}
+	.setting-section h1, #tasks-panel h1 { max-width:220px;}
+	#settings-menu-container {
+		padding-top:25px;
+		margin-left:14% !important;
+		z-index:9;
+		width:205px;
+	}
+}
+
+@media (max-width: 768px) {
+	.offset-md-3 {margin-left: 1%;}
+	#settings-menu-container {margin-left:1%; z-index:9;width:180px;	padding-top:25px;}
+	#settings-container {    padding-left: 180px;}
+	.setting-section h1, #tasks-panel h1 { max-width:300px;}
+}
+
+@media (max-width: 576px) {
+	.offset-sm-3 {margin-left: 1%;}
+	#settings-menu-container {margin-left:1%;z-index:9;width:160px;	padding-top:25px;}
+	#settings-container {padding-left: 10px;}
+}
+
+@media (max-width: 1004px) {
+	.setting-section h1, #tasks-panel h1 { max-width:400px;}
+	.job-table.card {margin-top:2px !important;}
+}
+
+
+
+
+.markdown table tr:nth-child(2n),
+.modal-body .nav-link:hover,
+#settings-menu-container .nav-link:hover {background-color: rgba(10, 20, 20, .15)}
+
+
+
+@media (min-width: 1000px) {
+	#settings-container #configuration-tabs-tabpane-interface .setting-section > .setting { padding: 15px 0px;}
+	#settings-container #configuration-tabs-tabpane-interface .setting-section .setting-group .setting>div:first-item{margin-left: 4% !important;}	
+	
+	#settings-container #stash-table {margin-top:25px}
+	#configuration-tabs-tabpane-interface .setting-section:first-child .card {	margin-top: -5px;	margin-left: -1%}		
+
+	#language .input-control { width:250px}
+	#configuration-tabs-tabpane-interface .setting-section:first-child h3 {    font-size: 1.55rem;}
+
+	#configuration-tabs-tabpane-interface .setting-section:first-child .card > .setting div:nth-child(1) { width:255px}
+
+
+	#configuration-tabs-tabpane-interface .setting-section:first-child .card  .setting div:nth-child(2) { width:68%;padding-top:6px}
+	#configuration-tabs-tabpane-interface .setting-section:first-child .card .setting div .sub-heading {margin-top:-28px; margin-left:255px;width:700px}
+
+	#configuration-tabs-tabpane-interface #language {margin-bottom:15px}
+	#configuration-tabs-tabpane-library #stashes .sub-heading {margin-top:-26px; margin-left:235px;width:700px}
+	
+}
+
+
+
+#configuration-tabs-tabpane-metadata-providers .setting,
+#configuration-tabs-tabpane-security .setting,
+#configuration-tabs-tabpane-tasks .setting,
+#configuration-tabs-tabpane-system .setting-section .setting,
+#settings-dlna .setting-section .setting,
+#configuration-tabs-tabpane-interface .setting-section .setting {padding-top:0; padding-bottom:0}
+
+
+#configuration-tabs-tabpane-interface .setting-section:nth-child(1) h1 {display:none}
+
+#configuration-tabs-tabpane-interface .setting-section .setting-group>.setting:not(:first-child) h3 {
+    font-size: 1rem;
+    margin-left:2em;
+}
+
+#configuration-tabs-tabpane-interface .setting-section .setting-group .setting>div:last-child {
+    margin-right: 95% !important;
+    margin-left:0px;
+    margin-top:-32px;
+}
+
+.setting-section .setting>div:first-child {max-width:415px}
+
+#configuration-tabs-tabpane-interface .setting-section .setting>div:last-child {
+    min-width: 20px;
+    text-align: left;
+    width:38%;
+    
+}
+
+#configuration-tabs-tabpane-interface h3 {font-size:1.25em}
+
+#wall-preview .input-control {width:160px}
+
+.setting-section .setting-group>.setting:not(:first-child), .setting-section .setting-group .collapsible-section .setting {
+    padding-top: 0px;
+    padding-bottom: 0px;
+    margin-right: 0rem;
+    line-height:100%;
+    margin-top:-3px;
+    margin-bottom:-4px;
+}
+
+#configuration-tabs-tabpane-interface .setting-section:nth-child(7) .setting {margin-left:15px !important}
+#configuration-tabs-tabpane-interface .setting-section:nth-child(7) .setting:nth-child(1) {margin-left: 0px !important;}
+
+
+#settings-dlna h5 {margin-bottom:70px}
+#settings-dlna .form-group h5{margin-left:255px;margin-top:-30px}
+
+#configuration-tabs-tabpane-metadata-providers #stash-boxes .sub-heading {margin-top:-28px; margin-left:235px;width:700px;font-size:14px}
+
+.scraper-table tr:nth-child(2n) {background-color: rgba(16, 20, 25, .12)}
+
+
+
+/* Library */
+
+.stash-row .col-md-2 {padding-left:4%}
+#configuration-tabs-tabpane-library .setting-section .setting {padding:0}
+
+
+
+#configuration-tabs-tabpane-security .setting-section,
+#configuration-tabs-tabpane-tasks .setting-section,
+#configuration-tabs-tabpane-tasks .setting-group{max-width:915px}
+
+#configuration-tabs-tabpane-logs .setting-section,
+#configuration-tabs-tabpane-metadata-providers .setting-section,
+#configuration-tabs-tabpane-services .setting-section,
+#configuration-tabs-tabpane-system  .setting-section,
+#configuration-tabs-tabpane-library .setting-section:not(:first-child),
+#configuration-tabs-tabpane-interface .setting-section {max-width:810px}
+
+#configuration-tabs-tabpane-security .setting-section .setting>div:last-child,
+#configuration-tabs-tabpane-metadata-providers .setting-section .setting>div:last-child,
+#configuration-tabs-tabpane-services .setting-section .setting>div:last-child,
+#configuration-tabs-tabpane-system .setting-section .setting>div:last-child,
+#configuration-tabs-tabpane-library .setting-section .setting>div:last-child,
+#configuration-tabs-tabpane-interface .setting-section .setting>div:last-child,
+#configuration-tabs-tabpane-tasks .setting-section .setting>div:last-child {
+    min-width: 20px;
+    text-align: right;
+    width:auto;
+    
+}
+
+#configuration-tabs-tabpane-tasks .setting-section .collapsible-section .setting div:last-child {
+    margin-right: 95% !important;
+    margin-left: -12px;
+    margin-top: -15px;
+}
+
+
+#configuration-tabs-tabpane-system .setting-section .sub-heading {margin-bottom: 1.2rem}
+
+
diff --git a/themes/Theme-PulsarLight/Theme-PulsarLight.yml b/themes/Theme-PulsarLight/Theme-PulsarLight.yml
new file mode 100644
index 00000000..12bd3dd9
--- /dev/null
+++ b/themes/Theme-PulsarLight/Theme-PulsarLight.yml
@@ -0,0 +1,6 @@
+name: Theme - PulsarLight
+description: Plex Theme for Stash by Fonzie 2021
+version: 0.3.1
+ui:
+  css:
+  - Theme-PulsarLight.css

From 176a50e47c05ee41a3a101074a4a1ffe0fb1b948 Mon Sep 17 00:00:00 2001
From: Scruffy Nerf <scruffynerf23@gmail.com>
Date: Mon, 1 Jan 2024 13:30:20 -0500
Subject: [PATCH 24/91] update readme for themes

---
 README.md | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/README.md b/README.md
index 8fc2cef6..f5511aae 100644
--- a/README.md
+++ b/README.md
@@ -27,7 +27,7 @@ We're beginning to review plugins and the rest and patch them to work, but it's
 We'll update the table below as we do this...
 We will also be rearranging things a bit, and updating documentation (including this page)
 
-## Plugins and Themes will no longer be listed here.
+## Plugins will no longer be listed individually here...
 
 Category|Triggers|Plugin Name|Description|Minimum Stash version|Updated for v24|
 --------|-----------|-----------|-----------|---------------------|-----
@@ -42,9 +42,8 @@ Reporting||[TagGraph](plugins/tagGraph)|Creates a visual of the Tag relations.|v
 
 ## Themes
 
-Theme Name|Description                                 |Updated for v24|
-----------|--------------------------------------------|----
-[Plex](themes/plex)      |Theme inspired by the popular Plex Interface|:x:
+# A Variety of Themes are now available to be one click installed via the Plugin Setting page in your Stash
+We welcome new themes, as well as patches to existing themes.
 
 ## Utility Scripts
 

From 9542da3eb3b5dc97a4a04bea5a45455e0fcceee7 Mon Sep 17 00:00:00 2001
From: Scruffy Nerf <scruffynerf23@gmail.com>
Date: Mon, 1 Jan 2024 13:38:42 -0500
Subject: [PATCH 25/91] add theme directory to build script, so it adds the
 themes

---
 build_site.sh | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/build_site.sh b/build_site.sh
index 463ee690..93857f95 100755
--- a/build_site.sh
+++ b/build_site.sh
@@ -69,4 +69,6 @@ buildPlugin()
 
 find ./plugins -mindepth 1 -name *.yml | while read file; do
     buildPlugin "$file"
+find ./themes -mindepth 1 -name *.yml | while read file; do
+    buildPlugin "$file"
 done

From 9f96f59de45338d543ab2eb70b088fc07fb545e6 Mon Sep 17 00:00:00 2001
From: scruffynerf <scruffynerf23@gmail.com>
Date: Mon, 1 Jan 2024 13:45:56 -0500
Subject: [PATCH 26/91] Fix urls in README.md

---
 themes/Theme-Plex/README.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/themes/Theme-Plex/README.md b/themes/Theme-Plex/README.md
index 386bbbbe..84f26ce6 100644
--- a/themes/Theme-Plex/README.md
+++ b/themes/Theme-Plex/README.md
@@ -24,6 +24,6 @@ _These steps are optional, by default this theme uses the Github hosted image li
 
 2. Place `background.png` and `noise.png` in `~/.stash` on macOS / Linux or `C:\Users\YourUsername\.stash` on Windows. Then edit the `background-image: url("")` attributes like below:  
 
-The [body](https://github.com/stashapp/CommunityScripts/blob/main/themes/Theme-Plex/plex.css#L7) one `background-image: url("./background.png");`
+The [body](https://github.com/stashapp/CommunityScripts/blob/main/themes/Theme-Plex/Theme-Plex.css#L7) one `background-image: url("./background.png");`
 
-The [root](https://github.com/stashapp/CommunityScripts/blob/main/themes/Theme-Plex/plex.css#L18) one `background: rgba(0, 0, 0, 0) url("./noise.png") repeat scroll 0% 0%;`
+The [root](https://github.com/stashapp/CommunityScripts/blob/main/themes/Theme-Plex/Theme-Plex.css#L18) one `background: rgba(0, 0, 0, 0) url("./noise.png") repeat scroll 0% 0%;`

From 2ca3623b9fddde382ca5dfeed2c46af253a66914 Mon Sep 17 00:00:00 2001
From: scruffynerf <scruffynerf23@gmail.com>
Date: Mon, 1 Jan 2024 13:48:39 -0500
Subject: [PATCH 27/91] Update build_site.sh

stray extra line...

From 07de1ac8ba8c37a3bdb2d81196417ebbc0ed54d9 Mon Sep 17 00:00:00 2001
From: scruffynerf <scruffynerf23@gmail.com>
Date: Mon, 1 Jan 2024 13:51:16 -0500
Subject: [PATCH 28/91] helps to close your loops...

---
 build_site.sh | 1 +
 1 file changed, 1 insertion(+)

diff --git a/build_site.sh b/build_site.sh
index 93857f95..ee9d11d8 100755
--- a/build_site.sh
+++ b/build_site.sh
@@ -69,6 +69,7 @@ buildPlugin()
 
 find ./plugins -mindepth 1 -name *.yml | while read file; do
     buildPlugin "$file"
+done
 find ./themes -mindepth 1 -name *.yml | while read file; do
     buildPlugin "$file"
 done

From 646143fe87b059a8df88732417e6248c73351868 Mon Sep 17 00:00:00 2001
From: Scruffy Nerf <scruffynerf23@gmail.com>
Date: Mon, 1 Jan 2024 14:16:02 -0500
Subject: [PATCH 29/91] add PH theme

---
 themes/Theme-PornHub/Theme-PornHub.css | 940 +++++++++++++++++++++++++
 themes/Theme-PornHub/Theme-PornHub.yml |   6 +
 2 files changed, 946 insertions(+)
 create mode 100644 themes/Theme-PornHub/Theme-PornHub.css
 create mode 100644 themes/Theme-PornHub/Theme-PornHub.yml

diff --git a/themes/Theme-PornHub/Theme-PornHub.css b/themes/Theme-PornHub/Theme-PornHub.css
new file mode 100644
index 00000000..20896550
--- /dev/null
+++ b/themes/Theme-PornHub/Theme-PornHub.css
@@ -0,0 +1,940 @@
+/* Author: ronilaukkarinen */
+/* stylelint-disable selector-max-specificity, declaration-no-important, selector-type-no-unknown, selector-max-class, a11y/no-outline-none, no-descending-specificity, selector-max-pseudo-class, property-disallowed-list, font-weight-notation, max-line-length, a11y/no-display-none, a11y/font-size-is-readable */
+/* Pornhub inspired stash theme */
+/* Fonts */
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
+
+/* Variables */
+:root {
+  --color-black: #000;
+  --color-text: #c6c6c6;
+  --color-text-dim: #969696;
+  --color-border: var(--color-black);
+  --color-hubs: #f90;
+  --color-cod-gray: #151515;
+  --color-silver: #cacaca;
+  --color-dark: #1b1b1b;
+  --color-dim: #2f2f2f;
+  --color-icon-toggled: #5faa01;
+  --color-star: #f5c518;
+  --color-white: #fff;
+  --color-favorite: #c71d1d;
+}
+
+body {
+  background-attachment: fixed;
+  background-color: var(--color-black);
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: cover;
+  color: var(--color-text);
+  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
+  height: 100%;
+  padding: 6rem 0 0;
+  /* background-image: url("https://user-images.githubusercontent.com/63812189/79506691-4af78900-7feb-11ea-883e-87b8e05ceb1c.png"); */
+  width: 100%;
+}
+
+body.login {
+  padding-top: 0 !important;
+}
+
+@media (max-width: 1200px) {
+  body {
+    padding-top: 0 !important;
+  }
+
+  .main.container-fluid {
+    padding-top: 2.2rem !important;
+  }
+}
+
+.top-nav .navbar-toggler {
+  width: auto !important;
+}
+
+.top-nav a[href="/scenes/new"] button.btn {
+  color: var(--color-hubs);
+  font-size: 14px !important;
+}
+
+body .badge,
+body a,
+body .tag-item {
+  transition: all 100ms;
+}
+
+body div,
+body p,
+body a {
+  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
+}
+
+.show-carat.dropdown .btn,
+.fa-icon,
+.btn.minimal {
+  color: var(--color-silver) !important;
+}
+
+.rating-stars .set {
+  color: var(--color-star) !important;
+}
+
+.organized-button.organized svg {
+  color: var(--color-icon-toggled) !important;
+}
+
+.favorite svg,
+.favorite {
+  color: var(--color-favorite) !important;
+  filter: none !important;
+}
+
+.thumbnail-section .favorite svg {
+  height: 20px;
+  width: 20px;
+}
+
+.show-carat.dropdown .btn,
+.btn.minimal {
+  background-color: transparent !important;
+  border: 0 !important;
+}
+
+#root {
+  height: 100%;
+  /* background: rgba(0, 0, 0, 0) url("https://user-images.githubusercontent.com/63812189/79506696-4c28b600-7feb-11ea-8176-12a46454d87a.png") repeat scroll 0% 0%; */
+  position: absolute;
+  width: 100%;
+  z-index: 2;
+}
+
+* {
+  scrollbar-color: hsl(0deg 0% 100% / .2) transparent;
+}
+
+.bg-dark {
+  background-color: var(--color-black) !important;
+}
+
+.card {
+  background-color: var(--color-black);
+  background-color: rgb(0 0 0 / .3);
+  border-radius: 3px;
+  box-shadow: 0 0 0 1px rgb(16 22 26 / .4), 0 0 0 rgb(16 22 26 / 0), 0 0 0 rgb(16 22 26 / 0);
+  padding: 20px;
+}
+
+.bg-secondary {
+  background-color: var(--color-black) !important;
+}
+
+.pagination .btn {
+  align-items: center;
+  appearance: none;
+  background-color: var(--color-cod-gray) !important;
+  border: none;
+  border-radius: 4px;
+  color: var(--color-text) !important;
+  cursor: pointer;
+  display: inline-flex;
+  font-size: 20px !important;
+  font-weight: 700;
+  height: 60px !important;
+  justify-content: center;
+  margin: 0 4px !important;
+  min-width: 60px !important;
+  outline: 0 none;
+  padding: 0 20px;
+  position: relative;
+  text-align: center;
+  text-decoration: none;
+  vertical-align: top;
+}
+
+.pagination .btn:hover,
+.pagination .btn:focus {
+  background-color: var(--color-dim) !important;
+}
+
+.pagination .btn:first-of-type,
+.pagination .btn:last-of-type {
+  background: var(--color-black) !important;
+}
+
+.pagination .btn.active {
+  background: var(--color-hubs) !important;
+}
+
+.text-white,
+body p {
+  color: var(--color-text) !important;
+}
+
+.border-secondary {
+  border-color: var(--color-border) !important;
+}
+
+.btn-secondary.filter-item.col-1.d-none.d-sm-inline.form-control {
+  background-color: rgb(0 0 0 / .15);
+}
+
+.btn.active,
+.btn-secondary {
+  color: var(--color-black) !important;
+  font-weight: 700;
+}
+
+.btn-primary.disabled,
+.btn-primary:disabled,
+.btn-primary:hover,
+.btn-primary:focus,
+.btn-primary.focus,
+minimal.w-100.active.btn.btn-primary,
+.btn-primary {
+  background-color: var(--color-hubs);
+  border-color: var(--color-hubs);
+  box-shadow: none !important;
+  color: var(--color-black);
+  font-weight: 700;
+  outline: 0 !important;
+}
+
+.nav-tabs .nav-link.active:hover,
+.nav-tabs .nav-link.active:focus {
+  border-bottom-color: var(--color-text);
+  outline: 0;
+}
+
+.nav-tabs .nav-link {
+  outline: 0;
+}
+
+.btn-primary:not(:disabled):not(.disabled).active,
+.btn-primary:not(:disabled):not(.disabled):active,
+.show > .btn-primary.dropdown-toggle {
+  border-color: var(--color-text);
+  color: var(--color-text);
+}
+
+.nav-pills .nav-link.active,
+.nav-pills .show > .nav-link {
+  background-color: var(--color-black);
+}
+
+input[type="range"]::-moz-range-track {
+  background: hsl(0deg 0% 100% / .25);
+}
+
+input[type="range"]::-moz-range-thumb {
+  background: #bcbcbc;
+}
+
+div.react-select__control {
+  background-color: hsl(0deg 0% 39.2% / .4);
+  border-color: #394b59;
+  color: #182026;
+  cursor: pointer;
+}
+
+.navbar-nav a,
+.navbar-nav button {
+  background: none !important;
+  border: 0 !important;
+  box-shadow: none !important;
+}
+
+.TruncatedText {
+  line-height: 1.3;
+}
+
+.navbar-nav {
+  gap: 1rem;
+}
+
+.scene-wall-item-text-container {
+  background: radial-gradient(farthest-corner at 50% 50%, rgb(50 50 50 / .5) 50%, #323232 100%);
+  color: #eee;
+}
+
+body .scene-header {
+  color: var(--color-white);
+  font-size: 17px;
+  font-weight: 700;
+  word-break: break-word;
+  word-wrap: break-word;
+}
+
+.filter-container,
+.operation-container {
+  box-shadow: none;
+  color: var(--color-text-dim) !important;
+  margin-top: -10px;
+  padding: 10px;
+}
+
+.container-fluid,
+.container-lg,
+.container-md,
+.container-sm,
+.container-xl {
+  margin-left: 0;
+  margin-right: 0;
+  width: 100%;
+}
+
+.btn-link {
+  color: #eee;
+  font-weight: 500;
+  text-decoration: none;
+}
+
+button.minimal.brand-link.d-none.d-md-inline-block.btn.btn-primary {
+  font-weight: bold;
+  text-transform: uppercase;
+}
+
+a:hover,
+a:focus {
+  color: hsl(0deg 0% 100% / .7);
+}
+
+option {
+  background-color: var(--color-black);
+  color: var(--color-white);
+}
+
+select:focus > option:checked,
+select option:hover,
+option:checked,
+option:hover,
+option:focus {
+  background-color: var(--color-hubs) !important;
+  color: var(--color-black) !important;
+}
+
+.folder-list .btn-link {
+  color: #2c2e30;
+}
+
+#performer-scraper-popover {
+  z-index: 10;
+}
+
+body {
+  background: var(--color-black) !important;
+}
+
+.card {
+  background: var(--color-black) !important;
+  border-radius: 0 !important;
+  box-shadow: none !important;
+}
+/* .btn-primary {
+  color: #fff;
+  background-color: #131313 !important;;
+  border-color: #131313 !important;;
+} */
+
+.nav-pills .nav-link.active,
+.nav-pills .show > .nav-link {
+  background-color: #131313 !important;
+  border-color: #131313 !important;
+}
+
+#tasks-panel .tasks-panel-queue {
+  background-color: var(--color-black) !important;
+}
+
+.top-nav .bg-dark,
+.top-nav.navbar {
+  background: var(--color-dark) !important;
+}
+
+body .top-nav {
+  border-radius: 0 !important;
+  padding: 10px 15px !important;
+}
+
+.top-nav .btn {
+  border: 0 !important;
+  border-radius: 0 !important;
+  display: inline-flex !important;
+  flex-direction: row !important;
+  flex-wrap: nowrap !important;
+  font-size: 16px !important;
+  font-weight: 400 !important;
+  gap: 8px;
+  padding: 6px 8px !important;
+}
+
+.top-nav .btn:hover svg,
+.top-nav .btn:focus svg,
+.top-nav .btn:hover,
+.top-nav .btn:focus {
+  color: var(--color-white) !important;
+  opacity: 1 !important;
+}
+
+.top-nav .btn .fa-icon {
+  margin: 0 !important;
+}
+
+body .top-nav .navbar-brand {
+  margin-left: 0 !important;
+  margin-right: 1.5rem;
+  padding: 0 !important;
+}
+
+body .top-nav .navbar-brand button {
+  color: var(--color-white) !important;
+  display: inline-block !important;
+  font-weight: 700 !important;
+  padding: 0 !important;
+}
+
+body .top-nav .navbar-brand button::after {
+  background: var(--color-hubs);
+  border-radius: 3px;
+  color: var(--color-black);
+  content: 'hub';
+  display: inline-block;
+  font-weight: 700 !important;
+  margin: 0 0 0 3px;
+  padding: 0 2px;
+}
+
+.top-nav .btn.active {
+  border: 0 !important;
+  color: var(--color-white) !important;
+}
+
+.navbar-dark .navbar-toggler {
+  border-color: transparent !important;
+}
+
+button[title="Donate"] {
+  display: none !important;
+}
+
+* {
+  outline: none !important;
+}
+
+.grid-card a .card-section-title,
+.section-title {
+  color: var(--color-text) !important;
+  font-size: 15px !important;
+  line-height: 17px !important;
+}
+
+.card-section > a + span,
+.card-section > a + span + p {
+  color: var(--color-text-dim) !important;
+}
+
+.bg-secondary,
+.btn-secondary,
+.border-secondary {
+  background-color: var(--color-hubs) !important;
+  border-color: var(--color-black) !important;
+}
+
+/* [Scenes tab] Allow for longer string when displaying "Studio as Text" on scene thumbnails */
+.scene-studio-overlay {
+  font-weight: 600 !important;
+  opacity: 1 !important;
+  text-overflow: ellipsis !important;
+  width: 60% !important;
+}
+
+/* [Scenes tab] Hide studio logo/text from scene card */
+.scene-studio-overlay {
+  display: none;
+}
+
+/* [Scenes tab] Fit more thumbnails on each row */
+.grid {
+  padding: 0 !important;
+}
+
+/* [Scenes tab] Make the list of tags take up less width */
+.bs-popover-bottom {
+  max-width: 500px;
+}
+
+/* [Scenes tab] Adjust the mouse over behaviour in wall mode */
+@media (min-width: 576px) {
+  .wall-item:hover::before,
+  .wall-item:focus::before {
+    opacity: 0;
+  }
+
+  .wall-item:hover .wall-item-container,
+  .wall-item:focus .wall-item-container {
+    transform: scale(1.5);
+  }
+}
+
+/* [Scenes tab] Disable zoom on hover in wall mode */
+.wall-item:hover .wall-item-container,
+.wall-item:focus .wall-item-container {
+  transform: none;
+}
+
+.wall-item::before {
+  opacity: 0 !important;
+}
+
+/* [Scenes tab] Hide the scene scrubber and max out the player's height */
+.scrubber-wrapper {
+  display: none;
+}
+
+/* [Scenes Tab] - Hide the truncated text on scene card */
+.TruncatedText.scene-card__description {
+  display: none;
+}
+
+/*
+.performer-image-container {
+  flex: 0 0 50%;
+  max-width: 50%;
+}*/
+
+/* Changing .col-md-8 settings also affects studios and tags display. 50% should be good enough. */
+.col-md-8 {
+  flex: 0 0 50%;
+  max-width: 50%;
+}
+
+/* [Performers tab] Move the buttons in the Performer's edit panel to the top instead of bottom (in newer version of Stash, the buttons are already positioned both at top and bottom.  */
+form#performer-edit {
+  display: flex;
+  flex-direction: column;
+}
+
+#performer-edit > .row {
+  order: 1;
+}
+
+#performer-edit > .row:last-child {
+  margin-bottom: 1rem;
+  order: 0;
+}
+
+/* [Performers tab] Move the tags row in the Performer's edit panel to the second position (just after name).  */
+form#performer-edit {
+  display: flex;
+  flex-direction: column;
+}
+
+#performer-edit > .row:nth-child(21) {
+  order: -1;
+}
+
+#performer-edit > .row:first-child {
+  order: -2;
+}
+
+.scene-tabs .studio-logo {
+  display: none !important;
+}
+
+/* Custom rating banner */
+body .rating-banner {
+  background: transparent;
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: contain;
+  color: #fff;
+  display: block;
+  font-size: .86rem;
+  font-weight: 400;
+  height: 0;
+  left: 0;
+  letter-spacing: 1px;
+  line-height: 1.6rem;
+  margin: 6px 10px;
+  padding: 10px;
+  position: absolute;
+  text-indent: 0;
+  top: 0;
+  transform: none;
+  visibility: hidden;
+  width: 88px;
+}
+
+body .rating-banner {
+  background: none;
+}
+
+body .rating-banner::after {
+  background: var(--color-star);
+  border-radius: 5px;
+  color: var(--color-black);
+  display: inline-block;
+  font-size: 12px;
+  font-weight: 800;
+  height: 30px;
+  left: 0;
+  margin-top: 5px;
+  padding: 5px;
+  position: absolute;
+  text-indent: 0;
+  top: 0;
+  visibility: visible;
+  width: 30px;
+}
+
+body .rating-banner.rating-3::after {
+  content: '3';
+}
+
+body .rating-banner.rating-4::after {
+  content: '4';
+}
+
+body .rating-banner.rating-5::after {
+  content: '5';
+}
+
+.wall-item-text {
+  display: none !important;
+}
+
+body .scene-card-preview-video,
+.scene-card-preview.portrait .scene-card-preview-image,
+.scene-card-preview.portrait .scene-card-preview-video,
+.gallery-card-preview.portrait .scene-card-preview-image,
+.gallery-card-preview.portrait .scene-card-preview-video {
+  object-fit: cover !important;
+  object-position: center !important;
+}
+
+.bs-popover-bottom > .arrow::after,
+.bs-popover-auto[x-placement^="bottom"] > .arrow::after,
+.bs-popover-bottom > .arrow::before,
+.bs-popover-auto[x-placement^="bottom"] > .arrow::before {
+  border-bottom-color: var(--color-cod-gray) !important;
+}
+
+[role="tooltip"],
+.popover,
+.input-control,
+.input-control:focus,
+.input-control:disabled,
+.dropdown-menu,
+.dropdown-menu .bg-secondary,
+.dropdown-menu .btn-secondary,
+.dropdown-menu a,
+.scraper-group .btn,
+.scraper-group input,
+[role="toolbar"] ::-webkit-keygen-select,
+[role="toolbar"] input,
+[role="toolbar"] .btn,
+[role="toolbar"] .btn-secondary {
+  background-color: var(--color-cod-gray) !important;
+  border-color: var(--color-cod-gray) !important;
+  color: var(--color-silver) !important;
+}
+
+.tag-item {
+  background: var(--color-dark);
+  border-radius: 8px;
+  color: var(--color-white);
+  display: inline-block;
+  font-size: 14px;
+  font-weight: 400;
+  margin-bottom: 8px;
+  padding: 8px 18px;
+  text-transform: capitalize;
+  white-space: nowrap;
+}
+
+.tag-item:hover,
+.tag-item:focus {
+  background: var(--color-dim);
+}
+
+.tag-item:first-of-type {
+  margin-left: 0;
+}
+
+.row h6 {
+  margin-top: 10px;
+}
+
+body .nav-tabs .nav-link {
+  border-bottom: 1px solid transparent !important;
+  border-radius: 0 !important;
+  color: var(--color-text);
+  font-size: 11px;
+  padding: 8px 15px;
+}
+
+.nav-tabs .nav-link.active,
+.nav-tabs .nav-item.show .nav-link,
+body .nav-tabs .nav-link.active {
+  background-color: var(--color-black) !important;
+  border-bottom: 1px solid var(--color-hubs) !important;
+  color: var(--color-white) !important;
+}
+
+@media (min-width: 1200px) {
+  body .navbar-expand-xl .navbar-nav .nav-link {
+    padding-left: 0;
+    padding-right: 0;
+  }
+}
+
+body .text-muted {
+  color: var(--color-text-dim) !important;
+}
+
+/* Range input */
+input::-webkit-slider-runnable-track,
+input::-moz-range-track,
+input::-ms-track,
+input,
+input[type="range"] {
+  accent-color: var(--color-hubs) !important;
+  appearance: none;
+}
+
+.custom-control-input:checked ~ .custom-control-label::before {
+  background-color: var(--color-hubs) !important;
+  border-color: var(--color-hubs) !important;
+}
+
+input[type="range"] {
+  appearance: none;
+  height: 38px;
+  margin: 10px 0;
+  width: 100%;
+}
+
+input[type="range"]:focus {
+  outline: none;
+}
+
+input[type="range"]::-webkit-slider-runnable-track {
+  background: var(--color-hubs);
+  border-radius: 5px;
+  cursor: pointer;
+  height: 8px;
+  width: 100%;
+}
+
+input[type="range"]::-webkit-slider-thumb {
+  appearance: none;
+  background: #fff;
+  border-radius: 5px;
+  cursor: pointer;
+  height: 20px;
+  width: 8px;
+}
+
+input[type="range"]:focus::-webkit-slider-runnable-track {
+  background: var(--color-hubs);
+}
+
+input[type="range"]::-moz-range-track {
+  background: var(--color-hubs);
+  border-radius: 5px;
+  cursor: pointer;
+  height: 10px;
+  width: 100%;
+}
+
+input[type="range"]::-moz-range-thumb {
+  background: #fff;
+  border-radius: 5px;
+  cursor: pointer;
+  height: 30px;
+  width: 12px;
+}
+
+input[type="range"]::-ms-track {
+  background: transparent;
+  border-color: transparent;
+  color: transparent;
+  cursor: pointer;
+  height: 10px;
+  width: 100%;
+}
+
+input[type="range"]::-ms-fill-lower {
+  background: var(--color-hubs);
+  border-radius: 10px;
+}
+
+input[type="range"]::-ms-fill-upper {
+  background: var(--color-hubs);
+  border-radius: 10px;
+}
+
+input[type="range"]::-ms-thumb {
+  background: #fff;
+  border-radius: 5px;
+  cursor: pointer;
+  height: 30px;
+  margin-top: 1px;
+  width: 12px;
+}
+
+input[type="range"]:focus::-ms-fill-lower {
+  background: var(--color-hubs);
+}
+
+input[type="range"]:focus::-ms-fill-upper {
+  background: var(--color-hubs);
+}
+
+.top-nav .navbar-buttons .btn[title="Help"],
+.top-nav .navbar-buttons .btn.donate {
+  display: none !important;
+}
+
+.stats-element .title {
+  color: var(--color-white) !important;
+  font-weight: 700 !important;
+}
+
+div[role="toolbar"] + .d-flex > .tag-item.badge.badge-secondary {
+  align-items: center;
+  background: none !important;
+  bottom: 0;
+  display: inline-flex;
+  gap: 10px;
+}
+
+div[role="toolbar"] + .d-flex > .tag-item.badge.badge-secondary button[type="button"] {
+  align-items: center;
+  background: none !important;
+  bottom: 0 !important;
+  display: inline-flex;
+  margin: 0 !important;
+}
+
+.recommendation-row.studio-recommendations,
+.recommendation-row.movie-recommendations {
+  display: none !important;
+}
+
+a {
+  color: var(--color-hubs);
+}
+
+.btn,
+.btn-primary,
+.btn-secondary {
+  border-radius: 3px !important;
+}
+
+/* Slick fixes */
+.slick-slider .slick-prev,
+.slick-slider .slick-next {
+  display: none !important;
+}
+
+.recommendations-container {
+  padding-left: 0 !important;
+  padding-right: 0 !important;
+}
+
+h2 {
+  text-transform: unset !important;
+}
+
+.recommendation-row-head {
+  position: relative;
+  z-index: 100;
+}
+
+.recommendation-row-head a {
+  font-size: 14px;
+}
+
+@media (max-width: 1200px) {
+  .container,
+  .container-xl,
+  .container-lg,
+  .container-md,
+  .container-sm {
+    padding-left: 0 !important;
+    padding-right: 0 !important;
+    width: unset !important;
+  }
+
+  .filter-container {
+    flex-wrap: wrap !important;
+    margin: 0 !important;
+    padding-left: 0 !important;
+    padding-right: 0 !important;
+  }
+
+  .top-nav .navbar-buttons {
+    margin-left: unset !important;
+    margin-right: unset !important;
+  }
+
+  .fixed-top {
+    justify-content: space-between !important;
+    margin-left: unset !important;
+    margin-right: unset !important;
+    position: unset !important;
+  }
+
+  .navbar-dark .navbar-nav .nav-link {
+    display: block;
+    flex-basis: 100%;
+    max-width: 100%;
+    width: 100%;
+  }
+
+  .navbar-nav {
+    gap: 0;
+  }
+
+  .navbar-dark .navbar-nav .nav-link a {
+    gap: 14px;
+    justify-content: flex-start !important;
+    padding-bottom: 15px !important;
+    padding-left: 0 !important;
+    padding-right: 0 !important;
+    padding-top: 15px !important;
+  }
+
+  .top-nav .btn .fa-icon {
+    height: 22px;
+    width: 22px;
+  }
+
+  .top-nav .navbar-collapse .navbar-nav {
+    justify-content: flex-start;
+    padding-bottom: 0;
+    padding-top: 1rem;
+  }
+
+  .pagination .btn {
+    font-size: 16px !important;
+    height: 40px !important;
+    min-width: 40px !important;
+  }
+
+  .slick-slide .card {
+    height: unset;
+  }
+}
+
+[data-rb-event-key="https://opencollective.com/stashapp"] {
+  display: none !important;
+}
+
+@media (max-width: 576px) {
+  .top-nav .navbar-collapse .navbar-nav {
+    padding-bottom: 1rem;
+    padding-top: 0;
+  }
+}
diff --git a/themes/Theme-PornHub/Theme-PornHub.yml b/themes/Theme-PornHub/Theme-PornHub.yml
new file mode 100644
index 00000000..f5db01fb
--- /dev/null
+++ b/themes/Theme-PornHub/Theme-PornHub.yml
@@ -0,0 +1,6 @@
+name: Theme - Pornhub
+description: PornHub Theme for Stash by ronilaukkarinen
+version: 1.0
+ui:
+  css:
+  - Theme-PornHub.css

From fe9a8715af847bd6763529aff256beb93017ea3e Mon Sep 17 00:00:00 2001
From: Scruffy Nerf <scruffynerf23@gmail.com>
Date: Mon, 1 Jan 2024 17:53:22 -0500
Subject: [PATCH 30/91] fixes query that aged badly

---
 plugins/stats/stats.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/plugins/stats/stats.js b/plugins/stats/stats.js
index 6aa22c4f..05554933 100644
--- a/plugins/stats/stats.js
+++ b/plugins/stats/stats.js
@@ -19,8 +19,8 @@
         const reqData = {
             "variables": {
                 "scene_filter": {
-                    "stash_id": {
-                        "value": "",
+                    "stash_id_endpoint": {
+                        "stash_id": "",
                         "modifier": "NOT_NULL"
                     }
                 }

From 208c086dc0e360479be41e04e934d1efd4fd5596 Mon Sep 17 00:00:00 2001
From: Scruffy Nerf <scruffynerf23@gmail.com>
Date: Mon, 1 Jan 2024 17:58:00 -0500
Subject: [PATCH 31/91] kudos to @maista6969 for solving this better than I
 did...

---
 plugins/stats/stats.js | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/plugins/stats/stats.js b/plugins/stats/stats.js
index 05554933..65f30d53 100644
--- a/plugins/stats/stats.js
+++ b/plugins/stats/stats.js
@@ -20,7 +20,6 @@
             "variables": {
                 "scene_filter": {
                     "stash_id_endpoint": {
-                        "stash_id": "",
                         "modifier": "NOT_NULL"
                     }
                 }
@@ -44,8 +43,7 @@
         const reqData = {
             "variables": {
                 "performer_filter": {
-                    "stash_id": {
-                        "value": "",
+                    "stash_id_endpoint": {
                         "modifier": "NOT_NULL"
                     }
                 }
@@ -69,8 +67,7 @@
         const reqData = {
             "variables": {
                 "studio_filter": {
-                    "stash_id": {
-                        "value": "",
+                    "stash_id_endpoint": {
                         "modifier": "NOT_NULL"
                     }
                 }

From 47d066ee4d695accb4cf31291d7b1f74f19e1594 Mon Sep 17 00:00:00 2001
From: scruffynerf <scruffynerf23@gmail.com>
Date: Tue, 2 Jan 2024 05:24:52 -0500
Subject: [PATCH 32/91] remove obsolete wiki reference I somehow kept missing

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index f5511aae..1945069c 100644
--- a/README.md
+++ b/README.md
@@ -2,7 +2,7 @@
 
 This repository contains plugin and utility scripts created by the Stash community and hosted on the official GitHub repo.  
 
-There is also [a list of third-party plugins on our wiki page](https://github.com/stashapp/stash/wiki/Plugins-&--Scripts).
+There is also [a list of third-party plugins in our documentation](https://docs.stashapp.cc/add-ons/third-party-integrations).
 
 ## Please note: V24 now uses an installer
 # We recommend you use that to install (and update) plugins.  

From 8a4201b61a20e92d910c9a3073017a0f27305362 Mon Sep 17 00:00:00 2001
From: OFP <ourfavoriteporn@icloud.com>
Date: Wed, 3 Jan 2024 16:12:31 -0500
Subject: [PATCH 33/91] Update capitalizeWords to better handle edge cases

Converts a filename to title case. Capitalizes all words except for certain conjunctions, prepositions, and articles, unless they are the first or last word of a segment of the filename. Recognizes standard apostrophes, right single quotation marks (U+2019), and left single quotation marks (U+2018) within words.

Ignores all caps words and abbreviations, e.g., MILF, BBW, VR, PAWGs.
Ignores words with mixed case, e.g., LaSirena69, VRCosplayX, xHamster.
Ignores resolutions, e.g., 1080p, 4k.
---
 plugins/renamerOnUpdate/renamerOnUpdate.py | 69 +++++++++++++++++++++-
 1 file changed, 66 insertions(+), 3 deletions(-)

diff --git a/plugins/renamerOnUpdate/renamerOnUpdate.py b/plugins/renamerOnUpdate/renamerOnUpdate.py
index 9dab0410..12eae2b8 100644
--- a/plugins/renamerOnUpdate/renamerOnUpdate.py
+++ b/plugins/renamerOnUpdate/renamerOnUpdate.py
@@ -769,9 +769,72 @@ def makePath(scene_information: dict, query: str) -> str:
     return r
 
 
-def capitalizeWords(s: str):
-    # thanks to BCFC_1982 for it
-    return re.sub(r"[A-Za-z]+('[A-Za-z]+)?", lambda word: word.group(0).capitalize(), s)
+def capitalizeWords(s: str) -> str:
+    """
+    Converts a filename to title case. Capitalizes all words except for certain
+    conjunctions, prepositions, and articles, unless they are the first or
+    last word of a segment of the filename. Recognizes standard apostrophes, right
+    single quotation marks (U+2019), and left single quotation marks (U+2018) within words.
+
+    Ignores all caps words and abbreviations, e.g., MILF, BBW, VR, PAWGs.
+    Ignores words with mixed case, e.g., LaSirena69, VRCosplayX, xHamster.
+    Ignores resolutions, e.g., 1080p, 4k.
+
+    Args:
+        s (str): The string to capitalize.
+
+    Returns:
+        str: The capitalized string.
+
+    Raises:
+        ValueError: If the input is not a string.
+
+    About the regex:
+        The first \b marks the starting word boundary.
+        [A-Z]? allows for an optional initial uppercase letter.
+        [a-z\'\u2019\u2018]+ matches one or more lowercase letters, apostrophes, right single quotation marks, or left single quotation marks.
+            If a word contains multiple uppercase letters, it does not match.
+        The final \b marks the ending word boundary, ensuring the expression matches whole words.
+    """
+    if not isinstance(s, str):
+        raise ValueError("Input must be a string.")
+
+    # Function to capitalize words based on their position and value.
+    def process_word(match):
+        word = match.group(0)
+        preceding_char, following_char = None, None
+
+        # List of words to avoid capitalizing if found between other words.
+        exceptions = {"and", "of", "the"}
+
+        # Find the nearest non-space character before the current word
+        if match.start() > 0:
+            for i in range(match.start() - 1, -1, -1):
+                if not match.string[i].isspace():
+                    preceding_char = match.string[i]
+                    break
+
+        # Find the nearest non-space character after the current word
+        if match.end() < len(s):
+            for i in range(match.end(), len(s)):
+                if not match.string[i].isspace():
+                    following_char = match.string[i]
+                    break
+
+        # Determine capitalization based on the position and the exception rules
+        if (
+            match.start() == 0
+            or match.end() == len(s)
+            or word.lower() not in exceptions
+            or (preceding_char and not preceding_char.isalnum())
+            or (following_char and not following_char.isalnum())
+        ):
+            return word.capitalize()
+        else:
+            return word.lower()
+
+    # Apply the regex pattern and the process_word function.
+    return re.sub(r"\b[A-Z]?[a-z\'\u2019\u2018]+\b", process_word, s)
 
 
 def create_new_filename(scene_info: dict, template: str):

From 71c96b0428350fe61145bb09ec714273f04ca4f4 Mon Sep 17 00:00:00 2001
From: CJ <72030708+cj12312021@users.noreply.github.com>
Date: Tue, 9 Jan 2024 17:31:13 -0600
Subject: [PATCH 34/91] Fixes some broken services from this library

---
 .../stashUserscriptLibrary.js                 | 23 +++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/plugins/stashUserscriptLibrary/stashUserscriptLibrary.js b/plugins/stashUserscriptLibrary/stashUserscriptLibrary.js
index 9cac4202..7670e3b1 100644
--- a/plugins/stashUserscriptLibrary/stashUserscriptLibrary.js
+++ b/plugins/stashUserscriptLibrary/stashUserscriptLibrary.js
@@ -1,5 +1,28 @@
 const stashListener = new EventTarget();
 
+const {
+    fetch: originalFetch
+} = window;
+
+window.fetch = async (...args) => {
+    let [resource, config] = args;
+    // request interceptor here
+    const response = await originalFetch(resource, config);
+    // response interceptor here
+    const contentType = response.headers.get("content-type");
+    if (contentType && contentType.indexOf("application/json") !== -1 && resource.endsWith('/graphql')) {
+        try {
+            const data = await response.clone().json();
+            stashListener.dispatchEvent(new CustomEvent('response', {
+                'detail': data
+            }));
+        } catch (e) {
+
+        }
+    }
+    return response;
+};
+
 class Logger {
     constructor(enabled) {
         this.enabled = enabled;

From bfa6e275b7f6cc06ec90b7bcebc8fe92db29d0b9 Mon Sep 17 00:00:00 2001
From: Tweeticoats <Tweeticoats@github.com>
Date: Thu, 11 Jan 2024 20:37:40 +1030
Subject: [PATCH 35/91] Adding Movie sync support and extra urls from
 timestamp.trade If someone has linked a scene to a movie and submitted the
 data there can be movie information in timestamp.trade. If enabled a movie
 will be created and the scene number linked on save.

If the extra urls have been submitted to timestamp.trade add them to the scene.
I am hoping to crowd source links to funscripts for example.
---
 plugins/timestampTrade/timestampTrade.py  | 150 +++++++++++++++++-----
 plugins/timestampTrade/timestampTrade.yml |  16 ++-
 2 files changed, 130 insertions(+), 36 deletions(-)

diff --git a/plugins/timestampTrade/timestampTrade.py b/plugins/timestampTrade/timestampTrade.py
index c8c10cee..75d738fc 100644
--- a/plugins/timestampTrade/timestampTrade.py
+++ b/plugins/timestampTrade/timestampTrade.py
@@ -42,38 +42,100 @@ def processScene(s):
                     mp.import_scene_markers(stash, markers, s['id'], 15)
             else:
                 log.debug('api returned no markers for scene: ' + s['title'])
-            if 'galleries' in md:
-                log.info(md['galleries'])
-                skip_sync_tag_id = stash.find_tag('[Timestamp: Skip Sync]', create=True).get("id")
-                for g in md['galleries']:
-                    for f in g['files']:
-                        res = stash.find_galleries(f={"checksum": {"value": f['md5'], "modifier": "EQUALS"},
-                                                      "tags": {"depth": 0, "excludes": [skip_sync_tag_id],
-                                                               "modifier": "INCLUDES_ALL", "value": []}})
-                        for gal in res:
-                            #                                log.debug('Gallery=%s'  %(gal,))
-                            gallery = {
-                                'id': gal['id'],
-                                'title': gal['title'],
-                                'urls': gal['urls'],
-                                'date': gal['date'],
-                                'rating100': gal['rating100'],
-                                'studio_id': gal['studio']['id'],
-                                'performer_ids': [x['id'] for x in gal['performers']],
-                                'tag_ids': [x['id'] for x in gal['tags']],
-                                'scene_ids': [x['id'] for x in gal['scenes']],
-                                'details': gal['details']
-                            }
-                            if len(gal['urls']) == 0:
-                                log.debug('no urls on gallery, needs new metadata')
-                                gallery['urls'].extend([x['url'] for x in g['urls']])
-
-                            if s['id'] not in gallery['scene_ids']:
-                                log.debug('attaching scene %s to gallery %s ' % (s['id'], gallery['id'],))
-                                gallery['scene_ids'].append(s['id'])
-                            log.info('updating gallery: %s' % (gal['id'],))
-                            stash.update_gallery(gallery_data=gallery)
-
+            if settings['createGalleryFromScene']:
+                if 'galleries' in md:
+                    log.debug('galleries: %s' % (md['galleries'],))
+                    skip_sync_tag_id = stash.find_tag('[Timestamp: Skip Sync]', create=True).get("id")
+                    for g in md['galleries']:
+                        for f in g['files']:
+                            res = stash.find_galleries(f={"checksum": {"value": f['md5'], "modifier": "EQUALS"},
+                                                          "tags": {"depth": 0, "excludes": [skip_sync_tag_id],
+                                                                   "modifier": "INCLUDES_ALL", "value": []}})
+                            for gal in res:
+                                #                                log.debug('Gallery=%s'  %(gal,))
+                                needs_update=False
+                                gallery = {
+                                    'id': gal['id'],
+                                    'title': gal['title'],
+                                    'urls': gal['urls'],
+                                    'date': gal['date'],
+                                    'rating100': gal['rating100'],
+                                    'studio_id': gal['studio']['id'],
+                                    'performer_ids': [x['id'] for x in gal['performers']],
+                                    'tag_ids': [x['id'] for x in gal['tags']],
+                                    'scene_ids': [x['id'] for x in gal['scenes']],
+                                    'details': gal['details']
+                                }
+                                if len(gal['urls']) == 0:
+                                    log.debug('no urls on gallery, needs new metadata')
+                                    gallery['urls'].extend([x['url'] for x in g['urls']])
+                                    needs_update=True
+
+                                if s['id'] not in gallery['scene_ids']:
+                                    log.debug('attaching scene %s to gallery %s ' % (s['id'], gallery['id'],))
+                                    gallery['scene_ids'].append(s['id'])
+                                    needs_update=True
+                                if needs_update:
+                                    log.info('updating gallery: %s' % (gal['id'],))
+                                    stash.update_gallery(gallery_data=gallery)
+
+            new_scene={
+                'id': s['id'],
+            }
+            needs_update=False
+
+            if settings['createMovieFromScene']:
+                if 'movies' in md:
+                    movies_to_add = []
+                    for m in md['movies']:
+                        log.debug('movie: %s' % (m,))
+                        log.debug('scene: %s' % (s,))
+                        movies=[]
+                        for u in m['urls']:
+                            sm=stash.find_movies(f= {"url": {"modifier": "EQUALS","value": u['url']}})
+                            log.debug('sm: %s' % (sm,))
+                            movies.extend(sm)
+                        if len(movies) ==0:
+                            for u in m['urls']:
+                                movie_scrape=stash.scrape_movie_url(u['url'])
+                                log.debug('move scrape: %s' % (movie_scrape,))
+                                new_movie={
+                                    'name':movie_scrape['name'],
+                                    'aliases':movie_scrape['aliases'],
+                                    'date':movie_scrape['date'],
+                                    'rating100': movie_scrape['rating'],
+                                    'director': movie_scrape['director'],
+                                    'synopsis':movie_scrape['synopsis'],
+                                    'url':movie_scrape['url'],
+                                    'front_image':movie_scrape['front_image'],
+                                    'back_image':movie_scrape['back_image']
+                                }
+                                if not movie_scrape['url']:
+                                    new_movie['url']=u['url']
+                                if movie_scrape['studio']:
+                                    new_movie['studio_id']=movie_scrape['studio']['stored_id']
+                                log.debug('new movie: %s' % (new_movie,))
+                                nm=stash.create_movie(new_movie)
+                                movies.append(nm)
+                        movies_to_add.extend([{'movie_id':x['id'],'scene_index':m['scene_index']} for x in movies])
+                    if len(movies_to_add) >0:
+                        new_scene['movies'] =[]
+                        for m in movies_to_add:
+                            if m['movie_id'] not in [x['movie']['id'] for x in s['movies']]:
+                                new_scene['movies'].append(m)
+                                needs_update=True
+
+            if settings['extraUrls']:
+                extra_urls=s['urls']
+                for url in md['urls']:
+                    if url['url'] not in s['urls']:
+                        extra_urls.append(url['url'])
+                        needs_update=True
+                if needs_update:
+                    new_scene['urls']=extra_urls
+            if needs_update:
+                log.debug('new scene update: %s' % (new_scene,))
+                stash.update_scene(new_scene)
 
 
         except json.decoder.JSONDecodeError:
@@ -94,7 +156,8 @@ def processAll():
             processScene(s)
             i=i+1
             log.progress((i/count))
-            time.sleep(1)
+            time.sleep(2)
+
 
 def submitScene():
     scene_fgmt = """title
@@ -288,8 +351,15 @@ def processGalleries():
         for gal in galleries:
             processGallery(gal)
 def processGallery(gallery):
+    process=False
     # ignore galleries with a url
     if len(gallery['urls']) ==0:
+        process=True
+    # Process the gallery if it has the [Timestamp: Tag Gallery] tag
+    tag_gallery_tag_id = stash.find_tag('[Timestamp: Tag Gallery]', create=True).get("id")
+    if tag_gallery_tag_id in gallery['tags']:
+        process=True
+    if process:
         for f in gallery['files']:
             for fp in f['fingerprints']:
                 if fp['type']=='md5':
@@ -360,8 +430,6 @@ def processGallery(gallery):
                                             break
 
                             log.debug(new_gallery)
-
-
                             stash.update_gallery(gallery_data=new_gallery)
                             time.sleep(1)
 
@@ -384,6 +452,17 @@ def getImages(gallery_id):
 
 FRAGMENT_SERVER = json_input["server_connection"]
 stash = StashInterface(FRAGMENT_SERVER)
+config=stash.get_configuration()['plugins']
+settings={
+    'createGalleryFromScene':True,
+    'createMovieFromScene':True,
+ }
+if 'timestampTrade' in config:
+    settings.update(config['timestampTrade'])
+log.info('config: %s ' % (settings,))
+
+
+
 if 'mode' in json_input['args']:
     PLUGIN_ARGS = json_input['args']["mode"]
     if 'submitScene' in PLUGIN_ARGS:
@@ -404,3 +483,4 @@ def getImages(gallery_id):
         gallery=stash.find_gallery(id)
         processGallery(gallery)
 
+
diff --git a/plugins/timestampTrade/timestampTrade.yml b/plugins/timestampTrade/timestampTrade.yml
index 2a693249..aa1f08da 100644
--- a/plugins/timestampTrade/timestampTrade.yml
+++ b/plugins/timestampTrade/timestampTrade.yml
@@ -1,11 +1,25 @@
 name: Timestamp Trade
 description: Sync Markers with timestamp.trade, a new database for sharing markers.
-version: 0.3
+version: 0.4
 url: https://github.com/stashapp/CommunityScripts/
 exec:
   - python
   - "{pluginDir}/timestampTrade.py"
 interface: raw
+settings:
+  createGalleryFromScene:
+    displayName: Create Gallery from scene
+    description: If there is a gallery linked to the scene in the timestamp.trade database and a gallery with the same file hash is found create a gallery inside stash
+    type: BOOLEAN
+  createMovieFromScene:
+    displayName: Create Movie from scene
+    description: If there is a Movie linked to the scene in the timestamp.trade database automatically create a movie in stash with that info
+    type: BOOLEAN
+  extraUrls:
+    displayName: Add extra urls if they exist on timestamp.trade
+    description: Extra urls can be submitted to timestamp.trade, add them to the scene if they exist
+    type: BOOLEAN
+
 hooks:
   - name: Add Marker to Scene
     description: Makes Markers checking against timestamp.trade

From 8243d14caecdfe17b9c383446d675649ff981078 Mon Sep 17 00:00:00 2001
From: Tweeticoats <Tweeticoats@github.com>
Date: Thu, 11 Jan 2024 21:07:02 +1030
Subject: [PATCH 36/91] Adding miscTags plugin, this plugin parses the file
 name and adds vr related tags for stash-vr-companion.

---
 plugins/miscTags/miscTags.py  | 154 ++++++++++++++++++++++++++++++++++
 plugins/miscTags/miscTags.yml |  31 +++++++
 2 files changed, 185 insertions(+)
 create mode 100644 plugins/miscTags/miscTags.py
 create mode 100644 plugins/miscTags/miscTags.yml

diff --git a/plugins/miscTags/miscTags.py b/plugins/miscTags/miscTags.py
new file mode 100644
index 00000000..3f47cf50
--- /dev/null
+++ b/plugins/miscTags/miscTags.py
@@ -0,0 +1,154 @@
+import stashapi.log as log
+from stashapi.stashapp import StashInterface
+import sys
+import json
+import time
+
+
+per_page = 100
+skip_tag='[MiscTags: Skip]'
+
+# Defaults if nothing has changed in the stash ui
+settings={
+    'addStashVrCompanionTags':False,
+    'addVrTags':False,
+    'flatStudio':''
+ }
+
+VRCTags={
+    'flat':{'VRCTags':['FLAT'],'projTags':[]},
+    '180_mono':{'VRCTags':['DOME','MONO'],'projTags':['180°']},
+    '360_mono':{'VRCTags':['SPHERE','MONO'],'projTags':['360°']},
+    '180_sbs':{'VRCTags':['DOME','SBS'],'projTags':['180°']},
+    'LR_180':{'VRCTags':['DOME','SBS'],'projTags':['180°']},
+    '180_lr': {'VRCTags':['DOME', 'SBS'],'projTags':['180°']},
+    '180_3dh_lr': {'VRCTags': ['DOME', 'SBS'], 'projTags': ['180°']},
+    '360_tb':{'VRCTags':['SPHERE','SBS'],'projTags':['360°']},
+    'mkx200':{'VRCTags':['MKX200','FISHEYE','SBS'],'projTags':['220°']},
+    'mkx220':{'VRCTags':['MKX220','FISHEYE','SBS'],'projTags':['220°']},
+    'vrca220': {'VRCTags':['VRCA220', 'FISHEYE', 'SBS'],'projTags':['220°']},
+    'rf52':{'VRCTags':['RF52','FISHEYE', 'SBS'],'projTags':['190°']},
+    'fisheye190': {'VRCTags':['RF52', 'FISHEYE', 'SBS'],'projTags':['190°']},
+    'passthrough':{'VRCTags':[],'projTags':['Augmented Reality']},
+    '8k': {'VRCTags': [], 'projTags': ['8K']},
+    '7k': {'VRCTags': [], 'projTags': ['7K']},
+    '6k': {'VRCTags': [], 'projTags': ['6K']},
+    '5k': {'VRCTags': [], 'projTags': ['5K']},
+  }
+tags_cache={}
+
+def processScene(scene):
+    log.debug('processing scene: %s' % (scene['id'],))
+    # if the scene has [MiscTags: Skip] then skip it
+    if skip_tag not in tags_cache:
+        tags_cache[skip_tag]=stash.find_tag(skip_tag, create=True).get("id")
+    if tags_cache[skip_tag] not in [x['id'] for x in scene['tags']]:
+        tags=[]
+        if settings['addStashVrCompanionTags']:
+            processStashVRCompanionTags(scene,tags)
+            log.debug(tags)
+        if settings['addVrTags']:
+            processVRTags(scene,tags)
+        if len(settings['flatStudio']) > 0:
+            processFlatStudio(scene,tags)
+
+        if len(tags) > 0:
+            log.debug('processing scene %s, checking if tags need to be added: %s' % (scene['title'],tags,))
+            # start with the existing tag id's, then look up the new tag id's and create if needed
+            new_scene = {'id': scene['id'], 'tag_ids': [x['id'] for x in scene['tags']]}
+            update=False
+            for t in tags:
+                if t not in tags_cache:
+                    tags_cache[t]=stash.find_tag(t, create=True).get("id")
+                    update=True
+                if tags_cache[t] not in new_scene['tag_ids']:
+                    new_scene['tag_ids'].append(tags_cache[t])
+                    update=True
+            if update:
+                log.info('Adding tags to scene: %s, tags: %s' % (scene['title'], tags,))
+                stash.update_scene(new_scene)
+        else:
+            log.debug('no update')
+    else:
+        log.debug('skipping scene')
+
+
+def processStashVRCompanionTags(scene,tags):
+    found=False
+    for f in scene['files']:
+        for k,v in VRCTags.items():
+            if k in f['basename'].lower():
+                tags.extend(v['VRCTags'])
+                found=True
+    if found:
+        tags.append('export_deovr')
+    return None
+
+def processVRTags(scene,tags):
+    found=False
+    for f in scene['files']:
+        for k,v in VRCTags.items():
+            if k in f['basename'].lower():
+                tags.extend(v['projTags'])
+                found=True
+    if found:
+        if 'vrTag' in stash.get_configuration()['ui']:
+            vr_tag=stash.get_configuration()['ui']['vrTag']
+            if vr_tag:
+                tags.append(vr_tag)
+            else:
+                tags.append('VR')
+        else:
+            tags.append('VR')
+    return None
+
+def processFlatStudio(scene,tags):
+    log.debug(scene)
+    if scene['studio']:
+        if scene['studio']['id'] in [x.strip() for x in settings['flatStudio'].split(',')]:
+            if 'export_deovr' not in tags:
+                tags.append('export_deovr')
+
+                tags.append('FLAT')
+    log.debug(tags)
+
+def processScenes():
+    log.info('Getting scene count')
+    if skip_tag not in tags_cache:
+        tags_cache[skip_tag]=stash.find_tag(skip_tag, create=True).get("id")
+    count=stash.find_scenes(f={"tags":{"depth":0,"excludes":[tags_cache[skip_tag]],"modifier":"INCLUDES_ALL","value":[]}},filter={"per_page": 1},get_count=True)[0]
+    log.info(str(count)+' scenes to process.')
+    i=0
+    for r in range(1,int(count/per_page)+2):
+        log.info('adding tags to scenes: %s - %s %0.1f%%' % ((r - 1) * per_page,r * per_page,(i/count)*100,))
+        scenes=stash.find_scenes(f={"tags":{"depth":0,"excludes":[tags_cache[skip_tag]],"modifier":"INCLUDES_ALL","value":[]}},filter={"page":r,"per_page": per_page})
+        for s in scenes:
+            processScene(s)
+            i=i+1
+            log.progress((i/count))
+            time.sleep(1)
+
+
+json_input = json.loads(sys.stdin.read())
+
+FRAGMENT_SERVER = json_input["server_connection"]
+stash = StashInterface(FRAGMENT_SERVER)
+config=stash.get_configuration()['plugins']
+if 'misc-tags' in config:
+    settings.update(config['misc-tags'])
+log.info('config: %s ' % (settings,))
+
+if 'mode' in json_input['args']:
+    PLUGIN_ARGS = json_input['args']["mode"]
+    if 'processScenes' in PLUGIN_ARGS:
+        processScenes()
+    elif 'test' in PLUGIN_ARGS:
+        log.debug(stash.get_configuration()['ui']['vrTag'])
+
+
+
+elif 'hookContext' in json_input['args']:
+    id=json_input['args']['hookContext']['id']
+    if json_input['args']['hookContext']['type']=='Scene.Update.Post':
+        scene=stash.find_scene(id)
+        processScene(scene)
\ No newline at end of file
diff --git a/plugins/miscTags/miscTags.yml b/plugins/miscTags/miscTags.yml
new file mode 100644
index 00000000..6e7da599
--- /dev/null
+++ b/plugins/miscTags/miscTags.yml
@@ -0,0 +1,31 @@
+name: Misc Tags
+description: Add extra tags for VR and other ues
+version: 0.2
+url: https://github.com/stashapp/CommunityScripts/
+exec:
+  - python
+  - "{pluginDir}/miscTags.py"
+interface: raw
+settings:
+  addStashVRCompanionTags:
+    displayName: Add tags for stash-vr-companion
+    description: Add tags useful for stash-vr-companion, export_deovr, DOME, SBS, VR based on filename string
+    type: BOOLEAN
+  addVRTags:
+    displayName: Add VR related tags
+    description: Add projection based tags 180°, 200°, VR
+    type: BOOLEAN
+  flatStudio:
+    displayName: 2d Studio for stash-vr-companion
+    description: Comma seperated list of studio number in your instance to tag with export_devor,FLAT for use with stash-vr-companion
+    type: STRING
+hooks:
+  - name: process Scene
+    description: Makes Markers checking against timestamp.trade
+    triggeredBy:
+      - Scene.Update.Post
+tasks:
+  - name: 'process all'
+    description: Submit markers to timestamp.trade
+    defaultArgs:
+      mode: processScenes

From 1accf6ec9c3f6c63ba2d056b837fd3da879aded6 Mon Sep 17 00:00:00 2001
From: Tweeticoats <60335703+Tweeticoats@users.noreply.github.com>
Date: Fri, 12 Jan 2024 23:28:25 +1030
Subject: [PATCH 37/91] bugfix,  timestampTrade.py set a default config value

Bugfix, set a default value for the config option as it does not exist in the plugin config until the value has been set.
---
 plugins/timestampTrade/timestampTrade.py | 1 +
 1 file changed, 1 insertion(+)

diff --git a/plugins/timestampTrade/timestampTrade.py b/plugins/timestampTrade/timestampTrade.py
index 75d738fc..352eec1e 100644
--- a/plugins/timestampTrade/timestampTrade.py
+++ b/plugins/timestampTrade/timestampTrade.py
@@ -456,6 +456,7 @@ def getImages(gallery_id):
 settings={
     'createGalleryFromScene':True,
     'createMovieFromScene':True,
+    'extraUrls':True,
  }
 if 'timestampTrade' in config:
     settings.update(config['timestampTrade'])

From 6d37a42dc0cdb17b187656cdc1240a9ed578b81f Mon Sep 17 00:00:00 2001
From: raghavan <raghavanmarch2002@gmail.com>
Date: Wed, 17 Jan 2024 03:52:41 +0530
Subject: [PATCH 38/91] improve page listeners

---
 .../stashUserscriptLibrary.js                 | 304 ++++++++++++++----
 1 file changed, 237 insertions(+), 67 deletions(-)

diff --git a/plugins/stashUserscriptLibrary/stashUserscriptLibrary.js b/plugins/stashUserscriptLibrary/stashUserscriptLibrary.js
index 7670e3b1..e2824399 100644
--- a/plugins/stashUserscriptLibrary/stashUserscriptLibrary.js
+++ b/plugins/stashUserscriptLibrary/stashUserscriptLibrary.js
@@ -36,19 +36,24 @@ class Logger {
 
 class Stash extends EventTarget {
     constructor({
-        pageUrlCheckInterval = 1,
+        pageUrlCheckInterval = 100,
+        detectReRenders = false, // detects if Root element is re-renders. eg: When this is true and you are in scenes page and click the scenes nav tab the url wont change but the elements are re-rendered, So you can listen to this and alter the root elements once again
         logging = false
     } = {}) {
         super();
         this.log = new Logger(logging);
         this._pageUrlCheckInterval = pageUrlCheckInterval;
+        this._detectReRenders = detectReRenders;
         this.fireOnHashChangesToo = true;
         this.pageURLCheckTimer = setInterval(() => {
-            // Loop every 500ms
-            if (this.lastPathStr !== location.pathname || this.lastQueryStr !== location.search || (this.fireOnHashChangesToo && this.lastHashStr !== location.hash)) {
+            // Loop every 100 ms
+            if (this.lastPathStr !== location.pathname || this.lastQueryStr !== location.search || (this.fireOnHashChangesToo && this.lastHashStr !== location.hash) || (!document.querySelector(".main > div[stashUserscriptLibrary]") && this._detectReRenders)) {
                 this.lastPathStr = location.pathname;
                 this.lastQueryStr = location.search;
                 this.lastHashStr = location.hash;
+                if (this._detectReRenders) document.querySelector(".main > div").setAttribute("stashUserscriptLibrary", "");
+                this.log.debug('[Navigation] Page Changed');
+                this.dispatchEvent(new Event('page'));
                 this.gmMain();
             }
         }, this._pageUrlCheckInterval);
@@ -377,7 +382,83 @@ class Stash extends EventTarget {
     get serverUrl() {
         return window.location.origin;
     }
-    gmMain() {
+    async waitForElement(selector, timeout = null, disconnectOnPageChange = false) {
+        return new Promise((resolve) => {
+            if (document.querySelector(selector)) {
+                return resolve(document.querySelector(selector))
+            }
+    
+            const observer = new MutationObserver(async () => {
+                if (document.querySelector(selector)) {
+                    resolve(document.querySelector(selector))
+                    observer.disconnect()
+                } else {
+                    if (timeout) {
+                        async function timeOver() {
+                            return new Promise((resolve) => {
+                                setTimeout(() => {
+                                    observer.disconnect()
+                                    resolve(false)
+                                }, timeout)
+                            })
+                        }
+                        resolve(await timeOver())
+                    }
+                }
+            })
+    
+            observer.observe(document.body, {
+                childList: true,
+                subtree: true,
+            })
+
+            if (disconnectOnPageChange) {
+                function disconnect() {
+                    observer.disconnect()
+                    this.removeEventListener("page", disconnect)
+                }
+                this.addEventListener("page", disconnect)
+            }
+        })
+    }
+    async waitForElementDeath(selector, disconnectOnPageChange = false) {
+        return new Promise((resolve) => {   
+            const observer = new MutationObserver(async () => {
+                if (!document.querySelector(selector)) {
+                    resolve(true)
+                    observer.disconnect()
+                }
+            })
+    
+            observer.observe(document.body, {
+                childList: true,
+                subtree: true,
+            })
+
+            if (disconnectOnPageChange) {
+                function disconnect() {
+                    observer.disconnect()
+                    this.removeEventListener("page", disconnect)
+                }
+                this.addEventListener("page", disconnect)
+            }
+        })
+    }
+    async _listenForNonPageChanges(selector, event, eventMessage, isRecursive, reRunGmMain = false){
+        if (isRecursive) return
+        if (await this.waitForElement(selector, null, true)) {
+            this.log.debug("[Navigation] " + eventMessage);
+            this.dispatchEvent(new Event(event));
+            if (await this.waitForElementDeath(selector, true)) {
+                if (this.lastPathStr === location.pathname && !reRunGmMain) {
+                    this._listenForNonPageChanges(selector, event, eventMessage)
+                } else if (this.lastPathStr === location.pathname && reRunGmMain)  {
+                    this.gmMain(true)
+                }
+            }
+        }
+    }
+    gmMain(isRecursive) {
         const location = window.location;
         this.log.debug(URL, window.location);
 
@@ -386,26 +467,43 @@ class Stash extends EventTarget {
             this.log.debug('[Navigation] Wall-Markers Page');
             this.dispatchEvent(new Event('page:markers'));
         }
+// create scene page
+        else if (this.matchUrl(location, /\/scenes\/new/)) {
+            this.log.debug('[Navigation] Create Scene Page');
+            this.dispatchEvent(new Event('page:scene:new'));
+        }
         // scene page
         else if (this.matchUrl(location, /\/scenes\/\d+/)) {
             this.log.debug('[Navigation] Scene Page');
             this.dispatchEvent(new Event('page:scene'));
+
+            this._listenForNonPageChanges(".nav-link.active[data-rb-event-key='scene-details-panel']", "page:scene:details", "Scene Page - Details", isRecursive);
+            this._listenForNonPageChanges(".nav-link.active[data-rb-event-key='scene-queue-panel']", "page:scene:queue", "Scene Page - Queue", isRecursive);
+            this._listenForNonPageChanges(".nav-link.active[data-rb-event-key='scene-markers-panel']", "page:scene:markers", "Scene Page - Markers", isRecursive);
+            this._listenForNonPageChanges(".nav-link.active[data-rb-event-key='scene-video-filter-panel']", "page:scene:filters", "Scene Page - Filters", isRecursive);
+            this._listenForNonPageChanges(".nav-link.active[data-rb-event-key='scene-file-info-panel']", "page:scene:file-info", "Scene Page - File Info", isRecursive);
+            this._listenForNonPageChanges(".nav-link.active[data-rb-event-key='scene-edit-panel']", "page:scene:edit", "Scene Page - Edit", isRecursive);
         }
         // scenes wall
         else if (this.matchUrl(location, /\/scenes\?/)) {
+            this.log.debug('[Navigation] Wall-Scenes Page');
             this.processTagger();
             this.dispatchEvent(new Event('page:scenes'));
         }
 
-        // images wall
-        if (this.matchUrl(location, /\/images\?/)) {
-            this.log.debug('[Navigation] Wall-Images Page');
-            this.dispatchEvent(new Event('page:images'));
-        }
         // image page
-        if (this.matchUrl(location, /\/images\/\d+/)) {
+        else if (this.matchUrl(location, /\/images\/\d+/)) {
             this.log.debug('[Navigation] Image Page');
             this.dispatchEvent(new Event('page:image'));
+
+            this._listenForNonPageChanges(".nav-link.active[data-rb-event-key='image-details-panel']", "page:image:details", "Image Page - Details");
+            this._listenForNonPageChanges(".nav-link.active[data-rb-event-key='image-file-info-panel']", "page:image:details", "Image Page - File Info");
+            this._listenForNonPageChanges(".nav-link.active[data-rb-event-key='image-edit-panel']", "page:image:details", "Image Page - Edit");
+        }
+        // images wall
+        else if (this.matchUrl(location, /\/images\?/)) {
+            this.log.debug('[Navigation] Wall-Images Page');
+            this.dispatchEvent(new Event('page:images'));
         }
 
         // movie scenes page
@@ -425,66 +523,72 @@ class Stash extends EventTarget {
             this.dispatchEvent(new Event('page:movies'));
         }
 
-        // galleries wall
-        if (this.matchUrl(location, /\/galleries\?/)) {
-            this.log.debug('[Navigation] Wall-Galleries Page');
-            this.dispatchEvent(new Event('page:galleries'));
+        // gallery add page
+        else if (this.matchUrl(location, /\/galleries\/\d+\/add/)) {
+            this.log.debug('[Navigation] Gallery Add Page');
+            this.dispatchEvent(new Event('page:gallery:add'));
+        }
+        // create gallery page
+        else if (this.matchUrl(location, /\/galleries\/new/)) {
+            this.log.debug('[Navigation] Create Gallery Page');
+            this.dispatchEvent(new Event('page:gallery:new'));
         }
         // gallery page
-        if (this.matchUrl(location, /\/galleries\/\d+/)) {
+        else if (this.matchUrl(location, /\/galleries\/\d+/)) {
             this.log.debug('[Navigation] Gallery Page');
             this.dispatchEvent(new Event('page:gallery'));
-        }
+            this.log.debug('[Navigation] Gallery Page - Images');
+            this.dispatchEvent(new Event('page:gallery:images'));
 
-        // performer scenes page
-        if (this.matchUrl(location, /\/performers\/\d+\?/)) {
-            this.log.debug('[Navigation] Performer Page - Scenes');
-            this.processTagger();
-            this.dispatchEvent(new Event('page:performer:scenes'));
+            this._listenForNonPageChanges(".nav-link.active[data-rb-event-key='gallery-details-panel']", "page:gallery:details", "Gallery Page - Details");
+            this._listenForNonPageChanges(".nav-link.active[data-rb-event-key='gallery-file-info-panel']", "page:gallery:file-info", "Gallery Page - File Info");
+            this._listenForNonPageChanges(".nav-link.active[data-rb-event-key='gallery-chapter-panel']", "page:gallery:chapters", "Gallery Page - Chapters");
+            this._listenForNonPageChanges(".nav-link.active[data-rb-event-key='gallery-edit-panel']", "page:gallery:edit", "Gallery Page - Edit");
         }
-        // performer appearswith page
-        if (this.matchUrl(location, /\/performers\/\d+\/appearswith/)) {
-            this.log.debug('[Navigation] Performer Page - Appears With');
-            this.processTagger();
-            this.dispatchEvent(new Event('page:performer:performers'));
+        // galleries wall
+        else if (this.matchUrl(location, /\/galleries\?/)) {
+            this.log.debug('[Navigation] Wall-Galleries Page');
+            this.dispatchEvent(new Event('page:galleries'));
         }
+
         // performer galleries page
         else if (this.matchUrl(location, /\/performers\/\d+\/galleries/)) {
             this.log.debug('[Navigation] Performer Page - Galleries');
             this.dispatchEvent(new Event('page:performer:galleries'));
         }
+        // performer images page
+        else if (this.matchUrl(location, /\/performers\/\d+\/images/)) {
+            this.log.debug('[Navigation] Performer Page - Images');
+            this.dispatchEvent(new Event('page:performer:images'));
+        }
+        // performer movies page
+        else if (this.matchUrl(location, /\/performers\/\d+\/movies/)) {
+            this.log.debug('[Navigation] Performer Page - Movies');
+            this.dispatchEvent(new Event('page:performer:movies'));
+        }
+        // performer appearswith page
+        else if (this.matchUrl(location, /\/performers\/\d+\/appearswith/)) {
+            this.log.debug('[Navigation] Performer Page - Appears With');
+            this.processTagger();
+            this.dispatchEvent(new Event('page:performer:performers'));
+        }
         // performer movies page
         else if (this.matchUrl(location, /\/performers\/\d+\/movies/)) {
             this.log.debug('[Navigation] Performer Page - Movies');
             this.dispatchEvent(new Event('page:performer:movies'));
         }
-        // performer page
-        else if (this.matchUrl(location, /\/performers\//)) {
-            this.log.debug('[Navigation] Performers Page');
-            this.dispatchEvent(new Event('page:performer'));
-            this.dispatchEvent(new Event('page:performer:details'));
+        // create performer page
+        else if (this.matchUrl(location, /\/performers\/new/)) {
+            this.log.debug('[Navigation] Create Performer Page');
+            this.dispatchEvent(new Event('page:performer:new'));
+        }
+        // performer scenes page
+        else if (this.matchUrl(location, /\/performers\/\d+\?/)) {
+            this.log.debug('[Navigation] Performer Page - Scenes');
+            this.processTagger();
+            this.dispatchEvent(new Event('page:performer:scenes'));
 
-            waitForElementClass('performer-tabs', (className, targetNode) => {
-                const observerOptions = {
-                    childList: true
-                }
-                const observer = new MutationObserver(mutations => {
-                    let isPerformerEdit = false;
-                    mutations.forEach(mutation => {
-                        mutation.addedNodes.forEach(node => {
-                            if (node.id === 'performer-edit') {
-                                isPerformerEdit = true;
-                            }
-                        });
-                    });
-                    if (isPerformerEdit) {
-                        this.dispatchEvent(new Event('page:performer:edit'));
-                    } else {
-                        this.dispatchEvent(new Event('page:performer:details'));
-                    }
-                });
-                observer.observe(targetNode[0], observerOptions);
-            });
+            this._listenForNonPageChanges("#performer-edit", "page:performer:edit", "Performer Page - Edit", false, true);
         }
         // performers wall
         else if (this.matchUrl(location, /\/performers\?/)) {
@@ -493,7 +597,7 @@ class Stash extends EventTarget {
         }
 
         // studio galleries page
-        if (this.matchUrl(location, /\/studios\/\d+\/galleries/)) {
+        else if (this.matchUrl(location, /\/studios\/\d+\/galleries/)) {
             this.log.debug('[Navigation] Studio Page - Galleries');
             this.dispatchEvent(new Event('page:studio:galleries'));
         }
@@ -517,11 +621,18 @@ class Stash extends EventTarget {
             this.log.debug('[Navigation] Studio Page - Child Studios');
             this.dispatchEvent(new Event('page:studio:childstudios'));
         }
+        // create studio page
+        else if (this.matchUrl(location, /\/studios\/new/)) {
+            this.log.debug('[Navigation] Create Studio Page');
+            this.dispatchEvent(new Event('page:studio:new'));
+        }
         // studio scenes page
         else if (this.matchUrl(location, /\/studios\/\d+\?/)) {
             this.log.debug('[Navigation] Studio Page - Scenes');
             this.processTagger();
             this.dispatchEvent(new Event('page:studio:scenes'));
+
+            this._listenForNonPageChanges("#studio-edit", "page:studio:edit", "Studio Page - Edit", false, true);
         }
         // studio page
         else if (this.matchUrl(location, /\/studios\/\d+/)) {
@@ -535,7 +646,7 @@ class Stash extends EventTarget {
         }
 
         // tag galleries page
-        if (this.matchUrl(location, /\/tags\/\d+\/galleries/)) {
+        else if (this.matchUrl(location, /\/tags\/\d+\/galleries/)) {
             this.log.debug('[Navigation] Tag Page - Galleries');
             this.dispatchEvent(new Event('page:tag:galleries'));
         }
@@ -554,22 +665,24 @@ class Stash extends EventTarget {
             this.log.debug('[Navigation] Tag Page - Performers');
             this.dispatchEvent(new Event('page:tag:performers'));
         }
+        // create tag page
+        else if (this.matchUrl(location, /\/tags\/new/)) {
+            this.log.debug('[Navigation] Create Tag Page');
+            this.dispatchEvent(new Event('page:tag:new'));
+        }
         // tag scenes page
         else if (this.matchUrl(location, /\/tags\/\d+\?/)) {
             this.log.debug('[Navigation] Tag Page - Scenes');
             this.processTagger();
             this.dispatchEvent(new Event('page:tag:scenes'));
+
+            this._listenForNonPageChanges("#tag-edit", "page:tag:edit", "Tag Page - Edit", false, true);
         }
         // tag page
         else if (this.matchUrl(location, /\/tags\/\d+/)) {
             this.log.debug('[Navigation] Tag Page');
             this.dispatchEvent(new Event('page:tag'));
         }
-        // tags any page
-        if (this.matchUrl(location, /\/tags\/\d+/)) {
-            this.log.debug('[Navigation] Tag Page - Any');
-            this.dispatchEvent(new Event('page:tag:any'));
-        }
         // tags wall
         else if (this.matchUrl(location, /\/tags\?/)) {
             this.log.debug('[Navigation] Wall-Tags Page');
@@ -577,29 +690,86 @@ class Stash extends EventTarget {
         }
 
         // settings page tasks tab
-        if (this.matchUrl(location, /\/settings\?tab=tasks/)) {
+        else if (this.matchUrl(location, /\/settings\?tab=tasks/)) {
             this.log.debug('[Navigation] Settings Page Tasks Tab');
             this.dispatchEvent(new Event('page:settings:tasks'));
             this.hidePluginTasks();
         }
+        // settings page library tab
+        else if (this.matchUrl(location, /\/settings\?tab=library/)) {
+            this.log.debug('[Navigation] Settings Page Library Tab');
+            this.dispatchEvent(new Event('page:settings:library'));
+        }
+        // settings page interface tab
+        else if (this.matchUrl(location, /\/settings\?tab=interface/)) {
+            this.log.debug('[Navigation] Settings Page Interface Tab');
+            this.dispatchEvent(new Event('page:settings:interface'));
+        }
+        // settings page security tab
+        else if (this.matchUrl(location, /\/settings\?tab=security/)) {
+            this.log.debug('[Navigation] Settings Page Security Tab');
+            this.dispatchEvent(new Event('page:settings:security'));
+        }
+        // settings page metadata providers tab
+        else if (this.matchUrl(location, /\/settings\?tab=metadata-providers/)) {
+            this.log.debug('[Navigation] Settings Page Metadata Providers Tab');
+            this.dispatchEvent(new Event('page:settings:metadata-providers'));
+        }
+        // settings page services tab
+        else if (this.matchUrl(location, /\/settings\?tab=services/)) {
+            this.log.debug('[Navigation] Settings Page Services Tab');
+            this.dispatchEvent(new Event('page:settings:services'));
+        }
         // settings page system tab
         else if (this.matchUrl(location, /\/settings\?tab=system/)) {
             this.log.debug('[Navigation] Settings Page System Tab');
             this.createSettings();
             this.dispatchEvent(new Event('page:settings:system'));
         }
-        // settings page (defaults to tasks tab)
-        else if (this.matchUrl(location, /\/settings/)) {
-            this.log.debug('[Navigation] Settings Page Tasks Tab');
-            this.dispatchEvent(new Event('page:settings:tasks'));
-            this.hidePluginTasks();
+        // settings page plugins tab
+        else if (this.matchUrl(location, /\/settings\?tab=plugins/)) {
+            this.log.debug('[Navigation] Settings Page Plugins Tab');
+            this.dispatchEvent(new Event('page:settings:plugins'));
+        }
+        // settings page logs tab
+        else if (this.matchUrl(location, /\/settings\?tab=logs/)) {
+            this.log.debug('[Navigation] Settings Page Logs Tab');
+            this.dispatchEvent(new Event('page:settings:logs'));
+        }
+        // settings page tools tab
+        else if (this.matchUrl(location, /\/settings\?tab=tools/)) {
+            this.log.debug('[Navigation] Settings Page Tools Tab');
+            this.dispatchEvent(new Event('page:settings:tools'));
+        }
+        // settings page changelog tab
+        else if (this.matchUrl(location, /\/settings\?tab=changelog/)) {
+            this.log.debug('[Navigation] Settings Page Changelog Tab');
+            this.dispatchEvent(new Event('page:settings:changelog'));
+        }
+        // settings page about tab
+        else if (this.matchUrl(location, /\/settings\?tab=about/)) {
+            this.log.debug('[Navigation] Settings Page About Tab');
+            this.dispatchEvent(new Event('page:settings:about'));
         }
 
         // stats page
-        if (this.matchUrl(location, /\/stats/)) {
+        else if (this.matchUrl(location, /\/stats/)) {
             this.log.debug('[Navigation] Stats Page');
             this.dispatchEvent(new Event('page:stats'));
         }
+
+        // home page
+        else if (this.matchUrl(location, /\/$/)) {
+            this.log.debug('[Navigation] Home Page');
+            this.dispatchEvent(new Event('page:home'));
+
+            this._listenForNonPageChanges(".recommendations-container-edit", "page:home:edit", "Home Page - Edit", false, true);
+        }
+    }
+    addEventListeners(events, callback) {
+        events.forEach((event) => {
+            this.addEventListener(event, callback);
+        });
     }
     hidePluginTasks() {
         // hide userscript functions plugin tasks
@@ -958,7 +1128,7 @@ class Stash extends EventTarget {
     }
 }
 
-stash = new Stash();
+window.stash = new Stash();
 
 function waitForElementClass(elementId, callBack, time) {
     time = (typeof time !== 'undefined') ? time : 100;

From d0bd78125163aeae574961655bd519fc17b1c803 Mon Sep 17 00:00:00 2001
From: raghavan <raghavanmarch2002@gmail.com>
Date: Wed, 17 Jan 2024 04:07:43 +0530
Subject: [PATCH 39/91] touch up

---
 .../stashUserscriptLibrary/stashUserscriptLibrary.js | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/plugins/stashUserscriptLibrary/stashUserscriptLibrary.js b/plugins/stashUserscriptLibrary/stashUserscriptLibrary.js
index e2824399..54057204 100644
--- a/plugins/stashUserscriptLibrary/stashUserscriptLibrary.js
+++ b/plugins/stashUserscriptLibrary/stashUserscriptLibrary.js
@@ -37,7 +37,7 @@ class Logger {
 class Stash extends EventTarget {
     constructor({
         pageUrlCheckInterval = 100,
-        detectReRenders = false, // detects if Root element is re-renders. eg: When this is true and you are in scenes page and click the scenes nav tab the url wont change but the elements are re-rendered, So you can listen to this and alter the root elements once again
+        detectReRenders = false, // detects if .main element is re-rendered. eg: When you are in scenes page and clicking the scenes nav tab the url wont change but the elements are re-rendered, So with this you can listen and alter the elements inside the .main node
         logging = false
     } = {}) {
         super();
@@ -444,7 +444,7 @@ class Stash extends EventTarget {
             }
         })
     }
-    async _listenForNonPageChanges(selector, event, eventMessage, isRecursive, reRunGmMain = false){
+    async _listenForNonPageChanges(selector, event, eventMessage, isRecursive = false, reRunGmMain = false){
         if (isRecursive) return
         if (await this.waitForElement(selector, null, true)) {
             this.log.debug("[Navigation] " + eventMessage);
@@ -458,7 +458,7 @@ class Stash extends EventTarget {
             }
         }
     }
-    gmMain(isRecursive) {
+    gmMain(isRecursive = false) {
         const location = window.location;
         this.log.debug(URL, window.location);
 
@@ -467,7 +467,7 @@ class Stash extends EventTarget {
             this.log.debug('[Navigation] Wall-Markers Page');
             this.dispatchEvent(new Event('page:markers'));
         }
-// create scene page
+        // create scene page
         else if (this.matchUrl(location, /\/scenes\/new/)) {
             this.log.debug('[Navigation] Create Scene Page');
             this.dispatchEvent(new Event('page:scene:new'));
@@ -766,9 +766,9 @@ class Stash extends EventTarget {
             this._listenForNonPageChanges(".recommendations-container-edit", "page:home:edit", "Home Page - Edit", false, true);
         }
     }
-    addEventListeners(events, callback) {
+    addEventListeners(events, callback, ...options) {
         events.forEach((event) => {
-            this.addEventListener(event, callback);
+            this.addEventListener(event, callback, ...options);
         });
     }
     hidePluginTasks() {

From 6bc891c7276bbc9cdb58ce6405294ede776b79d8 Mon Sep 17 00:00:00 2001
From: raghavan <raghavanmarch2002@gmail.com>
Date: Wed, 17 Jan 2024 06:10:12 +0530
Subject: [PATCH 40/91] fix silly mistake

---
 .../stashUserscriptLibrary.js                 | 48 ++++++++++++-------
 1 file changed, 31 insertions(+), 17 deletions(-)

diff --git a/plugins/stashUserscriptLibrary/stashUserscriptLibrary.js b/plugins/stashUserscriptLibrary/stashUserscriptLibrary.js
index 54057204..df857abc 100644
--- a/plugins/stashUserscriptLibrary/stashUserscriptLibrary.js
+++ b/plugins/stashUserscriptLibrary/stashUserscriptLibrary.js
@@ -45,18 +45,20 @@ class Stash extends EventTarget {
         this._pageUrlCheckInterval = pageUrlCheckInterval;
         this._detectReRenders = detectReRenders;
         this.fireOnHashChangesToo = true;
-        this.pageURLCheckTimer = setInterval(() => {
-            // Loop every 100 ms
-            if (this.lastPathStr !== location.pathname || this.lastQueryStr !== location.search || (this.fireOnHashChangesToo && this.lastHashStr !== location.hash) || (!document.querySelector(".main > div[stashUserscriptLibrary]") && this._detectReRenders)) {
-                this.lastPathStr = location.pathname;
-                this.lastQueryStr = location.search;
-                this.lastHashStr = location.hash;
-                if (this._detectReRenders) document.querySelector(".main > div").setAttribute("stashUserscriptLibrary", "");
-                this.log.debug('[Navigation] Page Changed');
-                this.dispatchEvent(new Event('page'));
-                this.gmMain();
-            }
-        }, this._pageUrlCheckInterval);
+        waitForElementQuerySelector(".main > div", () => {
+            this.pageURLCheckTimer = setInterval(() => {
+                // Loop every 100 ms
+                if (this.lastPathStr !== location.pathname || this.lastQueryStr !== location.search || (this.fireOnHashChangesToo && this.lastHashStr !== location.hash) || (!document.querySelector(".main > div[stashUserscriptLibrary]") && this._detectReRenders)) {
+                    this.lastPathStr = location.pathname;
+                    this.lastQueryStr = location.search;
+                    this.lastHashStr = location.hash;
+                    if (this._detectReRenders) document.querySelector(".main > div").setAttribute("stashUserscriptLibrary", "");
+                    this.log.debug('[Navigation] Page Changed');
+                    this.dispatchEvent(new Event('page'));
+                    this.gmMain();
+                }
+            }, this._pageUrlCheckInterval);
+        }, 1)
         stashListener.addEventListener('response', (evt) => {
             if (evt.detail.data?.plugins) {
                 this.getPluginVersion(evt.detail);
@@ -497,8 +499,8 @@ class Stash extends EventTarget {
             this.dispatchEvent(new Event('page:image'));
 
             this._listenForNonPageChanges(".nav-link.active[data-rb-event-key='image-details-panel']", "page:image:details", "Image Page - Details");
-            this._listenForNonPageChanges(".nav-link.active[data-rb-event-key='image-file-info-panel']", "page:image:details", "Image Page - File Info");
-            this._listenForNonPageChanges(".nav-link.active[data-rb-event-key='image-edit-panel']", "page:image:details", "Image Page - Edit");
+            this._listenForNonPageChanges(".nav-link.active[data-rb-event-key='image-file-info-panel']", "page:image:file-info", "Image Page - File Info");
+            this._listenForNonPageChanges(".nav-link.active[data-rb-event-key='image-edit-panel']", "page:image:edit", "Image Page - Edit");
         }
         // images wall
         else if (this.matchUrl(location, /\/images\?/)) {
@@ -1130,6 +1132,18 @@ class Stash extends EventTarget {
 
 window.stash = new Stash();
 
+function waitForElementQuerySelector(query, callBack, time) {
+    time = (typeof time !== 'undefined') ? time : 100;
+    window.setTimeout(() => {
+        const element = document.querySelector(query);
+        if (element) {
+            callBack(query, element);
+        } else {
+            waitForElementQuerySelector(query, callBack, time);
+        }
+    }, time);
+}
+
 function waitForElementClass(elementId, callBack, time) {
     time = (typeof time !== 'undefined') ? time : 100;
     window.setTimeout(() => {
@@ -1137,7 +1151,7 @@ function waitForElementClass(elementId, callBack, time) {
         if (element.length > 0) {
             callBack(elementId, element);
         } else {
-            waitForElementClass(elementId, callBack);
+            waitForElementClass(elementId, callBack, time);
         }
     }, time);
 }
@@ -1149,7 +1163,7 @@ function waitForElementId(elementId, callBack, time) {
         if (element != null) {
             callBack(elementId, element);
         } else {
-            waitForElementId(elementId, callBack);
+            waitForElementId(elementId, callBack, time);
         }
     }, time);
 }
@@ -1161,7 +1175,7 @@ function waitForElementByXpath(xpath, callBack, time) {
         if (element) {
             callBack(xpath, element);
         } else {
-            waitForElementByXpath(xpath, callBack);
+            waitForElementByXpath(xpath, callBack, time);
         }
     }, time);
 }

From 82e450a4becb21e91c365453954660432e9e4ce6 Mon Sep 17 00:00:00 2001
From: raghavan <raghavanmarch2002@gmail.com>
Date: Wed, 17 Jan 2024 19:18:04 +0530
Subject: [PATCH 41/91] improve performance

---
 .../stashUserscriptLibrary.js                 | 241 ++++++++++++------
 1 file changed, 158 insertions(+), 83 deletions(-)

diff --git a/plugins/stashUserscriptLibrary/stashUserscriptLibrary.js b/plugins/stashUserscriptLibrary/stashUserscriptLibrary.js
index df857abc..ff73095d 100644
--- a/plugins/stashUserscriptLibrary/stashUserscriptLibrary.js
+++ b/plugins/stashUserscriptLibrary/stashUserscriptLibrary.js
@@ -48,14 +48,17 @@ class Stash extends EventTarget {
         waitForElementQuerySelector(".main > div", () => {
             this.pageURLCheckTimer = setInterval(() => {
                 // Loop every 100 ms
-                if (this.lastPathStr !== location.pathname || this.lastQueryStr !== location.search || (this.fireOnHashChangesToo && this.lastHashStr !== location.hash) || (!document.querySelector(".main > div[stashUserscriptLibrary]") && this._detectReRenders)) {
+                if (this.lastPathStr !== location.pathname || this.lastQueryStr !== location.search || (this.fireOnHashChangesToo && this.lastHashStr !== location.hash) || this.lastHref !== location.href || (!document.querySelector(".main > div[stashUserscriptLibrary]") && this._detectReRenders)) {
+                    this.log.debug('[Navigation] Page Changed');
+                    this.dispatchEvent(new Event('page'));
+                    this.gmMain(false, this.lastHref);
                     this.lastPathStr = location.pathname;
                     this.lastQueryStr = location.search;
                     this.lastHashStr = location.hash;
-                    if (this._detectReRenders) document.querySelector(".main > div").setAttribute("stashUserscriptLibrary", "");
-                    this.log.debug('[Navigation] Page Changed');
-                    this.dispatchEvent(new Event('page'));
-                    this.gmMain();
+                    this.lastHref = location.href;
+                    waitForElementQuerySelector(".main > div", (query, element) => {
+                        if (this._detectReRenders) element.setAttribute("stashUserscriptLibrary", "");
+                    }, 10)
                 }
             }, this._pageUrlCheckInterval);
         }, 1)
@@ -384,7 +387,7 @@ class Stash extends EventTarget {
     get serverUrl() {
         return window.location.origin;
     }
-    async waitForElement(selector, timeout = null, disconnectOnPageChange = false) {
+    async waitForElement(selector, timeout = null, location = document.body, disconnectOnPageChange = false) {
         return new Promise((resolve) => {
             if (document.querySelector(selector)) {
                 return resolve(document.querySelector(selector))
@@ -409,7 +412,7 @@ class Stash extends EventTarget {
                 }
             })
     
-            observer.observe(document.body, {
+            observer.observe(location, {
                 childList: true,
                 subtree: true,
             })
@@ -423,7 +426,7 @@ class Stash extends EventTarget {
             }
         })
     }
-    async waitForElementDeath(selector, disconnectOnPageChange = false) {
+    async waitForElementDeath(selector, location = document.body, disconnectOnPageChange = false) {
         return new Promise((resolve) => {   
             const observer = new MutationObserver(async () => {
                 if (!document.querySelector(selector)) {
@@ -432,7 +435,7 @@ class Stash extends EventTarget {
                 }
             })
     
-            observer.observe(document.body, {
+            observer.observe(location, {
                 childList: true,
                 subtree: true,
             })
@@ -446,27 +449,98 @@ class Stash extends EventTarget {
             }
         })
     }
-    async _listenForNonPageChanges(selector, event, eventMessage, isRecursive = false, reRunGmMain = false){
+    async _listenForNonPageChanges({selector = "", location = document.body, listenType = "", event = "", eventMessage = "", isRecursive = false, reRunGmMain = false, condition = () => true, listenDefaultTab = true, callback = () => {}} = {}){
         if (isRecursive) return
-        if (await this.waitForElement(selector, null, true)) {
+        if (listenType === "tabs") {
+            const locationElement = await this.waitForElement(location, 10000, document.body, true)
+            const stash = this
+            let previousEvent = ""
+            function listenForTabClicks(domEvent) {
+                const clickedChild = domEvent.target ? domEvent.target : domEvent;
+                if(!clickedChild.classList?.contains("nav-link")) return
+                const tagName = clickedChild.getAttribute("data-rb-event-key")
+                const parentEvent = tagName.split("-")[0]
+                const childEvent = tagName.split("-").slice(1, -1).join("-")
+                event = `page:${parentEvent}:${childEvent}`
+                if (previousEvent === event || !condition()) return
+                previousEvent = event
+                stash.log.debug("[Navigation] " + `${parentEvent[0].toUpperCase() + parentEvent.slice(1)} Page - ${childEvent[0].toUpperCase() + childEvent.slice(1)}`);
+                stash.dispatchEvent(new Event(event));
+            }
+            if (listenDefaultTab) listenForTabClicks(locationElement.querySelector(".nav-link.active"))
+            locationElement.addEventListener("click", listenForTabClicks);
+            function removeEventListenerOnPageChange() {
+                locationElement.removeEventListener("click", listenForTabClicks)
+                stash.removeEventListener("page", removeEventListenerOnPageChange)
+            }
+            stash.addEventListener("page", removeEventListenerOnPageChange)
+        } else if (await this.waitForElement(selector, null, location, true)) {
             this.log.debug("[Navigation] " + eventMessage);
             this.dispatchEvent(new Event(event));
-            if (await this.waitForElementDeath(selector, true)) {
-                if (this.lastPathStr === location.pathname && !reRunGmMain) {
-                    this._listenForNonPageChanges(selector, event, eventMessage)
-                } else if (this.lastPathStr === location.pathname && reRunGmMain)  {
-                    this.gmMain(true)
+            if (await this.waitForElementDeath(selector, location, true)) {
+                if (this.lastPathStr === window.location.pathname && !reRunGmMain) {
+                    this._listenForNonPageChanges({selector: selector, event: event, eventMessage: eventMessage})
+                } else if (this.lastPathStr === window.location.pathname && reRunGmMain)  {
+                    this.gmMain(true, this.lastHref)
                 }
             }
         }
+    callback()
     }
-    gmMain(isRecursive = false) {
+    gmMain(isRecursive = false, lastHref) {
         const location = window.location;
         this.log.debug(URL, window.location);
 
-        // marker wall
+        // Run parent page specific functions
+        // detect performer edit page
+        if (this.matchUrl(location, /\/performers\/\d+/)) {
+            if(!new RegExp(/\/performers\/\d+/).test(this.lastHref)){
+                this.log.debug('[Navigation] Performer Page');
+                this.processTagger();
+                this.dispatchEvent(new Event('page:performer'));
+            }
+
+            this._listenForNonPageChanges({selector: "#performer-edit", event: "page:performer:edit", eventMessage: "Performer Page - Edit", reRunGmMain: true, callback: () => {
+                if (this._detectReRenders) {
+                    this.log.debug('[Navigation] Performer Page');
+                    this.dispatchEvent(new Event('page:performer'));  
+                }
+            }})
+        }
+        // detect studio edit page
+        else if (this.matchUrl(location, /\/studios\/\d+/)) {
+            if(!new RegExp(/\/studios\/\d+/).test(this.lastHref)){
+                this.log.debug('[Navigation] Studio Page');
+                this.processTagger();
+                this.dispatchEvent(new Event('page:studio'));
+            }
+
+            this._listenForNonPageChanges({selector: "#studio-edit", event: "page:studio:edit", eventMessage: "Studio Page - Edit", reRunGmMain: true, callback: () => {
+                if (this._detectReRenders) {
+                    this.log.debug('[Navigation] Studio Page');
+                    this.dispatchEvent(new Event('page:studio'));    
+                }
+            }})
+        }
+        // detect tag edit page
+        else if (this.matchUrl(location, /\/tags\/\d+/)) {
+            if(!new RegExp(/\/tags\/\d+/).test(this.lastHref)){
+                this.log.debug('[Navigation] Tag Page');
+                this.processTagger();
+                this.dispatchEvent(new Event('page:tag'));
+            }
+
+            this._listenForNonPageChanges({selector: "#tag-edit", event: "page:tag:edit", eventMessage: "Tag Page - Edit", reRunGmMain: true, callback: () => {
+                if (this._detectReRenders) {
+                    this.log.debug('[Navigation] Tag Page');
+                    this.dispatchEvent(new Event('page:tag'));  
+                }
+            }})
+        }
+
+        // markers page
         if (this.matchUrl(location, /\/scenes\/markers/)) {
-            this.log.debug('[Navigation] Wall-Markers Page');
+            this.log.debug('[Navigation] Markers Page');
             this.dispatchEvent(new Event('page:markers'));
         }
         // create scene page
@@ -478,17 +552,16 @@ class Stash extends EventTarget {
         else if (this.matchUrl(location, /\/scenes\/\d+/)) {
             this.log.debug('[Navigation] Scene Page');
             this.dispatchEvent(new Event('page:scene'));
-
-            this._listenForNonPageChanges(".nav-link.active[data-rb-event-key='scene-details-panel']", "page:scene:details", "Scene Page - Details", isRecursive);
-            this._listenForNonPageChanges(".nav-link.active[data-rb-event-key='scene-queue-panel']", "page:scene:queue", "Scene Page - Queue", isRecursive);
-            this._listenForNonPageChanges(".nav-link.active[data-rb-event-key='scene-markers-panel']", "page:scene:markers", "Scene Page - Markers", isRecursive);
-            this._listenForNonPageChanges(".nav-link.active[data-rb-event-key='scene-video-filter-panel']", "page:scene:filters", "Scene Page - Filters", isRecursive);
-            this._listenForNonPageChanges(".nav-link.active[data-rb-event-key='scene-file-info-panel']", "page:scene:file-info", "Scene Page - File Info", isRecursive);
-            this._listenForNonPageChanges(".nav-link.active[data-rb-event-key='scene-edit-panel']", "page:scene:edit", "Scene Page - Edit", isRecursive);
+            
+            this._listenForNonPageChanges({
+                location: ".scene-tabs .nav-tabs",
+                listenType: "tabs",
+                isRecursive: isRecursive
+            })
         }
-        // scenes wall
+        // scenes page
         else if (this.matchUrl(location, /\/scenes\?/)) {
-            this.log.debug('[Navigation] Wall-Scenes Page');
+            this.log.debug('[Navigation] Scenes Page');
             this.processTagger();
             this.dispatchEvent(new Event('page:scenes'));
         }
@@ -498,13 +571,15 @@ class Stash extends EventTarget {
             this.log.debug('[Navigation] Image Page');
             this.dispatchEvent(new Event('page:image'));
 
-            this._listenForNonPageChanges(".nav-link.active[data-rb-event-key='image-details-panel']", "page:image:details", "Image Page - Details");
-            this._listenForNonPageChanges(".nav-link.active[data-rb-event-key='image-file-info-panel']", "page:image:file-info", "Image Page - File Info");
-            this._listenForNonPageChanges(".nav-link.active[data-rb-event-key='image-edit-panel']", "page:image:edit", "Image Page - Edit");
+            this._listenForNonPageChanges({
+                location: ".image-tabs .nav-tabs",
+                listenType: "tabs",
+                isRecursive: isRecursive
+            })
         }
-        // images wall
+        // images page
         else if (this.matchUrl(location, /\/images\?/)) {
-            this.log.debug('[Navigation] Wall-Images Page');
+            this.log.debug('[Navigation] Images Page');
             this.dispatchEvent(new Event('page:images'));
         }
 
@@ -519,37 +594,56 @@ class Stash extends EventTarget {
             this.log.debug('[Navigation] Movie Page');
             this.dispatchEvent(new Event('page:movie'));
         }
-        // movies wall
+        // movies page
         else if (this.matchUrl(location, /\/movies\?/)) {
-            this.log.debug('[Navigation] Wall-Movies Page');
+            this.log.debug('[Navigation] Movies Page');
             this.dispatchEvent(new Event('page:movies'));
         }
 
+                // create gallery page
+                else if (this.matchUrl(location, /\/galleries\/new/)) {
+                    this.log.debug('[Navigation] Create Gallery Page');
+                    this.dispatchEvent(new Event('page:gallery:new'));
+                }
         // gallery add page
         else if (this.matchUrl(location, /\/galleries\/\d+\/add/)) {
-            this.log.debug('[Navigation] Gallery Add Page');
-            this.dispatchEvent(new Event('page:gallery:add'));
-        }
-        // create gallery page
-        else if (this.matchUrl(location, /\/galleries\/new/)) {
-            this.log.debug('[Navigation] Create Gallery Page');
-            this.dispatchEvent(new Event('page:gallery:new'));
+            if(!new RegExp(/\/galleries\/\d+/).test(lastHref)){
+                this.log.debug('[Navigation] Gallery Page');
+                this.dispatchEvent(new Event('page:gallery'));
+                this._listenForNonPageChanges({selector: ".gallery-tabs .nav-tabs .nav-link.active", event: "page:gallery:details", eventMessage: "Gallery Page - Details"})
+            }
+
+            this.log.debug('[Navigation] Gallery Page - Add');
+            this.dispatchEvent(new Event('page:gallery:add'));  
+            
+            this._listenForNonPageChanges({
+                location: ".gallery-tabs .nav-tabs",
+                listenType: "tabs",
+                isRecursive: isRecursive,
+                listenDefaultTab: false
+            })
         }
         // gallery page
         else if (this.matchUrl(location, /\/galleries\/\d+/)) {
-            this.log.debug('[Navigation] Gallery Page');
-            this.dispatchEvent(new Event('page:gallery'));
+            if(!new RegExp(/\/galleries\/\d+/).test(lastHref)){
+                this.log.debug('[Navigation] Gallery Page');
+                this.dispatchEvent(new Event('page:gallery'));
+                this._listenForNonPageChanges({selector: ".gallery-tabs .nav-tabs .nav-link.active", event: "page:gallery:details", eventMessage: "Gallery Page - Details"})
+            }
+
             this.log.debug('[Navigation] Gallery Page - Images');
             this.dispatchEvent(new Event('page:gallery:images'));
 
-            this._listenForNonPageChanges(".nav-link.active[data-rb-event-key='gallery-details-panel']", "page:gallery:details", "Gallery Page - Details");
-            this._listenForNonPageChanges(".nav-link.active[data-rb-event-key='gallery-file-info-panel']", "page:gallery:file-info", "Gallery Page - File Info");
-            this._listenForNonPageChanges(".nav-link.active[data-rb-event-key='gallery-chapter-panel']", "page:gallery:chapters", "Gallery Page - Chapters");
-            this._listenForNonPageChanges(".nav-link.active[data-rb-event-key='gallery-edit-panel']", "page:gallery:edit", "Gallery Page - Edit");
+            this._listenForNonPageChanges({
+                location: ".gallery-tabs .nav-tabs",
+                listenType: "tabs",
+                isRecursive: isRecursive,
+                listenDefaultTab: false
+            })
         }
-        // galleries wall
+        // galleries page
         else if (this.matchUrl(location, /\/galleries\?/)) {
-            this.log.debug('[Navigation] Wall-Galleries Page');
+            this.log.debug('[Navigation] Galleries Page');
             this.dispatchEvent(new Event('page:galleries'));
         }
 
@@ -572,12 +666,7 @@ class Stash extends EventTarget {
         else if (this.matchUrl(location, /\/performers\/\d+\/appearswith/)) {
             this.log.debug('[Navigation] Performer Page - Appears With');
             this.processTagger();
-            this.dispatchEvent(new Event('page:performer:performers'));
-        }
-        // performer movies page
-        else if (this.matchUrl(location, /\/performers\/\d+\/movies/)) {
-            this.log.debug('[Navigation] Performer Page - Movies');
-            this.dispatchEvent(new Event('page:performer:movies'));
+            this.dispatchEvent(new Event('page:performer:appearswith'));
         }
         // create performer page
         else if (this.matchUrl(location, /\/performers\/new/)) {
@@ -587,14 +676,11 @@ class Stash extends EventTarget {
         // performer scenes page
         else if (this.matchUrl(location, /\/performers\/\d+\?/)) {
             this.log.debug('[Navigation] Performer Page - Scenes');
-            this.processTagger();
             this.dispatchEvent(new Event('page:performer:scenes'));
-
-            this._listenForNonPageChanges("#performer-edit", "page:performer:edit", "Performer Page - Edit", false, true);
         }
-        // performers wall
+        // performers page
         else if (this.matchUrl(location, /\/performers\?/)) {
-            this.log.debug('[Navigation] Wall-Performers Page');
+            this.log.debug('[Navigation] Performers Page');
             this.dispatchEvent(new Event('page:performers'));
         }
 
@@ -631,19 +717,11 @@ class Stash extends EventTarget {
         // studio scenes page
         else if (this.matchUrl(location, /\/studios\/\d+\?/)) {
             this.log.debug('[Navigation] Studio Page - Scenes');
-            this.processTagger();
             this.dispatchEvent(new Event('page:studio:scenes'));
-
-            this._listenForNonPageChanges("#studio-edit", "page:studio:edit", "Studio Page - Edit", false, true);
-        }
-        // studio page
-        else if (this.matchUrl(location, /\/studios\/\d+/)) {
-            this.log.debug('[Navigation] Studio Page');
-            this.dispatchEvent(new Event('page:studio'));
         }
-        // studios wall
+        // studios page
         else if (this.matchUrl(location, /\/studios\?/)) {
-            this.log.debug('[Navigation] Wall-Studios Page');
+            this.log.debug('[Navigation] Studios Page');
             this.dispatchEvent(new Event('page:studios'));
         }
 
@@ -675,27 +753,24 @@ class Stash extends EventTarget {
         // tag scenes page
         else if (this.matchUrl(location, /\/tags\/\d+\?/)) {
             this.log.debug('[Navigation] Tag Page - Scenes');
-            this.processTagger();
             this.dispatchEvent(new Event('page:tag:scenes'));
-
-            this._listenForNonPageChanges("#tag-edit", "page:tag:edit", "Tag Page - Edit", false, true);
-        }
-        // tag page
-        else if (this.matchUrl(location, /\/tags\/\d+/)) {
-            this.log.debug('[Navigation] Tag Page');
-            this.dispatchEvent(new Event('page:tag'));
         }
-        // tags wall
+        // tags page
         else if (this.matchUrl(location, /\/tags\?/)) {
-            this.log.debug('[Navigation] Wall-Tags Page');
+            this.log.debug('[Navigation] Tags Page');
             this.dispatchEvent(new Event('page:tags'));
         }
 
         // settings page tasks tab
         else if (this.matchUrl(location, /\/settings\?tab=tasks/)) {
+            if(!new RegExp(/\/settings\?/).test(this.lastHref)){
+                this.log.debug('[Navigation] Settings Page');
+                this.dispatchEvent(new Event('page:settings'));
+                this.hidePluginTasks();
+            }
+
             this.log.debug('[Navigation] Settings Page Tasks Tab');
             this.dispatchEvent(new Event('page:settings:tasks'));
-            this.hidePluginTasks();
         }
         // settings page library tab
         else if (this.matchUrl(location, /\/settings\?tab=library/)) {
@@ -765,7 +840,7 @@ class Stash extends EventTarget {
             this.log.debug('[Navigation] Home Page');
             this.dispatchEvent(new Event('page:home'));
 
-            this._listenForNonPageChanges(".recommendations-container-edit", "page:home:edit", "Home Page - Edit", false, true);
+            this._listenForNonPageChanges({selector: ".recommendations-container-edit", event: "page:home:edit", eventMessage: "Home Page - Edit", reRunGmMain: true})
         }
     }
     addEventListeners(events, callback, ...options) {

From 923d3075df0fae0a785e5de34ff52526ee6bfe7b Mon Sep 17 00:00:00 2001
From: raghavan <raghavanmarch2002@gmail.com>
Date: Wed, 17 Jan 2024 19:35:10 +0530
Subject: [PATCH 42/91] fix mutation observer disconnect instance

---
 plugins/stashUserscriptLibrary/stashUserscriptLibrary.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/plugins/stashUserscriptLibrary/stashUserscriptLibrary.js b/plugins/stashUserscriptLibrary/stashUserscriptLibrary.js
index ff73095d..ecaeeb5d 100644
--- a/plugins/stashUserscriptLibrary/stashUserscriptLibrary.js
+++ b/plugins/stashUserscriptLibrary/stashUserscriptLibrary.js
@@ -417,10 +417,11 @@ class Stash extends EventTarget {
                 subtree: true,
             })
 
+const stash = this
             if (disconnectOnPageChange) {
                 function disconnect() {
                     observer.disconnect()
-                    this.removeEventListener("page", disconnect)
+                    stash.removeEventListener("page", disconnect)
                 }
                 this.addEventListener("page", disconnect)
             }
@@ -440,10 +441,11 @@ class Stash extends EventTarget {
                 subtree: true,
             })
 
+const stash = this
             if (disconnectOnPageChange) {
                 function disconnect() {
                     observer.disconnect()
-                    this.removeEventListener("page", disconnect)
+                    stash.removeEventListener("page", disconnect)
                 }
                 this.addEventListener("page", disconnect)
             }

From 03fc23b2fe8ec80ca182aff69e897b4213fad011 Mon Sep 17 00:00:00 2001
From: raghavan <raghavanmarch2002@gmail.com>
Date: Wed, 17 Jan 2024 19:39:14 +0530
Subject: [PATCH 43/91] fix formatting

---
 plugins/stashUserscriptLibrary/stashUserscriptLibrary.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/plugins/stashUserscriptLibrary/stashUserscriptLibrary.js b/plugins/stashUserscriptLibrary/stashUserscriptLibrary.js
index ecaeeb5d..49f91eef 100644
--- a/plugins/stashUserscriptLibrary/stashUserscriptLibrary.js
+++ b/plugins/stashUserscriptLibrary/stashUserscriptLibrary.js
@@ -417,7 +417,7 @@ class Stash extends EventTarget {
                 subtree: true,
             })
 
-const stash = this
+            const stash = this
             if (disconnectOnPageChange) {
                 function disconnect() {
                     observer.disconnect()
@@ -441,7 +441,7 @@ const stash = this
                 subtree: true,
             })
 
-const stash = this
+            const stash = this
             if (disconnectOnPageChange) {
                 function disconnect() {
                     observer.disconnect()

From 63f9e2195d65b4668e7f1fc0ac15fdb8bc54899c Mon Sep 17 00:00:00 2001
From: Written2001 <121555133+Written2001@users.noreply.github.com>
Date: Wed, 17 Jan 2024 23:42:38 +0100
Subject: [PATCH 44/91] [Theme] - Adding RoundedYellow Theme (#211)

---
 themes/Theme-RoundedYellow/README.md          |   5 +
 .../Theme-RoundedYellow.css                   | 169 ++++++++++++++++++
 .../Theme-RoundedYellow.yml                   |   6 +
 3 files changed, 180 insertions(+)
 create mode 100644 themes/Theme-RoundedYellow/README.md
 create mode 100644 themes/Theme-RoundedYellow/Theme-RoundedYellow.css
 create mode 100644 themes/Theme-RoundedYellow/Theme-RoundedYellow.yml

diff --git a/themes/Theme-RoundedYellow/README.md b/themes/Theme-RoundedYellow/README.md
new file mode 100644
index 00000000..b32283fa
--- /dev/null
+++ b/themes/Theme-RoundedYellow/README.md
@@ -0,0 +1,5 @@
+A theme with yellow accent colour and rounded corners.
+
+# Preview
+![2024-01-03_14-37-11_blur](https://github.com/Written2001/CommunityScripts/assets/121555133/96932001-4b46-4e97-b4de-5e7cb61608fb)
+![2024-01-03_14-37-01_blur](https://github.com/Written2001/CommunityScripts/assets/121555133/e999ae6b-5e53-418c-a561-00c658afba3e)
diff --git a/themes/Theme-RoundedYellow/Theme-RoundedYellow.css b/themes/Theme-RoundedYellow/Theme-RoundedYellow.css
new file mode 100644
index 00000000..61510771
--- /dev/null
+++ b/themes/Theme-RoundedYellow/Theme-RoundedYellow.css
@@ -0,0 +1,169 @@
+:root{
+    --bgcol: #101118;
+    --searchbgcol: #1b1c28;
+    --btnbordercol: #202b33;
+    --secbtncol: #171822;
+    --btnaccentcol: #cfad0b;
+    --cardbgcol: #1f282c;
+    --navbarcol: #212529;
+  }
+  
+  body {
+    background-color: var(--bgcol);
+  }
+  
+  .bg-secondary {
+    background-color: var(--searchbgcol)!important;
+  }
+  
+  .pagination .btn:first-child {border-left: 1px solid var(--btnbordercol);}
+  .pagination .btn:last-child {border-right: 1px solid var(--btnbordercol);}
+  
+  .btn-secondary {
+    border-color: var(--btnbordercol);
+    background-color: var(--bgcol);
+  }
+  
+  .btn-secondary:disabled {
+    border-color: var(--btnbordercol);
+    background-color: var(--secbtncol);
+  }
+  
+  .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show>.btn-secondary.dropdown-toggle {
+    background-color: var(--secbtncol);
+    border: 1px solid var(--btnbordercol);
+    color: var(--btnaccentcol);
+    border-bottom: 3px solid var(--btnaccentcol);
+  }
+  
+  .card {
+    background-color: var(--cardbgcol);
+    border-radius: 30px;
+  }
+  
+  .progress-indicator {
+    background-color: var(--btnaccentcol);
+  }
+  
+  .bg-dark{
+    background-color: var(--navbarcol)!important;
+  }
+  
+  .btn.active:not(.disabled), .btn.active.minimal:not(.disabled) {
+    background-color: transparent;
+    color: var(--btnaccentcol);
+    border-bottom: 3px solid var(--btnaccentcol);
+  }
+  
+  .btn-primary{
+    background-color: var(--btnaccentcol);
+    border-color: var(--btnaccentcol);
+  }
+  
+  .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show>.btn-primary.dropdown-toggle {
+    background-color: transparent;
+    border-color: var(--btnaccentcol);
+  }
+  
+  .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show>.btn-primary.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0;
+  }
+  
+  .btn-primary:focus, .btn-primary.focus {
+      background-color: var(--btnaccentcol);
+      border-color: var(--btnaccentcol);
+      box-shadow: 0 0 0 0;
+  }
+  
+  .btn-primary:hover {
+      color: #fff;
+      background-color: var(--btnaccentcol);
+      border-color: var(--btnaccentcol);
+  }
+  
+  div.react-select__menu, div.dropdown-menu {
+      background-color: var(--bgcol);
+      color: #f5f8fa;
+      z-index: 1600;
+  }
+  
+  .modal-header, .modal-body, .modal-footer {
+      background-color: var(--bgcol);
+      color: #f5f8fa;
+  }
+  
+  .edit-filter-dialog .criterion-list .card .filter-item-header:focus {
+      border-color: var(--btnaccentcol);
+      border-radius: calc(.375rem - 1px);
+      box-shadow: inset 0 0 0 0.1rem var(--btnaccentcol);
+      outline: 0;
+  }
+  
+  .nav-tabs .nav-link.active {
+      border-bottom: 2px solid;
+      color: var(--btnaccentcol);
+  }
+  
+  .nav-tabs .nav-link.active:hover {
+      border-bottom-color: var(--btnaccentcol);
+      cursor: default;
+  }
+  
+  .job-table.card {
+      background-color: var(--bgcol);
+      height: 10em;
+      margin-bottom: 30px;
+      overflow-y: auto;
+      padding: .5rem 15px;
+  }
+  
+  .progress-bar {
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      overflow: hidden;
+      color: #fff;
+      text-align: center;
+      white-space: nowrap;
+      background-color: var(--btnaccentcol);
+      transition: width .6s ease;
+  }
+  
+  .grid-card .progress-bar {
+      background-color: rgba(115,133,159,.5);
+      bottom: 5px;
+      display: block;
+      height: 5px;
+      position: absolute;
+      width: 100%;
+  }
+  
+  .grid-card .progress-indicator {
+      background-color: var(--btnaccentcol);
+      height: 5px;
+  }
+  
+  .hover-scrubber .hover-scrubber-indicator .hover-scrubber-indicator-marker {
+      background-color: var(--btnaccentcol);
+      bottom: 0;
+      height: 5px;
+      position: absolute;
+  }
+  
+  #tasks-panel .tasks-panel-queue {
+      background-color: var(--bgcol);
+      margin-top: -1rem;
+      padding-bottom: .25rem;
+      padding-top: 1rem;
+      position: sticky;
+      top: 3rem;
+      z-index: 2;
+  }
+  
+  #scene-edit-details .edit-buttons-container {
+      background-color: var(--bgcol);
+      position: sticky;
+      top: 0;
+      z-index: 3;
+  }
+  
\ No newline at end of file
diff --git a/themes/Theme-RoundedYellow/Theme-RoundedYellow.yml b/themes/Theme-RoundedYellow/Theme-RoundedYellow.yml
new file mode 100644
index 00000000..a568e549
--- /dev/null
+++ b/themes/Theme-RoundedYellow/Theme-RoundedYellow.yml
@@ -0,0 +1,6 @@
+name: Theme - Rounded Yellow
+description: Theme with rounded corners and yellow accents
+version: 1.0
+ui:
+  css:
+  - Theme-RoundedYellow.css

From 6af9111dfc291ed24dcd84bd74d7ced0d9416744 Mon Sep 17 00:00:00 2001
From: raghavan <raghavanmarch2002@gmail.com>
Date: Thu, 18 Jan 2024 12:07:56 +0530
Subject: [PATCH 45/91] miner fix

---
 .../stashUserscriptLibrary.js                      | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/plugins/stashUserscriptLibrary/stashUserscriptLibrary.js b/plugins/stashUserscriptLibrary/stashUserscriptLibrary.js
index 49f91eef..6e2ee885 100644
--- a/plugins/stashUserscriptLibrary/stashUserscriptLibrary.js
+++ b/plugins/stashUserscriptLibrary/stashUserscriptLibrary.js
@@ -45,7 +45,7 @@ class Stash extends EventTarget {
         this._pageUrlCheckInterval = pageUrlCheckInterval;
         this._detectReRenders = detectReRenders;
         this.fireOnHashChangesToo = true;
-        waitForElementQuerySelector(".main > div", () => {
+        waitForElementQuerySelector(this._detectReRenders ? ".main > div" : "html", () => {
             this.pageURLCheckTimer = setInterval(() => {
                 // Loop every 100 ms
                 if (this.lastPathStr !== location.pathname || this.lastQueryStr !== location.search || (this.fireOnHashChangesToo && this.lastHashStr !== location.hash) || this.lastHref !== location.href || (!document.querySelector(".main > div[stashUserscriptLibrary]") && this._detectReRenders)) {
@@ -56,8 +56,8 @@ class Stash extends EventTarget {
                     this.lastQueryStr = location.search;
                     this.lastHashStr = location.hash;
                     this.lastHref = location.href;
-                    waitForElementQuerySelector(".main > div", (query, element) => {
-                        if (this._detectReRenders) element.setAttribute("stashUserscriptLibrary", "");
+                    if (this._detectReRenders) waitForElementQuerySelector(".main > div", (query, element) => {
+                        element.setAttribute("stashUserscriptLibrary", "");
                     }, 10)
                 }
             }, this._pageUrlCheckInterval);
@@ -496,7 +496,7 @@ class Stash extends EventTarget {
         // Run parent page specific functions
         // detect performer edit page
         if (this.matchUrl(location, /\/performers\/\d+/)) {
-            if(!new RegExp(/\/performers\/\d+/).test(this.lastHref)){
+            if(!new RegExp(/\/performers\/\d+/).test(lastHref)){
                 this.log.debug('[Navigation] Performer Page');
                 this.processTagger();
                 this.dispatchEvent(new Event('page:performer'));
@@ -511,7 +511,7 @@ class Stash extends EventTarget {
         }
         // detect studio edit page
         else if (this.matchUrl(location, /\/studios\/\d+/)) {
-            if(!new RegExp(/\/studios\/\d+/).test(this.lastHref)){
+            if(!new RegExp(/\/studios\/\d+/).test(lastHref)){
                 this.log.debug('[Navigation] Studio Page');
                 this.processTagger();
                 this.dispatchEvent(new Event('page:studio'));
@@ -526,7 +526,7 @@ class Stash extends EventTarget {
         }
         // detect tag edit page
         else if (this.matchUrl(location, /\/tags\/\d+/)) {
-            if(!new RegExp(/\/tags\/\d+/).test(this.lastHref)){
+            if(!new RegExp(/\/tags\/\d+/).test(lastHref)){
                 this.log.debug('[Navigation] Tag Page');
                 this.processTagger();
                 this.dispatchEvent(new Event('page:tag'));
@@ -765,7 +765,7 @@ class Stash extends EventTarget {
 
         // settings page tasks tab
         else if (this.matchUrl(location, /\/settings\?tab=tasks/)) {
-            if(!new RegExp(/\/settings\?/).test(this.lastHref)){
+            if(!new RegExp(/\/settings\?/).test(lastHref)){
                 this.log.debug('[Navigation] Settings Page');
                 this.dispatchEvent(new Event('page:settings'));
                 this.hidePluginTasks();

From 666c038c57bfd20fc6d5b554c03cc6f538494dbd Mon Sep 17 00:00:00 2001
From: Tweeticoats <Tweeticoats@github.com>
Date: Fri, 19 Jan 2024 21:14:29 +1030
Subject: [PATCH 46/91] Bugfixes, fixing extra urls and gallery info fetching.

---
 plugins/timestampTrade/timestampTrade.py  | 53 ++++++++++++++---------
 plugins/timestampTrade/timestampTrade.yml |  4 ++
 2 files changed, 37 insertions(+), 20 deletions(-)

diff --git a/plugins/timestampTrade/timestampTrade.py b/plugins/timestampTrade/timestampTrade.py
index 352eec1e..13d84b62 100644
--- a/plugins/timestampTrade/timestampTrade.py
+++ b/plugins/timestampTrade/timestampTrade.py
@@ -24,7 +24,7 @@ def processScene(s):
                 log.debug('scene has skip sync tag')
                 return
             log.debug('looking up markers for stash id: '+sid['stash_id'])
-            res = requests.post('https://timestamp.trade/get-markers/' + sid['stash_id'], json=s)
+            res = request_s.post('https://timestamp.trade/get-markers/' + sid['stash_id'], json=s)
             md = res.json()
             if md.get('marker'):
                 log.info('api returned markers for scene: ' + s['title'] + ' marker count: ' + str(len(md['marker'])))
@@ -60,12 +60,13 @@ def processScene(s):
                                     'urls': gal['urls'],
                                     'date': gal['date'],
                                     'rating100': gal['rating100'],
-                                    'studio_id': gal['studio']['id'],
                                     'performer_ids': [x['id'] for x in gal['performers']],
                                     'tag_ids': [x['id'] for x in gal['tags']],
                                     'scene_ids': [x['id'] for x in gal['scenes']],
                                     'details': gal['details']
                                 }
+                                if 'studio' in gal:
+                                    gallery['studio_id']= gal['studio']['id']
                                 if len(gal['urls']) == 0:
                                     log.debug('no urls on gallery, needs new metadata')
                                     gallery['urls'].extend([x['url'] for x in g['urls']])
@@ -126,13 +127,14 @@ def processScene(s):
                                 needs_update=True
 
             if settings['extraUrls']:
-                extra_urls=s['urls']
-                for url in md['urls']:
-                    if url['url'] not in s['urls']:
-                        extra_urls.append(url['url'])
-                        needs_update=True
-                if needs_update:
-                    new_scene['urls']=extra_urls
+                if 'urls' in md and md['urls']:
+                    extra_urls=s['urls']
+                    for url in md['urls']:
+                        if url['url'] not in s['urls']:
+                            extra_urls.append(url['url'])
+                            needs_update=True
+                    if needs_update:
+                        new_scene['urls']=extra_urls
             if needs_update:
                 log.debug('new scene update: %s' % (new_scene,))
                 stash.update_scene(new_scene)
@@ -159,7 +161,7 @@ def processAll():
             time.sleep(2)
 
 
-def submitScene():
+def submitScene(query):
     scene_fgmt = """title
        details
        url
@@ -226,6 +228,7 @@ def submitScene():
       }
     }
     movies{
+        scene_index
     	movie{
         name
         url
@@ -244,13 +247,11 @@ def submitScene():
        """
 
 
-
-    skip_submit_tag_id = stash.find_tag('[Timestamp: Skip Submit]', create=True).get("id")
-    count = stash.find_scenes(f={"has_markers": "true","tags":{"depth":0,"excludes":[skip_submit_tag_id],"modifier":"INCLUDES_ALL","value":[]}}, filter={"per_page": 1}, get_count=True)[0]
+    count = stash.find_scenes(f=query, filter={"per_page": 1}, get_count=True)[0]
     i=0
     for r in range(1, math.ceil(count/per_page) + 1):
         log.info('submitting scenes: %s - %s %0.1f%%' % ((r - 1) * per_page,r * per_page,(i/count)*100,))
-        scenes = stash.find_scenes(f={"has_markers": "true","tags":{"depth":0,"excludes":[skip_submit_tag_id],"modifier":"INCLUDES_ALL","value":[]}}, filter={"page": r, "per_page": per_page},fragment=scene_fgmt)
+        scenes = stash.find_scenes(f=query, filter={"page": r, "per_page": per_page},fragment=scene_fgmt)
         for s in scenes:
             log.debug("submitting scene: " + str(s))
             request_s.post('https://timestamp.trade/submit-stash', json=s)
@@ -335,7 +336,7 @@ def submitGallery():
 def processGalleries():
     skip_sync_tag_id = stash.find_tag('[Timestamp: Skip Sync]', create=True).get("id")
 
-    count=get_count = stash.find_galleries(f={"url": {"value": "", "modifier": "IS_NULL"},
+    count= stash.find_galleries(f={"url": {"value": "", "modifier": "IS_NULL"},
                                   "tags": {"depth": 0, "excludes": [skip_sync_tag_id], "modifier": "INCLUDES_ALL",
                                            "value": []}},filter={"per_page": 1},get_count=True)[0]
     tag_cache={}
@@ -454,20 +455,32 @@ def getImages(gallery_id):
 stash = StashInterface(FRAGMENT_SERVER)
 config=stash.get_configuration()['plugins']
 settings={
-    'createGalleryFromScene':True,
-    'createMovieFromScene':True,
-    'extraUrls':True,
+    'createGalleryFromScene':False,
+    'createMovieFromScene':False,
+    'extraUrls': False,
  }
 if 'timestampTrade' in config:
     settings.update(config['timestampTrade'])
-log.info('config: %s ' % (settings,))
+log.debug('config: %s ' % (settings,))
 
 
 
 if 'mode' in json_input['args']:
     PLUGIN_ARGS = json_input['args']["mode"]
     if 'submitScene' in PLUGIN_ARGS:
-        submitScene()
+        skip_submit_tag_id = stash.find_tag('[Timestamp: Skip Submit]', create=True).get("id")
+        query={
+            "has_markers": "true",
+            "tags": {"depth": 0, "excludes": [skip_submit_tag_id], "modifier": "INCLUDES_ALL","value": []}
+        }
+        submitScene(query)
+    elif 'submitMovieScene' in PLUGIN_ARGS:
+        skip_submit_tag_id = stash.find_tag('[Timestamp: Skip Submit]', create=True).get("id")
+        query={
+            "movies": {"modifier": "NOT_NULL", "value": [] },
+            "tags": {"depth": 0, "excludes": [skip_submit_tag_id], "modifier": "INCLUDES_ALL", "value": []}
+        }
+        submitScene(query)
     elif 'submitGallery' in PLUGIN_ARGS:
         submitGallery()
     elif 'processGallery' in  PLUGIN_ARGS:
diff --git a/plugins/timestampTrade/timestampTrade.yml b/plugins/timestampTrade/timestampTrade.yml
index aa1f08da..bfa9ac79 100644
--- a/plugins/timestampTrade/timestampTrade.yml
+++ b/plugins/timestampTrade/timestampTrade.yml
@@ -35,6 +35,10 @@ tasks:
     description: Submit markers to timestamp.trade
     defaultArgs:
       mode: submitScene
+  - name: 'Submit Scenes with linked movies'
+    description: Submit movie information to timestamp.trade
+    defaultArgs:
+      mode: submitMovieScene
   - name: 'Sync'
     description: Get markers for all scenes with a stashid
     defaultArgs:

From 36b5ad44757cdec35816ed40e71a54267c63c945 Mon Sep 17 00:00:00 2001
From: Tweeticoats <60335703+Tweeticoats@users.noreply.github.com>
Date: Fri, 19 Jan 2024 21:35:06 +1030
Subject: [PATCH 47/91] Update miscTags.yml

Fix description
---
 plugins/miscTags/miscTags.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/plugins/miscTags/miscTags.yml b/plugins/miscTags/miscTags.yml
index 6e7da599..3bc8f0ad 100644
--- a/plugins/miscTags/miscTags.yml
+++ b/plugins/miscTags/miscTags.yml
@@ -26,6 +26,6 @@ hooks:
       - Scene.Update.Post
 tasks:
   - name: 'process all'
-    description: Submit markers to timestamp.trade
+    description: Process all scenes and add extra tags if configured 
     defaultArgs:
       mode: processScenes

From 810b9db274261f52cb0416ae909b5d409e63b41d Mon Sep 17 00:00:00 2001
From: Tweeticoats <60335703+Tweeticoats@users.noreply.github.com>
Date: Fri, 19 Jan 2024 21:42:31 +1030
Subject: [PATCH 48/91] Update miscTags.py

Fix bug if vr tag has not been configured
---
 plugins/miscTags/miscTags.py | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/plugins/miscTags/miscTags.py b/plugins/miscTags/miscTags.py
index 3f47cf50..4bea8eff 100644
--- a/plugins/miscTags/miscTags.py
+++ b/plugins/miscTags/miscTags.py
@@ -93,11 +93,15 @@ def processVRTags(scene,tags):
                 found=True
     if found:
         if 'vrTag' in stash.get_configuration()['ui']:
-            vr_tag=stash.get_configuration()['ui']['vrTag']
-            if vr_tag:
-                tags.append(vr_tag)
-            else:
-                tags.append('VR')
+            if 'vrTag' in stash.get_configuration()['ui']:
+                vr_tag=stash.get_configuration()['ui']['vrTag']
+                if vr_tag:
+                    tags.append(vr_tag)
+                else:
+                    tags.append('VR')
+        else:
+            tags.append('VR')
+
         else:
             tags.append('VR')
     return None
@@ -142,8 +146,6 @@ def processScenes():
     PLUGIN_ARGS = json_input['args']["mode"]
     if 'processScenes' in PLUGIN_ARGS:
         processScenes()
-    elif 'test' in PLUGIN_ARGS:
-        log.debug(stash.get_configuration()['ui']['vrTag'])
 
 
 
@@ -151,4 +153,4 @@ def processScenes():
     id=json_input['args']['hookContext']['id']
     if json_input['args']['hookContext']['type']=='Scene.Update.Post':
         scene=stash.find_scene(id)
-        processScene(scene)
\ No newline at end of file
+        processScene(scene)

From 2e11d3557e0190345a00d57549b7a0a474b55f66 Mon Sep 17 00:00:00 2001
From: Maista6969 <glad.beach5807@fastmail.com>
Date: Fri, 19 Jan 2024 12:42:21 +0100
Subject: [PATCH 49/91] Remove dangling else clause in miscTags

---
 plugins/miscTags/miscTags.py  | 14 +++++---------
 plugins/miscTags/miscTags.yml |  8 ++++----
 2 files changed, 9 insertions(+), 13 deletions(-)

diff --git a/plugins/miscTags/miscTags.py b/plugins/miscTags/miscTags.py
index 4bea8eff..1aa08201 100644
--- a/plugins/miscTags/miscTags.py
+++ b/plugins/miscTags/miscTags.py
@@ -93,15 +93,11 @@ def processVRTags(scene,tags):
                 found=True
     if found:
         if 'vrTag' in stash.get_configuration()['ui']:
-            if 'vrTag' in stash.get_configuration()['ui']:
-                vr_tag=stash.get_configuration()['ui']['vrTag']
-                if vr_tag:
-                    tags.append(vr_tag)
-                else:
-                    tags.append('VR')
-        else:
-            tags.append('VR')
-
+            vr_tag=stash.get_configuration()['ui']['vrTag']
+            if vr_tag:
+                tags.append(vr_tag)
+            else:
+                tags.append('VR')
         else:
             tags.append('VR')
     return None
diff --git a/plugins/miscTags/miscTags.yml b/plugins/miscTags/miscTags.yml
index 3bc8f0ad..7d88e899 100644
--- a/plugins/miscTags/miscTags.yml
+++ b/plugins/miscTags/miscTags.yml
@@ -20,12 +20,12 @@ settings:
     description: Comma seperated list of studio number in your instance to tag with export_devor,FLAT for use with stash-vr-companion
     type: STRING
 hooks:
-  - name: process Scene
-    description: Makes Markers checking against timestamp.trade
+  - name: Process Scene
+    description: Adds extra tags to scenes
     triggeredBy:
       - Scene.Update.Post
 tasks:
-  - name: 'process all'
-    description: Process all scenes and add extra tags if configured 
+  - name: Process all
+    description: Process all scenes and add extra tags if configured
     defaultArgs:
       mode: processScenes

From cc7882da281e12308db6b5d0fa29a261e6dce54a Mon Sep 17 00:00:00 2001
From: raghavan <raghavanmarch2002@gmail.com>
Date: Fri, 19 Jan 2024 20:33:34 +0530
Subject: [PATCH 50/91] improved page listening

---
 .../sceneCoverCropper/sceneCoverCropper.js    |    2 +-
 plugins/stashUserscriptLibrary/custom.js      | 1434 +++++++++++++++++
 .../stashUserscriptLibrary.js                 |  802 ++++-----
 plugins/stats/stats.js                        |    2 +-
 4 files changed, 1869 insertions(+), 371 deletions(-)
 create mode 100644 plugins/stashUserscriptLibrary/custom.js

diff --git a/plugins/sceneCoverCropper/sceneCoverCropper.js b/plugins/sceneCoverCropper/sceneCoverCropper.js
index 7d53c4ee..38086816 100644
--- a/plugins/sceneCoverCropper/sceneCoverCropper.js
+++ b/plugins/sceneCoverCropper/sceneCoverCropper.js
@@ -139,7 +139,7 @@
         cropBtnContainer.appendChild(cropInfo);
     }
 
-    stash.addEventListener('page:scene', function () {
+    stash.addEventListener('stash:page:scene', function () {
         waitForElementId('scene-edit-details', setupCropper);
     });
 })();
diff --git a/plugins/stashUserscriptLibrary/custom.js b/plugins/stashUserscriptLibrary/custom.js
new file mode 100644
index 00000000..f13164c5
--- /dev/null
+++ b/plugins/stashUserscriptLibrary/custom.js
@@ -0,0 +1,1434 @@
+const stashListener = new EventTarget();
+
+const {
+    fetch: originalFetch
+} = window;
+
+window.fetch = async (...args) => {
+    let [resource, config] = args;
+    // request interceptor here
+    const response = await originalFetch(resource, config);
+    // response interceptor here
+    const contentType = response.headers.get("content-type");
+    if (contentType && contentType.indexOf("application/json") !== -1 && resource.endsWith('/graphql')) {
+        try {
+            const data = await response.clone().json();
+            stashListener.dispatchEvent(new CustomEvent('response', {
+                'detail': data
+            }));
+        } catch (e) {
+
+        }
+    }
+    return response;
+};
+
+class Logger {
+    constructor(enabled) {
+        this.enabled = enabled;
+    }
+    debug() {
+        if (this.enabled) return;
+        console.debug(...arguments);
+    }
+}
+
+
+class Stash extends EventTarget {
+    constructor({
+        pageUrlCheckInterval = 100,
+        detectReRenders = false, // detects if .main element is re-rendered. eg: When you are in scenes page and clicking the scenes nav tab the url wont change but the elements are re-rendered, So with this you can listen and alter the elements inside the .main node
+        logging = false
+    } = {}) {
+        super();
+        this.log = new Logger(logging);
+        this._pageUrlCheckInterval = pageUrlCheckInterval;
+        this._detectReRenders = detectReRenders;
+        this.fireOnHashChangesToo = true;
+        this._lastPathStr = "";
+        this._lastQueryStr = "";
+        this._lastHashStr = "";
+        this._lastHref = "";
+        this._lastStashPageEvent = "";
+        this.waitForElement(this._detectReRenders ? ".main > div" : "html").then(() => {
+            this._pageURLCheckTimerId = setInterval(() => {
+                // Loop every 100 ms
+                if (
+                    this._lastPathStr !== location.pathname ||
+                    this._lastQueryStr !== location.search ||
+                    (this.fireOnHashChangesToo && this._lastHashStr !== location.hash) ||
+                    this._lastHref !== location.href ||
+                    (!document.querySelector(".main > div[stashUserscriptLibrary]") && this._detectReRenders)
+                ) {
+                    this._dispatchPageEvent("stash:page", false)
+                    this.gmMain({
+                        lastPathStr: this._lastPathStr,
+                        lastQueryStr: this._lastQueryStr,
+                        lastHashStr: this._lastHashStr,
+                        lastHref: this._lastHref,
+                        lastStashPageEvent: this._lastStashPageEvent,
+                    });
+                    this._lastPathStr = location.pathname
+                    this._lastQueryStr = location.search
+                    this._lastHashStr = location.hash
+                    this._lastHref = location.href
+                    if (this._detectReRenders) {
+                        this.waitForElement(".main > div", 10000).then((element) => {
+                            element.setAttribute("stashUserscriptLibrary", "");
+                        })
+                    }
+                }
+            }, this._pageUrlCheckInterval);
+        })
+        stashListener.addEventListener('response', (evt) => {
+            if (evt.detail.data?.plugins) {
+                this.getPluginVersion(evt.detail);
+            }
+            this.processRemoteScenes(evt.detail);
+            this.processScene(evt.detail);
+            this.processScenes(evt.detail);
+            this.processStudios(evt.detail);
+            this.processPerformers(evt.detail);
+            this.processApiKey(evt.detail);
+            this.dispatchEvent(new CustomEvent('stash:response', {
+                'detail': evt.detail
+            }));
+        });
+        stashListener.addEventListener('pluginVersion', (evt) => {
+            if (this.pluginVersion !== evt.detail) {
+                this.pluginVersion = evt.detail;
+                this.dispatchEvent(new CustomEvent('stash:pluginVersion', {
+                    'detail': evt.detail
+                }));
+            }
+        });
+        this.version = [0, 0, 0];
+        this.getVersion();
+        this.pluginVersion = null;
+        this.getPlugins().then(plugins => this.getPluginVersion(plugins));
+        this.visiblePluginTasks = ['Userscript Functions'];
+        this.settingsCallbacks = [];
+        this.settingsId = 'userscript-settings';
+        this.remoteScenes = {};
+        this.scenes = {};
+        this.studios = {};
+        this.performers = {};
+        this.userscripts = [];
+        this._pageListeners = {};
+        this.assignPageListeners()
+    }
+    async getVersion() {
+        const reqData = {
+            "operationName": "",
+            "variables": {},
+            "query": `query version {
+                version {
+                    version
+                }
+            }`
+        };
+        const data = await this.callGQL(reqData);
+        const versionString = data.data.version.version;
+        this.version = versionString.substring(1).split('.').map(o => parseInt(o));
+    }
+    compareVersion(minVersion) {
+        let [currMajor, currMinor, currPatch = 0] = this.version;
+        let [minMajor, minMinor, minPatch = 0] = minVersion.split('.').map(i => parseInt(i));
+        if (currMajor > minMajor) return 1;
+        if (currMajor < minMajor) return -1;
+        if (currMinor > minMinor) return 1;
+        if (currMinor < minMinor) return -1;
+        return 0;
+
+    }
+    comparePluginVersion(minPluginVersion) {
+        if (!this.pluginVersion) return -1;
+        let [currMajor, currMinor, currPatch = 0] = this.pluginVersion.split('.').map(i => parseInt(i));
+        let [minMajor, minMinor, minPatch = 0] = minPluginVersion.split('.').map(i => parseInt(i));
+        if (currMajor > minMajor) return 1;
+        if (currMajor < minMajor) return -1;
+        if (currMinor > minMinor) return 1;
+        if (currMinor < minMinor) return -1;
+        return 0;
+
+    }
+    async runPluginTask(pluginId, taskName, args = []) {
+        const reqData = {
+            "operationName": "RunPluginTask",
+            "variables": {
+                "plugin_id": pluginId,
+                "task_name": taskName,
+                "args": args
+            },
+            "query": "mutation RunPluginTask($plugin_id: ID!, $task_name: String!, $args: [PluginArgInput!]) {\n  runPluginTask(plugin_id: $plugin_id, task_name: $task_name, args: $args)\n}\n"
+        };
+        return this.callGQL(reqData);
+    }
+    async callGQL(reqData) {
+        const options = {
+            method: 'POST',
+            body: JSON.stringify(reqData),
+            headers: {
+                'Content-Type': 'application/json'
+            }
+        }
+
+        try {
+            const res = await window.fetch('/graphql', options);
+            // this.log.debug(res);
+            return res.json();
+        } catch (err) {
+            console.error(err);
+        }
+    }
+    async getFreeOnesStats(link) {
+        try {
+            const doc = await fetch(link)
+                .then(function(response) {
+                    // When the page is loaded convert it to text
+                    return response.text()
+                })
+                .then(function(html) {
+                    // Initialize the DOM parser
+                    var parser = new DOMParser();
+
+                    // Parse the text
+                    var doc = parser.parseFromString(html, "text/html");
+
+                    // You can now even select part of that html as you would in the regular DOM
+                    // Example:
+                    // var docArticle = doc.querySelector('article').innerHTML;
+
+                    console.log(doc);
+                    return doc
+                })
+                .catch(function(err) {
+                    console.log('Failed to fetch page: ', err);
+                });
+
+            var data = new Object();
+            data.rank = doc.querySelector('rank-chart-button');
+            console.log(data.rank);
+            data.views = doc.querySelector('.d-none.d-m-flex.flex-column.align-items-center.global-header > div.font-weight-bold').textContent;
+            data.votes = '0'
+            return JSON.stringify(data);
+        } catch (err) {
+            console.error(err);
+        }
+    }
+    async getPlugins() {
+        const reqData = {
+            "operationName": "Plugins",
+            "variables": {},
+            "query": `query Plugins {
+              plugins {
+                id
+                name
+                description
+                url
+                version
+                tasks {
+                  name
+                  description
+                  __typename
+                }
+                hooks {
+                  name
+                  description
+                  hooks
+                }
+              }
+            }
+            `
+        };
+        return this.callGQL(reqData);
+    }
+    async getPluginVersion(plugins) {
+        let version = null;
+        for (const plugin of plugins?.data?.plugins || []) {
+            if (plugin.id === 'userscript_functions') {
+                version = plugin.version;
+            }
+        }
+        stashListener.dispatchEvent(new CustomEvent('pluginVersion', {
+            'detail': version
+        }));
+    }
+    async getStashBoxes() {
+        const reqData = {
+            "operationName": "Configuration",
+            "variables": {},
+            "query": `query Configuration {
+                        configuration {
+                          general {
+                            stashBoxes {
+                              endpoint
+                              api_key
+                              name
+                            }
+                          }
+                        }
+                      }`
+        };
+        return this.callGQL(reqData);
+    }
+    async getApiKey() {
+        const reqData = {
+            "operationName": "Configuration",
+            "variables": {},
+            "query": `query Configuration {
+                        configuration {
+                          general {
+                            apiKey
+                          }
+                        }
+                      }`
+        };
+        return this.callGQL(reqData);
+    }
+    matchUrl(href, fragment) {
+        const regexp = concatRegexp(new RegExp(window.location.origin), fragment);
+        // this.log.debug(regexp, location.href.match(regexp));
+        return href.match(regexp) != null;
+    }
+    createSettings() {
+        waitForElementId('configuration-tabs-tabpane-system', async (elementId, el) => {
+            let section;
+            if (!document.getElementById(this.settingsId)) {
+                section = document.createElement("div");
+                section.setAttribute('id', this.settingsId);
+                section.classList.add('setting-section');
+                section.innerHTML = `<h1>Userscript Settings</h1>`;
+                el.appendChild(section);
+
+                const expectedApiKey = (await this.getApiKey())?.data?.configuration?.general?.apiKey || '';
+                const expectedUrl = window.location.origin;
+
+                const serverUrlInput = await this.createSystemSettingTextbox(section, 'userscript-section-server-url', 'userscript-server-url', 'Stash Server URL', '', 'Server URL…', true);
+                serverUrlInput.addEventListener('change', () => {
+                    const value = serverUrlInput.value || '';
+                    if (value) {
+                        this.updateConfigValueTask('STASH', 'url', value);
+                        alert(`Userscripts plugin server URL set to ${value}`);
+                    } else {
+                        this.getConfigValueTask('STASH', 'url').then(value => {
+                            serverUrlInput.value = value;
+                        });
+                    }
+                });
+                serverUrlInput.disabled = true;
+                serverUrlInput.value = expectedUrl;
+                this.getConfigValueTask('STASH', 'url').then(value => {
+                    if (value !== expectedUrl) {
+                        return this.updateConfigValueTask('STASH', 'url', expectedUrl);
+                    }
+                });
+
+                const apiKeyInput = await this.createSystemSettingTextbox(section, 'userscript-section-server-apikey', 'userscript-server-apikey', 'Stash API Key', '', 'API Key…', true);
+                apiKeyInput.addEventListener('change', () => {
+                    const value = apiKeyInput.value || '';
+                    this.updateConfigValueTask('STASH', 'api_key', value);
+                    if (value) {
+                        alert(`Userscripts plugin server api key set to ${value}`);
+                    } else {
+                        alert(`Userscripts plugin server api key value cleared`);
+                    }
+                });
+                apiKeyInput.disabled = true;
+                apiKeyInput.value = expectedApiKey;
+                this.getConfigValueTask('STASH', 'api_key').then(value => {
+                    if (value !== expectedApiKey) {
+                        return this.updateConfigValueTask('STASH', 'api_key', expectedApiKey);
+                    }
+                });
+            } else {
+                section = document.getElementById(this.settingsId);
+            }
+
+            for (const callback of this.settingsCallbacks) {
+                callback(this.settingsId, section);
+            }
+
+            if (this.pluginVersion) {
+                this.dispatchEvent(new CustomEvent('stash:pluginVersion', {
+                    'detail': this.pluginVersion
+                }));
+            }
+
+        });
+    }
+    addSystemSetting(callback) {
+        const section = document.getElementById(this.settingsId);
+        if (section) {
+            callback(this.settingsId, section);
+        }
+        this.settingsCallbacks.push(callback);
+    }
+    async createSystemSettingCheckbox(containerEl, settingsId, inputId, settingsHeader, settingsSubheader) {
+        const section = document.createElement("div");
+        section.setAttribute('id', settingsId);
+        section.classList.add('card');
+        section.style.display = 'none';
+        section.innerHTML = `<div class="setting">
+        <div>
+        <h3>${settingsHeader}</h3>
+        <div class="sub-heading">${settingsSubheader}</div>
+        </div>
+        <div>
+        <div class="custom-control custom-switch">
+        <input type="checkbox" id="${inputId}" class="custom-control-input">
+        <label title="" for="${inputId}" class="custom-control-label"></label>
+        </div>
+        </div>
+        </div>`;
+        containerEl.appendChild(section);
+        return document.getElementById(inputId);
+    }
+    async createSystemSettingTextbox(containerEl, settingsId, inputId, settingsHeader, settingsSubheader, placeholder, visible) {
+        const section = document.createElement("div");
+        section.setAttribute('id', settingsId);
+        section.classList.add('card');
+        section.style.display = visible ? 'flex' : 'none';
+        section.innerHTML = `<div class="setting">
+        <div>
+        <h3>${settingsHeader}</h3>
+        <div class="sub-heading">${settingsSubheader}</div>
+        </div>
+        <div>
+        <div class="flex-grow-1 query-text-field-group">
+        <input id="${inputId}" class="bg-secondary text-white border-secondary form-control" placeholder="${placeholder}">
+        </div>
+        </div>
+        </div>`;
+        containerEl.appendChild(section);
+        return document.getElementById(inputId);
+    }
+    get serverUrl() {
+        return window.location.origin;
+    }
+    async waitForElement(selector, timeout = null, location = document.body, disconnectOnPageChange = false) {
+        return new Promise((resolve) => {
+            if (document.querySelector(selector)) {
+                return resolve(document.querySelector(selector))
+            }
+    
+            const observer = new MutationObserver(async () => {
+                if (document.querySelector(selector)) {
+                    resolve(document.querySelector(selector))
+                    observer.disconnect()
+                } else {
+                    if (timeout) {
+                        async function timeOver() {
+                            return new Promise((resolve) => {
+                                setTimeout(() => {
+                                    observer.disconnect()
+                                    resolve(false)
+                                }, timeout)
+                            })
+                        }
+                        resolve(await timeOver())
+                    }
+                }
+            })
+    
+            observer.observe(location, {
+                childList: true,
+                subtree: true,
+            })
+
+            const stash = this
+            if (disconnectOnPageChange) {
+                function disconnect() {
+                    observer.disconnect()
+                    stash.removeEventListener("stash:page", disconnect)
+                }
+                stash.addEventListener("stash:page", disconnect)
+            }
+        })
+    }
+    async waitForElementDeath(selector, location = document.body, disconnectOnPageChange = false) {
+        return new Promise((resolve) => {   
+            const observer = new MutationObserver(async () => {
+                if (!document.querySelector(selector)) {
+                    resolve(true)
+                    observer.disconnect()
+                }
+            })
+    
+            observer.observe(location, {
+                childList: true,
+                subtree: true,
+            })
+
+            const stash = this
+            if (disconnectOnPageChange) {
+                function disconnect() {
+                    observer.disconnect()
+                    stash.removeEventListener("stash:page", disconnect)
+                }
+                stash.addEventListener("stash:page", disconnect)
+            }
+        })
+    }
+    async _listenForNonPageChanges({selector = "", location = document.body, listenType = "", event = "", recursive = false, reRunGmMain = false, condition = () => true, listenDefaultTab = true, callback = () => {}} = {}){
+        if (recursive) return
+        if (listenType === "tabs") {
+            const locationElement = await this.waitForElement(location, 10000, document.body, true)
+            const stash = this
+            let previousEvent = ""
+            function listenForTabClicks(domEvent) {
+                const clickedChild = domEvent.target ? domEvent.target : domEvent;
+                if(!clickedChild.classList?.contains("nav-link")) return
+                const tagName = clickedChild.getAttribute("data-rb-event-key")
+                const parentEvent = tagName.split("-")[0]
+                const childEvent = tagName.split("-").slice(1, -1).join("-")
+                event = `stash:page:${parentEvent}:${childEvent}`
+                if (previousEvent === event || !condition()) return
+                previousEvent = event
+                stash._dispatchPageEvent(`stash:page:any:${childEvent}`, false)
+                stash._dispatchPageEvent(event)
+            }
+            if (listenDefaultTab) listenForTabClicks(locationElement.querySelector(".nav-link.active"))
+            locationElement.addEventListener("click", listenForTabClicks);
+            function removeEventListenerOnPageChange() {
+                locationElement.removeEventListener("click", listenForTabClicks)
+                stash.removeEventListener("stash:page", removeEventListenerOnPageChange)
+            }
+            stash.addEventListener("stash:page", removeEventListenerOnPageChange)
+        } else if (await this.waitForElement(selector, null, location, true)) {
+            this._dispatchPageEvent(event)
+            if (await this.waitForElementDeath(selector, location, true)) {
+                if (this._lastPathStr === window.location.pathname && !reRunGmMain) {
+                    await this._listenForNonPageChanges({selector: selector, event: event})
+                } else if (this._lastPathStr === window.location.pathname && reRunGmMain)  {
+                    this.gmMain({
+                        recursive: true,
+                        lastPathStr: this._lastPathStr,
+                        lastQueryStr: this._lastQueryStr,
+                        lastHashStr: this._lastHashStr,
+                        lastHref: this._lastHref,
+                        lastStashPageEvent: this._lastStashPageEvent,
+                    });
+                }
+            }
+        }
+    callback()
+    }
+    _dispatchPageEvent(event, addToHistory = true) {
+        this.dispatchEvent(new CustomEvent(event, {
+            detail: {
+                event: event,
+                lastEventState: {
+                    lastPathStr: this._lastPathStr,
+                    lastQueryStr: this._lastQueryStr,
+                    lastHashStr: this._lastHashStr,
+                    lastHref: this._lastHref,
+                    lastStashPageEvent: this._lastStashPageEvent,
+                }
+            }
+        }))
+        if (addToHistory) {
+            this.log.debug(`[Navigation] ${event}`);
+            if (event.startsWith("stash:")) {
+                this._lastStashPageEvent = event;
+            }
+        }
+    }
+    addPageListener(eventData) {
+        const {event, regex, callBack = () => {}, manuallyHandleDispatchEvent = false} = eventData
+        if (event && !event?.startsWith("stash:") && regex && this._pageListeners[event] === undefined){
+            this._pageListeners[event] = {
+                regex: regex,
+                callBack: callBack,
+                manuallyHandleDispatchEvent: manuallyHandleDispatchEvent
+            }
+            return event
+        } else {
+            if (this._pageListeners[event] !== undefined) {
+                console.error(`Can't add page listener: Event ${event} already exists`)
+            } else if (event?.startsWith("stash:")) {
+                console.error(`Can't add page listener: Event name can't start with "stash:"`)
+            } else {
+                console.error(`Can't add page listener: Missing required argument(s) "event", "regex"`)
+            }
+            return false
+        }
+    }
+    removePageListener(event) {
+        if(event && !event?.startsWith("stash:") && this._pageListeners[event]){
+            delete this._pageListeners[event]
+            return event
+        } else {
+            if (this._pageListeners[event] === undefined && event) {
+                console.error(`Can't remove page listener: Event ${event} doesn't exists`)
+            } else if (event?.startsWith("stash:")) {
+                console.error(`Can't remove page listener: Event ${event} is a built in event`)
+            } else {
+                console.error(`Can't remove page listener: Missing "event" argument`)
+            }
+            return false
+        }
+    }
+    stopPageListener() {
+        clearInterval(this._pageURLCheckTimerId)
+    }
+    assignPageListeners() {
+        this._pageListeners = {
+            // scenes tab
+            "stash:page:scenes": {
+                regex: /\/scenes\?/,
+                handleDisplayView: true,
+                callBack: () => this.processTagger()
+            },
+            "stash:page:scene:new": {
+                regex: /\/scenes\/new/
+            },
+            "stash:page:scene": {
+                regex: /\/scenes\/\d+/,
+                callBack: ({recursive = false}) => this._listenForNonPageChanges({
+                    location: ".scene-tabs .nav-tabs",
+                    listenType: "tabs",
+                    recursive: recursive
+                })
+            },
+
+            // images tab
+            "stash:page:images": {
+                regex: /\/images\?/,
+                handleDisplayView: true,
+            },
+            "stash:page:image": {
+                regex: /\/images\/\d+/,
+                callBack: ({recursive = false}) => this._listenForNonPageChanges({
+                    location: ".image-tabs .nav-tabs",
+                    listenType: "tabs",
+                    recursive: recursive
+                })
+            },
+
+            // movies tab
+            "stash:page:movies": {
+                regex: /\/movies\?/,
+            },
+            "stash:page:movie": {
+                regex: /\/movies\/\d+/,
+            },
+            "stash:page:movie:scenes": {
+                regex: /\/movies\/\d+\?/,
+                callBack: () => this.processTagger()
+            },
+
+            // markers tab
+            "stash:page:markers": {
+                regex: /\/scenes\/markers/
+            },
+
+            // galleries tab
+            "stash:page:galleries": {
+                regex: /\/galleries\?/,
+                handleDisplayView: true,
+            },
+            "stash:page:gallery:new": {
+                regex: /\/galleries\/new/,
+            },
+            "stash:page:gallery:images": {
+                regex: /\/galleries\/\d+\?/,
+                manuallyHandleDispatchEvent: true,
+                handleDisplayView: "ignoreDisplayViewCondition",
+                callBack: ({lastHref, recursive = false}, event) => {
+                    if(!this.matchUrl(lastHref, /\/galleries\/\d+/)){
+                        this._dispatchPageEvent("stash:page:gallery");
+                        this._listenForNonPageChanges({selector: ".gallery-tabs .nav-tabs .nav-link.active", event: "stash:page:gallery:details"})
+                    }
+        
+                    this._dispatchPageEvent(event);
+                    
+                    this._listenForNonPageChanges({
+                        location: ".gallery-tabs .nav-tabs",
+                        listenType: "tabs",
+                        recursive: recursive,
+                        listenDefaultTab: false
+                    })
+                }
+            },
+            "stash:page:gallery:add": {
+                regex: /\/galleries\/\d+\/add/,
+                manuallyHandleDispatchEvent: true,
+                handleDisplayView: "ignoreDisplayViewCondition",
+                callBack: ({lastHref, recursive = false}, event) => {
+                    if(!this.matchUrl(lastHref, /\/galleries\/\d+/)){
+                        this._dispatchPageEvent("stash:page:gallery");
+                        this._listenForNonPageChanges({selector: ".gallery-tabs .nav-tabs .nav-link.active", event: "stash:page:gallery:details"})
+                    }
+        
+                    this._dispatchPageEvent(event);
+                    
+                    this._listenForNonPageChanges({
+                        location: ".gallery-tabs .nav-tabs",
+                        listenType: "tabs",
+                        recursive: recursive,
+                        listenDefaultTab: false
+                    })
+                }
+            },
+
+            // performers tab
+            "stash:page:performers": {
+                regex: /\/performers\?/,
+                manuallyHandleDispatchEvent: true,
+                handleDisplayView: true, 
+                callBack: ({lastHref}, event) => !this.matchUrl(lastHref, /\/performers\?/) || this._detectReRenders ? this._dispatchPageEvent(event) : null
+            },
+            "stash:page:performer:new": {
+                regex: /\/performers\/new/
+            },
+            "stash:page:performer": {
+                regex: /\/performers\/\d+/,
+                manuallyHandleDispatchEvent: true,
+                callBack: ({lastHref}, event) => {
+                    if(!this.matchUrl(lastHref, /\/performers\/\d+/)){
+                        this._dispatchPageEvent(event);
+                        this.processTagger();
+                    }
+
+                    this._listenForNonPageChanges({
+                        selector: "#performer-edit",
+                        event: "stash:page:performer:edit",
+                        reRunGmMain: true,
+                        callback: () => this._detectReRenders ? this._dispatchPageEvent(event) : null
+                    })
+                }
+            },
+            "stash:page:performer:scenes": {
+                regex: /\/performers\/\d+\?/,
+                handleDisplayView: true,
+            },
+            "stash:page:performer:galleries": {
+                regex: /\/performers\/\d+\/galleries/,
+                handleDisplayView: true
+            },
+            "stash:page:performer:images": {
+                regex: /\/performers\/\d+\/images/,
+                handleDisplayView: true
+            },
+            "stash:page:performer:movies": {
+                regex: /\/performers\/\d+\/movies/
+            },
+            "stash:page:performer:appearswith": {
+                regex: /\/performers\/\d+\/appearswith/,
+                handleDisplayView: true,
+                callBack: () => this.processTagger()
+            },
+
+            // studios tab
+            "stash:page:studios": {
+                regex: /\/studios\?/,
+                handleDisplayView: true,
+            },
+            "stash:page:studio:new": {
+                regex: /\/studios\/new/
+            },
+            "stash:page:studio": {
+                regex: /\/studios\/\d+/,
+                manuallyHandleDispatchEvent: true,
+                callBack: ({lastHref}, event) => {
+                    if(!this.matchUrl(lastHref, /\/studios\/\d+/)){
+                        this._dispatchPageEvent(event);
+                        this.processTagger();
+                    }
+
+                    this._listenForNonPageChanges({
+                        selector: "#studio-edit",
+                        event: "stash:page:studio:edit",
+                        reRunGmMain: true,
+                        callback: () => this._detectReRenders ? this._dispatchPageEvent(event) : null
+                    })
+                }
+            },
+            "stash:page:studio:scenes": {
+                regex: /\/studios\/\d+\?/,
+                handleDisplayView: true,
+            },
+            "stash:page:studio:galleries": {
+                regex: /\/studios\/\d+\/galleries/,
+                handleDisplayView: true,
+            },
+            "stash:page:studio:images": {
+                regex: /\/studios\/\d+\/images/,
+                handleDisplayView: true,
+            },
+            "stash:page:studio:performers": {
+                regex: /\/studios\/\d+\/performers/,
+                handleDisplayView: true,
+            },
+            "stash:page:studio:movies": {
+                regex: /\/studios\/\d+\/movies/
+            },
+            "stash:page:studio:childstudios": {
+                regex: /\/studios\/\d+\/childstudios/,
+                handleDisplayView: true,
+            },
+
+            // tags tab
+            "stash:page:tags": {
+                regex: /\/tags\?/,
+                handleDisplayView: true,
+            },
+            "stash:page:tag:new": {
+                regex: /\/tags\/new/
+            },
+            "stash:page:tag": {
+                regex: /\/tags\/\d+/,
+                manuallyHandleDispatchEvent: true,
+                callBack: ({lastHref}, event) => {
+                    if(!this.matchUrl(lastHref, /\/tags\/\d+/)){
+                        this._dispatchPageEvent(event);
+                        this.processTagger();
+                    }
+
+                    this._listenForNonPageChanges({
+                        selector: "#tag-edit",
+                        event: "stash:page:tag:edit",
+                        reRunGmMain: true,
+                        callback: () => this._detectReRenders ? this._dispatchPageEvent(event) : null
+                    })
+                }
+            },
+            "stash:page:tag:scenes": {
+                regex: /\/tags\/\d+\?/,
+                handleDisplayView: true,
+            },
+            "stash:page:tag:galleries": {
+                regex: /\/tags\/\d+\/galleries/,
+                handleDisplayView: true,
+            },
+            "stash:page:tag:images": {
+                regex: /\/tags\/\d+\/images/,
+                handleDisplayView: true,
+            },
+            "stash:page:tag:markers": {
+                regex: /\/tags\/\d+\/markers/
+            },
+            "stash:page:tag:performers": {
+                regex: /\/tags\/\d+\/performers/,
+                handleDisplayView: true,
+            },
+
+            // settings page
+            "stash:page:settings": {
+                regex: /\/settings/,
+                manuallyHandleDispatchEvent: true,
+                callBack: ({lastHref}, event) => !this.matchUrl(lastHref, /\/settings/) ? this._dispatchPageEvent(event) : null
+            },
+            "stash:page:settings:tasks": {
+                regex: /\/settings\?tab=tasks/,
+                callback: () => this.hidePluginTasks()
+            },
+            "stash:page:settings:library": {
+                regex: /\/settings\?tab=library/
+            },
+            "stash:page:settings:interface": {
+                regex: /\/settings\?tab=interface/
+            },
+            "stash:page:settings:security": {
+                regex: /\/settings\?tab=security/
+            },
+            "stash:page:settings:metadata-providers": {
+                regex: /\/settings\?tab=metadata-providers/
+            },
+            "stash:page:settings:services": {
+                regex: /\/settings\?tab=services/
+            },
+            "stash:page:settings:system": {
+                regex: /\/settings\?tab=system/,
+                callBack: () => this.createSettings()
+            },
+            "stash:page:settings:plugins": {
+                regex: /\/settings\?tab=plugins/
+            },
+            "stash:page:settings:logs": {
+                regex: /\/settings\?tab=logs/
+            },
+            "stash:page:settings:tools": {
+                regex: /\/settings\?tab=tools/
+            },
+            "stash:page:settings:changelog": {
+                regex: /\/settings\?tab=changelog/
+            },
+            "stash:page:settings:about": {
+                regex: /\/settings\?tab=about/
+            },
+
+            // stats page
+            "stash:page:stats": {
+                regex: /\/stats/
+            },
+
+            // home page
+            "stash:page:home": {
+                regex: /\/$/,
+                callBack: () => this._listenForNonPageChanges({selector: ".recommendations-container-edit", event: "stash:page:home:edit", reRunGmMain: true})
+            },
+        }
+    }
+    gmMain(args) {
+        const events = Object.keys(this._pageListeners)
+
+        for (const event of events) {
+            const {regex, callBack = async () => {}, manuallyHandleDispatchEvent = false, handleDisplayView = false} = this._pageListeners[event]
+            
+            let isDisplayViewPage = false
+            let isListPage, isWallPage, isTaggerPage
+            
+            if (handleDisplayView) {
+                isListPage = this.matchUrl(window.location.href, concatRegexp(regex, /.*disp=1/))
+                isWallPage = this.matchUrl(window.location.href, concatRegexp(regex, /.*disp=2/))
+                isTaggerPage = this.matchUrl(window.location.href, concatRegexp(regex, /.*disp=3/))
+                
+                if (isListPage || isWallPage || isTaggerPage) isDisplayViewPage = true
+            }
+
+            const handleDisplayViewCondition = handleDisplayView !== true || (handleDisplayView && (!isDisplayViewPage || args.lastHref === ""))
+
+            if (this.matchUrl(window.location.href, regex) && handleDisplayViewCondition) {
+                if (!manuallyHandleDispatchEvent) this._dispatchPageEvent(event)
+                callBack({...args, location: window.location}, event)
+            }
+
+            if (handleDisplayView) {
+                if (isListPage) {
+                    this._dispatchPageEvent("stash:page:any:list", false);
+                    this._dispatchPageEvent(event + ":list");
+                } else if (isWallPage) {
+                    this._dispatchPageEvent("stash:page:any:wall", false);
+                    this._dispatchPageEvent(event + ":wall");
+                } else if (isTaggerPage) {
+                    this._dispatchPageEvent("stash:page:any:tagger", false);
+                    this._dispatchPageEvent(event + ":tagger");
+                }
+            }
+        }
+    }
+    addEventListeners(events, callback, ...options) {
+        events.forEach((event) => {
+            this.addEventListener(event, callback, ...options);
+        });
+    }
+    hidePluginTasks() {
+        // hide userscript functions plugin tasks
+        waitForElementByXpath("//div[@id='tasks-panel']//h3[text()='Userscript Functions']/ancestor::div[contains(@class, 'setting-group')]", (elementId, el) => {
+            const tasks = el.querySelectorAll('.setting');
+            for (const task of tasks) {
+                const taskName = task.querySelector('h3').innerText;
+                task.classList.add(this.visiblePluginTasks.indexOf(taskName) === -1 ? 'd-none' : 'd-flex');
+                this.dispatchEvent(new CustomEvent('stash:plugin:task', {
+                    'detail': {
+                        taskName,
+                        task
+                    }
+                }));
+            }
+        });
+    }
+    async updateConfigValueTask(sectionKey, propName, value) {
+        return this.runPluginTask("userscript_functions", "Update Config Value", [{
+            "key": "section_key",
+            "value": {
+                "str": sectionKey
+            }
+        }, {
+            "key": "prop_name",
+            "value": {
+                "str": propName
+            }
+        }, {
+            "key": "value",
+            "value": {
+                "str": value
+            }
+        }]);
+    }
+    async getConfigValueTask(sectionKey, propName) {
+        await this.runPluginTask("userscript_functions", "Get Config Value", [{
+            "key": "section_key",
+            "value": {
+                "str": sectionKey
+            }
+        }, {
+            "key": "prop_name",
+            "value": {
+                "str": propName
+            }
+        }]);
+
+        // poll logs until plugin task output appears
+        const prefix = `[Plugin / Userscript Functions] get_config_value: [${sectionKey}][${propName}] =`;
+        return this.pollLogsForMessage(prefix);
+    }
+    async pollLogsForMessage(prefix) {
+        const reqTime = Date.now();
+        const reqData = {
+            "variables": {},
+            "query": `query Logs {
+                        logs {
+                            time
+                            level
+                            message
+                        }
+                    }`
+        };
+        await new Promise(r => setTimeout(r, 500));
+        let retries = 0;
+        while (true) {
+            const delay = 2 ** retries * 100;
+            await new Promise(r => setTimeout(r, delay));
+            retries++;
+
+            const logs = await this.callGQL(reqData);
+            for (const log of logs.data.logs) {
+                const logTime = Date.parse(log.time);
+                if (logTime > reqTime && log.message.startsWith(prefix)) {
+                    return log.message.replace(prefix, '').trim();
+                }
+            }
+
+            if (retries >= 5) {
+                throw `Poll logs failed for message: ${prefix}`;
+            }
+        }
+    }
+    processTagger() {
+        waitForElementByXpath("//button[text()='Scrape All']", (xpath, el) => {
+            this.dispatchEvent(new CustomEvent('tagger', {
+                'detail': el
+            }));
+
+            const searchItemContainer = document.querySelector('.tagger-container').lastChild;
+
+            const observer = new MutationObserver(mutations => {
+                mutations.forEach(mutation => {
+                    mutation.addedNodes.forEach(node => {
+                        if (node?.classList?.contains('entity-name') && node.innerText.startsWith('Performer:')) {
+                            this.dispatchEvent(new CustomEvent('tagger:mutation:add:remoteperformer', {
+                                'detail': {
+                                    node,
+                                    mutation
+                                }
+                            }));
+                        } else if (node?.classList?.contains('entity-name') && node.innerText.startsWith('Studio:')) {
+                            this.dispatchEvent(new CustomEvent('tagger:mutation:add:remotestudio', {
+                                'detail': {
+                                    node,
+                                    mutation
+                                }
+                            }));
+                        } else if (node.tagName === 'SPAN' && node.innerText.startsWith('Matched:')) {
+                            this.dispatchEvent(new CustomEvent('tagger:mutation:add:local', {
+                                'detail': {
+                                    node,
+                                    mutation
+                                }
+                            }));
+                        } else if (node.tagName === 'UL') {
+                            this.dispatchEvent(new CustomEvent('tagger:mutation:add:container', {
+                                'detail': {
+                                    node,
+                                    mutation
+                                }
+                            }));
+                        } else if (node?.classList?.contains('col-lg-6')) {
+                            this.dispatchEvent(new CustomEvent('tagger:mutation:add:subcontainer', {
+                                'detail': {
+                                    node,
+                                    mutation
+                                }
+                            }));
+                        } else if (node.tagName === 'H5') { // scene date
+                            this.dispatchEvent(new CustomEvent('tagger:mutation:add:date', {
+                                'detail': {
+                                    node,
+                                    mutation
+                                }
+                            }));
+                        } else if (node.tagName === 'DIV' && node?.classList?.contains('d-flex') && node?.classList?.contains('flex-column')) { // scene stashid, url, details
+                            this.dispatchEvent(new CustomEvent('tagger:mutation:add:detailscontainer', {
+                                'detail': {
+                                    node,
+                                    mutation
+                                }
+                            }));
+                        } else {
+                            this.dispatchEvent(new CustomEvent('tagger:mutation:add:other', {
+                                'detail': {
+                                    node,
+                                    mutation
+                                }
+                            }));
+                        }
+                    });
+                });
+                this.dispatchEvent(new CustomEvent('tagger:mutations:searchitems', {
+                    'detail': mutations
+                }));
+            });
+            observer.observe(searchItemContainer, {
+                childList: true,
+                subtree: true
+            });
+
+            const taggerContainerHeader = document.querySelector('.tagger-container-header');
+            const taggerContainerHeaderObserver = new MutationObserver(mutations => {
+                this.dispatchEvent(new CustomEvent('tagger:mutations:header', {
+                    'detail': mutations
+                }));
+            });
+            taggerContainerHeaderObserver.observe(taggerContainerHeader, {
+                childList: true,
+                subtree: true
+            });
+
+            for (const searchItem of document.querySelectorAll('.search-item')) {
+                this.dispatchEvent(new CustomEvent('tagger:searchitem', {
+                    'detail': searchItem
+                }));
+            }
+
+            if (!document.getElementById('progress-bar')) {
+                const progressBar = createElementFromHTML(`<div id="progress-bar" class="progress"><div class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div></div>`);
+                progressBar.classList.add('progress');
+                progressBar.style.display = 'none';
+                taggerContainerHeader.appendChild(progressBar);
+            }
+        });
+        waitForElementByXpath("//div[@class='tagger-container-header']/div/div[@class='row']/h4[text()='Configuration']", (xpath, el) => {
+            this.dispatchEvent(new CustomEvent('tagger:configuration', {
+                'detail': el
+            }));
+        });
+    }
+    setProgress(value) {
+        const progressBar = document.getElementById('progress-bar');
+        if (progressBar) {
+            progressBar.firstChild.style.width = value + '%';
+            progressBar.style.display = (value <= 0 || value > 100) ? 'none' : 'flex';
+        }
+    }
+    processRemoteScenes(data) {
+        if (data.data?.scrapeMultiScenes) {
+            for (const matchResults of data.data.scrapeMultiScenes) {
+                for (const scene of matchResults) {
+                    this.remoteScenes[scene.remote_site_id] = scene;
+                }
+            }
+        } else if (data.data?.scrapeSingleScene) {
+            for (const scene of data.data.scrapeSingleScene) {
+                this.remoteScenes[scene.remote_site_id] = scene;
+            }
+        }
+    }
+    processScene(data) {
+        if (data.data.findScene) {
+            this.scenes[data.data.findScene.id] = data.data.findScene;
+        }
+    }
+    processScenes(data) {
+        if (data.data.findScenes?.scenes) {
+            for (const scene of data.data.findScenes.scenes) {
+                this.scenes[scene.id] = scene;
+            }
+        }
+    }
+    processStudios(data) {
+        if (data.data.findStudios?.studios) {
+            for (const studio of data.data.findStudios.studios) {
+                this.studios[studio.id] = studio;
+            }
+        }
+    }
+    processPerformers(data) {
+        if (data.data.findPerformers?.performers) {
+            for (const performer of data.data.findPerformers.performers) {
+                this.performers[performer.id] = performer;
+            }
+        }
+    }
+    processApiKey(data) {
+        if (data.data.generateAPIKey != null && this.pluginVersion) {
+            this.updateConfigValueTask('STASH', 'api_key', data.data.generateAPIKey);
+        }
+    }
+    parseSearchItem(searchItem) {
+        const urlNode = searchItem.querySelector('a.scene-link');
+        const url = new URL(urlNode.href);
+        const id = url.pathname.replace('/scenes/', '');
+        const data = this.scenes[id];
+        const nameNode = searchItem.querySelector('a.scene-link > div.TruncatedText');
+        const name = nameNode.innerText;
+        const queryInput = searchItem.querySelector('input.text-input');
+        const performerNodes = searchItem.querySelectorAll('.performer-tag-container');
+
+        return {
+            urlNode,
+            url,
+            id,
+            data,
+            nameNode,
+            name,
+            queryInput,
+            performerNodes
+        }
+    }
+    parseSearchResultItem(searchResultItem) {
+        const remoteUrlNode = searchResultItem.querySelector('.scene-details .optional-field .optional-field-content a');
+        const remoteId = remoteUrlNode?.href.split('/').pop();
+        const remoteUrl = remoteUrlNode?.href ? new URL(remoteUrlNode.href) : null;
+        const remoteData = this.remoteScenes[remoteId];
+
+        const sceneDetailNodes = searchResultItem.querySelectorAll('.scene-details .optional-field .optional-field-content');
+        let urlNode = null;
+        let detailsNode = null;
+        for (const sceneDetailNode of sceneDetailNodes) {
+            if (sceneDetailNode.innerText.startsWith('http') && (remoteUrlNode?.href !== sceneDetailNode.innerText)) {
+                urlNode = sceneDetailNode;
+            } else if (!sceneDetailNode.innerText.startsWith('http')) {
+                detailsNode = sceneDetailNode;
+            }
+        }
+
+        const imageNode = searchResultItem.querySelector('.scene-image-container .optional-field .optional-field-content');
+
+        const metadataNode = searchResultItem.querySelector('.scene-metadata');
+        const titleNode = metadataNode.querySelector('h4 .optional-field .optional-field-content');
+        const codeAndDateNodes = metadataNode.querySelectorAll('h5 .optional-field .optional-field-content');
+        let codeNode = null;
+        let dateNode = null;
+        for (const node of codeAndDateNodes) {
+            if (node.textContent.includes('-')) {
+                dateNode = node;
+            } else {
+                codeNode = node;
+            }
+        }
+
+        const entityNodes = searchResultItem.querySelectorAll('.entity-name');
+        let studioNode = null;
+        const performerNodes = [];
+        for (const entityNode of entityNodes) {
+            if (entityNode.innerText.startsWith('Studio:')) {
+                studioNode = entityNode;
+            } else if (entityNode.innerText.startsWith('Performer:')) {
+                performerNodes.push(entityNode);
+            }
+        }
+
+        const matchNodes = searchResultItem.querySelectorAll('div.col-lg-6 div.mt-2 div.row.no-gutters.my-2 span.ml-auto');
+        const matches = []
+        for (const matchNode of matchNodes) {
+            let matchType = null;
+            const entityNode = matchNode.parentElement.querySelector('.entity-name');
+
+            const matchName = matchNode.querySelector('.optional-field-content b').innerText;
+            const remoteName = entityNode.querySelector('b').innerText;
+
+            let data;
+            if (entityNode.innerText.startsWith('Performer:')) {
+                matchType = 'performer';
+                if (remoteData) {
+                    data = remoteData.performers.find(performer => performer.name === remoteName);
+                }
+            } else if (entityNode.innerText.startsWith('Studio:')) {
+                matchType = 'studio';
+                if (remoteData) {
+                    data = remoteData.studio
+                }
+            }
+
+            matches.push({
+                matchType,
+                matchNode,
+                entityNode,
+                matchName,
+                remoteName,
+                data
+            });
+        }
+
+        return {
+            remoteUrlNode,
+            remoteId,
+            remoteUrl,
+            remoteData,
+            urlNode,
+            detailsNode,
+            imageNode,
+            titleNode,
+            codeNode,
+            dateNode,
+            studioNode,
+            performerNodes,
+            matches
+        }
+    }
+}
+
+window.stash = new Stash();
+
+function waitForElementQuerySelector(query, callBack, time) {
+    time = (typeof time !== 'undefined') ? time : 100;
+    window.setTimeout(() => {
+        const element = document.querySelector(query);
+        if (element) {
+            callBack(query, element);
+        } else {
+            waitForElementQuerySelector(query, callBack, time);
+        }
+    }, time);
+}
+
+function waitForElementClass(elementId, callBack, time) {
+    time = (typeof time !== 'undefined') ? time : 100;
+    window.setTimeout(() => {
+        const element = document.getElementsByClassName(elementId);
+        if (element.length > 0) {
+            callBack(elementId, element);
+        } else {
+            waitForElementClass(elementId, callBack, time);
+        }
+    }, time);
+}
+
+function waitForElementId(elementId, callBack, time) {
+    time = (typeof time !== 'undefined') ? time : 100;
+    window.setTimeout(() => {
+        const element = document.getElementById(elementId);
+        if (element != null) {
+            callBack(elementId, element);
+        } else {
+            waitForElementId(elementId, callBack, time);
+        }
+    }, time);
+}
+
+function waitForElementByXpath(xpath, callBack, time) {
+    time = (typeof time !== 'undefined') ? time : 100;
+    window.setTimeout(() => {
+        const element = getElementByXpath(xpath);
+        if (element) {
+            callBack(xpath, element);
+        } else {
+            waitForElementByXpath(xpath, callBack, time);
+        }
+    }, time);
+}
+
+function getElementByXpath(xpath, contextNode) {
+    return document.evaluate(xpath, contextNode || document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
+}
+
+function createElementFromHTML(htmlString) {
+    const div = document.createElement('div');
+    div.innerHTML = htmlString.trim();
+
+    // Change this to div.childNodes to support multiple top-level nodes.
+    return div.firstChild;
+}
+
+function getElementByXpath(xpath, contextNode) {
+    return document.evaluate(xpath, contextNode || document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
+}
+
+function getElementsByXpath(xpath, contextNode) {
+    return document.evaluate(xpath, contextNode || document, null, XPathResult.ORDERED_NODE_ITERATOR_TYPE, null);
+}
+
+function getClosestAncestor(el, selector, stopSelector) {
+    let retval = null;
+    while (el) {
+        if (el.matches(selector)) {
+            retval = el;
+            break
+        } else if (stopSelector && el.matches(stopSelector)) {
+            break
+        }
+        el = el.parentElement;
+    }
+    return retval;
+}
+
+function setNativeValue(element, value) {
+    const valueSetter = Object.getOwnPropertyDescriptor(element, 'value').set;
+    const prototype = Object.getPrototypeOf(element);
+    const prototypeValueSetter = Object.getOwnPropertyDescriptor(prototype, 'value').set;
+
+    if (valueSetter && valueSetter !== prototypeValueSetter) {
+        prototypeValueSetter.call(element, value);
+    } else {
+        valueSetter.call(element, value);
+    }
+}
+
+function updateTextInput(element, value) {
+    setNativeValue(element, value);
+    element.dispatchEvent(new Event('input', {
+        bubbles: true
+    }));
+}
+
+function concatRegexp(reg, exp) {
+    let flags = reg.flags + exp.flags;
+    flags = Array.from(new Set(flags.split(''))).join();
+    return new RegExp(reg.source + exp.source, flags);
+}
+
+function sortElementChildren(node) {
+    const items = node.childNodes;
+    const itemsArr = [];
+    for (const i in items) {
+        if (items[i].nodeType == Node.ELEMENT_NODE) { // get rid of the whitespace text nodes
+            itemsArr.push(items[i]);
+        }
+    }
+
+    itemsArr.sort((a, b) => {
+        return a.innerHTML == b.innerHTML ?
+            0 :
+            (a.innerHTML > b.innerHTML ? 1 : -1);
+    });
+
+    for (let i = 0; i < itemsArr.length; i++) {
+        node.appendChild(itemsArr[i]);
+    }
+}
+
+function xPathResultToArray(result) {
+    let node = null;
+    const nodes = [];
+    while (node = result.iterateNext()) {
+        nodes.push(node);
+    }
+    return nodes;
+}
+
+function createStatElement(container, title, heading) {
+    const statEl = document.createElement('div');
+    statEl.classList.add('stats-element');
+    container.appendChild(statEl);
+
+    const statTitle = document.createElement('p');
+    statTitle.classList.add('title');
+    statTitle.innerText = title;
+    statEl.appendChild(statTitle);
+
+    const statHeading = document.createElement('p');
+    statHeading.classList.add('heading');
+    statHeading.innerText = heading;
+    statEl.appendChild(statHeading);
+}
+
+const reloadImg = url =>
+    fetch(url, {
+        cache: 'reload',
+        mode: 'no-cors'
+    })
+    .then(() => document.body.querySelectorAll(`img[src='${url}']`)
+        .forEach(img => img.src = url));
diff --git a/plugins/stashUserscriptLibrary/stashUserscriptLibrary.js b/plugins/stashUserscriptLibrary/stashUserscriptLibrary.js
index 6e2ee885..79152106 100644
--- a/plugins/stashUserscriptLibrary/stashUserscriptLibrary.js
+++ b/plugins/stashUserscriptLibrary/stashUserscriptLibrary.js
@@ -45,23 +45,41 @@ class Stash extends EventTarget {
         this._pageUrlCheckInterval = pageUrlCheckInterval;
         this._detectReRenders = detectReRenders;
         this.fireOnHashChangesToo = true;
-        waitForElementQuerySelector(this._detectReRenders ? ".main > div" : "html", () => {
-            this.pageURLCheckTimer = setInterval(() => {
+        this._lastPathStr = "";
+        this._lastQueryStr = "";
+        this._lastHashStr = "";
+        this._lastHref = "";
+        this._lastStashPageEvent = "";
+        this.waitForElement(this._detectReRenders ? ".main > div" : "html").then(() => {
+            this._pageURLCheckTimerId = setInterval(() => {
                 // Loop every 100 ms
-                if (this.lastPathStr !== location.pathname || this.lastQueryStr !== location.search || (this.fireOnHashChangesToo && this.lastHashStr !== location.hash) || this.lastHref !== location.href || (!document.querySelector(".main > div[stashUserscriptLibrary]") && this._detectReRenders)) {
-                    this.log.debug('[Navigation] Page Changed');
-                    this.dispatchEvent(new Event('page'));
-                    this.gmMain(false, this.lastHref);
-                    this.lastPathStr = location.pathname;
-                    this.lastQueryStr = location.search;
-                    this.lastHashStr = location.hash;
-                    this.lastHref = location.href;
-                    if (this._detectReRenders) waitForElementQuerySelector(".main > div", (query, element) => {
-                        element.setAttribute("stashUserscriptLibrary", "");
-                    }, 10)
+                if (
+                    this._lastPathStr !== location.pathname ||
+                    this._lastQueryStr !== location.search ||
+                    (this.fireOnHashChangesToo && this._lastHashStr !== location.hash) ||
+                    this._lastHref !== location.href ||
+                    (!document.querySelector(".main > div[stashUserscriptLibrary]") && this._detectReRenders)
+                ) {
+                    this._dispatchPageEvent("stash:page", false)
+                    this.gmMain({
+                        lastPathStr: this._lastPathStr,
+                        lastQueryStr: this._lastQueryStr,
+                        lastHashStr: this._lastHashStr,
+                        lastHref: this._lastHref,
+                        lastStashPageEvent: this._lastStashPageEvent,
+                    });
+                    this._lastPathStr = location.pathname
+                    this._lastQueryStr = location.search
+                    this._lastHashStr = location.hash
+                    this._lastHref = location.href
+                    if (this._detectReRenders) {
+                        this.waitForElement(".main > div", 10000).then((element) => {
+                            element.setAttribute("stashUserscriptLibrary", "");
+                        })
+                    }
                 }
             }, this._pageUrlCheckInterval);
-        }, 1)
+        })
         stashListener.addEventListener('response', (evt) => {
             if (evt.detail.data?.plugins) {
                 this.getPluginVersion(evt.detail);
@@ -96,17 +114,18 @@ class Stash extends EventTarget {
         this.studios = {};
         this.performers = {};
         this.userscripts = [];
+        this._pageListeners = {};
+        this.assignPageListeners()
     }
     async getVersion() {
         const reqData = {
             "operationName": "",
             "variables": {},
             "query": `query version {
-    version {
-        version
-    }
-}
-`
+                version {
+                    version
+                }
+            }`
         };
         const data = await this.callGQL(reqData);
         const versionString = data.data.version.version;
@@ -267,10 +286,10 @@ class Stash extends EventTarget {
         };
         return this.callGQL(reqData);
     }
-    matchUrl(location, fragment) {
-        const regexp = concatRegexp(new RegExp(location.origin), fragment);
+    matchUrl(href, fragment) {
+        const regexp = concatRegexp(new RegExp(window.location.origin), fragment);
         this.log.debug(regexp, location.href.match(regexp));
-        return location.href.match(regexp) != null;
+        return href.match(regexp) != null;
     }
     createSettings() {
         waitForElementId('configuration-tabs-tabpane-system', async (elementId, el) => {
@@ -421,9 +440,9 @@ class Stash extends EventTarget {
             if (disconnectOnPageChange) {
                 function disconnect() {
                     observer.disconnect()
-                    stash.removeEventListener("page", disconnect)
+                    stash.removeEventListener("stash:page", disconnect)
                 }
-                this.addEventListener("page", disconnect)
+                stash.addEventListener("stash:page", disconnect)
             }
         })
     }
@@ -445,14 +464,14 @@ class Stash extends EventTarget {
             if (disconnectOnPageChange) {
                 function disconnect() {
                     observer.disconnect()
-                    stash.removeEventListener("page", disconnect)
+                    stash.removeEventListener("stash:page", disconnect)
                 }
-                this.addEventListener("page", disconnect)
+                stash.addEventListener("stash:page", disconnect)
             }
         })
     }
-    async _listenForNonPageChanges({selector = "", location = document.body, listenType = "", event = "", eventMessage = "", isRecursive = false, reRunGmMain = false, condition = () => true, listenDefaultTab = true, callback = () => {}} = {}){
-        if (isRecursive) return
+    async _listenForNonPageChanges({selector = "", location = document.body, listenType = "", event = "", recursive = false, reRunGmMain = false, condition = () => true, listenDefaultTab = true, callback = () => {}} = {}){
+        if (recursive) return
         if (listenType === "tabs") {
             const locationElement = await this.waitForElement(location, 10000, document.body, true)
             const stash = this
@@ -463,386 +482,431 @@ class Stash extends EventTarget {
                 const tagName = clickedChild.getAttribute("data-rb-event-key")
                 const parentEvent = tagName.split("-")[0]
                 const childEvent = tagName.split("-").slice(1, -1).join("-")
-                event = `page:${parentEvent}:${childEvent}`
+                event = `stash:page:${parentEvent}:${childEvent}`
                 if (previousEvent === event || !condition()) return
                 previousEvent = event
-                stash.log.debug("[Navigation] " + `${parentEvent[0].toUpperCase() + parentEvent.slice(1)} Page - ${childEvent[0].toUpperCase() + childEvent.slice(1)}`);
-                stash.dispatchEvent(new Event(event));
+                stash._dispatchPageEvent(`stash:page:any:${childEvent}`, false)
+                stash._dispatchPageEvent(event)
             }
             if (listenDefaultTab) listenForTabClicks(locationElement.querySelector(".nav-link.active"))
             locationElement.addEventListener("click", listenForTabClicks);
             function removeEventListenerOnPageChange() {
                 locationElement.removeEventListener("click", listenForTabClicks)
-                stash.removeEventListener("page", removeEventListenerOnPageChange)
+                stash.removeEventListener("stash:page", removeEventListenerOnPageChange)
             }
-            stash.addEventListener("page", removeEventListenerOnPageChange)
+            stash.addEventListener("stash:page", removeEventListenerOnPageChange)
         } else if (await this.waitForElement(selector, null, location, true)) {
-            this.log.debug("[Navigation] " + eventMessage);
-            this.dispatchEvent(new Event(event));
+            this._dispatchPageEvent(event)
             if (await this.waitForElementDeath(selector, location, true)) {
-                if (this.lastPathStr === window.location.pathname && !reRunGmMain) {
-                    this._listenForNonPageChanges({selector: selector, event: event, eventMessage: eventMessage})
-                } else if (this.lastPathStr === window.location.pathname && reRunGmMain)  {
-                    this.gmMain(true, this.lastHref)
+                if (this._lastPathStr === window.location.pathname && !reRunGmMain) {
+                    await this._listenForNonPageChanges({selector: selector, event: event})
+                } else if (this._lastPathStr === window.location.pathname && reRunGmMain)  {
+                    this.gmMain({
+                        recursive: true,
+                        lastPathStr: this._lastPathStr,
+                        lastQueryStr: this._lastQueryStr,
+                        lastHashStr: this._lastHashStr,
+                        lastHref: this._lastHref,
+                        lastStashPageEvent: this._lastStashPageEvent,
+                    });
                 }
             }
         }
     callback()
     }
-    gmMain(isRecursive = false, lastHref) {
-        const location = window.location;
-        this.log.debug(URL, window.location);
-
-        // Run parent page specific functions
-        // detect performer edit page
-        if (this.matchUrl(location, /\/performers\/\d+/)) {
-            if(!new RegExp(/\/performers\/\d+/).test(lastHref)){
-                this.log.debug('[Navigation] Performer Page');
-                this.processTagger();
-                this.dispatchEvent(new Event('page:performer'));
-            }
-
-            this._listenForNonPageChanges({selector: "#performer-edit", event: "page:performer:edit", eventMessage: "Performer Page - Edit", reRunGmMain: true, callback: () => {
-                if (this._detectReRenders) {
-                    this.log.debug('[Navigation] Performer Page');
-                    this.dispatchEvent(new Event('page:performer'));  
+    _dispatchPageEvent(event, addToHistory = true) {
+        this.dispatchEvent(new CustomEvent(event, {
+            detail: {
+event: event,
+                lastEventState: {
+                    lastPathStr: this._lastPathStr,
+                    lastQueryStr: this._lastQueryStr,
+                    lastHashStr: this._lastHashStr,
+                    lastHref: this._lastHref,
+                    lastStashPageEvent: this._lastStashPageEvent,
                 }
-            }})
+            }
+        }))
+        if (addToHistory) {
+            this.log.debug(`[Navigation] ${event}`);
+            if (event.startsWith("stash:")) {
+                this._lastStashPageEvent = event;
+            }
         }
-        // detect studio edit page
-        else if (this.matchUrl(location, /\/studios\/\d+/)) {
-            if(!new RegExp(/\/studios\/\d+/).test(lastHref)){
-                this.log.debug('[Navigation] Studio Page');
-                this.processTagger();
-                this.dispatchEvent(new Event('page:studio'));
+    }
+    addPageListener(eventData) {
+        const {event, regex, callBack = () => {}, manuallyHandleDispatchEvent = false} = eventData
+        if (event && !event?.startsWith("stash:") && regex && this._pageListeners[event] === undefined){
+            this._pageListeners[event] = {
+                regex: regex,
+                callBack: callBack,
+                manuallyHandleDispatchEvent: manuallyHandleDispatchEvent
             }
-
-            this._listenForNonPageChanges({selector: "#studio-edit", event: "page:studio:edit", eventMessage: "Studio Page - Edit", reRunGmMain: true, callback: () => {
-                if (this._detectReRenders) {
-                    this.log.debug('[Navigation] Studio Page');
-                    this.dispatchEvent(new Event('page:studio'));    
-                }
-            }})
+            return event
+        } else {
+            if (this._pageListeners[event] !== undefined) {
+                console.error(`Can't add page listener: Event ${event} already exists`)
+            } else if (event?.startsWith("stash:")) {
+                console.error(`Can't add page listener: Event name can't start with "stash:"`)
+            } else {
+                console.error(`Can't add page listener: Missing required argument(s) "event", "regex"`)
+            }
+            return false
         }
-        // detect tag edit page
-        else if (this.matchUrl(location, /\/tags\/\d+/)) {
-            if(!new RegExp(/\/tags\/\d+/).test(lastHref)){
-                this.log.debug('[Navigation] Tag Page');
-                this.processTagger();
-                this.dispatchEvent(new Event('page:tag'));
+    }
+    removePageListener(event) {
+        if(event && !event?.startsWith("stash:") && this._pageListeners[event]){
+            delete this._pageListeners[event]
+            return event
+        } else {
+            if (this._pageListeners[event] === undefined && event) {
+                console.error(`Can't remove page listener: Event ${event} doesn't exists`)
+            } else if (event?.startsWith("stash:")) {
+                console.error(`Can't remove page listener: Event ${event} is a built in event`)
+            } else {
+                console.error(`Can't remove page listener: Missing "event" argument`)
             }
-
-            this._listenForNonPageChanges({selector: "#tag-edit", event: "page:tag:edit", eventMessage: "Tag Page - Edit", reRunGmMain: true, callback: () => {
-                if (this._detectReRenders) {
-                    this.log.debug('[Navigation] Tag Page');
-                    this.dispatchEvent(new Event('page:tag'));  
-                }
-            }})
+            return false
         }
+    }
+    stopPageListener() {
+        clearInterval(this._pageURLCheckTimerId)
+    }
+    assignPageListeners() {
+        this._pageListeners = {
+            // scenes tab
+            "stash:page:scenes": {
+                regex: /\/scenes\?/,
+                handleDisplayView: true,
+                callBack: () => this.processTagger()
+            },
+            "stash:page:scene:new": {
+                regex: /\/scenes\/new/
+            },
+            "stash:page:scene": {
+                regex: /\/scenes\/\d+/,
+                callBack: ({recursive = false}) => this._listenForNonPageChanges({
+                    location: ".scene-tabs .nav-tabs",
+                    listenType: "tabs",
+                    recursive: recursive
+                })
+            },
 
-        // markers page
-        if (this.matchUrl(location, /\/scenes\/markers/)) {
-            this.log.debug('[Navigation] Markers Page');
-            this.dispatchEvent(new Event('page:markers'));
-        }
-        // create scene page
-        else if (this.matchUrl(location, /\/scenes\/new/)) {
-            this.log.debug('[Navigation] Create Scene Page');
-            this.dispatchEvent(new Event('page:scene:new'));
-        }
-        // scene page
-        else if (this.matchUrl(location, /\/scenes\/\d+/)) {
-            this.log.debug('[Navigation] Scene Page');
-            this.dispatchEvent(new Event('page:scene'));
-            
-            this._listenForNonPageChanges({
-                location: ".scene-tabs .nav-tabs",
-                listenType: "tabs",
-                isRecursive: isRecursive
-            })
-        }
-        // scenes page
-        else if (this.matchUrl(location, /\/scenes\?/)) {
-            this.log.debug('[Navigation] Scenes Page');
-            this.processTagger();
-            this.dispatchEvent(new Event('page:scenes'));
-        }
+            // images tab
+            "stash:page:images": {
+                regex: /\/images\?/,
+                handleDisplayView: true,
+            },
+            "stash:page:image": {
+                regex: /\/images\/\d+/,
+                callBack: ({recursive = false}) => this._listenForNonPageChanges({
+                    location: ".image-tabs .nav-tabs",
+                    listenType: "tabs",
+                    recursive: recursive
+                })
+            },
+
+            // movies tab
+            "stash:page:movies": {
+                regex: /\/movies\?/,
+            },
+            "stash:page:movie": {
+                regex: /\/movies\/\d+/,
+            },
+            "stash:page:movie:scenes": {
+                regex: /\/movies\/\d+\?/,
+                callBack: () => this.processTagger()
+            },
 
-        // image page
-        else if (this.matchUrl(location, /\/images\/\d+/)) {
-            this.log.debug('[Navigation] Image Page');
-            this.dispatchEvent(new Event('page:image'));
+            // markers tab
+            "stash:page:markers": {
+                regex: /\/scenes\/markers/
+            },
 
-            this._listenForNonPageChanges({
-                location: ".image-tabs .nav-tabs",
-                listenType: "tabs",
-                isRecursive: isRecursive
-            })
-        }
-        // images page
-        else if (this.matchUrl(location, /\/images\?/)) {
-            this.log.debug('[Navigation] Images Page');
-            this.dispatchEvent(new Event('page:images'));
-        }
+            // galleries tab
+            "stash:page:galleries": {
+                regex: /\/galleries\?/,
+                handleDisplayView: true,
+            },
+            "stash:page:gallery:new": {
+                regex: /\/galleries\/new/,
+            },
+            "stash:page:gallery:images": {
+                regex: /\/galleries\/\d+\?/,
+                manuallyHandleDispatchEvent: true,
+                handleDisplayView: "ignoreDisplayViewCondition",
+                callBack: ({lastHref, recursive = false}, event) => {
+                    if(!this.matchUrl(lastHref, /\/galleries\/\d+/)){
+                        this._dispatchPageEvent("stash:page:gallery");
+                        this._listenForNonPageChanges({selector: ".gallery-tabs .nav-tabs .nav-link.active", event: "stash:page:gallery:details"})
+                    }
+        
+                    this._dispatchPageEvent(event);
+                    
+                    this._listenForNonPageChanges({
+                        location: ".gallery-tabs .nav-tabs",
+                        listenType: "tabs",
+                        recursive: recursive,
+                        listenDefaultTab: false
+                    })
+                }
+            },
+            "stash:page:gallery:add": {
+                regex: /\/galleries\/\d+\/add/,
+                manuallyHandleDispatchEvent: true,
+                handleDisplayView: "ignoreDisplayViewCondition",
+                callBack: ({lastHref, recursive = false}, event) => {
+                    if(!this.matchUrl(lastHref, /\/galleries\/\d+/)){
+                        this._dispatchPageEvent("stash:page:gallery");
+                        this._listenForNonPageChanges({selector: ".gallery-tabs .nav-tabs .nav-link.active", event: "stash:page:gallery:details"})
+                    }
+        
+                    this._dispatchPageEvent(event);
+                    
+                    this._listenForNonPageChanges({
+                        location: ".gallery-tabs .nav-tabs",
+                        listenType: "tabs",
+                        recursive: recursive,
+                        listenDefaultTab: false
+                    })
+                }
+            },
 
-        // movie scenes page
-        else if (this.matchUrl(location, /\/movies\/\d+\?/)) {
-            this.log.debug('[Navigation] Movie Page - Scenes');
-            this.processTagger();
-            this.dispatchEvent(new Event('page:movie:scenes'));
-        }
-        // movie page
-        else if (this.matchUrl(location, /\/movies\/\d+/)) {
-            this.log.debug('[Navigation] Movie Page');
-            this.dispatchEvent(new Event('page:movie'));
-        }
-        // movies page
-        else if (this.matchUrl(location, /\/movies\?/)) {
-            this.log.debug('[Navigation] Movies Page');
-            this.dispatchEvent(new Event('page:movies'));
-        }
+            // performers tab
+            "stash:page:performers": {
+                regex: /\/performers\?/,
+                manuallyHandleDispatchEvent: true,
+                handleDisplayView: true, 
+                callBack: ({lastHref}, event) => !this.matchUrl(lastHref, /\/performers\?/) || this._detectReRenders ? this._dispatchPageEvent(event) : null
+            },
+            "stash:page:performer:new": {
+                regex: /\/performers\/new/
+            },
+            "stash:page:performer": {
+                regex: /\/performers\/\d+/,
+                manuallyHandleDispatchEvent: true,
+                callBack: ({lastHref}, event) => {
+                    if(!this.matchUrl(lastHref, /\/performers\/\d+/)){
+                        this._dispatchPageEvent(event);
+                        this.processTagger();
+                    }
 
-                // create gallery page
-                else if (this.matchUrl(location, /\/galleries\/new/)) {
-                    this.log.debug('[Navigation] Create Gallery Page');
-                    this.dispatchEvent(new Event('page:gallery:new'));
+                    this._listenForNonPageChanges({
+                        selector: "#performer-edit",
+                        event: "stash:page:performer:edit",
+                        reRunGmMain: true,
+                        callback: () => this._detectReRenders ? this._dispatchPageEvent(event) : null
+                    })
                 }
-        // gallery add page
-        else if (this.matchUrl(location, /\/galleries\/\d+\/add/)) {
-            if(!new RegExp(/\/galleries\/\d+/).test(lastHref)){
-                this.log.debug('[Navigation] Gallery Page');
-                this.dispatchEvent(new Event('page:gallery'));
-                this._listenForNonPageChanges({selector: ".gallery-tabs .nav-tabs .nav-link.active", event: "page:gallery:details", eventMessage: "Gallery Page - Details"})
-            }
+            },
+            "stash:page:performer:scenes": {
+                regex: /\/performers\/\d+\?/,
+                handleDisplayView: true,
+            },
+            "stash:page:performer:galleries": {
+                regex: /\/performers\/\d+\/galleries/,
+                handleDisplayView: true
+            },
+            "stash:page:performer:images": {
+                regex: /\/performers\/\d+\/images/,
+                handleDisplayView: true
+            },
+            "stash:page:performer:movies": {
+                regex: /\/performers\/\d+\/movies/
+            },
+            "stash:page:performer:appearswith": {
+                regex: /\/performers\/\d+\/appearswith/,
+                handleDisplayView: true,
+                callBack: () => this.processTagger()
+            },
 
-            this.log.debug('[Navigation] Gallery Page - Add');
-            this.dispatchEvent(new Event('page:gallery:add'));  
-            
-            this._listenForNonPageChanges({
-                location: ".gallery-tabs .nav-tabs",
-                listenType: "tabs",
-                isRecursive: isRecursive,
-                listenDefaultTab: false
-            })
-        }
-        // gallery page
-        else if (this.matchUrl(location, /\/galleries\/\d+/)) {
-            if(!new RegExp(/\/galleries\/\d+/).test(lastHref)){
-                this.log.debug('[Navigation] Gallery Page');
-                this.dispatchEvent(new Event('page:gallery'));
-                this._listenForNonPageChanges({selector: ".gallery-tabs .nav-tabs .nav-link.active", event: "page:gallery:details", eventMessage: "Gallery Page - Details"})
-            }
+            // studios tab
+            "stash:page:studios": {
+                regex: /\/studios\?/,
+                handleDisplayView: true,
+            },
+            "stash:page:studio:new": {
+                regex: /\/studios\/new/
+            },
+            "stash:page:studio": {
+                regex: /\/studios\/\d+/,
+                manuallyHandleDispatchEvent: true,
+                callBack: ({lastHref}, event) => {
+                    if(!this.matchUrl(lastHref, /\/studios\/\d+/)){
+                        this._dispatchPageEvent(event);
+                        this.processTagger();
+                    }
 
-            this.log.debug('[Navigation] Gallery Page - Images');
-            this.dispatchEvent(new Event('page:gallery:images'));
+                    this._listenForNonPageChanges({
+                        selector: "#studio-edit",
+                        event: "stash:page:studio:edit",
+                        reRunGmMain: true,
+                        callback: () => this._detectReRenders ? this._dispatchPageEvent(event) : null
+                    })
+                }
+            },
+            "stash:page:studio:scenes": {
+                regex: /\/studios\/\d+\?/,
+                handleDisplayView: true,
+            },
+            "stash:page:studio:galleries": {
+                regex: /\/studios\/\d+\/galleries/,
+                handleDisplayView: true,
+            },
+            "stash:page:studio:images": {
+                regex: /\/studios\/\d+\/images/,
+                handleDisplayView: true,
+            },
+            "stash:page:studio:performers": {
+                regex: /\/studios\/\d+\/performers/,
+                handleDisplayView: true,
+            },
+            "stash:page:studio:movies": {
+                regex: /\/studios\/\d+\/movies/
+            },
+            "stash:page:studio:childstudios": {
+                regex: /\/studios\/\d+\/childstudios/,
+                handleDisplayView: true,
+            },
 
-            this._listenForNonPageChanges({
-                location: ".gallery-tabs .nav-tabs",
-                listenType: "tabs",
-                isRecursive: isRecursive,
-                listenDefaultTab: false
-            })
-        }
-        // galleries page
-        else if (this.matchUrl(location, /\/galleries\?/)) {
-            this.log.debug('[Navigation] Galleries Page');
-            this.dispatchEvent(new Event('page:galleries'));
-        }
+            // tags tab
+            "stash:page:tags": {
+                regex: /\/tags\?/,
+                handleDisplayView: true,
+            },
+            "stash:page:tag:new": {
+                regex: /\/tags\/new/
+            },
+            "stash:page:tag": {
+                regex: /\/tags\/\d+/,
+                manuallyHandleDispatchEvent: true,
+                callBack: ({lastHref}, event) => {
+                    if(!this.matchUrl(lastHref, /\/tags\/\d+/)){
+                        this._dispatchPageEvent(event);
+                        this.processTagger();
+                    }
 
-        // performer galleries page
-        else if (this.matchUrl(location, /\/performers\/\d+\/galleries/)) {
-            this.log.debug('[Navigation] Performer Page - Galleries');
-            this.dispatchEvent(new Event('page:performer:galleries'));
-        }
-        // performer images page
-        else if (this.matchUrl(location, /\/performers\/\d+\/images/)) {
-            this.log.debug('[Navigation] Performer Page - Images');
-            this.dispatchEvent(new Event('page:performer:images'));
-        }
-        // performer movies page
-        else if (this.matchUrl(location, /\/performers\/\d+\/movies/)) {
-            this.log.debug('[Navigation] Performer Page - Movies');
-            this.dispatchEvent(new Event('page:performer:movies'));
-        }
-        // performer appearswith page
-        else if (this.matchUrl(location, /\/performers\/\d+\/appearswith/)) {
-            this.log.debug('[Navigation] Performer Page - Appears With');
-            this.processTagger();
-            this.dispatchEvent(new Event('page:performer:appearswith'));
-        }
-        // create performer page
-        else if (this.matchUrl(location, /\/performers\/new/)) {
-            this.log.debug('[Navigation] Create Performer Page');
-            this.dispatchEvent(new Event('page:performer:new'));
-        }
-        // performer scenes page
-        else if (this.matchUrl(location, /\/performers\/\d+\?/)) {
-            this.log.debug('[Navigation] Performer Page - Scenes');
-            this.dispatchEvent(new Event('page:performer:scenes'));
-        }
-        // performers page
-        else if (this.matchUrl(location, /\/performers\?/)) {
-            this.log.debug('[Navigation] Performers Page');
-            this.dispatchEvent(new Event('page:performers'));
-        }
+                    this._listenForNonPageChanges({
+                        selector: "#tag-edit",
+                        event: "stash:page:tag:edit",
+                        reRunGmMain: true,
+                        callback: () => this._detectReRenders ? this._dispatchPageEvent(event) : null
+                    })
+                }
+            },
+            "stash:page:tag:scenes": {
+                regex: /\/tags\/\d+\?/,
+                handleDisplayView: true,
+            },
+            "stash:page:tag:galleries": {
+                regex: /\/tags\/\d+\/galleries/,
+                handleDisplayView: true,
+            },
+            "stash:page:tag:images": {
+                regex: /\/tags\/\d+\/images/,
+                handleDisplayView: true,
+            },
+            "stash:page:tag:markers": {
+                regex: /\/tags\/\d+\/markers/
+            },
+            "stash:page:tag:performers": {
+                regex: /\/tags\/\d+\/performers/,
+                handleDisplayView: true,
+            },
 
-        // studio galleries page
-        else if (this.matchUrl(location, /\/studios\/\d+\/galleries/)) {
-            this.log.debug('[Navigation] Studio Page - Galleries');
-            this.dispatchEvent(new Event('page:studio:galleries'));
-        }
-        // studio images page
-        else if (this.matchUrl(location, /\/studios\/\d+\/images/)) {
-            this.log.debug('[Navigation] Studio Page - Images');
-            this.dispatchEvent(new Event('page:studio:images'));
-        }
-        // studio performers page
-        else if (this.matchUrl(location, /\/studios\/\d+\/performers/)) {
-            this.log.debug('[Navigation] Studio Page - Performers');
-            this.dispatchEvent(new Event('page:studio:performers'));
-        }
-        // studio movies page
-        else if (this.matchUrl(location, /\/studios\/\d+\/movies/)) {
-            this.log.debug('[Navigation] Studio Page - Movies');
-            this.dispatchEvent(new Event('page:studio:movies'));
-        }
-        // studio childstudios page
-        else if (this.matchUrl(location, /\/studios\/\d+\/childstudios/)) {
-            this.log.debug('[Navigation] Studio Page - Child Studios');
-            this.dispatchEvent(new Event('page:studio:childstudios'));
-        }
-        // create studio page
-        else if (this.matchUrl(location, /\/studios\/new/)) {
-            this.log.debug('[Navigation] Create Studio Page');
-            this.dispatchEvent(new Event('page:studio:new'));
-        }
-        // studio scenes page
-        else if (this.matchUrl(location, /\/studios\/\d+\?/)) {
-            this.log.debug('[Navigation] Studio Page - Scenes');
-            this.dispatchEvent(new Event('page:studio:scenes'));
-        }
-        // studios page
-        else if (this.matchUrl(location, /\/studios\?/)) {
-            this.log.debug('[Navigation] Studios Page');
-            this.dispatchEvent(new Event('page:studios'));
-        }
+            // settings page
+            "stash:page:settings": {
+                regex: /\/settings/,
+                manuallyHandleDispatchEvent: true,
+                callBack: ({lastHref}, event) => !this.matchUrl(lastHref, /\/settings/) ? this._dispatchPageEvent(event) : null
+            },
+            "stash:page:settings:tasks": {
+                regex: /\/settings\?tab=tasks/,
+                callback: () => this.hidePluginTasks()
+            },
+            "stash:page:settings:library": {
+                regex: /\/settings\?tab=library/
+            },
+            "stash:page:settings:interface": {
+                regex: /\/settings\?tab=interface/
+            },
+            "stash:page:settings:security": {
+                regex: /\/settings\?tab=security/
+            },
+            "stash:page:settings:metadata-providers": {
+                regex: /\/settings\?tab=metadata-providers/
+            },
+            "stash:page:settings:services": {
+                regex: /\/settings\?tab=services/
+            },
+            "stash:page:settings:system": {
+                regex: /\/settings\?tab=system/,
+                callBack: () => this.createSettings()
+            },
+            "stash:page:settings:plugins": {
+                regex: /\/settings\?tab=plugins/
+            },
+            "stash:page:settings:logs": {
+                regex: /\/settings\?tab=logs/
+            },
+            "stash:page:settings:tools": {
+                regex: /\/settings\?tab=tools/
+            },
+            "stash:page:settings:changelog": {
+                regex: /\/settings\?tab=changelog/
+            },
+            "stash:page:settings:about": {
+                regex: /\/settings\?tab=about/
+            },
 
-        // tag galleries page
-        else if (this.matchUrl(location, /\/tags\/\d+\/galleries/)) {
-            this.log.debug('[Navigation] Tag Page - Galleries');
-            this.dispatchEvent(new Event('page:tag:galleries'));
-        }
-        // tag images page
-        else if (this.matchUrl(location, /\/tags\/\d+\/images/)) {
-            this.log.debug('[Navigation] Tag Page - Images');
-            this.dispatchEvent(new Event('page:tag:images'));
-        }
-        // tag markers page
-        else if (this.matchUrl(location, /\/tags\/\d+\/markers/)) {
-            this.log.debug('[Navigation] Tag Page - Markers');
-            this.dispatchEvent(new Event('page:tag:markers'));
-        }
-        // tag performers page
-        else if (this.matchUrl(location, /\/tags\/\d+\/performers/)) {
-            this.log.debug('[Navigation] Tag Page - Performers');
-            this.dispatchEvent(new Event('page:tag:performers'));
-        }
-        // create tag page
-        else if (this.matchUrl(location, /\/tags\/new/)) {
-            this.log.debug('[Navigation] Create Tag Page');
-            this.dispatchEvent(new Event('page:tag:new'));
-        }
-        // tag scenes page
-        else if (this.matchUrl(location, /\/tags\/\d+\?/)) {
-            this.log.debug('[Navigation] Tag Page - Scenes');
-            this.dispatchEvent(new Event('page:tag:scenes'));
-        }
-        // tags page
-        else if (this.matchUrl(location, /\/tags\?/)) {
-            this.log.debug('[Navigation] Tags Page');
-            this.dispatchEvent(new Event('page:tags'));
+            // stats page
+            "stash:page:stats": {
+                regex: /\/stats/
+            },
+
+            // home page
+            "stash:page:home": {
+                regex: /\/$/,
+                callBack: () => this._listenForNonPageChanges({selector: ".recommendations-container-edit", event: "stash:page:home:edit", reRunGmMain: true})
+            },
         }
+    }
+    gmMain(args) {
+        const events = Object.keys(this._pageListeners)
 
-        // settings page tasks tab
-        else if (this.matchUrl(location, /\/settings\?tab=tasks/)) {
-            if(!new RegExp(/\/settings\?/).test(lastHref)){
-                this.log.debug('[Navigation] Settings Page');
-                this.dispatchEvent(new Event('page:settings'));
-                this.hidePluginTasks();
+        for (const event of events) {
+            const {regex, callBack = async () => {}, manuallyHandleDispatchEvent = false, handleDisplayView = false} = this._pageListeners[event]
+            
+            let isDisplayViewPage = false
+            let isListPage, isWallPage, isTaggerPage
+            
+            if (handleDisplayView) {
+                isListPage = this.matchUrl(window.location.href, concatRegexp(regex, /.*disp=1/))
+                isWallPage = this.matchUrl(window.location.href, concatRegexp(regex, /.*disp=2/))
+                isTaggerPage = this.matchUrl(window.location.href, concatRegexp(regex, /.*disp=3/))
+                
+                if (isListPage || isWallPage || isTaggerPage) isDisplayViewPage = true
             }
 
-            this.log.debug('[Navigation] Settings Page Tasks Tab');
-            this.dispatchEvent(new Event('page:settings:tasks'));
-        }
-        // settings page library tab
-        else if (this.matchUrl(location, /\/settings\?tab=library/)) {
-            this.log.debug('[Navigation] Settings Page Library Tab');
-            this.dispatchEvent(new Event('page:settings:library'));
-        }
-        // settings page interface tab
-        else if (this.matchUrl(location, /\/settings\?tab=interface/)) {
-            this.log.debug('[Navigation] Settings Page Interface Tab');
-            this.dispatchEvent(new Event('page:settings:interface'));
-        }
-        // settings page security tab
-        else if (this.matchUrl(location, /\/settings\?tab=security/)) {
-            this.log.debug('[Navigation] Settings Page Security Tab');
-            this.dispatchEvent(new Event('page:settings:security'));
-        }
-        // settings page metadata providers tab
-        else if (this.matchUrl(location, /\/settings\?tab=metadata-providers/)) {
-            this.log.debug('[Navigation] Settings Page Metadata Providers Tab');
-            this.dispatchEvent(new Event('page:settings:metadata-providers'));
-        }
-        // settings page services tab
-        else if (this.matchUrl(location, /\/settings\?tab=services/)) {
-            this.log.debug('[Navigation] Settings Page Services Tab');
-            this.dispatchEvent(new Event('page:settings:services'));
-        }
-        // settings page system tab
-        else if (this.matchUrl(location, /\/settings\?tab=system/)) {
-            this.log.debug('[Navigation] Settings Page System Tab');
-            this.createSettings();
-            this.dispatchEvent(new Event('page:settings:system'));
-        }
-        // settings page plugins tab
-        else if (this.matchUrl(location, /\/settings\?tab=plugins/)) {
-            this.log.debug('[Navigation] Settings Page Plugins Tab');
-            this.dispatchEvent(new Event('page:settings:plugins'));
-        }
-        // settings page logs tab
-        else if (this.matchUrl(location, /\/settings\?tab=logs/)) {
-            this.log.debug('[Navigation] Settings Page Logs Tab');
-            this.dispatchEvent(new Event('page:settings:logs'));
-        }
-        // settings page tools tab
-        else if (this.matchUrl(location, /\/settings\?tab=tools/)) {
-            this.log.debug('[Navigation] Settings Page Tools Tab');
-            this.dispatchEvent(new Event('page:settings:tools'));
-        }
-        // settings page changelog tab
-        else if (this.matchUrl(location, /\/settings\?tab=changelog/)) {
-            this.log.debug('[Navigation] Settings Page Changelog Tab');
-            this.dispatchEvent(new Event('page:settings:changelog'));
-        }
-        // settings page about tab
-        else if (this.matchUrl(location, /\/settings\?tab=about/)) {
-            this.log.debug('[Navigation] Settings Page About Tab');
-            this.dispatchEvent(new Event('page:settings:about'));
-        }
-
-        // stats page
-        else if (this.matchUrl(location, /\/stats/)) {
-            this.log.debug('[Navigation] Stats Page');
-            this.dispatchEvent(new Event('page:stats'));
-        }
+            const handleDisplayViewCondition = handleDisplayView !== true || (handleDisplayView && (!isDisplayViewPage || args.lastHref === ""))
 
-        // home page
-        else if (this.matchUrl(location, /\/$/)) {
-            this.log.debug('[Navigation] Home Page');
-            this.dispatchEvent(new Event('page:home'));
+            if (this.matchUrl(window.location.href, regex) && handleDisplayViewCondition) {
+                if (!manuallyHandleDispatchEvent) this._dispatchPageEvent(event)
+                callBack({...args, location: window.location}, event)
+            }
 
-            this._listenForNonPageChanges({selector: ".recommendations-container-edit", event: "page:home:edit", eventMessage: "Home Page - Edit", reRunGmMain: true})
+            if (handleDisplayView) {
+                if (isListPage) {
+                    this._dispatchPageEvent("stash:page:any:list", false);
+                    this._dispatchPageEvent(event + ":list");
+                } else if (isWallPage) {
+                    this._dispatchPageEvent("stash:page:any:wall", false);
+                    this._dispatchPageEvent(event + ":wall");
+                } else if (isTaggerPage) {
+                    this._dispatchPageEvent("stash:page:any:tagger", false);
+                    this._dispatchPageEvent(event + ":tagger");
+                }
+            }
         }
     }
     addEventListeners(events, callback, ...options) {
diff --git a/plugins/stats/stats.js b/plugins/stats/stats.js
index 65f30d53..3444a6f6 100644
--- a/plugins/stats/stats.js
+++ b/plugins/stats/stats.js
@@ -113,7 +113,7 @@
         createStatElement(row, totalCount, 'Markers');
     }
 
-    stash.addEventListener('page:stats', function() {
+    stash.addEventListener('stash:page:stats', function() {
         waitForElementByXpath("//div[contains(@class, 'container-fluid')]/div[@class='mt-5']", function(xpath, el) {
             if (!document.getElementById('custom-stats-row')) {
                 const changelog = el.querySelector('div.changelog');

From fea02978ebc708a4c87e22cdc08b5638627204f0 Mon Sep 17 00:00:00 2001
From: raghavan <raghavanmarch2002@gmail.com>
Date: Fri, 19 Jan 2024 20:35:37 +0530
Subject: [PATCH 51/91] remove custom.js

---
 plugins/stashUserscriptLibrary/custom.js | 1434 ----------------------
 1 file changed, 1434 deletions(-)
 delete mode 100644 plugins/stashUserscriptLibrary/custom.js

diff --git a/plugins/stashUserscriptLibrary/custom.js b/plugins/stashUserscriptLibrary/custom.js
deleted file mode 100644
index f13164c5..00000000
--- a/plugins/stashUserscriptLibrary/custom.js
+++ /dev/null
@@ -1,1434 +0,0 @@
-const stashListener = new EventTarget();
-
-const {
-    fetch: originalFetch
-} = window;
-
-window.fetch = async (...args) => {
-    let [resource, config] = args;
-    // request interceptor here
-    const response = await originalFetch(resource, config);
-    // response interceptor here
-    const contentType = response.headers.get("content-type");
-    if (contentType && contentType.indexOf("application/json") !== -1 && resource.endsWith('/graphql')) {
-        try {
-            const data = await response.clone().json();
-            stashListener.dispatchEvent(new CustomEvent('response', {
-                'detail': data
-            }));
-        } catch (e) {
-
-        }
-    }
-    return response;
-};
-
-class Logger {
-    constructor(enabled) {
-        this.enabled = enabled;
-    }
-    debug() {
-        if (this.enabled) return;
-        console.debug(...arguments);
-    }
-}
-
-
-class Stash extends EventTarget {
-    constructor({
-        pageUrlCheckInterval = 100,
-        detectReRenders = false, // detects if .main element is re-rendered. eg: When you are in scenes page and clicking the scenes nav tab the url wont change but the elements are re-rendered, So with this you can listen and alter the elements inside the .main node
-        logging = false
-    } = {}) {
-        super();
-        this.log = new Logger(logging);
-        this._pageUrlCheckInterval = pageUrlCheckInterval;
-        this._detectReRenders = detectReRenders;
-        this.fireOnHashChangesToo = true;
-        this._lastPathStr = "";
-        this._lastQueryStr = "";
-        this._lastHashStr = "";
-        this._lastHref = "";
-        this._lastStashPageEvent = "";
-        this.waitForElement(this._detectReRenders ? ".main > div" : "html").then(() => {
-            this._pageURLCheckTimerId = setInterval(() => {
-                // Loop every 100 ms
-                if (
-                    this._lastPathStr !== location.pathname ||
-                    this._lastQueryStr !== location.search ||
-                    (this.fireOnHashChangesToo && this._lastHashStr !== location.hash) ||
-                    this._lastHref !== location.href ||
-                    (!document.querySelector(".main > div[stashUserscriptLibrary]") && this._detectReRenders)
-                ) {
-                    this._dispatchPageEvent("stash:page", false)
-                    this.gmMain({
-                        lastPathStr: this._lastPathStr,
-                        lastQueryStr: this._lastQueryStr,
-                        lastHashStr: this._lastHashStr,
-                        lastHref: this._lastHref,
-                        lastStashPageEvent: this._lastStashPageEvent,
-                    });
-                    this._lastPathStr = location.pathname
-                    this._lastQueryStr = location.search
-                    this._lastHashStr = location.hash
-                    this._lastHref = location.href
-                    if (this._detectReRenders) {
-                        this.waitForElement(".main > div", 10000).then((element) => {
-                            element.setAttribute("stashUserscriptLibrary", "");
-                        })
-                    }
-                }
-            }, this._pageUrlCheckInterval);
-        })
-        stashListener.addEventListener('response', (evt) => {
-            if (evt.detail.data?.plugins) {
-                this.getPluginVersion(evt.detail);
-            }
-            this.processRemoteScenes(evt.detail);
-            this.processScene(evt.detail);
-            this.processScenes(evt.detail);
-            this.processStudios(evt.detail);
-            this.processPerformers(evt.detail);
-            this.processApiKey(evt.detail);
-            this.dispatchEvent(new CustomEvent('stash:response', {
-                'detail': evt.detail
-            }));
-        });
-        stashListener.addEventListener('pluginVersion', (evt) => {
-            if (this.pluginVersion !== evt.detail) {
-                this.pluginVersion = evt.detail;
-                this.dispatchEvent(new CustomEvent('stash:pluginVersion', {
-                    'detail': evt.detail
-                }));
-            }
-        });
-        this.version = [0, 0, 0];
-        this.getVersion();
-        this.pluginVersion = null;
-        this.getPlugins().then(plugins => this.getPluginVersion(plugins));
-        this.visiblePluginTasks = ['Userscript Functions'];
-        this.settingsCallbacks = [];
-        this.settingsId = 'userscript-settings';
-        this.remoteScenes = {};
-        this.scenes = {};
-        this.studios = {};
-        this.performers = {};
-        this.userscripts = [];
-        this._pageListeners = {};
-        this.assignPageListeners()
-    }
-    async getVersion() {
-        const reqData = {
-            "operationName": "",
-            "variables": {},
-            "query": `query version {
-                version {
-                    version
-                }
-            }`
-        };
-        const data = await this.callGQL(reqData);
-        const versionString = data.data.version.version;
-        this.version = versionString.substring(1).split('.').map(o => parseInt(o));
-    }
-    compareVersion(minVersion) {
-        let [currMajor, currMinor, currPatch = 0] = this.version;
-        let [minMajor, minMinor, minPatch = 0] = minVersion.split('.').map(i => parseInt(i));
-        if (currMajor > minMajor) return 1;
-        if (currMajor < minMajor) return -1;
-        if (currMinor > minMinor) return 1;
-        if (currMinor < minMinor) return -1;
-        return 0;
-
-    }
-    comparePluginVersion(minPluginVersion) {
-        if (!this.pluginVersion) return -1;
-        let [currMajor, currMinor, currPatch = 0] = this.pluginVersion.split('.').map(i => parseInt(i));
-        let [minMajor, minMinor, minPatch = 0] = minPluginVersion.split('.').map(i => parseInt(i));
-        if (currMajor > minMajor) return 1;
-        if (currMajor < minMajor) return -1;
-        if (currMinor > minMinor) return 1;
-        if (currMinor < minMinor) return -1;
-        return 0;
-
-    }
-    async runPluginTask(pluginId, taskName, args = []) {
-        const reqData = {
-            "operationName": "RunPluginTask",
-            "variables": {
-                "plugin_id": pluginId,
-                "task_name": taskName,
-                "args": args
-            },
-            "query": "mutation RunPluginTask($plugin_id: ID!, $task_name: String!, $args: [PluginArgInput!]) {\n  runPluginTask(plugin_id: $plugin_id, task_name: $task_name, args: $args)\n}\n"
-        };
-        return this.callGQL(reqData);
-    }
-    async callGQL(reqData) {
-        const options = {
-            method: 'POST',
-            body: JSON.stringify(reqData),
-            headers: {
-                'Content-Type': 'application/json'
-            }
-        }
-
-        try {
-            const res = await window.fetch('/graphql', options);
-            // this.log.debug(res);
-            return res.json();
-        } catch (err) {
-            console.error(err);
-        }
-    }
-    async getFreeOnesStats(link) {
-        try {
-            const doc = await fetch(link)
-                .then(function(response) {
-                    // When the page is loaded convert it to text
-                    return response.text()
-                })
-                .then(function(html) {
-                    // Initialize the DOM parser
-                    var parser = new DOMParser();
-
-                    // Parse the text
-                    var doc = parser.parseFromString(html, "text/html");
-
-                    // You can now even select part of that html as you would in the regular DOM
-                    // Example:
-                    // var docArticle = doc.querySelector('article').innerHTML;
-
-                    console.log(doc);
-                    return doc
-                })
-                .catch(function(err) {
-                    console.log('Failed to fetch page: ', err);
-                });
-
-            var data = new Object();
-            data.rank = doc.querySelector('rank-chart-button');
-            console.log(data.rank);
-            data.views = doc.querySelector('.d-none.d-m-flex.flex-column.align-items-center.global-header > div.font-weight-bold').textContent;
-            data.votes = '0'
-            return JSON.stringify(data);
-        } catch (err) {
-            console.error(err);
-        }
-    }
-    async getPlugins() {
-        const reqData = {
-            "operationName": "Plugins",
-            "variables": {},
-            "query": `query Plugins {
-              plugins {
-                id
-                name
-                description
-                url
-                version
-                tasks {
-                  name
-                  description
-                  __typename
-                }
-                hooks {
-                  name
-                  description
-                  hooks
-                }
-              }
-            }
-            `
-        };
-        return this.callGQL(reqData);
-    }
-    async getPluginVersion(plugins) {
-        let version = null;
-        for (const plugin of plugins?.data?.plugins || []) {
-            if (plugin.id === 'userscript_functions') {
-                version = plugin.version;
-            }
-        }
-        stashListener.dispatchEvent(new CustomEvent('pluginVersion', {
-            'detail': version
-        }));
-    }
-    async getStashBoxes() {
-        const reqData = {
-            "operationName": "Configuration",
-            "variables": {},
-            "query": `query Configuration {
-                        configuration {
-                          general {
-                            stashBoxes {
-                              endpoint
-                              api_key
-                              name
-                            }
-                          }
-                        }
-                      }`
-        };
-        return this.callGQL(reqData);
-    }
-    async getApiKey() {
-        const reqData = {
-            "operationName": "Configuration",
-            "variables": {},
-            "query": `query Configuration {
-                        configuration {
-                          general {
-                            apiKey
-                          }
-                        }
-                      }`
-        };
-        return this.callGQL(reqData);
-    }
-    matchUrl(href, fragment) {
-        const regexp = concatRegexp(new RegExp(window.location.origin), fragment);
-        // this.log.debug(regexp, location.href.match(regexp));
-        return href.match(regexp) != null;
-    }
-    createSettings() {
-        waitForElementId('configuration-tabs-tabpane-system', async (elementId, el) => {
-            let section;
-            if (!document.getElementById(this.settingsId)) {
-                section = document.createElement("div");
-                section.setAttribute('id', this.settingsId);
-                section.classList.add('setting-section');
-                section.innerHTML = `<h1>Userscript Settings</h1>`;
-                el.appendChild(section);
-
-                const expectedApiKey = (await this.getApiKey())?.data?.configuration?.general?.apiKey || '';
-                const expectedUrl = window.location.origin;
-
-                const serverUrlInput = await this.createSystemSettingTextbox(section, 'userscript-section-server-url', 'userscript-server-url', 'Stash Server URL', '', 'Server URL…', true);
-                serverUrlInput.addEventListener('change', () => {
-                    const value = serverUrlInput.value || '';
-                    if (value) {
-                        this.updateConfigValueTask('STASH', 'url', value);
-                        alert(`Userscripts plugin server URL set to ${value}`);
-                    } else {
-                        this.getConfigValueTask('STASH', 'url').then(value => {
-                            serverUrlInput.value = value;
-                        });
-                    }
-                });
-                serverUrlInput.disabled = true;
-                serverUrlInput.value = expectedUrl;
-                this.getConfigValueTask('STASH', 'url').then(value => {
-                    if (value !== expectedUrl) {
-                        return this.updateConfigValueTask('STASH', 'url', expectedUrl);
-                    }
-                });
-
-                const apiKeyInput = await this.createSystemSettingTextbox(section, 'userscript-section-server-apikey', 'userscript-server-apikey', 'Stash API Key', '', 'API Key…', true);
-                apiKeyInput.addEventListener('change', () => {
-                    const value = apiKeyInput.value || '';
-                    this.updateConfigValueTask('STASH', 'api_key', value);
-                    if (value) {
-                        alert(`Userscripts plugin server api key set to ${value}`);
-                    } else {
-                        alert(`Userscripts plugin server api key value cleared`);
-                    }
-                });
-                apiKeyInput.disabled = true;
-                apiKeyInput.value = expectedApiKey;
-                this.getConfigValueTask('STASH', 'api_key').then(value => {
-                    if (value !== expectedApiKey) {
-                        return this.updateConfigValueTask('STASH', 'api_key', expectedApiKey);
-                    }
-                });
-            } else {
-                section = document.getElementById(this.settingsId);
-            }
-
-            for (const callback of this.settingsCallbacks) {
-                callback(this.settingsId, section);
-            }
-
-            if (this.pluginVersion) {
-                this.dispatchEvent(new CustomEvent('stash:pluginVersion', {
-                    'detail': this.pluginVersion
-                }));
-            }
-
-        });
-    }
-    addSystemSetting(callback) {
-        const section = document.getElementById(this.settingsId);
-        if (section) {
-            callback(this.settingsId, section);
-        }
-        this.settingsCallbacks.push(callback);
-    }
-    async createSystemSettingCheckbox(containerEl, settingsId, inputId, settingsHeader, settingsSubheader) {
-        const section = document.createElement("div");
-        section.setAttribute('id', settingsId);
-        section.classList.add('card');
-        section.style.display = 'none';
-        section.innerHTML = `<div class="setting">
-        <div>
-        <h3>${settingsHeader}</h3>
-        <div class="sub-heading">${settingsSubheader}</div>
-        </div>
-        <div>
-        <div class="custom-control custom-switch">
-        <input type="checkbox" id="${inputId}" class="custom-control-input">
-        <label title="" for="${inputId}" class="custom-control-label"></label>
-        </div>
-        </div>
-        </div>`;
-        containerEl.appendChild(section);
-        return document.getElementById(inputId);
-    }
-    async createSystemSettingTextbox(containerEl, settingsId, inputId, settingsHeader, settingsSubheader, placeholder, visible) {
-        const section = document.createElement("div");
-        section.setAttribute('id', settingsId);
-        section.classList.add('card');
-        section.style.display = visible ? 'flex' : 'none';
-        section.innerHTML = `<div class="setting">
-        <div>
-        <h3>${settingsHeader}</h3>
-        <div class="sub-heading">${settingsSubheader}</div>
-        </div>
-        <div>
-        <div class="flex-grow-1 query-text-field-group">
-        <input id="${inputId}" class="bg-secondary text-white border-secondary form-control" placeholder="${placeholder}">
-        </div>
-        </div>
-        </div>`;
-        containerEl.appendChild(section);
-        return document.getElementById(inputId);
-    }
-    get serverUrl() {
-        return window.location.origin;
-    }
-    async waitForElement(selector, timeout = null, location = document.body, disconnectOnPageChange = false) {
-        return new Promise((resolve) => {
-            if (document.querySelector(selector)) {
-                return resolve(document.querySelector(selector))
-            }
-    
-            const observer = new MutationObserver(async () => {
-                if (document.querySelector(selector)) {
-                    resolve(document.querySelector(selector))
-                    observer.disconnect()
-                } else {
-                    if (timeout) {
-                        async function timeOver() {
-                            return new Promise((resolve) => {
-                                setTimeout(() => {
-                                    observer.disconnect()
-                                    resolve(false)
-                                }, timeout)
-                            })
-                        }
-                        resolve(await timeOver())
-                    }
-                }
-            })
-    
-            observer.observe(location, {
-                childList: true,
-                subtree: true,
-            })
-
-            const stash = this
-            if (disconnectOnPageChange) {
-                function disconnect() {
-                    observer.disconnect()
-                    stash.removeEventListener("stash:page", disconnect)
-                }
-                stash.addEventListener("stash:page", disconnect)
-            }
-        })
-    }
-    async waitForElementDeath(selector, location = document.body, disconnectOnPageChange = false) {
-        return new Promise((resolve) => {   
-            const observer = new MutationObserver(async () => {
-                if (!document.querySelector(selector)) {
-                    resolve(true)
-                    observer.disconnect()
-                }
-            })
-    
-            observer.observe(location, {
-                childList: true,
-                subtree: true,
-            })
-
-            const stash = this
-            if (disconnectOnPageChange) {
-                function disconnect() {
-                    observer.disconnect()
-                    stash.removeEventListener("stash:page", disconnect)
-                }
-                stash.addEventListener("stash:page", disconnect)
-            }
-        })
-    }
-    async _listenForNonPageChanges({selector = "", location = document.body, listenType = "", event = "", recursive = false, reRunGmMain = false, condition = () => true, listenDefaultTab = true, callback = () => {}} = {}){
-        if (recursive) return
-        if (listenType === "tabs") {
-            const locationElement = await this.waitForElement(location, 10000, document.body, true)
-            const stash = this
-            let previousEvent = ""
-            function listenForTabClicks(domEvent) {
-                const clickedChild = domEvent.target ? domEvent.target : domEvent;
-                if(!clickedChild.classList?.contains("nav-link")) return
-                const tagName = clickedChild.getAttribute("data-rb-event-key")
-                const parentEvent = tagName.split("-")[0]
-                const childEvent = tagName.split("-").slice(1, -1).join("-")
-                event = `stash:page:${parentEvent}:${childEvent}`
-                if (previousEvent === event || !condition()) return
-                previousEvent = event
-                stash._dispatchPageEvent(`stash:page:any:${childEvent}`, false)
-                stash._dispatchPageEvent(event)
-            }
-            if (listenDefaultTab) listenForTabClicks(locationElement.querySelector(".nav-link.active"))
-            locationElement.addEventListener("click", listenForTabClicks);
-            function removeEventListenerOnPageChange() {
-                locationElement.removeEventListener("click", listenForTabClicks)
-                stash.removeEventListener("stash:page", removeEventListenerOnPageChange)
-            }
-            stash.addEventListener("stash:page", removeEventListenerOnPageChange)
-        } else if (await this.waitForElement(selector, null, location, true)) {
-            this._dispatchPageEvent(event)
-            if (await this.waitForElementDeath(selector, location, true)) {
-                if (this._lastPathStr === window.location.pathname && !reRunGmMain) {
-                    await this._listenForNonPageChanges({selector: selector, event: event})
-                } else if (this._lastPathStr === window.location.pathname && reRunGmMain)  {
-                    this.gmMain({
-                        recursive: true,
-                        lastPathStr: this._lastPathStr,
-                        lastQueryStr: this._lastQueryStr,
-                        lastHashStr: this._lastHashStr,
-                        lastHref: this._lastHref,
-                        lastStashPageEvent: this._lastStashPageEvent,
-                    });
-                }
-            }
-        }
-    callback()
-    }
-    _dispatchPageEvent(event, addToHistory = true) {
-        this.dispatchEvent(new CustomEvent(event, {
-            detail: {
-                event: event,
-                lastEventState: {
-                    lastPathStr: this._lastPathStr,
-                    lastQueryStr: this._lastQueryStr,
-                    lastHashStr: this._lastHashStr,
-                    lastHref: this._lastHref,
-                    lastStashPageEvent: this._lastStashPageEvent,
-                }
-            }
-        }))
-        if (addToHistory) {
-            this.log.debug(`[Navigation] ${event}`);
-            if (event.startsWith("stash:")) {
-                this._lastStashPageEvent = event;
-            }
-        }
-    }
-    addPageListener(eventData) {
-        const {event, regex, callBack = () => {}, manuallyHandleDispatchEvent = false} = eventData
-        if (event && !event?.startsWith("stash:") && regex && this._pageListeners[event] === undefined){
-            this._pageListeners[event] = {
-                regex: regex,
-                callBack: callBack,
-                manuallyHandleDispatchEvent: manuallyHandleDispatchEvent
-            }
-            return event
-        } else {
-            if (this._pageListeners[event] !== undefined) {
-                console.error(`Can't add page listener: Event ${event} already exists`)
-            } else if (event?.startsWith("stash:")) {
-                console.error(`Can't add page listener: Event name can't start with "stash:"`)
-            } else {
-                console.error(`Can't add page listener: Missing required argument(s) "event", "regex"`)
-            }
-            return false
-        }
-    }
-    removePageListener(event) {
-        if(event && !event?.startsWith("stash:") && this._pageListeners[event]){
-            delete this._pageListeners[event]
-            return event
-        } else {
-            if (this._pageListeners[event] === undefined && event) {
-                console.error(`Can't remove page listener: Event ${event} doesn't exists`)
-            } else if (event?.startsWith("stash:")) {
-                console.error(`Can't remove page listener: Event ${event} is a built in event`)
-            } else {
-                console.error(`Can't remove page listener: Missing "event" argument`)
-            }
-            return false
-        }
-    }
-    stopPageListener() {
-        clearInterval(this._pageURLCheckTimerId)
-    }
-    assignPageListeners() {
-        this._pageListeners = {
-            // scenes tab
-            "stash:page:scenes": {
-                regex: /\/scenes\?/,
-                handleDisplayView: true,
-                callBack: () => this.processTagger()
-            },
-            "stash:page:scene:new": {
-                regex: /\/scenes\/new/
-            },
-            "stash:page:scene": {
-                regex: /\/scenes\/\d+/,
-                callBack: ({recursive = false}) => this._listenForNonPageChanges({
-                    location: ".scene-tabs .nav-tabs",
-                    listenType: "tabs",
-                    recursive: recursive
-                })
-            },
-
-            // images tab
-            "stash:page:images": {
-                regex: /\/images\?/,
-                handleDisplayView: true,
-            },
-            "stash:page:image": {
-                regex: /\/images\/\d+/,
-                callBack: ({recursive = false}) => this._listenForNonPageChanges({
-                    location: ".image-tabs .nav-tabs",
-                    listenType: "tabs",
-                    recursive: recursive
-                })
-            },
-
-            // movies tab
-            "stash:page:movies": {
-                regex: /\/movies\?/,
-            },
-            "stash:page:movie": {
-                regex: /\/movies\/\d+/,
-            },
-            "stash:page:movie:scenes": {
-                regex: /\/movies\/\d+\?/,
-                callBack: () => this.processTagger()
-            },
-
-            // markers tab
-            "stash:page:markers": {
-                regex: /\/scenes\/markers/
-            },
-
-            // galleries tab
-            "stash:page:galleries": {
-                regex: /\/galleries\?/,
-                handleDisplayView: true,
-            },
-            "stash:page:gallery:new": {
-                regex: /\/galleries\/new/,
-            },
-            "stash:page:gallery:images": {
-                regex: /\/galleries\/\d+\?/,
-                manuallyHandleDispatchEvent: true,
-                handleDisplayView: "ignoreDisplayViewCondition",
-                callBack: ({lastHref, recursive = false}, event) => {
-                    if(!this.matchUrl(lastHref, /\/galleries\/\d+/)){
-                        this._dispatchPageEvent("stash:page:gallery");
-                        this._listenForNonPageChanges({selector: ".gallery-tabs .nav-tabs .nav-link.active", event: "stash:page:gallery:details"})
-                    }
-        
-                    this._dispatchPageEvent(event);
-                    
-                    this._listenForNonPageChanges({
-                        location: ".gallery-tabs .nav-tabs",
-                        listenType: "tabs",
-                        recursive: recursive,
-                        listenDefaultTab: false
-                    })
-                }
-            },
-            "stash:page:gallery:add": {
-                regex: /\/galleries\/\d+\/add/,
-                manuallyHandleDispatchEvent: true,
-                handleDisplayView: "ignoreDisplayViewCondition",
-                callBack: ({lastHref, recursive = false}, event) => {
-                    if(!this.matchUrl(lastHref, /\/galleries\/\d+/)){
-                        this._dispatchPageEvent("stash:page:gallery");
-                        this._listenForNonPageChanges({selector: ".gallery-tabs .nav-tabs .nav-link.active", event: "stash:page:gallery:details"})
-                    }
-        
-                    this._dispatchPageEvent(event);
-                    
-                    this._listenForNonPageChanges({
-                        location: ".gallery-tabs .nav-tabs",
-                        listenType: "tabs",
-                        recursive: recursive,
-                        listenDefaultTab: false
-                    })
-                }
-            },
-
-            // performers tab
-            "stash:page:performers": {
-                regex: /\/performers\?/,
-                manuallyHandleDispatchEvent: true,
-                handleDisplayView: true, 
-                callBack: ({lastHref}, event) => !this.matchUrl(lastHref, /\/performers\?/) || this._detectReRenders ? this._dispatchPageEvent(event) : null
-            },
-            "stash:page:performer:new": {
-                regex: /\/performers\/new/
-            },
-            "stash:page:performer": {
-                regex: /\/performers\/\d+/,
-                manuallyHandleDispatchEvent: true,
-                callBack: ({lastHref}, event) => {
-                    if(!this.matchUrl(lastHref, /\/performers\/\d+/)){
-                        this._dispatchPageEvent(event);
-                        this.processTagger();
-                    }
-
-                    this._listenForNonPageChanges({
-                        selector: "#performer-edit",
-                        event: "stash:page:performer:edit",
-                        reRunGmMain: true,
-                        callback: () => this._detectReRenders ? this._dispatchPageEvent(event) : null
-                    })
-                }
-            },
-            "stash:page:performer:scenes": {
-                regex: /\/performers\/\d+\?/,
-                handleDisplayView: true,
-            },
-            "stash:page:performer:galleries": {
-                regex: /\/performers\/\d+\/galleries/,
-                handleDisplayView: true
-            },
-            "stash:page:performer:images": {
-                regex: /\/performers\/\d+\/images/,
-                handleDisplayView: true
-            },
-            "stash:page:performer:movies": {
-                regex: /\/performers\/\d+\/movies/
-            },
-            "stash:page:performer:appearswith": {
-                regex: /\/performers\/\d+\/appearswith/,
-                handleDisplayView: true,
-                callBack: () => this.processTagger()
-            },
-
-            // studios tab
-            "stash:page:studios": {
-                regex: /\/studios\?/,
-                handleDisplayView: true,
-            },
-            "stash:page:studio:new": {
-                regex: /\/studios\/new/
-            },
-            "stash:page:studio": {
-                regex: /\/studios\/\d+/,
-                manuallyHandleDispatchEvent: true,
-                callBack: ({lastHref}, event) => {
-                    if(!this.matchUrl(lastHref, /\/studios\/\d+/)){
-                        this._dispatchPageEvent(event);
-                        this.processTagger();
-                    }
-
-                    this._listenForNonPageChanges({
-                        selector: "#studio-edit",
-                        event: "stash:page:studio:edit",
-                        reRunGmMain: true,
-                        callback: () => this._detectReRenders ? this._dispatchPageEvent(event) : null
-                    })
-                }
-            },
-            "stash:page:studio:scenes": {
-                regex: /\/studios\/\d+\?/,
-                handleDisplayView: true,
-            },
-            "stash:page:studio:galleries": {
-                regex: /\/studios\/\d+\/galleries/,
-                handleDisplayView: true,
-            },
-            "stash:page:studio:images": {
-                regex: /\/studios\/\d+\/images/,
-                handleDisplayView: true,
-            },
-            "stash:page:studio:performers": {
-                regex: /\/studios\/\d+\/performers/,
-                handleDisplayView: true,
-            },
-            "stash:page:studio:movies": {
-                regex: /\/studios\/\d+\/movies/
-            },
-            "stash:page:studio:childstudios": {
-                regex: /\/studios\/\d+\/childstudios/,
-                handleDisplayView: true,
-            },
-
-            // tags tab
-            "stash:page:tags": {
-                regex: /\/tags\?/,
-                handleDisplayView: true,
-            },
-            "stash:page:tag:new": {
-                regex: /\/tags\/new/
-            },
-            "stash:page:tag": {
-                regex: /\/tags\/\d+/,
-                manuallyHandleDispatchEvent: true,
-                callBack: ({lastHref}, event) => {
-                    if(!this.matchUrl(lastHref, /\/tags\/\d+/)){
-                        this._dispatchPageEvent(event);
-                        this.processTagger();
-                    }
-
-                    this._listenForNonPageChanges({
-                        selector: "#tag-edit",
-                        event: "stash:page:tag:edit",
-                        reRunGmMain: true,
-                        callback: () => this._detectReRenders ? this._dispatchPageEvent(event) : null
-                    })
-                }
-            },
-            "stash:page:tag:scenes": {
-                regex: /\/tags\/\d+\?/,
-                handleDisplayView: true,
-            },
-            "stash:page:tag:galleries": {
-                regex: /\/tags\/\d+\/galleries/,
-                handleDisplayView: true,
-            },
-            "stash:page:tag:images": {
-                regex: /\/tags\/\d+\/images/,
-                handleDisplayView: true,
-            },
-            "stash:page:tag:markers": {
-                regex: /\/tags\/\d+\/markers/
-            },
-            "stash:page:tag:performers": {
-                regex: /\/tags\/\d+\/performers/,
-                handleDisplayView: true,
-            },
-
-            // settings page
-            "stash:page:settings": {
-                regex: /\/settings/,
-                manuallyHandleDispatchEvent: true,
-                callBack: ({lastHref}, event) => !this.matchUrl(lastHref, /\/settings/) ? this._dispatchPageEvent(event) : null
-            },
-            "stash:page:settings:tasks": {
-                regex: /\/settings\?tab=tasks/,
-                callback: () => this.hidePluginTasks()
-            },
-            "stash:page:settings:library": {
-                regex: /\/settings\?tab=library/
-            },
-            "stash:page:settings:interface": {
-                regex: /\/settings\?tab=interface/
-            },
-            "stash:page:settings:security": {
-                regex: /\/settings\?tab=security/
-            },
-            "stash:page:settings:metadata-providers": {
-                regex: /\/settings\?tab=metadata-providers/
-            },
-            "stash:page:settings:services": {
-                regex: /\/settings\?tab=services/
-            },
-            "stash:page:settings:system": {
-                regex: /\/settings\?tab=system/,
-                callBack: () => this.createSettings()
-            },
-            "stash:page:settings:plugins": {
-                regex: /\/settings\?tab=plugins/
-            },
-            "stash:page:settings:logs": {
-                regex: /\/settings\?tab=logs/
-            },
-            "stash:page:settings:tools": {
-                regex: /\/settings\?tab=tools/
-            },
-            "stash:page:settings:changelog": {
-                regex: /\/settings\?tab=changelog/
-            },
-            "stash:page:settings:about": {
-                regex: /\/settings\?tab=about/
-            },
-
-            // stats page
-            "stash:page:stats": {
-                regex: /\/stats/
-            },
-
-            // home page
-            "stash:page:home": {
-                regex: /\/$/,
-                callBack: () => this._listenForNonPageChanges({selector: ".recommendations-container-edit", event: "stash:page:home:edit", reRunGmMain: true})
-            },
-        }
-    }
-    gmMain(args) {
-        const events = Object.keys(this._pageListeners)
-
-        for (const event of events) {
-            const {regex, callBack = async () => {}, manuallyHandleDispatchEvent = false, handleDisplayView = false} = this._pageListeners[event]
-            
-            let isDisplayViewPage = false
-            let isListPage, isWallPage, isTaggerPage
-            
-            if (handleDisplayView) {
-                isListPage = this.matchUrl(window.location.href, concatRegexp(regex, /.*disp=1/))
-                isWallPage = this.matchUrl(window.location.href, concatRegexp(regex, /.*disp=2/))
-                isTaggerPage = this.matchUrl(window.location.href, concatRegexp(regex, /.*disp=3/))
-                
-                if (isListPage || isWallPage || isTaggerPage) isDisplayViewPage = true
-            }
-
-            const handleDisplayViewCondition = handleDisplayView !== true || (handleDisplayView && (!isDisplayViewPage || args.lastHref === ""))
-
-            if (this.matchUrl(window.location.href, regex) && handleDisplayViewCondition) {
-                if (!manuallyHandleDispatchEvent) this._dispatchPageEvent(event)
-                callBack({...args, location: window.location}, event)
-            }
-
-            if (handleDisplayView) {
-                if (isListPage) {
-                    this._dispatchPageEvent("stash:page:any:list", false);
-                    this._dispatchPageEvent(event + ":list");
-                } else if (isWallPage) {
-                    this._dispatchPageEvent("stash:page:any:wall", false);
-                    this._dispatchPageEvent(event + ":wall");
-                } else if (isTaggerPage) {
-                    this._dispatchPageEvent("stash:page:any:tagger", false);
-                    this._dispatchPageEvent(event + ":tagger");
-                }
-            }
-        }
-    }
-    addEventListeners(events, callback, ...options) {
-        events.forEach((event) => {
-            this.addEventListener(event, callback, ...options);
-        });
-    }
-    hidePluginTasks() {
-        // hide userscript functions plugin tasks
-        waitForElementByXpath("//div[@id='tasks-panel']//h3[text()='Userscript Functions']/ancestor::div[contains(@class, 'setting-group')]", (elementId, el) => {
-            const tasks = el.querySelectorAll('.setting');
-            for (const task of tasks) {
-                const taskName = task.querySelector('h3').innerText;
-                task.classList.add(this.visiblePluginTasks.indexOf(taskName) === -1 ? 'd-none' : 'd-flex');
-                this.dispatchEvent(new CustomEvent('stash:plugin:task', {
-                    'detail': {
-                        taskName,
-                        task
-                    }
-                }));
-            }
-        });
-    }
-    async updateConfigValueTask(sectionKey, propName, value) {
-        return this.runPluginTask("userscript_functions", "Update Config Value", [{
-            "key": "section_key",
-            "value": {
-                "str": sectionKey
-            }
-        }, {
-            "key": "prop_name",
-            "value": {
-                "str": propName
-            }
-        }, {
-            "key": "value",
-            "value": {
-                "str": value
-            }
-        }]);
-    }
-    async getConfigValueTask(sectionKey, propName) {
-        await this.runPluginTask("userscript_functions", "Get Config Value", [{
-            "key": "section_key",
-            "value": {
-                "str": sectionKey
-            }
-        }, {
-            "key": "prop_name",
-            "value": {
-                "str": propName
-            }
-        }]);
-
-        // poll logs until plugin task output appears
-        const prefix = `[Plugin / Userscript Functions] get_config_value: [${sectionKey}][${propName}] =`;
-        return this.pollLogsForMessage(prefix);
-    }
-    async pollLogsForMessage(prefix) {
-        const reqTime = Date.now();
-        const reqData = {
-            "variables": {},
-            "query": `query Logs {
-                        logs {
-                            time
-                            level
-                            message
-                        }
-                    }`
-        };
-        await new Promise(r => setTimeout(r, 500));
-        let retries = 0;
-        while (true) {
-            const delay = 2 ** retries * 100;
-            await new Promise(r => setTimeout(r, delay));
-            retries++;
-
-            const logs = await this.callGQL(reqData);
-            for (const log of logs.data.logs) {
-                const logTime = Date.parse(log.time);
-                if (logTime > reqTime && log.message.startsWith(prefix)) {
-                    return log.message.replace(prefix, '').trim();
-                }
-            }
-
-            if (retries >= 5) {
-                throw `Poll logs failed for message: ${prefix}`;
-            }
-        }
-    }
-    processTagger() {
-        waitForElementByXpath("//button[text()='Scrape All']", (xpath, el) => {
-            this.dispatchEvent(new CustomEvent('tagger', {
-                'detail': el
-            }));
-
-            const searchItemContainer = document.querySelector('.tagger-container').lastChild;
-
-            const observer = new MutationObserver(mutations => {
-                mutations.forEach(mutation => {
-                    mutation.addedNodes.forEach(node => {
-                        if (node?.classList?.contains('entity-name') && node.innerText.startsWith('Performer:')) {
-                            this.dispatchEvent(new CustomEvent('tagger:mutation:add:remoteperformer', {
-                                'detail': {
-                                    node,
-                                    mutation
-                                }
-                            }));
-                        } else if (node?.classList?.contains('entity-name') && node.innerText.startsWith('Studio:')) {
-                            this.dispatchEvent(new CustomEvent('tagger:mutation:add:remotestudio', {
-                                'detail': {
-                                    node,
-                                    mutation
-                                }
-                            }));
-                        } else if (node.tagName === 'SPAN' && node.innerText.startsWith('Matched:')) {
-                            this.dispatchEvent(new CustomEvent('tagger:mutation:add:local', {
-                                'detail': {
-                                    node,
-                                    mutation
-                                }
-                            }));
-                        } else if (node.tagName === 'UL') {
-                            this.dispatchEvent(new CustomEvent('tagger:mutation:add:container', {
-                                'detail': {
-                                    node,
-                                    mutation
-                                }
-                            }));
-                        } else if (node?.classList?.contains('col-lg-6')) {
-                            this.dispatchEvent(new CustomEvent('tagger:mutation:add:subcontainer', {
-                                'detail': {
-                                    node,
-                                    mutation
-                                }
-                            }));
-                        } else if (node.tagName === 'H5') { // scene date
-                            this.dispatchEvent(new CustomEvent('tagger:mutation:add:date', {
-                                'detail': {
-                                    node,
-                                    mutation
-                                }
-                            }));
-                        } else if (node.tagName === 'DIV' && node?.classList?.contains('d-flex') && node?.classList?.contains('flex-column')) { // scene stashid, url, details
-                            this.dispatchEvent(new CustomEvent('tagger:mutation:add:detailscontainer', {
-                                'detail': {
-                                    node,
-                                    mutation
-                                }
-                            }));
-                        } else {
-                            this.dispatchEvent(new CustomEvent('tagger:mutation:add:other', {
-                                'detail': {
-                                    node,
-                                    mutation
-                                }
-                            }));
-                        }
-                    });
-                });
-                this.dispatchEvent(new CustomEvent('tagger:mutations:searchitems', {
-                    'detail': mutations
-                }));
-            });
-            observer.observe(searchItemContainer, {
-                childList: true,
-                subtree: true
-            });
-
-            const taggerContainerHeader = document.querySelector('.tagger-container-header');
-            const taggerContainerHeaderObserver = new MutationObserver(mutations => {
-                this.dispatchEvent(new CustomEvent('tagger:mutations:header', {
-                    'detail': mutations
-                }));
-            });
-            taggerContainerHeaderObserver.observe(taggerContainerHeader, {
-                childList: true,
-                subtree: true
-            });
-
-            for (const searchItem of document.querySelectorAll('.search-item')) {
-                this.dispatchEvent(new CustomEvent('tagger:searchitem', {
-                    'detail': searchItem
-                }));
-            }
-
-            if (!document.getElementById('progress-bar')) {
-                const progressBar = createElementFromHTML(`<div id="progress-bar" class="progress"><div class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div></div>`);
-                progressBar.classList.add('progress');
-                progressBar.style.display = 'none';
-                taggerContainerHeader.appendChild(progressBar);
-            }
-        });
-        waitForElementByXpath("//div[@class='tagger-container-header']/div/div[@class='row']/h4[text()='Configuration']", (xpath, el) => {
-            this.dispatchEvent(new CustomEvent('tagger:configuration', {
-                'detail': el
-            }));
-        });
-    }
-    setProgress(value) {
-        const progressBar = document.getElementById('progress-bar');
-        if (progressBar) {
-            progressBar.firstChild.style.width = value + '%';
-            progressBar.style.display = (value <= 0 || value > 100) ? 'none' : 'flex';
-        }
-    }
-    processRemoteScenes(data) {
-        if (data.data?.scrapeMultiScenes) {
-            for (const matchResults of data.data.scrapeMultiScenes) {
-                for (const scene of matchResults) {
-                    this.remoteScenes[scene.remote_site_id] = scene;
-                }
-            }
-        } else if (data.data?.scrapeSingleScene) {
-            for (const scene of data.data.scrapeSingleScene) {
-                this.remoteScenes[scene.remote_site_id] = scene;
-            }
-        }
-    }
-    processScene(data) {
-        if (data.data.findScene) {
-            this.scenes[data.data.findScene.id] = data.data.findScene;
-        }
-    }
-    processScenes(data) {
-        if (data.data.findScenes?.scenes) {
-            for (const scene of data.data.findScenes.scenes) {
-                this.scenes[scene.id] = scene;
-            }
-        }
-    }
-    processStudios(data) {
-        if (data.data.findStudios?.studios) {
-            for (const studio of data.data.findStudios.studios) {
-                this.studios[studio.id] = studio;
-            }
-        }
-    }
-    processPerformers(data) {
-        if (data.data.findPerformers?.performers) {
-            for (const performer of data.data.findPerformers.performers) {
-                this.performers[performer.id] = performer;
-            }
-        }
-    }
-    processApiKey(data) {
-        if (data.data.generateAPIKey != null && this.pluginVersion) {
-            this.updateConfigValueTask('STASH', 'api_key', data.data.generateAPIKey);
-        }
-    }
-    parseSearchItem(searchItem) {
-        const urlNode = searchItem.querySelector('a.scene-link');
-        const url = new URL(urlNode.href);
-        const id = url.pathname.replace('/scenes/', '');
-        const data = this.scenes[id];
-        const nameNode = searchItem.querySelector('a.scene-link > div.TruncatedText');
-        const name = nameNode.innerText;
-        const queryInput = searchItem.querySelector('input.text-input');
-        const performerNodes = searchItem.querySelectorAll('.performer-tag-container');
-
-        return {
-            urlNode,
-            url,
-            id,
-            data,
-            nameNode,
-            name,
-            queryInput,
-            performerNodes
-        }
-    }
-    parseSearchResultItem(searchResultItem) {
-        const remoteUrlNode = searchResultItem.querySelector('.scene-details .optional-field .optional-field-content a');
-        const remoteId = remoteUrlNode?.href.split('/').pop();
-        const remoteUrl = remoteUrlNode?.href ? new URL(remoteUrlNode.href) : null;
-        const remoteData = this.remoteScenes[remoteId];
-
-        const sceneDetailNodes = searchResultItem.querySelectorAll('.scene-details .optional-field .optional-field-content');
-        let urlNode = null;
-        let detailsNode = null;
-        for (const sceneDetailNode of sceneDetailNodes) {
-            if (sceneDetailNode.innerText.startsWith('http') && (remoteUrlNode?.href !== sceneDetailNode.innerText)) {
-                urlNode = sceneDetailNode;
-            } else if (!sceneDetailNode.innerText.startsWith('http')) {
-                detailsNode = sceneDetailNode;
-            }
-        }
-
-        const imageNode = searchResultItem.querySelector('.scene-image-container .optional-field .optional-field-content');
-
-        const metadataNode = searchResultItem.querySelector('.scene-metadata');
-        const titleNode = metadataNode.querySelector('h4 .optional-field .optional-field-content');
-        const codeAndDateNodes = metadataNode.querySelectorAll('h5 .optional-field .optional-field-content');
-        let codeNode = null;
-        let dateNode = null;
-        for (const node of codeAndDateNodes) {
-            if (node.textContent.includes('-')) {
-                dateNode = node;
-            } else {
-                codeNode = node;
-            }
-        }
-
-        const entityNodes = searchResultItem.querySelectorAll('.entity-name');
-        let studioNode = null;
-        const performerNodes = [];
-        for (const entityNode of entityNodes) {
-            if (entityNode.innerText.startsWith('Studio:')) {
-                studioNode = entityNode;
-            } else if (entityNode.innerText.startsWith('Performer:')) {
-                performerNodes.push(entityNode);
-            }
-        }
-
-        const matchNodes = searchResultItem.querySelectorAll('div.col-lg-6 div.mt-2 div.row.no-gutters.my-2 span.ml-auto');
-        const matches = []
-        for (const matchNode of matchNodes) {
-            let matchType = null;
-            const entityNode = matchNode.parentElement.querySelector('.entity-name');
-
-            const matchName = matchNode.querySelector('.optional-field-content b').innerText;
-            const remoteName = entityNode.querySelector('b').innerText;
-
-            let data;
-            if (entityNode.innerText.startsWith('Performer:')) {
-                matchType = 'performer';
-                if (remoteData) {
-                    data = remoteData.performers.find(performer => performer.name === remoteName);
-                }
-            } else if (entityNode.innerText.startsWith('Studio:')) {
-                matchType = 'studio';
-                if (remoteData) {
-                    data = remoteData.studio
-                }
-            }
-
-            matches.push({
-                matchType,
-                matchNode,
-                entityNode,
-                matchName,
-                remoteName,
-                data
-            });
-        }
-
-        return {
-            remoteUrlNode,
-            remoteId,
-            remoteUrl,
-            remoteData,
-            urlNode,
-            detailsNode,
-            imageNode,
-            titleNode,
-            codeNode,
-            dateNode,
-            studioNode,
-            performerNodes,
-            matches
-        }
-    }
-}
-
-window.stash = new Stash();
-
-function waitForElementQuerySelector(query, callBack, time) {
-    time = (typeof time !== 'undefined') ? time : 100;
-    window.setTimeout(() => {
-        const element = document.querySelector(query);
-        if (element) {
-            callBack(query, element);
-        } else {
-            waitForElementQuerySelector(query, callBack, time);
-        }
-    }, time);
-}
-
-function waitForElementClass(elementId, callBack, time) {
-    time = (typeof time !== 'undefined') ? time : 100;
-    window.setTimeout(() => {
-        const element = document.getElementsByClassName(elementId);
-        if (element.length > 0) {
-            callBack(elementId, element);
-        } else {
-            waitForElementClass(elementId, callBack, time);
-        }
-    }, time);
-}
-
-function waitForElementId(elementId, callBack, time) {
-    time = (typeof time !== 'undefined') ? time : 100;
-    window.setTimeout(() => {
-        const element = document.getElementById(elementId);
-        if (element != null) {
-            callBack(elementId, element);
-        } else {
-            waitForElementId(elementId, callBack, time);
-        }
-    }, time);
-}
-
-function waitForElementByXpath(xpath, callBack, time) {
-    time = (typeof time !== 'undefined') ? time : 100;
-    window.setTimeout(() => {
-        const element = getElementByXpath(xpath);
-        if (element) {
-            callBack(xpath, element);
-        } else {
-            waitForElementByXpath(xpath, callBack, time);
-        }
-    }, time);
-}
-
-function getElementByXpath(xpath, contextNode) {
-    return document.evaluate(xpath, contextNode || document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
-}
-
-function createElementFromHTML(htmlString) {
-    const div = document.createElement('div');
-    div.innerHTML = htmlString.trim();
-
-    // Change this to div.childNodes to support multiple top-level nodes.
-    return div.firstChild;
-}
-
-function getElementByXpath(xpath, contextNode) {
-    return document.evaluate(xpath, contextNode || document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
-}
-
-function getElementsByXpath(xpath, contextNode) {
-    return document.evaluate(xpath, contextNode || document, null, XPathResult.ORDERED_NODE_ITERATOR_TYPE, null);
-}
-
-function getClosestAncestor(el, selector, stopSelector) {
-    let retval = null;
-    while (el) {
-        if (el.matches(selector)) {
-            retval = el;
-            break
-        } else if (stopSelector && el.matches(stopSelector)) {
-            break
-        }
-        el = el.parentElement;
-    }
-    return retval;
-}
-
-function setNativeValue(element, value) {
-    const valueSetter = Object.getOwnPropertyDescriptor(element, 'value').set;
-    const prototype = Object.getPrototypeOf(element);
-    const prototypeValueSetter = Object.getOwnPropertyDescriptor(prototype, 'value').set;
-
-    if (valueSetter && valueSetter !== prototypeValueSetter) {
-        prototypeValueSetter.call(element, value);
-    } else {
-        valueSetter.call(element, value);
-    }
-}
-
-function updateTextInput(element, value) {
-    setNativeValue(element, value);
-    element.dispatchEvent(new Event('input', {
-        bubbles: true
-    }));
-}
-
-function concatRegexp(reg, exp) {
-    let flags = reg.flags + exp.flags;
-    flags = Array.from(new Set(flags.split(''))).join();
-    return new RegExp(reg.source + exp.source, flags);
-}
-
-function sortElementChildren(node) {
-    const items = node.childNodes;
-    const itemsArr = [];
-    for (const i in items) {
-        if (items[i].nodeType == Node.ELEMENT_NODE) { // get rid of the whitespace text nodes
-            itemsArr.push(items[i]);
-        }
-    }
-
-    itemsArr.sort((a, b) => {
-        return a.innerHTML == b.innerHTML ?
-            0 :
-            (a.innerHTML > b.innerHTML ? 1 : -1);
-    });
-
-    for (let i = 0; i < itemsArr.length; i++) {
-        node.appendChild(itemsArr[i]);
-    }
-}
-
-function xPathResultToArray(result) {
-    let node = null;
-    const nodes = [];
-    while (node = result.iterateNext()) {
-        nodes.push(node);
-    }
-    return nodes;
-}
-
-function createStatElement(container, title, heading) {
-    const statEl = document.createElement('div');
-    statEl.classList.add('stats-element');
-    container.appendChild(statEl);
-
-    const statTitle = document.createElement('p');
-    statTitle.classList.add('title');
-    statTitle.innerText = title;
-    statEl.appendChild(statTitle);
-
-    const statHeading = document.createElement('p');
-    statHeading.classList.add('heading');
-    statHeading.innerText = heading;
-    statEl.appendChild(statHeading);
-}
-
-const reloadImg = url =>
-    fetch(url, {
-        cache: 'reload',
-        mode: 'no-cors'
-    })
-    .then(() => document.body.querySelectorAll(`img[src='${url}']`)
-        .forEach(img => img.src = url));

From 9a8124c06c976b6f59748496df996eeb06069292 Mon Sep 17 00:00:00 2001
From: raghavan <raghavanmarch2002@gmail.com>
Date: Fri, 19 Jan 2024 21:35:22 +0530
Subject: [PATCH 52/91] fix formatting

---
 plugins/stashUserscriptLibrary/stashUserscriptLibrary.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/plugins/stashUserscriptLibrary/stashUserscriptLibrary.js b/plugins/stashUserscriptLibrary/stashUserscriptLibrary.js
index 79152106..cdf070ff 100644
--- a/plugins/stashUserscriptLibrary/stashUserscriptLibrary.js
+++ b/plugins/stashUserscriptLibrary/stashUserscriptLibrary.js
@@ -517,7 +517,7 @@ class Stash extends EventTarget {
     _dispatchPageEvent(event, addToHistory = true) {
         this.dispatchEvent(new CustomEvent(event, {
             detail: {
-event: event,
+                event: event,
                 lastEventState: {
                     lastPathStr: this._lastPathStr,
                     lastQueryStr: this._lastQueryStr,

From f60e0a5194c6a39fb3e6792d448760eb4d443062 Mon Sep 17 00:00:00 2001
From: raghavan <raghavanmarch2002@gmail.com>
Date: Fri, 19 Jan 2024 21:38:09 +0530
Subject: [PATCH 53/91] better naming

---
 plugins/stashUserscriptLibrary/stashUserscriptLibrary.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/plugins/stashUserscriptLibrary/stashUserscriptLibrary.js b/plugins/stashUserscriptLibrary/stashUserscriptLibrary.js
index cdf070ff..aa519a31 100644
--- a/plugins/stashUserscriptLibrary/stashUserscriptLibrary.js
+++ b/plugins/stashUserscriptLibrary/stashUserscriptLibrary.js
@@ -115,7 +115,7 @@ class Stash extends EventTarget {
         this.performers = {};
         this.userscripts = [];
         this._pageListeners = {};
-        this.assignPageListeners()
+        this._initDefaultPageListeners()
     }
     async getVersion() {
         const reqData = {
@@ -572,7 +572,7 @@ class Stash extends EventTarget {
     stopPageListener() {
         clearInterval(this._pageURLCheckTimerId)
     }
-    assignPageListeners() {
+    _initDefaultPageListeners() {
         this._pageListeners = {
             // scenes tab
             "stash:page:scenes": {

From 389c263e228b7bdabfa1b05a4e5af17f89aaa4c2 Mon Sep 17 00:00:00 2001
From: raghavan <raghavanmarch2002@gmail.com>
Date: Fri, 19 Jan 2024 22:20:55 +0530
Subject: [PATCH 54/91] readable code

---
 .../stashUserscriptLibrary.js                   | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/plugins/stashUserscriptLibrary/stashUserscriptLibrary.js b/plugins/stashUserscriptLibrary/stashUserscriptLibrary.js
index aa519a31..0e5f6777 100644
--- a/plugins/stashUserscriptLibrary/stashUserscriptLibrary.js
+++ b/plugins/stashUserscriptLibrary/stashUserscriptLibrary.js
@@ -61,6 +61,7 @@ class Stash extends EventTarget {
                     (!document.querySelector(".main > div[stashUserscriptLibrary]") && this._detectReRenders)
                 ) {
                     this._dispatchPageEvent("stash:page", false)
+
                     this.gmMain({
                         lastPathStr: this._lastPathStr,
                         lastQueryStr: this._lastQueryStr,
@@ -68,10 +69,12 @@ class Stash extends EventTarget {
                         lastHref: this._lastHref,
                         lastStashPageEvent: this._lastStashPageEvent,
                     });
+
                     this._lastPathStr = location.pathname
                     this._lastQueryStr = location.search
                     this._lastHashStr = location.hash
                     this._lastHref = location.href
+
                     if (this._detectReRenders) {
                         this.waitForElement(".main > div", 10000).then((element) => {
                             element.setAttribute("stashUserscriptLibrary", "");
@@ -472,24 +475,34 @@ class Stash extends EventTarget {
     }
     async _listenForNonPageChanges({selector = "", location = document.body, listenType = "", event = "", recursive = false, reRunGmMain = false, condition = () => true, listenDefaultTab = true, callback = () => {}} = {}){
         if (recursive) return
+
         if (listenType === "tabs") {
             const locationElement = await this.waitForElement(location, 10000, document.body, true)
             const stash = this
             let previousEvent = ""
+
             function listenForTabClicks(domEvent) {
                 const clickedChild = domEvent.target ? domEvent.target : domEvent;
+
                 if(!clickedChild.classList?.contains("nav-link")) return
+
                 const tagName = clickedChild.getAttribute("data-rb-event-key")
                 const parentEvent = tagName.split("-")[0]
                 const childEvent = tagName.split("-").slice(1, -1).join("-")
+
                 event = `stash:page:${parentEvent}:${childEvent}`
+
                 if (previousEvent === event || !condition()) return
                 previousEvent = event
+
                 stash._dispatchPageEvent(`stash:page:any:${childEvent}`, false)
                 stash._dispatchPageEvent(event)
             }
+
             if (listenDefaultTab) listenForTabClicks(locationElement.querySelector(".nav-link.active"))
+
             locationElement.addEventListener("click", listenForTabClicks);
+
             function removeEventListenerOnPageChange() {
                 locationElement.removeEventListener("click", listenForTabClicks)
                 stash.removeEventListener("stash:page", removeEventListenerOnPageChange)
@@ -497,6 +510,7 @@ class Stash extends EventTarget {
             stash.addEventListener("stash:page", removeEventListenerOnPageChange)
         } else if (await this.waitForElement(selector, null, location, true)) {
             this._dispatchPageEvent(event)
+
             if (await this.waitForElementDeath(selector, location, true)) {
                 if (this._lastPathStr === window.location.pathname && !reRunGmMain) {
                     await this._listenForNonPageChanges({selector: selector, event: event})
@@ -542,6 +556,7 @@ class Stash extends EventTarget {
                 callBack: callBack,
                 manuallyHandleDispatchEvent: manuallyHandleDispatchEvent
             }
+
             return event
         } else {
             if (this._pageListeners[event] !== undefined) {
@@ -551,6 +566,7 @@ class Stash extends EventTarget {
             } else {
                 console.error(`Can't add page listener: Missing required argument(s) "event", "regex"`)
             }
+
             return false
         }
     }
@@ -566,6 +582,7 @@ class Stash extends EventTarget {
             } else {
                 console.error(`Can't remove page listener: Missing "event" argument`)
             }
+
             return false
         }
     }

From 3690daa72fcb4360e519eaf9f3f5b813875695da Mon Sep 17 00:00:00 2001
From: Maista6969 <glad.beach5807@fastmail.com>
Date: Sat, 20 Jan 2024 01:00:37 +0100
Subject: [PATCH 55/91] Update kodi-helper

Replaces fields that were deprecated in v0.24
---
 scripts/kodi-helper/kodi-helper.py | 20 ++++++++++++++------
 1 file changed, 14 insertions(+), 6 deletions(-)

diff --git a/scripts/kodi-helper/kodi-helper.py b/scripts/kodi-helper/kodi-helper.py
index 2e79f4d5..d46e4c95 100644
--- a/scripts/kodi-helper/kodi-helper.py
+++ b/scripts/kodi-helper/kodi-helper.py
@@ -35,7 +35,7 @@ def main():
 
 
 def generateNFOFiles(args):
-    if not args.inline and args.outdir == "":
+    if not (args.inline or args.outdir):
         print("--outdir or --inline must be set\n")
         return
 
@@ -54,6 +54,12 @@ def generateNFOFiles(args):
         scenes = getScenes(i, filter)
 
         for scene in scenes:
+            # skip scenes without files
+            if not scene["files"]:
+                continue
+
+            # Quick fix for scenes with multiple files
+            scene["path"] = scene["files"][0]["path"]
             # don't regenerate if file already exists and not overwriting
             output = getOutputNFOFile(scene["path"], args)
             if not args.overwrite and os.path.exists(output):
@@ -165,11 +171,12 @@ def getScenes(page, sceneFilter):
     scenes {
       id
       title
-      path
-      rating
+      files {
+        path
+      }
+      rating100
       details
       date
-      oshash
       paths {
         screenshot
         stream
@@ -244,8 +251,9 @@ def generateNFO(scene, args):
     <tag>{}</tag>""".format(t["name"])
 
     rating = ""
-    if scene["rating"] != None:
-        rating = scene["rating"]
+    if scene["rating100"] != None:
+        # Kodi uses a 10 point scale, in increments of 0.5
+        rating = (2 * scene["rating100"] // 10) / 2.0
 
     date = ""
     if scene["date"] != None:

From 7ff8a11330322f885bf82f88f4a2558417df57b3 Mon Sep 17 00:00:00 2001
From: cc1234 <oc1mfiuzicg0@opayq.com>
Date: Sat, 20 Jan 2024 11:27:47 +0000
Subject: [PATCH 56/91] Add initial version of visage as a plugin

---
 plugins/visage/visage.css |     1 +
 plugins/visage/visage.js  | 11811 ++++++++++++++++++++++++++++++++++++
 plugins/visage/visage.yml |    13 +
 3 files changed, 11825 insertions(+)
 create mode 100644 plugins/visage/visage.css
 create mode 100644 plugins/visage/visage.js
 create mode 100644 plugins/visage/visage.yml

diff --git a/plugins/visage/visage.css b/plugins/visage/visage.css
new file mode 100644
index 00000000..7b701530
--- /dev/null
+++ b/plugins/visage/visage.css
@@ -0,0 +1 @@
+button.svelte-1m5gxnd{background-color:var(--nav-color);border:0px}.scanner.svelte-1m5gxnd{animation:svelte-1m5gxnd-pulse 2s infinite}@keyframes svelte-1m5gxnd-pulse{0%{transform:scale(0.95);box-shadow:0 0 0 0 var(--light)}70%{transform:scale(1.1);box-shadow:0 0 0 10px var(--info)}100%{transform:scale(0.95);box-shadow:0 0 0 0 var(--primary)}}svg.svelte-1m5gxnd{fill:#ffffff}button.svelte-1m5gxnd{background-color:var(--nav-color);border:0px}.scanner.svelte-1m5gxnd{animation:svelte-1m5gxnd-pulse 2s infinite}@keyframes svelte-1m5gxnd-pulse{0%{transform:scale(0.95);box-shadow:0 0 0 0 var(--light)}70%{transform:scale(1.1);box-shadow:0 0 0 10px var(--info)}100%{transform:scale(0.95);box-shadow:0 0 0 0 var(--primary)}}svg.svelte-1m5gxnd{fill:#ffffff}.carousel.svelte-ssoxzi{display:flex;overflow-x:auto;overflow-y:auto;white-space:nowrap;overscroll-behavior-x:contain;overscroll-behavior-y:contain;scroll-snap-type:x mandatory;gap:1rem}.modal-header.svelte-ssoxzi{font-size:2.4rem;border-bottom:0px;padding:10px 10px 0px 10px}.modal-footer.svelte-ssoxzi{border-top:0px}.svelte-ssoxzi::-webkit-scrollbar{width:30px}.svelte-ssoxzi::-webkit-scrollbar-thumb{background:var(--orange);border-radius:20px}.card.svelte-ssoxzi{min-width:250px}.performer-card.svelte-ssoxzi{cursor:pointer}.assigned.svelte-ssoxzi{border:5px solid var(--green);animation:border 1s ease-in-out}.face-tab.svelte-ssoxzi{width:50px;height:50px;object-fit:cover}.selected.svelte-p95y28{border:2px solid #007bff}.face-tabs.svelte-p95y28{position:absolute;flex:0 0 450px;max-width:450px;min-width:450px;height:100%;overflow:auto;order:-1;background-color:var(--body-color)}.face-item.svelte-p95y28{width:160px;height:90px;border-radius:5px 5px 0px 0px;position:relative;cursor:pointer}.svelte-tabs__tab.svelte-1fbofsd{border:none;border-bottom:2px solid transparent;color:#000000;cursor:pointer;list-style:none;display:inline-block;padding:0.5em 0.75em}.svelte-tabs__tab.svelte-1fbofsd:focus{outline:thin dotted}.svelte-tabs__selected.svelte-1fbofsd{border-bottom:2px solid #4F81E5;color:#4F81E5}.svelte-tabs__tab-list.svelte-12yby2a{border-bottom:1px solid #CCCCCC;margin:0;padding:0}.svelte-tabs__tab-panel.svelte-epfyet{margin-top:0.5em}
\ No newline at end of file
diff --git a/plugins/visage/visage.js b/plugins/visage/visage.js
new file mode 100644
index 00000000..3f129588
--- /dev/null
+++ b/plugins/visage/visage.js
@@ -0,0 +1,11811 @@
+(function () {
+  'use strict';
+
+  let VISAGE_API_URL = "https://cc1234-stashface.hf.space/api/predict";
+  let THRESHOLD = 20.0; // remove matches with a distance higher than this
+  let MAX_RESULTS = 12; // number of results to show, don't change this for now
+
+
+  function waitForElm(selector) {
+    return new Promise((resolve) => {
+      if (document.querySelector(selector)) {
+        return resolve(document.querySelector(selector));
+      }
+
+      const observer = new MutationObserver((mutations) => {
+        if (document.querySelector(selector)) {
+          resolve(document.querySelector(selector));
+          observer.disconnect();
+        }
+      });
+
+      observer.observe(document.body, {
+        childList: true,
+        subtree: true,
+      });
+    });
+  }
+
+  function getScenarioAndID() {
+    var result = document.URL.match(/(scenes|images)\/(\d+)/);
+    var scenario = result[1];
+    var scenario_id = result[2];
+    return [scenario, scenario_id];
+  }
+
+  async function getPerformers(performer_id) {
+    const reqData = {
+      query: `{
+      findPerformers( performer_filter: {stash_id_endpoint: {endpoint: "", stash_id: "${performer_id}", modifier: EQUALS}}){
+        performers {
+          name
+          id
+        }
+      }
+    }`,
+    };
+    var results = await stash.callGQL(reqData);
+    return results.data.findPerformers.performers;
+  }
+
+  async function getPerformersForScene(scene_id) {
+    const reqData = {
+      query: `{
+      findScene(id: "${scene_id}") {
+        performers {
+          id
+        }
+      }
+    }`,
+    };
+    var result = await stash.callGQL(reqData);
+    return result.data.findScene.performers.map((p) => p.id);
+  }
+
+
+  async function getPerformersForImage(image_id) {
+    const reqData = {
+      query: `{
+      findImage(id: "${image_id}") {
+        performers {
+          id
+        }
+      }
+    }`,
+    };
+    var result = await stash.callGQL(reqData);
+    return result.data.findImage.performers.map((p) => p.id);
+  }
+
+
+  async function updateScene(scene_id, performer_ids) {
+    const reqData = {
+      variables: { input: { id: scene_id, performer_ids: performer_ids } },
+      query: `mutation sceneUpdate($input: SceneUpdateInput!){
+      sceneUpdate(input: $input) {
+        id
+      }
+    }`,
+    };
+    return stash.callGQL(reqData);
+  }
+
+
+  async function updateImage(image_id, performer_ids) {
+    const reqData = {
+      variables: { input: { id: image_id, performer_ids: performer_ids } },
+      query: `mutation imageUpdate($input: ImageUpdateInput!){
+      imageUpdate(input: $input) {
+        id
+      }
+    }`,
+    };
+    return stash.callGQL(reqData);
+  }
+
+  async function getStashboxEndpoint() {
+    const reqData = {
+      query: `{
+      configuration {
+        general {
+          stashBoxes {
+            endpoint
+          }
+        }
+      }
+    }`,
+    };
+    var result = await stash.callGQL(reqData);
+    return result.data.configuration.general.stashBoxes[0].endpoint;
+  }
+
+  async function getPerformerDataFromStashID(stash_id) {
+    const reqData = {
+      variables: {
+        source: {
+          stash_box_index: 0,
+        },
+        input: {
+          query: stash_id,
+        },
+      },
+      query: `query ScrapeSinglePerformer($source: ScraperSourceInput!, $input: ScrapeSinglePerformerInput!) {
+        scrapeSinglePerformer(source: $source, input: $input) {
+            name
+            disambiguation
+            gender
+            url
+            twitter
+            instagram
+            birthdate
+            ethnicity
+            country
+            eye_color
+            height
+            measurements
+            fake_tits
+            career_length
+            tattoos
+            piercings
+            aliases
+            images
+            details
+            death_date
+            hair_color
+            weight
+            remote_site_id
+        }
+      }`,
+    };
+    var result = await stash.callGQL(reqData);
+    return result.data.scrapeSinglePerformer.filter(
+      (p) => p.remote_site_id === stash_id
+    )[0];
+  }
+
+  async function createPerformer(performer) {
+    const reqData = {
+      variables: { input: performer },
+      query: `mutation performerCreate($input: PerformerCreateInput!) {
+        performerCreate(input: $input){
+            id
+        }
+      }`,
+    };
+    return stash.callGQL(reqData);
+  }
+
+  function smoothload(node) {
+  	function load() {
+  		if (node.naturalWidth) return; // already loaded
+
+  		node.style.opacity = '0';
+  		node.style.transition = 'opacity 0.4s';
+
+  		node.addEventListener(
+  			'load',
+  			() => {
+  				node.style.opacity = '1';
+  			},
+  			{
+  				once: true
+  			}
+  		);
+  	}
+
+  	const observer = new MutationObserver((mutations) => {
+  		for (const mutation of mutations) {
+  			if (mutation.attributeName === 'src') {
+  				load();
+  			}
+  		}
+  	});
+
+  	observer.observe(node, {
+  		attributes: true
+  	});
+
+  	load();
+
+  	return {
+  		destroy() {
+  			observer.disconnect();
+  		}
+  	};
+  }
+
+  /**
+   * Retrieves the URL of the sprite for a given scene ID.
+   * @param {number} scene_id - The ID of the scene to retrieve the sprite URL for.
+   * @returns {Promise<string|null>} - A Promise that resolves with the sprite URL if it exists, or null if it does not.
+   */
+  async function getUrlSprite(scene_id) {
+    const reqData = {
+      query: `{
+      findScene(id: ${scene_id}){
+        paths{
+          sprite
+        }
+      }
+    }`,
+    };
+    var result = await stash.callGQL(reqData);
+    const url = result.data.findScene.paths["sprite"];
+    const response = await fetch(url);
+    if (response.status === 404) {
+      return null;
+    } else {
+      return result.data.findScene.paths["sprite"];
+    }
+  }
+
+  function noop() { }
+  const identity = x => x;
+  function assign(tar, src) {
+      // @ts-ignore
+      for (const k in src)
+          tar[k] = src[k];
+      return tar;
+  }
+  function add_location(element, file, line, column, char) {
+      element.__svelte_meta = {
+          loc: { file, line, column, char }
+      };
+  }
+  function run(fn) {
+      return fn();
+  }
+  function blank_object() {
+      return Object.create(null);
+  }
+  function run_all(fns) {
+      fns.forEach(run);
+  }
+  function is_function(thing) {
+      return typeof thing === 'function';
+  }
+  function safe_not_equal(a, b) {
+      return a != a ? b == b : a !== b || ((a && typeof a === 'object') || typeof a === 'function');
+  }
+  let src_url_equal_anchor;
+  function src_url_equal(element_src, url) {
+      if (!src_url_equal_anchor) {
+          src_url_equal_anchor = document.createElement('a');
+      }
+      src_url_equal_anchor.href = url;
+      return element_src === src_url_equal_anchor.href;
+  }
+  function is_empty(obj) {
+      return Object.keys(obj).length === 0;
+  }
+  function validate_store(store, name) {
+      if (store != null && typeof store.subscribe !== 'function') {
+          throw new Error(`'${name}' is not a store with a 'subscribe' method`);
+      }
+  }
+  function subscribe(store, ...callbacks) {
+      if (store == null) {
+          return noop;
+      }
+      const unsub = store.subscribe(...callbacks);
+      return unsub.unsubscribe ? () => unsub.unsubscribe() : unsub;
+  }
+  function component_subscribe(component, store, callback) {
+      component.$$.on_destroy.push(subscribe(store, callback));
+  }
+  function create_slot(definition, ctx, $$scope, fn) {
+      if (definition) {
+          const slot_ctx = get_slot_context(definition, ctx, $$scope, fn);
+          return definition[0](slot_ctx);
+      }
+  }
+  function get_slot_context(definition, ctx, $$scope, fn) {
+      return definition[1] && fn
+          ? assign($$scope.ctx.slice(), definition[1](fn(ctx)))
+          : $$scope.ctx;
+  }
+  function get_slot_changes(definition, $$scope, dirty, fn) {
+      if (definition[2] && fn) {
+          const lets = definition[2](fn(dirty));
+          if ($$scope.dirty === undefined) {
+              return lets;
+          }
+          if (typeof lets === 'object') {
+              const merged = [];
+              const len = Math.max($$scope.dirty.length, lets.length);
+              for (let i = 0; i < len; i += 1) {
+                  merged[i] = $$scope.dirty[i] | lets[i];
+              }
+              return merged;
+          }
+          return $$scope.dirty | lets;
+      }
+      return $$scope.dirty;
+  }
+  function update_slot_base(slot, slot_definition, ctx, $$scope, slot_changes, get_slot_context_fn) {
+      if (slot_changes) {
+          const slot_context = get_slot_context(slot_definition, ctx, $$scope, get_slot_context_fn);
+          slot.p(slot_context, slot_changes);
+      }
+  }
+  function get_all_dirty_from_scope($$scope) {
+      if ($$scope.ctx.length > 32) {
+          const dirty = [];
+          const length = $$scope.ctx.length / 32;
+          for (let i = 0; i < length; i++) {
+              dirty[i] = -1;
+          }
+          return dirty;
+      }
+      return -1;
+  }
+  function action_destroyer(action_result) {
+      return action_result && is_function(action_result.destroy) ? action_result.destroy : noop;
+  }
+  function split_css_unit(value) {
+      const split = typeof value === 'string' && value.match(/^\s*(-?[\d.]+)([^\s]*)\s*$/);
+      return split ? [parseFloat(split[1]), split[2] || 'px'] : [value, 'px'];
+  }
+
+  const is_client = typeof window !== 'undefined';
+  let now = is_client
+      ? () => window.performance.now()
+      : () => Date.now();
+  let raf = is_client ? cb => requestAnimationFrame(cb) : noop;
+
+  const tasks = new Set();
+  function run_tasks(now) {
+      tasks.forEach(task => {
+          if (!task.c(now)) {
+              tasks.delete(task);
+              task.f();
+          }
+      });
+      if (tasks.size !== 0)
+          raf(run_tasks);
+  }
+  /**
+   * Creates a new task that runs on each raf frame
+   * until it returns a falsy value or is aborted
+   */
+  function loop(callback) {
+      let task;
+      if (tasks.size === 0)
+          raf(run_tasks);
+      return {
+          promise: new Promise(fulfill => {
+              tasks.add(task = { c: callback, f: fulfill });
+          }),
+          abort() {
+              tasks.delete(task);
+          }
+      };
+  }
+
+  const globals = (typeof window !== 'undefined'
+      ? window
+      : typeof globalThis !== 'undefined'
+          ? globalThis
+          : global);
+  function append(target, node) {
+      target.appendChild(node);
+  }
+  function get_root_for_style(node) {
+      if (!node)
+          return document;
+      const root = node.getRootNode ? node.getRootNode() : node.ownerDocument;
+      if (root && root.host) {
+          return root;
+      }
+      return node.ownerDocument;
+  }
+  function append_empty_stylesheet(node) {
+      const style_element = element('style');
+      append_stylesheet(get_root_for_style(node), style_element);
+      return style_element.sheet;
+  }
+  function append_stylesheet(node, style) {
+      append(node.head || node, style);
+      return style.sheet;
+  }
+  function insert(target, node, anchor) {
+      target.insertBefore(node, anchor || null);
+  }
+  function detach(node) {
+      if (node.parentNode) {
+          node.parentNode.removeChild(node);
+      }
+  }
+  function element(name) {
+      return document.createElement(name);
+  }
+  function svg_element(name) {
+      return document.createElementNS('http://www.w3.org/2000/svg', name);
+  }
+  function text(data) {
+      return document.createTextNode(data);
+  }
+  function space() {
+      return text(' ');
+  }
+  function empty() {
+      return text('');
+  }
+  function listen(node, event, handler, options) {
+      node.addEventListener(event, handler, options);
+      return () => node.removeEventListener(event, handler, options);
+  }
+  function attr(node, attribute, value) {
+      if (value == null)
+          node.removeAttribute(attribute);
+      else if (node.getAttribute(attribute) !== value)
+          node.setAttribute(attribute, value);
+  }
+  function children(element) {
+      return Array.from(element.childNodes);
+  }
+  function set_style(node, key, value, important) {
+      if (value == null) {
+          node.style.removeProperty(key);
+      }
+      else {
+          node.style.setProperty(key, value, important ? 'important' : '');
+      }
+  }
+  function toggle_class(element, name, toggle) {
+      element.classList[toggle ? 'add' : 'remove'](name);
+  }
+  function custom_event(type, detail, { bubbles = false, cancelable = false } = {}) {
+      const e = document.createEvent('CustomEvent');
+      e.initCustomEvent(type, bubbles, cancelable, detail);
+      return e;
+  }
+
+  // we need to store the information for multiple documents because a Svelte application could also contain iframes
+  // https://github.com/sveltejs/svelte/issues/3624
+  const managed_styles = new Map();
+  let active = 0;
+  // https://github.com/darkskyapp/string-hash/blob/master/index.js
+  function hash(str) {
+      let hash = 5381;
+      let i = str.length;
+      while (i--)
+          hash = ((hash << 5) - hash) ^ str.charCodeAt(i);
+      return hash >>> 0;
+  }
+  function create_style_information(doc, node) {
+      const info = { stylesheet: append_empty_stylesheet(node), rules: {} };
+      managed_styles.set(doc, info);
+      return info;
+  }
+  function create_rule(node, a, b, duration, delay, ease, fn, uid = 0) {
+      const step = 16.666 / duration;
+      let keyframes = '{\n';
+      for (let p = 0; p <= 1; p += step) {
+          const t = a + (b - a) * ease(p);
+          keyframes += p * 100 + `%{${fn(t, 1 - t)}}\n`;
+      }
+      const rule = keyframes + `100% {${fn(b, 1 - b)}}\n}`;
+      const name = `__svelte_${hash(rule)}_${uid}`;
+      const doc = get_root_for_style(node);
+      const { stylesheet, rules } = managed_styles.get(doc) || create_style_information(doc, node);
+      if (!rules[name]) {
+          rules[name] = true;
+          stylesheet.insertRule(`@keyframes ${name} ${rule}`, stylesheet.cssRules.length);
+      }
+      const animation = node.style.animation || '';
+      node.style.animation = `${animation ? `${animation}, ` : ''}${name} ${duration}ms linear ${delay}ms 1 both`;
+      active += 1;
+      return name;
+  }
+  function delete_rule(node, name) {
+      const previous = (node.style.animation || '').split(', ');
+      const next = previous.filter(name
+          ? anim => anim.indexOf(name) < 0 // remove specific animation
+          : anim => anim.indexOf('__svelte') === -1 // remove all Svelte animations
+      );
+      const deleted = previous.length - next.length;
+      if (deleted) {
+          node.style.animation = next.join(', ');
+          active -= deleted;
+          if (!active)
+              clear_rules();
+      }
+  }
+  function clear_rules() {
+      raf(() => {
+          if (active)
+              return;
+          managed_styles.forEach(info => {
+              const { ownerNode } = info.stylesheet;
+              // there is no ownerNode if it runs on jsdom.
+              if (ownerNode)
+                  detach(ownerNode);
+          });
+          managed_styles.clear();
+      });
+  }
+
+  function create_animation(node, from, fn, params) {
+      if (!from)
+          return noop;
+      const to = node.getBoundingClientRect();
+      if (from.left === to.left && from.right === to.right && from.top === to.top && from.bottom === to.bottom)
+          return noop;
+      const { delay = 0, duration = 300, easing = identity, 
+      // @ts-ignore todo: should this be separated from destructuring? Or start/end added to public api and documentation?
+      start: start_time = now() + delay, 
+      // @ts-ignore todo:
+      end = start_time + duration, tick = noop, css } = fn(node, { from, to }, params);
+      let running = true;
+      let started = false;
+      let name;
+      function start() {
+          if (css) {
+              name = create_rule(node, 0, 1, duration, delay, easing, css);
+          }
+          if (!delay) {
+              started = true;
+          }
+      }
+      function stop() {
+          if (css)
+              delete_rule(node, name);
+          running = false;
+      }
+      loop(now => {
+          if (!started && now >= start_time) {
+              started = true;
+          }
+          if (started && now >= end) {
+              tick(1, 0);
+              stop();
+          }
+          if (!running) {
+              return false;
+          }
+          if (started) {
+              const p = now - start_time;
+              const t = 0 + 1 * easing(p / duration);
+              tick(t, 1 - t);
+          }
+          return true;
+      });
+      start();
+      tick(0, 1);
+      return stop;
+  }
+  function fix_position(node) {
+      const style = getComputedStyle(node);
+      if (style.position !== 'absolute' && style.position !== 'fixed') {
+          const { width, height } = style;
+          const a = node.getBoundingClientRect();
+          node.style.position = 'absolute';
+          node.style.width = width;
+          node.style.height = height;
+          add_transform(node, a);
+      }
+  }
+  function add_transform(node, a) {
+      const b = node.getBoundingClientRect();
+      if (a.left !== b.left || a.top !== b.top) {
+          const style = getComputedStyle(node);
+          const transform = style.transform === 'none' ? '' : style.transform;
+          node.style.transform = `${transform} translate(${a.left - b.left}px, ${a.top - b.top}px)`;
+      }
+  }
+
+  let current_component;
+  function set_current_component(component) {
+      current_component = component;
+  }
+  function get_current_component() {
+      if (!current_component)
+          throw new Error('Function called outside component initialization');
+      return current_component;
+  }
+  /**
+   * The `onMount` function schedules a callback to run as soon as the component has been mounted to the DOM.
+   * It must be called during the component's initialisation (but doesn't need to live *inside* the component;
+   * it can be called from an external module).
+   *
+   * `onMount` does not run inside a [server-side component](/docs#run-time-server-side-component-api).
+   *
+   * https://svelte.dev/docs#run-time-svelte-onmount
+   */
+  function onMount(fn) {
+      get_current_component().$$.on_mount.push(fn);
+  }
+  /**
+   * Schedules a callback to run immediately after the component has been updated.
+   *
+   * The first time the callback runs will be after the initial `onMount`
+   */
+  function afterUpdate(fn) {
+      get_current_component().$$.after_update.push(fn);
+  }
+  /**
+   * Schedules a callback to run immediately before the component is unmounted.
+   *
+   * Out of `onMount`, `beforeUpdate`, `afterUpdate` and `onDestroy`, this is the
+   * only one that runs inside a server-side component.
+   *
+   * https://svelte.dev/docs#run-time-svelte-ondestroy
+   */
+  function onDestroy(fn) {
+      get_current_component().$$.on_destroy.push(fn);
+  }
+  /**
+   * Associates an arbitrary `context` object with the current component and the specified `key`
+   * and returns that object. The context is then available to children of the component
+   * (including slotted content) with `getContext`.
+   *
+   * Like lifecycle functions, this must be called during component initialisation.
+   *
+   * https://svelte.dev/docs#run-time-svelte-setcontext
+   */
+  function setContext(key, context) {
+      get_current_component().$$.context.set(key, context);
+      return context;
+  }
+  /**
+   * Retrieves the context that belongs to the closest parent component with the specified `key`.
+   * Must be called during component initialisation.
+   *
+   * https://svelte.dev/docs#run-time-svelte-getcontext
+   */
+  function getContext(key) {
+      return get_current_component().$$.context.get(key);
+  }
+
+  const dirty_components = [];
+  const binding_callbacks = [];
+  let render_callbacks = [];
+  const flush_callbacks = [];
+  const resolved_promise = /* @__PURE__ */ Promise.resolve();
+  let update_scheduled = false;
+  function schedule_update() {
+      if (!update_scheduled) {
+          update_scheduled = true;
+          resolved_promise.then(flush);
+      }
+  }
+  function tick() {
+      schedule_update();
+      return resolved_promise;
+  }
+  function add_render_callback(fn) {
+      render_callbacks.push(fn);
+  }
+  function add_flush_callback(fn) {
+      flush_callbacks.push(fn);
+  }
+  // flush() calls callbacks in this order:
+  // 1. All beforeUpdate callbacks, in order: parents before children
+  // 2. All bind:this callbacks, in reverse order: children before parents.
+  // 3. All afterUpdate callbacks, in order: parents before children. EXCEPT
+  //    for afterUpdates called during the initial onMount, which are called in
+  //    reverse order: children before parents.
+  // Since callbacks might update component values, which could trigger another
+  // call to flush(), the following steps guard against this:
+  // 1. During beforeUpdate, any updated components will be added to the
+  //    dirty_components array and will cause a reentrant call to flush(). Because
+  //    the flush index is kept outside the function, the reentrant call will pick
+  //    up where the earlier call left off and go through all dirty components. The
+  //    current_component value is saved and restored so that the reentrant call will
+  //    not interfere with the "parent" flush() call.
+  // 2. bind:this callbacks cannot trigger new flush() calls.
+  // 3. During afterUpdate, any updated components will NOT have their afterUpdate
+  //    callback called a second time; the seen_callbacks set, outside the flush()
+  //    function, guarantees this behavior.
+  const seen_callbacks = new Set();
+  let flushidx = 0; // Do *not* move this inside the flush() function
+  function flush() {
+      // Do not reenter flush while dirty components are updated, as this can
+      // result in an infinite loop. Instead, let the inner flush handle it.
+      // Reentrancy is ok afterwards for bindings etc.
+      if (flushidx !== 0) {
+          return;
+      }
+      const saved_component = current_component;
+      do {
+          // first, call beforeUpdate functions
+          // and update components
+          try {
+              while (flushidx < dirty_components.length) {
+                  const component = dirty_components[flushidx];
+                  flushidx++;
+                  set_current_component(component);
+                  update(component.$$);
+              }
+          }
+          catch (e) {
+              // reset dirty state to not end up in a deadlocked state and then rethrow
+              dirty_components.length = 0;
+              flushidx = 0;
+              throw e;
+          }
+          set_current_component(null);
+          dirty_components.length = 0;
+          flushidx = 0;
+          while (binding_callbacks.length)
+              binding_callbacks.pop()();
+          // then, once components are updated, call
+          // afterUpdate functions. This may cause
+          // subsequent updates...
+          for (let i = 0; i < render_callbacks.length; i += 1) {
+              const callback = render_callbacks[i];
+              if (!seen_callbacks.has(callback)) {
+                  // ...so guard against infinite loops
+                  seen_callbacks.add(callback);
+                  callback();
+              }
+          }
+          render_callbacks.length = 0;
+      } while (dirty_components.length);
+      while (flush_callbacks.length) {
+          flush_callbacks.pop()();
+      }
+      update_scheduled = false;
+      seen_callbacks.clear();
+      set_current_component(saved_component);
+  }
+  function update($$) {
+      if ($$.fragment !== null) {
+          $$.update();
+          run_all($$.before_update);
+          const dirty = $$.dirty;
+          $$.dirty = [-1];
+          $$.fragment && $$.fragment.p($$.ctx, dirty);
+          $$.after_update.forEach(add_render_callback);
+      }
+  }
+  /**
+   * Useful for example to execute remaining `afterUpdate` callbacks before executing `destroy`.
+   */
+  function flush_render_callbacks(fns) {
+      const filtered = [];
+      const targets = [];
+      render_callbacks.forEach((c) => fns.indexOf(c) === -1 ? filtered.push(c) : targets.push(c));
+      targets.forEach((c) => c());
+      render_callbacks = filtered;
+  }
+
+  let promise;
+  function wait() {
+      if (!promise) {
+          promise = Promise.resolve();
+          promise.then(() => {
+              promise = null;
+          });
+      }
+      return promise;
+  }
+  function dispatch(node, direction, kind) {
+      node.dispatchEvent(custom_event(`${direction ? 'intro' : 'outro'}${kind}`));
+  }
+  const outroing = new Set();
+  let outros;
+  function group_outros() {
+      outros = {
+          r: 0,
+          c: [],
+          p: outros // parent group
+      };
+  }
+  function check_outros() {
+      if (!outros.r) {
+          run_all(outros.c);
+      }
+      outros = outros.p;
+  }
+  function transition_in(block, local) {
+      if (block && block.i) {
+          outroing.delete(block);
+          block.i(local);
+      }
+  }
+  function transition_out(block, local, detach, callback) {
+      if (block && block.o) {
+          if (outroing.has(block))
+              return;
+          outroing.add(block);
+          outros.c.push(() => {
+              outroing.delete(block);
+              if (callback) {
+                  if (detach)
+                      block.d(1);
+                  callback();
+              }
+          });
+          block.o(local);
+      }
+      else if (callback) {
+          callback();
+      }
+  }
+  const null_transition = { duration: 0 };
+  function create_in_transition(node, fn, params) {
+      const options = { direction: 'in' };
+      let config = fn(node, params, options);
+      let running = false;
+      let animation_name;
+      let task;
+      let uid = 0;
+      function cleanup() {
+          if (animation_name)
+              delete_rule(node, animation_name);
+      }
+      function go() {
+          const { delay = 0, duration = 300, easing = identity, tick = noop, css } = config || null_transition;
+          if (css)
+              animation_name = create_rule(node, 0, 1, duration, delay, easing, css, uid++);
+          tick(0, 1);
+          const start_time = now() + delay;
+          const end_time = start_time + duration;
+          if (task)
+              task.abort();
+          running = true;
+          add_render_callback(() => dispatch(node, true, 'start'));
+          task = loop(now => {
+              if (running) {
+                  if (now >= end_time) {
+                      tick(1, 0);
+                      dispatch(node, true, 'end');
+                      cleanup();
+                      return running = false;
+                  }
+                  if (now >= start_time) {
+                      const t = easing((now - start_time) / duration);
+                      tick(t, 1 - t);
+                  }
+              }
+              return running;
+          });
+      }
+      let started = false;
+      return {
+          start() {
+              if (started)
+                  return;
+              started = true;
+              delete_rule(node);
+              if (is_function(config)) {
+                  config = config(options);
+                  wait().then(go);
+              }
+              else {
+                  go();
+              }
+          },
+          invalidate() {
+              started = false;
+          },
+          end() {
+              if (running) {
+                  cleanup();
+                  running = false;
+              }
+          }
+      };
+  }
+  function create_out_transition(node, fn, params) {
+      const options = { direction: 'out' };
+      let config = fn(node, params, options);
+      let running = true;
+      let animation_name;
+      const group = outros;
+      group.r += 1;
+      function go() {
+          const { delay = 0, duration = 300, easing = identity, tick = noop, css } = config || null_transition;
+          if (css)
+              animation_name = create_rule(node, 1, 0, duration, delay, easing, css);
+          const start_time = now() + delay;
+          const end_time = start_time + duration;
+          add_render_callback(() => dispatch(node, false, 'start'));
+          loop(now => {
+              if (running) {
+                  if (now >= end_time) {
+                      tick(0, 1);
+                      dispatch(node, false, 'end');
+                      if (!--group.r) {
+                          // this will result in `end()` being called,
+                          // so we don't need to clean up here
+                          run_all(group.c);
+                      }
+                      return false;
+                  }
+                  if (now >= start_time) {
+                      const t = easing((now - start_time) / duration);
+                      tick(1 - t, t);
+                  }
+              }
+              return running;
+          });
+      }
+      if (is_function(config)) {
+          wait().then(() => {
+              // @ts-ignore
+              config = config(options);
+              go();
+          });
+      }
+      else {
+          go();
+      }
+      return {
+          end(reset) {
+              if (reset && config.tick) {
+                  config.tick(1, 0);
+              }
+              if (running) {
+                  if (animation_name)
+                      delete_rule(node, animation_name);
+                  running = false;
+              }
+          }
+      };
+  }
+
+  function destroy_block(block, lookup) {
+      block.d(1);
+      lookup.delete(block.key);
+  }
+  function outro_and_destroy_block(block, lookup) {
+      transition_out(block, 1, 1, () => {
+          lookup.delete(block.key);
+      });
+  }
+  function fix_and_outro_and_destroy_block(block, lookup) {
+      block.f();
+      outro_and_destroy_block(block, lookup);
+  }
+  function update_keyed_each(old_blocks, dirty, get_key, dynamic, ctx, list, lookup, node, destroy, create_each_block, next, get_context) {
+      let o = old_blocks.length;
+      let n = list.length;
+      let i = o;
+      const old_indexes = {};
+      while (i--)
+          old_indexes[old_blocks[i].key] = i;
+      const new_blocks = [];
+      const new_lookup = new Map();
+      const deltas = new Map();
+      const updates = [];
+      i = n;
+      while (i--) {
+          const child_ctx = get_context(ctx, list, i);
+          const key = get_key(child_ctx);
+          let block = lookup.get(key);
+          if (!block) {
+              block = create_each_block(key, child_ctx);
+              block.c();
+          }
+          else if (dynamic) {
+              // defer updates until all the DOM shuffling is done
+              updates.push(() => block.p(child_ctx, dirty));
+          }
+          new_lookup.set(key, new_blocks[i] = block);
+          if (key in old_indexes)
+              deltas.set(key, Math.abs(i - old_indexes[key]));
+      }
+      const will_move = new Set();
+      const did_move = new Set();
+      function insert(block) {
+          transition_in(block, 1);
+          block.m(node, next);
+          lookup.set(block.key, block);
+          next = block.first;
+          n--;
+      }
+      while (o && n) {
+          const new_block = new_blocks[n - 1];
+          const old_block = old_blocks[o - 1];
+          const new_key = new_block.key;
+          const old_key = old_block.key;
+          if (new_block === old_block) {
+              // do nothing
+              next = new_block.first;
+              o--;
+              n--;
+          }
+          else if (!new_lookup.has(old_key)) {
+              // remove old block
+              destroy(old_block, lookup);
+              o--;
+          }
+          else if (!lookup.has(new_key) || will_move.has(new_key)) {
+              insert(new_block);
+          }
+          else if (did_move.has(old_key)) {
+              o--;
+          }
+          else if (deltas.get(new_key) > deltas.get(old_key)) {
+              did_move.add(new_key);
+              insert(new_block);
+          }
+          else {
+              will_move.add(old_key);
+              o--;
+          }
+      }
+      while (o--) {
+          const old_block = old_blocks[o];
+          if (!new_lookup.has(old_block.key))
+              destroy(old_block, lookup);
+      }
+      while (n)
+          insert(new_blocks[n - 1]);
+      run_all(updates);
+      return new_blocks;
+  }
+  function validate_each_keys(ctx, list, get_context, get_key) {
+      const keys = new Set();
+      for (let i = 0; i < list.length; i++) {
+          const key = get_key(get_context(ctx, list, i));
+          if (keys.has(key)) {
+              throw new Error('Cannot have duplicate keys in a keyed each');
+          }
+          keys.add(key);
+      }
+  }
+
+  function bind(component, name, callback) {
+      const index = component.$$.props[name];
+      if (index !== undefined) {
+          component.$$.bound[index] = callback;
+          callback(component.$$.ctx[index]);
+      }
+  }
+  function create_component(block) {
+      block && block.c();
+  }
+  function mount_component(component, target, anchor, customElement) {
+      const { fragment, after_update } = component.$$;
+      fragment && fragment.m(target, anchor);
+      if (!customElement) {
+          // onMount happens before the initial afterUpdate
+          add_render_callback(() => {
+              const new_on_destroy = component.$$.on_mount.map(run).filter(is_function);
+              // if the component was destroyed immediately
+              // it will update the `$$.on_destroy` reference to `null`.
+              // the destructured on_destroy may still reference to the old array
+              if (component.$$.on_destroy) {
+                  component.$$.on_destroy.push(...new_on_destroy);
+              }
+              else {
+                  // Edge case - component was destroyed immediately,
+                  // most likely as a result of a binding initialising
+                  run_all(new_on_destroy);
+              }
+              component.$$.on_mount = [];
+          });
+      }
+      after_update.forEach(add_render_callback);
+  }
+  function destroy_component(component, detaching) {
+      const $$ = component.$$;
+      if ($$.fragment !== null) {
+          flush_render_callbacks($$.after_update);
+          run_all($$.on_destroy);
+          $$.fragment && $$.fragment.d(detaching);
+          // TODO null out other refs, including component.$$ (but need to
+          // preserve final state?)
+          $$.on_destroy = $$.fragment = null;
+          $$.ctx = [];
+      }
+  }
+  function make_dirty(component, i) {
+      if (component.$$.dirty[0] === -1) {
+          dirty_components.push(component);
+          schedule_update();
+          component.$$.dirty.fill(0);
+      }
+      component.$$.dirty[(i / 31) | 0] |= (1 << (i % 31));
+  }
+  function init(component, options, instance, create_fragment, not_equal, props, append_styles, dirty = [-1]) {
+      const parent_component = current_component;
+      set_current_component(component);
+      const $$ = component.$$ = {
+          fragment: null,
+          ctx: [],
+          // state
+          props,
+          update: noop,
+          not_equal,
+          bound: blank_object(),
+          // lifecycle
+          on_mount: [],
+          on_destroy: [],
+          on_disconnect: [],
+          before_update: [],
+          after_update: [],
+          context: new Map(options.context || (parent_component ? parent_component.$$.context : [])),
+          // everything else
+          callbacks: blank_object(),
+          dirty,
+          skip_bound: false,
+          root: options.target || parent_component.$$.root
+      };
+      append_styles && append_styles($$.root);
+      let ready = false;
+      $$.ctx = instance
+          ? instance(component, options.props || {}, (i, ret, ...rest) => {
+              const value = rest.length ? rest[0] : ret;
+              if ($$.ctx && not_equal($$.ctx[i], $$.ctx[i] = value)) {
+                  if (!$$.skip_bound && $$.bound[i])
+                      $$.bound[i](value);
+                  if (ready)
+                      make_dirty(component, i);
+              }
+              return ret;
+          })
+          : [];
+      $$.update();
+      ready = true;
+      run_all($$.before_update);
+      // `false` as a special case of no DOM component
+      $$.fragment = create_fragment ? create_fragment($$.ctx) : false;
+      if (options.target) {
+          if (options.hydrate) {
+              const nodes = children(options.target);
+              // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+              $$.fragment && $$.fragment.l(nodes);
+              nodes.forEach(detach);
+          }
+          else {
+              // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+              $$.fragment && $$.fragment.c();
+          }
+          if (options.intro)
+              transition_in(component.$$.fragment);
+          mount_component(component, options.target, options.anchor, options.customElement);
+          flush();
+      }
+      set_current_component(parent_component);
+  }
+  /**
+   * Base class for Svelte components. Used when dev=false.
+   */
+  class SvelteComponent {
+      $destroy() {
+          destroy_component(this, 1);
+          this.$destroy = noop;
+      }
+      $on(type, callback) {
+          if (!is_function(callback)) {
+              return noop;
+          }
+          const callbacks = (this.$$.callbacks[type] || (this.$$.callbacks[type] = []));
+          callbacks.push(callback);
+          return () => {
+              const index = callbacks.indexOf(callback);
+              if (index !== -1)
+                  callbacks.splice(index, 1);
+          };
+      }
+      $set($$props) {
+          if (this.$$set && !is_empty($$props)) {
+              this.$$.skip_bound = true;
+              this.$$set($$props);
+              this.$$.skip_bound = false;
+          }
+      }
+  }
+
+  function dispatch_dev(type, detail) {
+      document.dispatchEvent(custom_event(type, Object.assign({ version: '3.59.2' }, detail), { bubbles: true }));
+  }
+  function append_dev(target, node) {
+      dispatch_dev('SvelteDOMInsert', { target, node });
+      append(target, node);
+  }
+  function insert_dev(target, node, anchor) {
+      dispatch_dev('SvelteDOMInsert', { target, node, anchor });
+      insert(target, node, anchor);
+  }
+  function detach_dev(node) {
+      dispatch_dev('SvelteDOMRemove', { node });
+      detach(node);
+  }
+  function listen_dev(node, event, handler, options, has_prevent_default, has_stop_propagation, has_stop_immediate_propagation) {
+      const modifiers = options === true ? ['capture'] : options ? Array.from(Object.keys(options)) : [];
+      if (has_prevent_default)
+          modifiers.push('preventDefault');
+      if (has_stop_propagation)
+          modifiers.push('stopPropagation');
+      if (has_stop_immediate_propagation)
+          modifiers.push('stopImmediatePropagation');
+      dispatch_dev('SvelteDOMAddEventListener', { node, event, handler, modifiers });
+      const dispose = listen(node, event, handler, options);
+      return () => {
+          dispatch_dev('SvelteDOMRemoveEventListener', { node, event, handler, modifiers });
+          dispose();
+      };
+  }
+  function attr_dev(node, attribute, value) {
+      attr(node, attribute, value);
+      if (value == null)
+          dispatch_dev('SvelteDOMRemoveAttribute', { node, attribute });
+      else
+          dispatch_dev('SvelteDOMSetAttribute', { node, attribute, value });
+  }
+  function set_data_dev(text, data) {
+      data = '' + data;
+      if (text.data === data)
+          return;
+      dispatch_dev('SvelteDOMSetData', { node: text, data });
+      text.data = data;
+  }
+  function validate_each_argument(arg) {
+      if (typeof arg !== 'string' && !(arg && typeof arg === 'object' && 'length' in arg)) {
+          let msg = '{#each} only iterates over array-like objects.';
+          if (typeof Symbol === 'function' && arg && Symbol.iterator in arg) {
+              msg += ' You can use a spread to convert this iterable into an array.';
+          }
+          throw new Error(msg);
+      }
+  }
+  function validate_slots(name, slot, keys) {
+      for (const slot_key of Object.keys(slot)) {
+          if (!~keys.indexOf(slot_key)) {
+              console.warn(`<${name}> received an unexpected slot "${slot_key}".`);
+          }
+      }
+  }
+  /**
+   * Base class for Svelte components with some minor dev-enhancements. Used when dev=true.
+   */
+  class SvelteComponentDev extends SvelteComponent {
+      constructor(options) {
+          if (!options || (!options.target && !options.$$inline)) {
+              throw new Error("'target' is a required option");
+          }
+          super();
+      }
+      $destroy() {
+          super.$destroy();
+          this.$destroy = () => {
+              console.warn('Component was already destroyed'); // eslint-disable-line no-console
+          };
+      }
+      $capture_state() { }
+      $inject_state() { }
+  }
+
+  let id = 1;
+
+  function getId() {
+    return `svelte-tabs-${id++}`;
+  }
+
+  const subscriber_queue = [];
+  /**
+   * Create a `Writable` store that allows both updating and reading by subscription.
+   * @param {*=}value initial value
+   * @param {StartStopNotifier=} start
+   */
+  function writable(value, start = noop) {
+      let stop;
+      const subscribers = new Set();
+      function set(new_value) {
+          if (safe_not_equal(value, new_value)) {
+              value = new_value;
+              if (stop) { // store is ready
+                  const run_queue = !subscriber_queue.length;
+                  for (const subscriber of subscribers) {
+                      subscriber[1]();
+                      subscriber_queue.push(subscriber, value);
+                  }
+                  if (run_queue) {
+                      for (let i = 0; i < subscriber_queue.length; i += 2) {
+                          subscriber_queue[i][0](subscriber_queue[i + 1]);
+                      }
+                      subscriber_queue.length = 0;
+                  }
+              }
+          }
+      }
+      function update(fn) {
+          set(fn(value));
+      }
+      function subscribe(run, invalidate = noop) {
+          const subscriber = [run, invalidate];
+          subscribers.add(subscriber);
+          if (subscribers.size === 1) {
+              stop = start(set) || noop;
+          }
+          run(value);
+          return () => {
+              subscribers.delete(subscriber);
+              if (subscribers.size === 0 && stop) {
+                  stop();
+                  stop = null;
+              }
+          };
+      }
+      return { set, update, subscribe };
+  }
+
+  /* node_modules/svelte-tabs/src/Tabs.svelte generated by Svelte v3.59.2 */
+  const file$7 = "node_modules/svelte-tabs/src/Tabs.svelte";
+
+  function create_fragment$7(ctx) {
+  	let div;
+  	let current;
+  	let mounted;
+  	let dispose;
+  	const default_slot_template = /*#slots*/ ctx[4].default;
+  	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[3], null);
+
+  	const block = {
+  		c: function create() {
+  			div = element("div");
+  			if (default_slot) default_slot.c();
+  			attr_dev(div, "class", "svelte-tabs");
+  			add_location(div, file$7, 97, 0, 2405);
+  		},
+  		l: function claim(nodes) {
+  			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
+  		},
+  		m: function mount(target, anchor) {
+  			insert_dev(target, div, anchor);
+
+  			if (default_slot) {
+  				default_slot.m(div, null);
+  			}
+
+  			current = true;
+
+  			if (!mounted) {
+  				dispose = listen_dev(div, "keydown", /*handleKeyDown*/ ctx[1], false, false, false, false);
+  				mounted = true;
+  			}
+  		},
+  		p: function update(ctx, [dirty]) {
+  			if (default_slot) {
+  				if (default_slot.p && (!current || dirty & /*$$scope*/ 8)) {
+  					update_slot_base(
+  						default_slot,
+  						default_slot_template,
+  						ctx,
+  						/*$$scope*/ ctx[3],
+  						!current
+  						? get_all_dirty_from_scope(/*$$scope*/ ctx[3])
+  						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[3], dirty, null),
+  						null
+  					);
+  				}
+  			}
+  		},
+  		i: function intro(local) {
+  			if (current) return;
+  			transition_in(default_slot, local);
+  			current = true;
+  		},
+  		o: function outro(local) {
+  			transition_out(default_slot, local);
+  			current = false;
+  		},
+  		d: function destroy(detaching) {
+  			if (detaching) detach_dev(div);
+  			if (default_slot) default_slot.d(detaching);
+  			mounted = false;
+  			dispose();
+  		}
+  	};
+
+  	dispatch_dev("SvelteRegisterBlock", {
+  		block,
+  		id: create_fragment$7.name,
+  		type: "component",
+  		source: "",
+  		ctx
+  	});
+
+  	return block;
+  }
+
+  const TABS = {};
+
+  function removeAndUpdateSelected(arr, item, selectedStore) {
+  	const index = arr.indexOf(item);
+  	arr.splice(index, 1);
+
+  	selectedStore.update(selected => selected === item
+  	? arr[index] || arr[arr.length - 1]
+  	: selected);
+  }
+
+  function instance$7($$self, $$props, $$invalidate) {
+  	let $selectedTab;
+  	let { $$slots: slots = {}, $$scope } = $$props;
+  	validate_slots('Tabs', slots, ['default']);
+  	let { initialSelectedIndex = 0 } = $$props;
+  	const tabElements = [];
+  	const tabs = [];
+  	const panels = [];
+  	const controls = writable({});
+  	const labeledBy = writable({});
+  	const selectedTab = writable(null);
+  	validate_store(selectedTab, 'selectedTab');
+  	component_subscribe($$self, selectedTab, value => $$invalidate(5, $selectedTab = value));
+  	const selectedPanel = writable(null);
+
+  	function registerItem(arr, item, selectedStore) {
+  		arr.push(item);
+  		selectedStore.update(selected => selected || item);
+  		onDestroy(() => removeAndUpdateSelected(arr, item, selectedStore));
+  	}
+
+  	function selectTab(tab) {
+  		const index = tabs.indexOf(tab);
+  		selectedTab.set(tab);
+  		selectedPanel.set(panels[index]);
+  	}
+
+  	setContext(TABS, {
+  		registerTab(tab) {
+  			registerItem(tabs, tab, selectedTab);
+  		},
+  		registerTabElement(tabElement) {
+  			tabElements.push(tabElement);
+  		},
+  		registerPanel(panel) {
+  			registerItem(panels, panel, selectedPanel);
+  		},
+  		selectTab,
+  		selectedTab,
+  		selectedPanel,
+  		controls,
+  		labeledBy
+  	});
+
+  	onMount(() => {
+  		selectTab(tabs[initialSelectedIndex]);
+  	});
+
+  	afterUpdate(() => {
+  		for (let i = 0; i < tabs.length; i++) {
+  			controls.update(controlsData => ({
+  				...controlsData,
+  				[tabs[i].id]: panels[i].id
+  			}));
+
+  			labeledBy.update(labeledByData => ({
+  				...labeledByData,
+  				[panels[i].id]: tabs[i].id
+  			}));
+  		}
+  	});
+
+  	async function handleKeyDown(event) {
+  		if (event.target.classList.contains('svelte-tabs__tab')) {
+  			let selectedIndex = tabs.indexOf($selectedTab);
+
+  			switch (event.key) {
+  				case 'ArrowRight':
+  					selectedIndex += 1;
+  					if (selectedIndex > tabs.length - 1) {
+  						selectedIndex = 0;
+  					}
+  					selectTab(tabs[selectedIndex]);
+  					tabElements[selectedIndex].focus();
+  					break;
+  				case 'ArrowLeft':
+  					selectedIndex -= 1;
+  					if (selectedIndex < 0) {
+  						selectedIndex = tabs.length - 1;
+  					}
+  					selectTab(tabs[selectedIndex]);
+  					tabElements[selectedIndex].focus();
+  			}
+  		}
+  	}
+
+  	const writable_props = ['initialSelectedIndex'];
+
+  	Object.keys($$props).forEach(key => {
+  		if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console.warn(`<Tabs> was created with unknown prop '${key}'`);
+  	});
+
+  	$$self.$$set = $$props => {
+  		if ('initialSelectedIndex' in $$props) $$invalidate(2, initialSelectedIndex = $$props.initialSelectedIndex);
+  		if ('$$scope' in $$props) $$invalidate(3, $$scope = $$props.$$scope);
+  	};
+
+  	$$self.$capture_state = () => ({
+  		TABS,
+  		afterUpdate,
+  		setContext,
+  		onDestroy,
+  		onMount,
+  		tick,
+  		writable,
+  		initialSelectedIndex,
+  		tabElements,
+  		tabs,
+  		panels,
+  		controls,
+  		labeledBy,
+  		selectedTab,
+  		selectedPanel,
+  		removeAndUpdateSelected,
+  		registerItem,
+  		selectTab,
+  		handleKeyDown,
+  		$selectedTab
+  	});
+
+  	$$self.$inject_state = $$props => {
+  		if ('initialSelectedIndex' in $$props) $$invalidate(2, initialSelectedIndex = $$props.initialSelectedIndex);
+  	};
+
+  	if ($$props && "$$inject" in $$props) {
+  		$$self.$inject_state($$props.$$inject);
+  	}
+
+  	return [selectedTab, handleKeyDown, initialSelectedIndex, $$scope, slots];
+  }
+
+  class Tabs extends SvelteComponentDev {
+  	constructor(options) {
+  		super(options);
+  		init(this, options, instance$7, create_fragment$7, safe_not_equal, { initialSelectedIndex: 2 });
+
+  		dispatch_dev("SvelteRegisterComponent", {
+  			component: this,
+  			tagName: "Tabs",
+  			options,
+  			id: create_fragment$7.name
+  		});
+  	}
+
+  	get initialSelectedIndex() {
+  		throw new Error("<Tabs>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
+  	}
+
+  	set initialSelectedIndex(value) {
+  		throw new Error("<Tabs>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
+  	}
+  }
+
+  /* node_modules/svelte-tabs/src/Tab.svelte generated by Svelte v3.59.2 */
+  const file$6 = "node_modules/svelte-tabs/src/Tab.svelte";
+
+  function create_fragment$6(ctx) {
+  	let li;
+  	let li_aria_controls_value;
+  	let li_tabindex_value;
+  	let current;
+  	let mounted;
+  	let dispose;
+  	const default_slot_template = /*#slots*/ ctx[9].default;
+  	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[8], null);
+
+  	const block = {
+  		c: function create() {
+  			li = element("li");
+  			if (default_slot) default_slot.c();
+  			attr_dev(li, "role", "tab");
+  			attr_dev(li, "id", /*tab*/ ctx[3].id);
+  			attr_dev(li, "aria-controls", li_aria_controls_value = /*$controls*/ ctx[2][/*tab*/ ctx[3].id]);
+  			attr_dev(li, "aria-selected", /*isSelected*/ ctx[1]);
+  			attr_dev(li, "tabindex", li_tabindex_value = /*isSelected*/ ctx[1] ? 0 : -1);
+  			attr_dev(li, "class", "svelte-tabs__tab svelte-1fbofsd");
+  			toggle_class(li, "svelte-tabs__selected", /*isSelected*/ ctx[1]);
+  			add_location(li, file$6, 45, 0, 812);
+  		},
+  		l: function claim(nodes) {
+  			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
+  		},
+  		m: function mount(target, anchor) {
+  			insert_dev(target, li, anchor);
+
+  			if (default_slot) {
+  				default_slot.m(li, null);
+  			}
+
+  			/*li_binding*/ ctx[10](li);
+  			current = true;
+
+  			if (!mounted) {
+  				dispose = listen_dev(li, "click", /*click_handler*/ ctx[11], false, false, false, false);
+  				mounted = true;
+  			}
+  		},
+  		p: function update(ctx, [dirty]) {
+  			if (default_slot) {
+  				if (default_slot.p && (!current || dirty & /*$$scope*/ 256)) {
+  					update_slot_base(
+  						default_slot,
+  						default_slot_template,
+  						ctx,
+  						/*$$scope*/ ctx[8],
+  						!current
+  						? get_all_dirty_from_scope(/*$$scope*/ ctx[8])
+  						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[8], dirty, null),
+  						null
+  					);
+  				}
+  			}
+
+  			if (!current || dirty & /*$controls*/ 4 && li_aria_controls_value !== (li_aria_controls_value = /*$controls*/ ctx[2][/*tab*/ ctx[3].id])) {
+  				attr_dev(li, "aria-controls", li_aria_controls_value);
+  			}
+
+  			if (!current || dirty & /*isSelected*/ 2) {
+  				attr_dev(li, "aria-selected", /*isSelected*/ ctx[1]);
+  			}
+
+  			if (!current || dirty & /*isSelected*/ 2 && li_tabindex_value !== (li_tabindex_value = /*isSelected*/ ctx[1] ? 0 : -1)) {
+  				attr_dev(li, "tabindex", li_tabindex_value);
+  			}
+
+  			if (!current || dirty & /*isSelected*/ 2) {
+  				toggle_class(li, "svelte-tabs__selected", /*isSelected*/ ctx[1]);
+  			}
+  		},
+  		i: function intro(local) {
+  			if (current) return;
+  			transition_in(default_slot, local);
+  			current = true;
+  		},
+  		o: function outro(local) {
+  			transition_out(default_slot, local);
+  			current = false;
+  		},
+  		d: function destroy(detaching) {
+  			if (detaching) detach_dev(li);
+  			if (default_slot) default_slot.d(detaching);
+  			/*li_binding*/ ctx[10](null);
+  			mounted = false;
+  			dispose();
+  		}
+  	};
+
+  	dispatch_dev("SvelteRegisterBlock", {
+  		block,
+  		id: create_fragment$6.name,
+  		type: "component",
+  		source: "",
+  		ctx
+  	});
+
+  	return block;
+  }
+
+  function instance$6($$self, $$props, $$invalidate) {
+  	let $selectedTab;
+  	let $controls;
+  	let { $$slots: slots = {}, $$scope } = $$props;
+  	validate_slots('Tab', slots, ['default']);
+  	let tabEl;
+  	const tab = { id: getId() };
+  	const { registerTab, registerTabElement, selectTab, selectedTab, controls } = getContext(TABS);
+  	validate_store(selectedTab, 'selectedTab');
+  	component_subscribe($$self, selectedTab, value => $$invalidate(7, $selectedTab = value));
+  	validate_store(controls, 'controls');
+  	component_subscribe($$self, controls, value => $$invalidate(2, $controls = value));
+  	let isSelected;
+  	registerTab(tab);
+
+  	onMount(async () => {
+  		await tick();
+  		registerTabElement(tabEl);
+  	});
+
+  	const writable_props = [];
+
+  	Object.keys($$props).forEach(key => {
+  		if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console.warn(`<Tab> was created with unknown prop '${key}'`);
+  	});
+
+  	function li_binding($$value) {
+  		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
+  			tabEl = $$value;
+  			$$invalidate(0, tabEl);
+  		});
+  	}
+
+  	const click_handler = () => selectTab(tab);
+
+  	$$self.$$set = $$props => {
+  		if ('$$scope' in $$props) $$invalidate(8, $$scope = $$props.$$scope);
+  	};
+
+  	$$self.$capture_state = () => ({
+  		getContext,
+  		onMount,
+  		tick,
+  		getId,
+  		TABS,
+  		tabEl,
+  		tab,
+  		registerTab,
+  		registerTabElement,
+  		selectTab,
+  		selectedTab,
+  		controls,
+  		isSelected,
+  		$selectedTab,
+  		$controls
+  	});
+
+  	$$self.$inject_state = $$props => {
+  		if ('tabEl' in $$props) $$invalidate(0, tabEl = $$props.tabEl);
+  		if ('isSelected' in $$props) $$invalidate(1, isSelected = $$props.isSelected);
+  	};
+
+  	if ($$props && "$$inject" in $$props) {
+  		$$self.$inject_state($$props.$$inject);
+  	}
+
+  	$$self.$$.update = () => {
+  		if ($$self.$$.dirty & /*$selectedTab*/ 128) {
+  			$$invalidate(1, isSelected = $selectedTab === tab);
+  		}
+  	};
+
+  	return [
+  		tabEl,
+  		isSelected,
+  		$controls,
+  		tab,
+  		selectTab,
+  		selectedTab,
+  		controls,
+  		$selectedTab,
+  		$$scope,
+  		slots,
+  		li_binding,
+  		click_handler
+  	];
+  }
+
+  class Tab extends SvelteComponentDev {
+  	constructor(options) {
+  		super(options);
+  		init(this, options, instance$6, create_fragment$6, safe_not_equal, {});
+
+  		dispatch_dev("SvelteRegisterComponent", {
+  			component: this,
+  			tagName: "Tab",
+  			options,
+  			id: create_fragment$6.name
+  		});
+  	}
+  }
+
+  /* node_modules/svelte-tabs/src/TabList.svelte generated by Svelte v3.59.2 */
+
+  const file$5 = "node_modules/svelte-tabs/src/TabList.svelte";
+
+  function create_fragment$5(ctx) {
+  	let ul;
+  	let current;
+  	const default_slot_template = /*#slots*/ ctx[1].default;
+  	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[0], null);
+
+  	const block = {
+  		c: function create() {
+  			ul = element("ul");
+  			if (default_slot) default_slot.c();
+  			attr_dev(ul, "role", "tablist");
+  			attr_dev(ul, "class", "svelte-tabs__tab-list svelte-12yby2a");
+  			add_location(ul, file$5, 8, 0, 116);
+  		},
+  		l: function claim(nodes) {
+  			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
+  		},
+  		m: function mount(target, anchor) {
+  			insert_dev(target, ul, anchor);
+
+  			if (default_slot) {
+  				default_slot.m(ul, null);
+  			}
+
+  			current = true;
+  		},
+  		p: function update(ctx, [dirty]) {
+  			if (default_slot) {
+  				if (default_slot.p && (!current || dirty & /*$$scope*/ 1)) {
+  					update_slot_base(
+  						default_slot,
+  						default_slot_template,
+  						ctx,
+  						/*$$scope*/ ctx[0],
+  						!current
+  						? get_all_dirty_from_scope(/*$$scope*/ ctx[0])
+  						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[0], dirty, null),
+  						null
+  					);
+  				}
+  			}
+  		},
+  		i: function intro(local) {
+  			if (current) return;
+  			transition_in(default_slot, local);
+  			current = true;
+  		},
+  		o: function outro(local) {
+  			transition_out(default_slot, local);
+  			current = false;
+  		},
+  		d: function destroy(detaching) {
+  			if (detaching) detach_dev(ul);
+  			if (default_slot) default_slot.d(detaching);
+  		}
+  	};
+
+  	dispatch_dev("SvelteRegisterBlock", {
+  		block,
+  		id: create_fragment$5.name,
+  		type: "component",
+  		source: "",
+  		ctx
+  	});
+
+  	return block;
+  }
+
+  function instance$5($$self, $$props, $$invalidate) {
+  	let { $$slots: slots = {}, $$scope } = $$props;
+  	validate_slots('TabList', slots, ['default']);
+  	const writable_props = [];
+
+  	Object.keys($$props).forEach(key => {
+  		if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console.warn(`<TabList> was created with unknown prop '${key}'`);
+  	});
+
+  	$$self.$$set = $$props => {
+  		if ('$$scope' in $$props) $$invalidate(0, $$scope = $$props.$$scope);
+  	};
+
+  	return [$$scope, slots];
+  }
+
+  class TabList extends SvelteComponentDev {
+  	constructor(options) {
+  		super(options);
+  		init(this, options, instance$5, create_fragment$5, safe_not_equal, {});
+
+  		dispatch_dev("SvelteRegisterComponent", {
+  			component: this,
+  			tagName: "TabList",
+  			options,
+  			id: create_fragment$5.name
+  		});
+  	}
+  }
+
+  /* node_modules/svelte-tabs/src/TabPanel.svelte generated by Svelte v3.59.2 */
+  const file$4 = "node_modules/svelte-tabs/src/TabPanel.svelte";
+
+  // (26:2) {#if $selectedPanel === panel}
+  function create_if_block$1(ctx) {
+  	let current;
+  	const default_slot_template = /*#slots*/ ctx[6].default;
+  	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[5], null);
+
+  	const block = {
+  		c: function create() {
+  			if (default_slot) default_slot.c();
+  		},
+  		m: function mount(target, anchor) {
+  			if (default_slot) {
+  				default_slot.m(target, anchor);
+  			}
+
+  			current = true;
+  		},
+  		p: function update(ctx, dirty) {
+  			if (default_slot) {
+  				if (default_slot.p && (!current || dirty & /*$$scope*/ 32)) {
+  					update_slot_base(
+  						default_slot,
+  						default_slot_template,
+  						ctx,
+  						/*$$scope*/ ctx[5],
+  						!current
+  						? get_all_dirty_from_scope(/*$$scope*/ ctx[5])
+  						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[5], dirty, null),
+  						null
+  					);
+  				}
+  			}
+  		},
+  		i: function intro(local) {
+  			if (current) return;
+  			transition_in(default_slot, local);
+  			current = true;
+  		},
+  		o: function outro(local) {
+  			transition_out(default_slot, local);
+  			current = false;
+  		},
+  		d: function destroy(detaching) {
+  			if (default_slot) default_slot.d(detaching);
+  		}
+  	};
+
+  	dispatch_dev("SvelteRegisterBlock", {
+  		block,
+  		id: create_if_block$1.name,
+  		type: "if",
+  		source: "(26:2) {#if $selectedPanel === panel}",
+  		ctx
+  	});
+
+  	return block;
+  }
+
+  function create_fragment$4(ctx) {
+  	let div;
+  	let div_aria_labelledby_value;
+  	let current;
+  	let if_block = /*$selectedPanel*/ ctx[1] === /*panel*/ ctx[2] && create_if_block$1(ctx);
+
+  	const block = {
+  		c: function create() {
+  			div = element("div");
+  			if (if_block) if_block.c();
+  			attr_dev(div, "id", /*panel*/ ctx[2].id);
+  			attr_dev(div, "aria-labelledby", div_aria_labelledby_value = /*$labeledBy*/ ctx[0][/*panel*/ ctx[2].id]);
+  			attr_dev(div, "class", "svelte-tabs__tab-panel svelte-epfyet");
+  			attr_dev(div, "role", "tabpanel");
+  			add_location(div, file$4, 20, 0, 338);
+  		},
+  		l: function claim(nodes) {
+  			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
+  		},
+  		m: function mount(target, anchor) {
+  			insert_dev(target, div, anchor);
+  			if (if_block) if_block.m(div, null);
+  			current = true;
+  		},
+  		p: function update(ctx, [dirty]) {
+  			if (/*$selectedPanel*/ ctx[1] === /*panel*/ ctx[2]) {
+  				if (if_block) {
+  					if_block.p(ctx, dirty);
+
+  					if (dirty & /*$selectedPanel*/ 2) {
+  						transition_in(if_block, 1);
+  					}
+  				} else {
+  					if_block = create_if_block$1(ctx);
+  					if_block.c();
+  					transition_in(if_block, 1);
+  					if_block.m(div, null);
+  				}
+  			} else if (if_block) {
+  				group_outros();
+
+  				transition_out(if_block, 1, 1, () => {
+  					if_block = null;
+  				});
+
+  				check_outros();
+  			}
+
+  			if (!current || dirty & /*$labeledBy*/ 1 && div_aria_labelledby_value !== (div_aria_labelledby_value = /*$labeledBy*/ ctx[0][/*panel*/ ctx[2].id])) {
+  				attr_dev(div, "aria-labelledby", div_aria_labelledby_value);
+  			}
+  		},
+  		i: function intro(local) {
+  			if (current) return;
+  			transition_in(if_block);
+  			current = true;
+  		},
+  		o: function outro(local) {
+  			transition_out(if_block);
+  			current = false;
+  		},
+  		d: function destroy(detaching) {
+  			if (detaching) detach_dev(div);
+  			if (if_block) if_block.d();
+  		}
+  	};
+
+  	dispatch_dev("SvelteRegisterBlock", {
+  		block,
+  		id: create_fragment$4.name,
+  		type: "component",
+  		source: "",
+  		ctx
+  	});
+
+  	return block;
+  }
+
+  function instance$4($$self, $$props, $$invalidate) {
+  	let $labeledBy;
+  	let $selectedPanel;
+  	let { $$slots: slots = {}, $$scope } = $$props;
+  	validate_slots('TabPanel', slots, ['default']);
+  	const panel = { id: getId() };
+  	const { registerPanel, selectedPanel, labeledBy } = getContext(TABS);
+  	validate_store(selectedPanel, 'selectedPanel');
+  	component_subscribe($$self, selectedPanel, value => $$invalidate(1, $selectedPanel = value));
+  	validate_store(labeledBy, 'labeledBy');
+  	component_subscribe($$self, labeledBy, value => $$invalidate(0, $labeledBy = value));
+  	registerPanel(panel);
+  	const writable_props = [];
+
+  	Object.keys($$props).forEach(key => {
+  		if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console.warn(`<TabPanel> was created with unknown prop '${key}'`);
+  	});
+
+  	$$self.$$set = $$props => {
+  		if ('$$scope' in $$props) $$invalidate(5, $$scope = $$props.$$scope);
+  	};
+
+  	$$self.$capture_state = () => ({
+  		getContext,
+  		getId,
+  		TABS,
+  		panel,
+  		registerPanel,
+  		selectedPanel,
+  		labeledBy,
+  		$labeledBy,
+  		$selectedPanel
+  	});
+
+  	return [$labeledBy, $selectedPanel, panel, selectedPanel, labeledBy, $$scope, slots];
+  }
+
+  class TabPanel extends SvelteComponentDev {
+  	constructor(options) {
+  		super(options);
+  		init(this, options, instance$4, create_fragment$4, safe_not_equal, {});
+
+  		dispatch_dev("SvelteRegisterComponent", {
+  			component: this,
+  			tagName: "TabPanel",
+  			options,
+  			id: create_fragment$4.name
+  		});
+  	}
+  }
+
+  function cubicOut(t) {
+      const f = t - 1.0;
+      return f * f * f + 1.0;
+  }
+  function quintOut(t) {
+      return --t * t * t * t * t + 1;
+  }
+
+  function fade(node, { delay = 0, duration = 400, easing = identity } = {}) {
+      const o = +getComputedStyle(node).opacity;
+      return {
+          delay,
+          duration,
+          easing,
+          css: t => `opacity: ${t * o}`
+      };
+  }
+  function fly(node, { delay = 0, duration = 400, easing = cubicOut, x = 0, y = 0, opacity = 0 } = {}) {
+      const style = getComputedStyle(node);
+      const target_opacity = +style.opacity;
+      const transform = style.transform === 'none' ? '' : style.transform;
+      const od = target_opacity * (1 - opacity);
+      const [xValue, xUnit] = split_css_unit(x);
+      const [yValue, yUnit] = split_css_unit(y);
+      return {
+          delay,
+          duration,
+          easing,
+          css: (t, u) => `
+			transform: ${transform} translate(${(1 - t) * xValue}${xUnit}, ${(1 - t) * yValue}${yUnit});
+			opacity: ${target_opacity - (od * u)}`
+      };
+  }
+
+  /* src/Match.svelte generated by Svelte v3.59.2 */
+
+  const file$3 = "src/Match.svelte";
+
+  function get_each_context$1(ctx, list, i) {
+  	const child_ctx = ctx.slice();
+  	child_ctx[10] = list[i];
+  	child_ctx[13] = i;
+  	const constants_0 = /*face*/ child_ctx[10].performers;
+  	child_ctx[11] = constants_0;
+  	return child_ctx;
+  }
+
+  function get_each_context_1(ctx, list, i) {
+  	const child_ctx = ctx.slice();
+  	child_ctx[14] = list[i];
+  	child_ctx[13] = i;
+  	return child_ctx;
+  }
+
+  function get_each_context_2(ctx, list, i) {
+  	const child_ctx = ctx.slice();
+  	child_ctx[10] = list[i];
+  	child_ctx[13] = i;
+  	return child_ctx;
+  }
+
+  // (118:0) {#if visible}
+  function create_if_block(ctx) {
+  	let div5;
+  	let div4;
+  	let div3;
+  	let div0;
+  	let tabs;
+  	let t0;
+  	let div2;
+  	let div1;
+  	let button0;
+  	let t2;
+  	let button1;
+  	let div5_intro;
+  	let div5_outro;
+  	let current;
+  	let mounted;
+  	let dispose;
+
+  	tabs = new Tabs({
+  			props: {
+  				$$slots: { default: [create_default_slot] },
+  				$$scope: { ctx }
+  			},
+  			$$inline: true
+  		});
+
+  	const block = {
+  		c: function create() {
+  			div5 = element("div");
+  			div4 = element("div");
+  			div3 = element("div");
+  			div0 = element("div");
+  			create_component(tabs.$$.fragment);
+  			t0 = space();
+  			div2 = element("div");
+  			div1 = element("div");
+  			button0 = element("button");
+  			button0.textContent = "Close";
+  			t2 = space();
+  			button1 = element("button");
+  			button1.textContent = "Toggle Visibility";
+  			attr_dev(div0, "class", "modal-body svelte-ssoxzi");
+  			add_location(div0, file$3, 130, 8, 3404);
+  			attr_dev(button0, "id", "face_close");
+  			attr_dev(button0, "type", "button");
+  			attr_dev(button0, "class", "ml-2 btn btn-secondary svelte-ssoxzi");
+  			add_location(button0, file$3, 195, 12, 5952);
+  			attr_dev(button1, "id", "face_toggle");
+  			attr_dev(button1, "type", "button");
+  			attr_dev(button1, "class", "ml-2 btn btn-secondary svelte-ssoxzi");
+  			add_location(button1, file$3, 201, 12, 6134);
+  			attr_dev(div1, "class", "svelte-ssoxzi");
+  			add_location(div1, file$3, 194, 10, 5934);
+  			attr_dev(div2, "class", "ModalFooter modal-footer svelte-ssoxzi");
+  			add_location(div2, file$3, 193, 8, 5885);
+  			attr_dev(div3, "class", "modal-content svelte-ssoxzi");
+  			add_location(div3, file$3, 129, 6, 3368);
+  			attr_dev(div4, "class", "modal-dialog modal-xl svelte-ssoxzi");
+  			add_location(div4, file$3, 128, 4, 3326);
+  			attr_dev(div5, "role", "dialog");
+  			attr_dev(div5, "aria-modal", "true");
+  			attr_dev(div5, "class", "fade ModalComponent modal show svelte-ssoxzi");
+  			attr_dev(div5, "tabindex", "-1");
+  			set_style(div5, "display", "block");
+  			add_location(div5, file$3, 118, 2, 3083);
+  		},
+  		m: function mount(target, anchor) {
+  			insert_dev(target, div5, anchor);
+  			append_dev(div5, div4);
+  			append_dev(div4, div3);
+  			append_dev(div3, div0);
+  			mount_component(tabs, div0, null);
+  			append_dev(div3, t0);
+  			append_dev(div3, div2);
+  			append_dev(div2, div1);
+  			append_dev(div1, button0);
+  			append_dev(div1, t2);
+  			append_dev(div1, button1);
+  			/*div5_binding*/ ctx[8](div5);
+  			current = true;
+
+  			if (!mounted) {
+  				dispose = [
+  					listen_dev(button0, "click", /*close*/ ctx[3], false, false, false, false),
+  					listen_dev(button1, "click", /*toggle*/ ctx[4], false, false, false, false)
+  				];
+
+  				mounted = true;
+  			}
+  		},
+  		p: function update(ctx, dirty) {
+  			const tabs_changes = {};
+
+  			if (dirty & /*$$scope, matches*/ 131073) {
+  				tabs_changes.$$scope = { dirty, ctx };
+  			}
+
+  			tabs.$set(tabs_changes);
+  		},
+  		i: function intro(local) {
+  			if (current) return;
+  			transition_in(tabs.$$.fragment, local);
+
+  			add_render_callback(() => {
+  				if (!current) return;
+  				if (div5_outro) div5_outro.end(1);
+  				div5_intro = create_in_transition(div5, fly, { y: 100, duration: 400 });
+  				div5_intro.start();
+  			});
+
+  			current = true;
+  		},
+  		o: function outro(local) {
+  			transition_out(tabs.$$.fragment, local);
+  			if (div5_intro) div5_intro.invalidate();
+  			div5_outro = create_out_transition(div5, fly, { y: -100, duration: 400 });
+  			current = false;
+  		},
+  		d: function destroy(detaching) {
+  			if (detaching) detach_dev(div5);
+  			destroy_component(tabs);
+  			/*div5_binding*/ ctx[8](null);
+  			if (detaching && div5_outro) div5_outro.end();
+  			mounted = false;
+  			run_all(dispose);
+  		}
+  	};
+
+  	dispatch_dev("SvelteRegisterBlock", {
+  		block,
+  		id: create_if_block.name,
+  		type: "if",
+  		source: "(118:0) {#if visible}",
+  		ctx
+  	});
+
+  	return block;
+  }
+
+  // (135:16) <Tab>
+  function create_default_slot_3(ctx) {
+  	let img;
+  	let img_src_value;
+  	let t;
+
+  	const block = {
+  		c: function create() {
+  			img = element("img");
+  			t = space();
+  			if (!src_url_equal(img.src, img_src_value = "data:image/jpg;base64," + /*face*/ ctx[10].image)) attr_dev(img, "src", img_src_value);
+  			attr_dev(img, "alt", "");
+  			attr_dev(img, "class", "face-tab svelte-ssoxzi");
+  			add_location(img, file$3, 135, 18, 3562);
+  		},
+  		m: function mount(target, anchor) {
+  			insert_dev(target, img, anchor);
+  			insert_dev(target, t, anchor);
+  		},
+  		p: function update(ctx, dirty) {
+  			if (dirty & /*matches*/ 1 && !src_url_equal(img.src, img_src_value = "data:image/jpg;base64," + /*face*/ ctx[10].image)) {
+  				attr_dev(img, "src", img_src_value);
+  			}
+  		},
+  		d: function destroy(detaching) {
+  			if (detaching) detach_dev(img);
+  			if (detaching) detach_dev(t);
+  		}
+  	};
+
+  	dispatch_dev("SvelteRegisterBlock", {
+  		block,
+  		id: create_default_slot_3.name,
+  		type: "slot",
+  		source: "(135:16) <Tab>",
+  		ctx
+  	});
+
+  	return block;
+  }
+
+  // (134:14) {#each matches as face, i (face.image)}
+  function create_each_block_2(key_1, ctx) {
+  	let first;
+  	let tab;
+  	let current;
+
+  	tab = new Tab({
+  			props: {
+  				$$slots: { default: [create_default_slot_3] },
+  				$$scope: { ctx }
+  			},
+  			$$inline: true
+  		});
+
+  	const block = {
+  		key: key_1,
+  		first: null,
+  		c: function create() {
+  			first = empty();
+  			create_component(tab.$$.fragment);
+  			this.first = first;
+  		},
+  		m: function mount(target, anchor) {
+  			insert_dev(target, first, anchor);
+  			mount_component(tab, target, anchor);
+  			current = true;
+  		},
+  		p: function update(new_ctx, dirty) {
+  			ctx = new_ctx;
+  			const tab_changes = {};
+
+  			if (dirty & /*$$scope, matches*/ 131073) {
+  				tab_changes.$$scope = { dirty, ctx };
+  			}
+
+  			tab.$set(tab_changes);
+  		},
+  		i: function intro(local) {
+  			if (current) return;
+  			transition_in(tab.$$.fragment, local);
+  			current = true;
+  		},
+  		o: function outro(local) {
+  			transition_out(tab.$$.fragment, local);
+  			current = false;
+  		},
+  		d: function destroy(detaching) {
+  			if (detaching) detach_dev(first);
+  			destroy_component(tab, detaching);
+  		}
+  	};
+
+  	dispatch_dev("SvelteRegisterBlock", {
+  		block,
+  		id: create_each_block_2.name,
+  		type: "each",
+  		source: "(134:14) {#each matches as face, i (face.image)}",
+  		ctx
+  	});
+
+  	return block;
+  }
+
+  // (133:12) <TabList>
+  function create_default_slot_2(ctx) {
+  	let each_blocks = [];
+  	let each_1_lookup = new Map();
+  	let each_1_anchor;
+  	let current;
+  	let each_value_2 = /*matches*/ ctx[0];
+  	validate_each_argument(each_value_2);
+  	const get_key = ctx => /*face*/ ctx[10].image;
+  	validate_each_keys(ctx, each_value_2, get_each_context_2, get_key);
+
+  	for (let i = 0; i < each_value_2.length; i += 1) {
+  		let child_ctx = get_each_context_2(ctx, each_value_2, i);
+  		let key = get_key(child_ctx);
+  		each_1_lookup.set(key, each_blocks[i] = create_each_block_2(key, child_ctx));
+  	}
+
+  	const block = {
+  		c: function create() {
+  			for (let i = 0; i < each_blocks.length; i += 1) {
+  				each_blocks[i].c();
+  			}
+
+  			each_1_anchor = empty();
+  		},
+  		m: function mount(target, anchor) {
+  			for (let i = 0; i < each_blocks.length; i += 1) {
+  				if (each_blocks[i]) {
+  					each_blocks[i].m(target, anchor);
+  				}
+  			}
+
+  			insert_dev(target, each_1_anchor, anchor);
+  			current = true;
+  		},
+  		p: function update(ctx, dirty) {
+  			if (dirty & /*matches*/ 1) {
+  				each_value_2 = /*matches*/ ctx[0];
+  				validate_each_argument(each_value_2);
+  				group_outros();
+  				validate_each_keys(ctx, each_value_2, get_each_context_2, get_key);
+  				each_blocks = update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value_2, each_1_lookup, each_1_anchor.parentNode, outro_and_destroy_block, create_each_block_2, each_1_anchor, get_each_context_2);
+  				check_outros();
+  			}
+  		},
+  		i: function intro(local) {
+  			if (current) return;
+
+  			for (let i = 0; i < each_value_2.length; i += 1) {
+  				transition_in(each_blocks[i]);
+  			}
+
+  			current = true;
+  		},
+  		o: function outro(local) {
+  			for (let i = 0; i < each_blocks.length; i += 1) {
+  				transition_out(each_blocks[i]);
+  			}
+
+  			current = false;
+  		},
+  		d: function destroy(detaching) {
+  			for (let i = 0; i < each_blocks.length; i += 1) {
+  				each_blocks[i].d(detaching);
+  			}
+
+  			if (detaching) detach_dev(each_1_anchor);
+  		}
+  	};
+
+  	dispatch_dev("SvelteRegisterBlock", {
+  		block,
+  		id: create_default_slot_2.name,
+  		type: "slot",
+  		source: "(133:12) <TabList>",
+  		ctx
+  	});
+
+  	return block;
+  }
+
+  // (150:20) {#each performers as match, i (match.id)}
+  function create_each_block_1(key_1, ctx) {
+  	let div4;
+  	let div0;
+  	let img;
+  	let img_alt_value;
+  	let img_src_value;
+  	let t0;
+  	let span0;
+  	let span0_class_value;
+  	let t1;
+  	let div3;
+  	let h5;
+  	let div2;
+  	let a;
+  	let t2_value = /*match*/ ctx[14].name + "";
+  	let t2;
+  	let a_href_value;
+  	let t3;
+  	let span1;
+  	let div1;
+  	let t4_value = /*match*/ ctx[14].confidence + "";
+  	let t4;
+  	let t5;
+  	let t6;
+  	let div4_id_value;
+  	let mounted;
+  	let dispose;
+
+  	function click_handler(...args) {
+  		return /*click_handler*/ ctx[6](/*match*/ ctx[14], ...args);
+  	}
+
+  	function keypress_handler(...args) {
+  		return /*keypress_handler*/ ctx[7](/*match*/ ctx[14], ...args);
+  	}
+
+  	const block = {
+  		key: key_1,
+  		first: null,
+  		c: function create() {
+  			div4 = element("div");
+  			div0 = element("div");
+  			img = element("img");
+  			t0 = space();
+  			span0 = element("span");
+  			t1 = space();
+  			div3 = element("div");
+  			h5 = element("h5");
+  			div2 = element("div");
+  			a = element("a");
+  			t2 = text(t2_value);
+  			t3 = space();
+  			span1 = element("span");
+  			div1 = element("div");
+  			t4 = text(t4_value);
+  			t5 = text("%");
+  			t6 = space();
+  			attr_dev(img, "class", "performer-card-image svelte-ssoxzi");
+  			attr_dev(img, "alt", img_alt_value = /*match*/ ctx[14].name);
+  			if (!src_url_equal(img.src, img_src_value = /*match*/ ctx[14].image)) attr_dev(img, "src", img_src_value);
+  			add_location(img, file$3, 160, 26, 4544);
+  			attr_dev(span0, "class", span0_class_value = "performer-card__country-flag fi fi-" + /*match*/ ctx[14].country?.toLowerCase() + " svelte-ssoxzi");
+  			add_location(span0, file$3, 166, 26, 4795);
+  			attr_dev(div0, "class", "thumbnail-section svelte-ssoxzi");
+  			add_location(div0, file$3, 159, 24, 4486);
+  			attr_dev(a, "href", a_href_value = "https://stashdb.org/performers/" + /*match*/ ctx[14].id);
+  			attr_dev(a, "target", "_blank");
+  			attr_dev(a, "class", "svelte-ssoxzi");
+  			add_location(a, file$3, 173, 30, 5179);
+  			attr_dev(div1, "class", "svelte-ssoxzi");
+  			add_location(div1, file$3, 180, 33, 5526);
+  			attr_dev(span1, "class", "tag-item badge badge-pill svelte-ssoxzi");
+  			add_location(span1, file$3, 179, 30, 5453);
+  			set_style(div2, "-webkit-line-clamp", "2");
+  			attr_dev(div2, "class", "svelte-ssoxzi");
+  			add_location(div2, file$3, 172, 28, 5113);
+  			attr_dev(h5, "class", "card-section-title flex-aligned svelte-ssoxzi");
+  			add_location(h5, file$3, 171, 26, 5040);
+  			attr_dev(div3, "class", "card-section svelte-ssoxzi");
+  			add_location(div3, file$3, 170, 24, 4987);
+  			attr_dev(div4, "draggable", "false");
+  			attr_dev(div4, "class", "performer-card grid-card card svelte-ssoxzi");
+  			attr_dev(div4, "id", div4_id_value = "face-" + /*i*/ ctx[13]);
+  			add_location(div4, file$3, 150, 22, 4070);
+  			this.first = div4;
+  		},
+  		m: function mount(target, anchor) {
+  			insert_dev(target, div4, anchor);
+  			append_dev(div4, div0);
+  			append_dev(div0, img);
+  			append_dev(div0, t0);
+  			append_dev(div0, span0);
+  			append_dev(div4, t1);
+  			append_dev(div4, div3);
+  			append_dev(div3, h5);
+  			append_dev(h5, div2);
+  			append_dev(div2, a);
+  			append_dev(a, t2);
+  			append_dev(div2, t3);
+  			append_dev(div2, span1);
+  			append_dev(span1, div1);
+  			append_dev(div1, t4);
+  			append_dev(div1, t5);
+  			append_dev(div4, t6);
+
+  			if (!mounted) {
+  				dispose = [
+  					action_destroyer(smoothload.call(null, img)),
+  					listen_dev(div4, "click", click_handler, false, false, false, false),
+  					listen_dev(div4, "keypress", keypress_handler, false, false, false, false)
+  				];
+
+  				mounted = true;
+  			}
+  		},
+  		p: function update(new_ctx, dirty) {
+  			ctx = new_ctx;
+
+  			if (dirty & /*matches*/ 1 && img_alt_value !== (img_alt_value = /*match*/ ctx[14].name)) {
+  				attr_dev(img, "alt", img_alt_value);
+  			}
+
+  			if (dirty & /*matches*/ 1 && !src_url_equal(img.src, img_src_value = /*match*/ ctx[14].image)) {
+  				attr_dev(img, "src", img_src_value);
+  			}
+
+  			if (dirty & /*matches*/ 1 && span0_class_value !== (span0_class_value = "performer-card__country-flag fi fi-" + /*match*/ ctx[14].country?.toLowerCase() + " svelte-ssoxzi")) {
+  				attr_dev(span0, "class", span0_class_value);
+  			}
+
+  			if (dirty & /*matches*/ 1 && t2_value !== (t2_value = /*match*/ ctx[14].name + "")) set_data_dev(t2, t2_value);
+
+  			if (dirty & /*matches*/ 1 && a_href_value !== (a_href_value = "https://stashdb.org/performers/" + /*match*/ ctx[14].id)) {
+  				attr_dev(a, "href", a_href_value);
+  			}
+
+  			if (dirty & /*matches*/ 1 && t4_value !== (t4_value = /*match*/ ctx[14].confidence + "")) set_data_dev(t4, t4_value);
+
+  			if (dirty & /*matches*/ 1 && div4_id_value !== (div4_id_value = "face-" + /*i*/ ctx[13])) {
+  				attr_dev(div4, "id", div4_id_value);
+  			}
+  		},
+  		d: function destroy(detaching) {
+  			if (detaching) detach_dev(div4);
+  			mounted = false;
+  			run_all(dispose);
+  		}
+  	};
+
+  	dispatch_dev("SvelteRegisterBlock", {
+  		block,
+  		id: create_each_block_1.name,
+  		type: "each",
+  		source: "(150:20) {#each performers as match, i (match.id)}",
+  		ctx
+  	});
+
+  	return block;
+  }
+
+  // (147:14) <TabPanel>
+  function create_default_slot_1(ctx) {
+  	let div1;
+  	let div0;
+  	let each_blocks = [];
+  	let each_1_lookup = new Map();
+  	let t;
+  	let each_value_1 = /*performers*/ ctx[11];
+  	validate_each_argument(each_value_1);
+  	const get_key = ctx => /*match*/ ctx[14].id;
+  	validate_each_keys(ctx, each_value_1, get_each_context_1, get_key);
+
+  	for (let i = 0; i < each_value_1.length; i += 1) {
+  		let child_ctx = get_each_context_1(ctx, each_value_1, i);
+  		let key = get_key(child_ctx);
+  		each_1_lookup.set(key, each_blocks[i] = create_each_block_1(key, child_ctx));
+  	}
+
+  	const block = {
+  		c: function create() {
+  			div1 = element("div");
+  			div0 = element("div");
+
+  			for (let i = 0; i < each_blocks.length; i += 1) {
+  				each_blocks[i].c();
+  			}
+
+  			t = space();
+  			attr_dev(div0, "class", "carousel svelte-ssoxzi");
+  			add_location(div0, file$3, 148, 18, 3963);
+  			attr_dev(div1, "class", "row svelte-ssoxzi");
+  			add_location(div1, file$3, 147, 16, 3927);
+  		},
+  		m: function mount(target, anchor) {
+  			insert_dev(target, div1, anchor);
+  			append_dev(div1, div0);
+
+  			for (let i = 0; i < each_blocks.length; i += 1) {
+  				if (each_blocks[i]) {
+  					each_blocks[i].m(div0, null);
+  				}
+  			}
+
+  			insert_dev(target, t, anchor);
+  		},
+  		p: function update(ctx, dirty) {
+  			if (dirty & /*matches, addPerformer*/ 33) {
+  				each_value_1 = /*performers*/ ctx[11];
+  				validate_each_argument(each_value_1);
+  				validate_each_keys(ctx, each_value_1, get_each_context_1, get_key);
+  				each_blocks = update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value_1, each_1_lookup, div0, destroy_block, create_each_block_1, null, get_each_context_1);
+  			}
+  		},
+  		d: function destroy(detaching) {
+  			if (detaching) detach_dev(div1);
+
+  			for (let i = 0; i < each_blocks.length; i += 1) {
+  				each_blocks[i].d();
+  			}
+
+  			if (detaching) detach_dev(t);
+  		}
+  	};
+
+  	dispatch_dev("SvelteRegisterBlock", {
+  		block,
+  		id: create_default_slot_1.name,
+  		type: "slot",
+  		source: "(147:14) <TabPanel>",
+  		ctx
+  	});
+
+  	return block;
+  }
+
+  // (145:12) {#each matches as face, i (face.image)}
+  function create_each_block$1(key_1, ctx) {
+  	let first;
+  	let tabpanel;
+  	let current;
+
+  	tabpanel = new TabPanel({
+  			props: {
+  				$$slots: { default: [create_default_slot_1] },
+  				$$scope: { ctx }
+  			},
+  			$$inline: true
+  		});
+
+  	const block = {
+  		key: key_1,
+  		first: null,
+  		c: function create() {
+  			first = empty();
+  			create_component(tabpanel.$$.fragment);
+  			this.first = first;
+  		},
+  		m: function mount(target, anchor) {
+  			insert_dev(target, first, anchor);
+  			mount_component(tabpanel, target, anchor);
+  			current = true;
+  		},
+  		p: function update(new_ctx, dirty) {
+  			ctx = new_ctx;
+  			const tabpanel_changes = {};
+
+  			if (dirty & /*$$scope, matches*/ 131073) {
+  				tabpanel_changes.$$scope = { dirty, ctx };
+  			}
+
+  			tabpanel.$set(tabpanel_changes);
+  		},
+  		i: function intro(local) {
+  			if (current) return;
+  			transition_in(tabpanel.$$.fragment, local);
+  			current = true;
+  		},
+  		o: function outro(local) {
+  			transition_out(tabpanel.$$.fragment, local);
+  			current = false;
+  		},
+  		d: function destroy(detaching) {
+  			if (detaching) detach_dev(first);
+  			destroy_component(tabpanel, detaching);
+  		}
+  	};
+
+  	dispatch_dev("SvelteRegisterBlock", {
+  		block,
+  		id: create_each_block$1.name,
+  		type: "each",
+  		source: "(145:12) {#each matches as face, i (face.image)}",
+  		ctx
+  	});
+
+  	return block;
+  }
+
+  // (132:10) <Tabs>
+  function create_default_slot(ctx) {
+  	let tablist;
+  	let t;
+  	let each_blocks = [];
+  	let each_1_lookup = new Map();
+  	let each_1_anchor;
+  	let current;
+
+  	tablist = new TabList({
+  			props: {
+  				$$slots: { default: [create_default_slot_2] },
+  				$$scope: { ctx }
+  			},
+  			$$inline: true
+  		});
+
+  	let each_value = /*matches*/ ctx[0];
+  	validate_each_argument(each_value);
+  	const get_key = ctx => /*face*/ ctx[10].image;
+  	validate_each_keys(ctx, each_value, get_each_context$1, get_key);
+
+  	for (let i = 0; i < each_value.length; i += 1) {
+  		let child_ctx = get_each_context$1(ctx, each_value, i);
+  		let key = get_key(child_ctx);
+  		each_1_lookup.set(key, each_blocks[i] = create_each_block$1(key, child_ctx));
+  	}
+
+  	const block = {
+  		c: function create() {
+  			create_component(tablist.$$.fragment);
+  			t = space();
+
+  			for (let i = 0; i < each_blocks.length; i += 1) {
+  				each_blocks[i].c();
+  			}
+
+  			each_1_anchor = empty();
+  		},
+  		m: function mount(target, anchor) {
+  			mount_component(tablist, target, anchor);
+  			insert_dev(target, t, anchor);
+
+  			for (let i = 0; i < each_blocks.length; i += 1) {
+  				if (each_blocks[i]) {
+  					each_blocks[i].m(target, anchor);
+  				}
+  			}
+
+  			insert_dev(target, each_1_anchor, anchor);
+  			current = true;
+  		},
+  		p: function update(ctx, dirty) {
+  			const tablist_changes = {};
+
+  			if (dirty & /*$$scope, matches*/ 131073) {
+  				tablist_changes.$$scope = { dirty, ctx };
+  			}
+
+  			tablist.$set(tablist_changes);
+
+  			if (dirty & /*matches, addPerformer*/ 33) {
+  				each_value = /*matches*/ ctx[0];
+  				validate_each_argument(each_value);
+  				group_outros();
+  				validate_each_keys(ctx, each_value, get_each_context$1, get_key);
+  				each_blocks = update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, each_1_anchor.parentNode, outro_and_destroy_block, create_each_block$1, each_1_anchor, get_each_context$1);
+  				check_outros();
+  			}
+  		},
+  		i: function intro(local) {
+  			if (current) return;
+  			transition_in(tablist.$$.fragment, local);
+
+  			for (let i = 0; i < each_value.length; i += 1) {
+  				transition_in(each_blocks[i]);
+  			}
+
+  			current = true;
+  		},
+  		o: function outro(local) {
+  			transition_out(tablist.$$.fragment, local);
+
+  			for (let i = 0; i < each_blocks.length; i += 1) {
+  				transition_out(each_blocks[i]);
+  			}
+
+  			current = false;
+  		},
+  		d: function destroy(detaching) {
+  			destroy_component(tablist, detaching);
+  			if (detaching) detach_dev(t);
+
+  			for (let i = 0; i < each_blocks.length; i += 1) {
+  				each_blocks[i].d(detaching);
+  			}
+
+  			if (detaching) detach_dev(each_1_anchor);
+  		}
+  	};
+
+  	dispatch_dev("SvelteRegisterBlock", {
+  		block,
+  		id: create_default_slot.name,
+  		type: "slot",
+  		source: "(132:10) <Tabs>",
+  		ctx
+  	});
+
+  	return block;
+  }
+
+  function create_fragment$3(ctx) {
+  	let if_block_anchor;
+  	let current;
+  	let if_block = /*visible*/ ctx[1] && create_if_block(ctx);
+
+  	const block = {
+  		c: function create() {
+  			if (if_block) if_block.c();
+  			if_block_anchor = empty();
+  		},
+  		l: function claim(nodes) {
+  			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
+  		},
+  		m: function mount(target, anchor) {
+  			if (if_block) if_block.m(target, anchor);
+  			insert_dev(target, if_block_anchor, anchor);
+  			current = true;
+  		},
+  		p: function update(ctx, [dirty]) {
+  			if (/*visible*/ ctx[1]) {
+  				if (if_block) {
+  					if_block.p(ctx, dirty);
+
+  					if (dirty & /*visible*/ 2) {
+  						transition_in(if_block, 1);
+  					}
+  				} else {
+  					if_block = create_if_block(ctx);
+  					if_block.c();
+  					transition_in(if_block, 1);
+  					if_block.m(if_block_anchor.parentNode, if_block_anchor);
+  				}
+  			} else if (if_block) {
+  				group_outros();
+
+  				transition_out(if_block, 1, 1, () => {
+  					if_block = null;
+  				});
+
+  				check_outros();
+  			}
+  		},
+  		i: function intro(local) {
+  			if (current) return;
+  			transition_in(if_block);
+  			current = true;
+  		},
+  		o: function outro(local) {
+  			transition_out(if_block);
+  			current = false;
+  		},
+  		d: function destroy(detaching) {
+  			if (if_block) if_block.d(detaching);
+  			if (detaching) detach_dev(if_block_anchor);
+  		}
+  	};
+
+  	dispatch_dev("SvelteRegisterBlock", {
+  		block,
+  		id: create_fragment$3.name,
+  		type: "component",
+  		source: "",
+  		ctx
+  	});
+
+  	return block;
+  }
+
+  function instance$3($$self, $$props, $$invalidate) {
+  	let { $$slots: slots = {}, $$scope } = $$props;
+  	validate_slots('Match', slots, []);
+  	let { matches = [] } = $$props;
+  	let matchesSelected = 0;
+  	let visible = false;
+  	let modal;
+
+  	onMount(() => {
+  		$$invalidate(1, visible = true);
+  	});
+
+  	async function close() {
+  		$$invalidate(1, visible = false);
+
+  		setTimeout(
+  			() => {
+  				modal.remove();
+  			},
+  			400
+  		);
+  	}
+
+  	function toggle() {
+  		$$invalidate(2, modal.style.opacity = modal.style.opacity == "0.1" ? "1.0" : "0.1", modal);
+  	}
+
+  	async function addPerformer(current, id_) {
+  		var performers = await getPerformers(id_);
+  		current.classList.add("assigned");
+
+  		// if the users doesn't have a performer with the same stash id, get the data from stash box and create a new performer
+  		if (performers.length === 0) {
+  			var performer = await getPerformerDataFromStashID(id_);
+
+  			if (performer === undefined) {
+  				current.classList.remove("assigned");
+  				alert("Could not retrieve performer data from stash box");
+  				return;
+  			}
+
+  			performer.image = performer.images[0];
+  			var endpoint = await getStashboxEndpoint();
+
+  			// delete some fields that are not needed and will not be accepted by local stash instance
+  			delete performer.images;
+
+  			delete performer.remote_site_id;
+
+  			if (performer.height) {
+  				performer.height_cm = performer.height;
+  				delete performer.height;
+  			}
+
+  			if (performer.aliases) {
+  				performer.alias_list = performer.aliases;
+  				delete performer.aliases;
+  			}
+
+  			performer.stash_ids = [{ endpoint, stash_id: id_ }];
+  			id_ = await createPerformer(performer);
+
+  			if ("errors" in id_) {
+  				current.classList.remove("assigned");
+  				alert("Error while creating performer:" + id_.errors[0].message);
+  				return;
+  			}
+
+  			id_ = id_.data.performerCreate.id;
+  		} else {
+  			id_ = performers[0].id;
+  		}
+
+  		let [scenario, scenarioId] = getScenarioAndID();
+  		var performIds;
+
+  		if (scenario === "scenes") {
+  			performIds = await getPerformersForScene(scenarioId);
+
+  			if (performIds.includes(id_)) {
+  				current.classList.remove("assigned");
+  				alert("Performer already assigned to scene");
+  				return;
+  			}
+
+  			performIds.push(id_);
+  			await updateScene(scenarioId, performIds);
+  		} else if (scenario === "images") {
+  			performIds = await getPerformersForImage(scenarioId);
+
+  			if (performIds.includes(id_)) {
+  				current.classList.remove("assigned");
+  				alert("Performer already assigned to image");
+  				return;
+  			}
+
+  			performIds.push(id_);
+  			await updateImage(scenarioId, performIds);
+  		}
+
+  		matchesSelected += 1;
+
+  		if (matchesSelected === matches.length) {
+  			close();
+  			window.location.reload();
+  		}
+  	}
+
+  	const writable_props = ['matches'];
+
+  	Object.keys($$props).forEach(key => {
+  		if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console.warn(`<Match> was created with unknown prop '${key}'`);
+  	});
+
+  	const click_handler = (match, event) => addPerformer(event.target, match.id);
+  	const keypress_handler = (match, event) => addPerformer(event.target, match.id);
+
+  	function div5_binding($$value) {
+  		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
+  			modal = $$value;
+  			$$invalidate(2, modal);
+  		});
+  	}
+
+  	$$self.$$set = $$props => {
+  		if ('matches' in $$props) $$invalidate(0, matches = $$props.matches);
+  	};
+
+  	$$self.$capture_state = () => ({
+  		onMount,
+  		Tab,
+  		TabList,
+  		TabPanel,
+  		Tabs,
+  		fly,
+  		createPerformer,
+  		getPerformerDataFromStashID,
+  		getPerformers,
+  		getPerformersForImage,
+  		getPerformersForScene,
+  		getScenarioAndID,
+  		getStashboxEndpoint,
+  		smoothload,
+  		updateImage,
+  		updateScene,
+  		matches,
+  		matchesSelected,
+  		visible,
+  		modal,
+  		close,
+  		toggle,
+  		addPerformer
+  	});
+
+  	$$self.$inject_state = $$props => {
+  		if ('matches' in $$props) $$invalidate(0, matches = $$props.matches);
+  		if ('matchesSelected' in $$props) matchesSelected = $$props.matchesSelected;
+  		if ('visible' in $$props) $$invalidate(1, visible = $$props.visible);
+  		if ('modal' in $$props) $$invalidate(2, modal = $$props.modal);
+  	};
+
+  	if ($$props && "$$inject" in $$props) {
+  		$$self.$inject_state($$props.$$inject);
+  	}
+
+  	return [
+  		matches,
+  		visible,
+  		modal,
+  		close,
+  		toggle,
+  		addPerformer,
+  		click_handler,
+  		keypress_handler,
+  		div5_binding
+  	];
+  }
+
+  class Match extends SvelteComponentDev {
+  	constructor(options) {
+  		super(options);
+  		init(this, options, instance$3, create_fragment$3, safe_not_equal, { matches: 0 });
+
+  		dispatch_dev("SvelteRegisterComponent", {
+  			component: this,
+  			tagName: "Match",
+  			options,
+  			id: create_fragment$3.name
+  		});
+  	}
+
+  	get matches() {
+  		throw new Error("<Match>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
+  	}
+
+  	set matches(value) {
+  		throw new Error("<Match>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
+  	}
+  }
+
+  var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+  function createCommonjsModule(fn) {
+    var module = { exports: {} };
+  	return fn(module, module.exports), module.exports;
+  }
+
+  /*!
+   * html2canvas 1.4.1 <https://html2canvas.hertzen.com>
+   * Copyright (c) 2022 Niklas von Hertzen <https://hertzen.com>
+   * Released under MIT License
+   */
+
+  var html2canvas = createCommonjsModule(function (module, exports) {
+  (function (global, factory) {
+      module.exports = factory() ;
+  }(commonjsGlobal, (function () {
+      /*! *****************************************************************************
+      Copyright (c) Microsoft Corporation.
+
+      Permission to use, copy, modify, and/or distribute this software for any
+      purpose with or without fee is hereby granted.
+
+      THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+      REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+      AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+      INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+      LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+      OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+      PERFORMANCE OF THIS SOFTWARE.
+      ***************************************************************************** */
+      /* global Reflect, Promise */
+
+      var extendStatics = function(d, b) {
+          extendStatics = Object.setPrototypeOf ||
+              ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+              function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+          return extendStatics(d, b);
+      };
+
+      function __extends(d, b) {
+          if (typeof b !== "function" && b !== null)
+              throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+          extendStatics(d, b);
+          function __() { this.constructor = d; }
+          d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+      }
+
+      var __assign = function() {
+          __assign = Object.assign || function __assign(t) {
+              for (var s, i = 1, n = arguments.length; i < n; i++) {
+                  s = arguments[i];
+                  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+              }
+              return t;
+          };
+          return __assign.apply(this, arguments);
+      };
+
+      function __awaiter(thisArg, _arguments, P, generator) {
+          function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+          return new (P || (P = Promise))(function (resolve, reject) {
+              function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+              function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+              function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+              step((generator = generator.apply(thisArg, _arguments || [])).next());
+          });
+      }
+
+      function __generator(thisArg, body) {
+          var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+          return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+          function verb(n) { return function (v) { return step([n, v]); }; }
+          function step(op) {
+              if (f) throw new TypeError("Generator is already executing.");
+              while (_) try {
+                  if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+                  if (y = 0, t) op = [op[0] & 2, t.value];
+                  switch (op[0]) {
+                      case 0: case 1: t = op; break;
+                      case 4: _.label++; return { value: op[1], done: false };
+                      case 5: _.label++; y = op[1]; op = [0]; continue;
+                      case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                      default:
+                          if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                          if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                          if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                          if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                          if (t[2]) _.ops.pop();
+                          _.trys.pop(); continue;
+                  }
+                  op = body.call(thisArg, _);
+              } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+              if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+          }
+      }
+
+      function __spreadArray(to, from, pack) {
+          if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+              if (ar || !(i in from)) {
+                  if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+                  ar[i] = from[i];
+              }
+          }
+          return to.concat(ar || from);
+      }
+
+      var Bounds = /** @class */ (function () {
+          function Bounds(left, top, width, height) {
+              this.left = left;
+              this.top = top;
+              this.width = width;
+              this.height = height;
+          }
+          Bounds.prototype.add = function (x, y, w, h) {
+              return new Bounds(this.left + x, this.top + y, this.width + w, this.height + h);
+          };
+          Bounds.fromClientRect = function (context, clientRect) {
+              return new Bounds(clientRect.left + context.windowBounds.left, clientRect.top + context.windowBounds.top, clientRect.width, clientRect.height);
+          };
+          Bounds.fromDOMRectList = function (context, domRectList) {
+              var domRect = Array.from(domRectList).find(function (rect) { return rect.width !== 0; });
+              return domRect
+                  ? new Bounds(domRect.left + context.windowBounds.left, domRect.top + context.windowBounds.top, domRect.width, domRect.height)
+                  : Bounds.EMPTY;
+          };
+          Bounds.EMPTY = new Bounds(0, 0, 0, 0);
+          return Bounds;
+      }());
+      var parseBounds = function (context, node) {
+          return Bounds.fromClientRect(context, node.getBoundingClientRect());
+      };
+      var parseDocumentSize = function (document) {
+          var body = document.body;
+          var documentElement = document.documentElement;
+          if (!body || !documentElement) {
+              throw new Error("Unable to get document size");
+          }
+          var width = Math.max(Math.max(body.scrollWidth, documentElement.scrollWidth), Math.max(body.offsetWidth, documentElement.offsetWidth), Math.max(body.clientWidth, documentElement.clientWidth));
+          var height = Math.max(Math.max(body.scrollHeight, documentElement.scrollHeight), Math.max(body.offsetHeight, documentElement.offsetHeight), Math.max(body.clientHeight, documentElement.clientHeight));
+          return new Bounds(0, 0, width, height);
+      };
+
+      /*
+       * css-line-break 2.1.0 <https://github.com/niklasvh/css-line-break#readme>
+       * Copyright (c) 2022 Niklas von Hertzen <https://hertzen.com>
+       * Released under MIT License
+       */
+      var toCodePoints$1 = function (str) {
+          var codePoints = [];
+          var i = 0;
+          var length = str.length;
+          while (i < length) {
+              var value = str.charCodeAt(i++);
+              if (value >= 0xd800 && value <= 0xdbff && i < length) {
+                  var extra = str.charCodeAt(i++);
+                  if ((extra & 0xfc00) === 0xdc00) {
+                      codePoints.push(((value & 0x3ff) << 10) + (extra & 0x3ff) + 0x10000);
+                  }
+                  else {
+                      codePoints.push(value);
+                      i--;
+                  }
+              }
+              else {
+                  codePoints.push(value);
+              }
+          }
+          return codePoints;
+      };
+      var fromCodePoint$1 = function () {
+          var codePoints = [];
+          for (var _i = 0; _i < arguments.length; _i++) {
+              codePoints[_i] = arguments[_i];
+          }
+          if (String.fromCodePoint) {
+              return String.fromCodePoint.apply(String, codePoints);
+          }
+          var length = codePoints.length;
+          if (!length) {
+              return '';
+          }
+          var codeUnits = [];
+          var index = -1;
+          var result = '';
+          while (++index < length) {
+              var codePoint = codePoints[index];
+              if (codePoint <= 0xffff) {
+                  codeUnits.push(codePoint);
+              }
+              else {
+                  codePoint -= 0x10000;
+                  codeUnits.push((codePoint >> 10) + 0xd800, (codePoint % 0x400) + 0xdc00);
+              }
+              if (index + 1 === length || codeUnits.length > 0x4000) {
+                  result += String.fromCharCode.apply(String, codeUnits);
+                  codeUnits.length = 0;
+              }
+          }
+          return result;
+      };
+      var chars$2 = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/';
+      // Use a lookup table to find the index.
+      var lookup$2 = typeof Uint8Array === 'undefined' ? [] : new Uint8Array(256);
+      for (var i$2 = 0; i$2 < chars$2.length; i$2++) {
+          lookup$2[chars$2.charCodeAt(i$2)] = i$2;
+      }
+
+      /*
+       * utrie 1.0.2 <https://github.com/niklasvh/utrie>
+       * Copyright (c) 2022 Niklas von Hertzen <https://hertzen.com>
+       * Released under MIT License
+       */
+      var chars$1$1 = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/';
+      // Use a lookup table to find the index.
+      var lookup$1$1 = typeof Uint8Array === 'undefined' ? [] : new Uint8Array(256);
+      for (var i$1$1 = 0; i$1$1 < chars$1$1.length; i$1$1++) {
+          lookup$1$1[chars$1$1.charCodeAt(i$1$1)] = i$1$1;
+      }
+      var decode$1 = function (base64) {
+          var bufferLength = base64.length * 0.75, len = base64.length, i, p = 0, encoded1, encoded2, encoded3, encoded4;
+          if (base64[base64.length - 1] === '=') {
+              bufferLength--;
+              if (base64[base64.length - 2] === '=') {
+                  bufferLength--;
+              }
+          }
+          var buffer = typeof ArrayBuffer !== 'undefined' &&
+              typeof Uint8Array !== 'undefined' &&
+              typeof Uint8Array.prototype.slice !== 'undefined'
+              ? new ArrayBuffer(bufferLength)
+              : new Array(bufferLength);
+          var bytes = Array.isArray(buffer) ? buffer : new Uint8Array(buffer);
+          for (i = 0; i < len; i += 4) {
+              encoded1 = lookup$1$1[base64.charCodeAt(i)];
+              encoded2 = lookup$1$1[base64.charCodeAt(i + 1)];
+              encoded3 = lookup$1$1[base64.charCodeAt(i + 2)];
+              encoded4 = lookup$1$1[base64.charCodeAt(i + 3)];
+              bytes[p++] = (encoded1 << 2) | (encoded2 >> 4);
+              bytes[p++] = ((encoded2 & 15) << 4) | (encoded3 >> 2);
+              bytes[p++] = ((encoded3 & 3) << 6) | (encoded4 & 63);
+          }
+          return buffer;
+      };
+      var polyUint16Array$1 = function (buffer) {
+          var length = buffer.length;
+          var bytes = [];
+          for (var i = 0; i < length; i += 2) {
+              bytes.push((buffer[i + 1] << 8) | buffer[i]);
+          }
+          return bytes;
+      };
+      var polyUint32Array$1 = function (buffer) {
+          var length = buffer.length;
+          var bytes = [];
+          for (var i = 0; i < length; i += 4) {
+              bytes.push((buffer[i + 3] << 24) | (buffer[i + 2] << 16) | (buffer[i + 1] << 8) | buffer[i]);
+          }
+          return bytes;
+      };
+
+      /** Shift size for getting the index-2 table offset. */
+      var UTRIE2_SHIFT_2$1 = 5;
+      /** Shift size for getting the index-1 table offset. */
+      var UTRIE2_SHIFT_1$1 = 6 + 5;
+      /**
+       * Shift size for shifting left the index array values.
+       * Increases possible data size with 16-bit index values at the cost
+       * of compactability.
+       * This requires data blocks to be aligned by UTRIE2_DATA_GRANULARITY.
+       */
+      var UTRIE2_INDEX_SHIFT$1 = 2;
+      /**
+       * Difference between the two shift sizes,
+       * for getting an index-1 offset from an index-2 offset. 6=11-5
+       */
+      var UTRIE2_SHIFT_1_2$1 = UTRIE2_SHIFT_1$1 - UTRIE2_SHIFT_2$1;
+      /**
+       * The part of the index-2 table for U+D800..U+DBFF stores values for
+       * lead surrogate code _units_ not code _points_.
+       * Values for lead surrogate code _points_ are indexed with this portion of the table.
+       * Length=32=0x20=0x400>>UTRIE2_SHIFT_2. (There are 1024=0x400 lead surrogates.)
+       */
+      var UTRIE2_LSCP_INDEX_2_OFFSET$1 = 0x10000 >> UTRIE2_SHIFT_2$1;
+      /** Number of entries in a data block. 32=0x20 */
+      var UTRIE2_DATA_BLOCK_LENGTH$1 = 1 << UTRIE2_SHIFT_2$1;
+      /** Mask for getting the lower bits for the in-data-block offset. */
+      var UTRIE2_DATA_MASK$1 = UTRIE2_DATA_BLOCK_LENGTH$1 - 1;
+      var UTRIE2_LSCP_INDEX_2_LENGTH$1 = 0x400 >> UTRIE2_SHIFT_2$1;
+      /** Count the lengths of both BMP pieces. 2080=0x820 */
+      var UTRIE2_INDEX_2_BMP_LENGTH$1 = UTRIE2_LSCP_INDEX_2_OFFSET$1 + UTRIE2_LSCP_INDEX_2_LENGTH$1;
+      /**
+       * The 2-byte UTF-8 version of the index-2 table follows at offset 2080=0x820.
+       * Length 32=0x20 for lead bytes C0..DF, regardless of UTRIE2_SHIFT_2.
+       */
+      var UTRIE2_UTF8_2B_INDEX_2_OFFSET$1 = UTRIE2_INDEX_2_BMP_LENGTH$1;
+      var UTRIE2_UTF8_2B_INDEX_2_LENGTH$1 = 0x800 >> 6; /* U+0800 is the first code point after 2-byte UTF-8 */
+      /**
+       * The index-1 table, only used for supplementary code points, at offset 2112=0x840.
+       * Variable length, for code points up to highStart, where the last single-value range starts.
+       * Maximum length 512=0x200=0x100000>>UTRIE2_SHIFT_1.
+       * (For 0x100000 supplementary code points U+10000..U+10ffff.)
+       *
+       * The part of the index-2 table for supplementary code points starts
+       * after this index-1 table.
+       *
+       * Both the index-1 table and the following part of the index-2 table
+       * are omitted completely if there is only BMP data.
+       */
+      var UTRIE2_INDEX_1_OFFSET$1 = UTRIE2_UTF8_2B_INDEX_2_OFFSET$1 + UTRIE2_UTF8_2B_INDEX_2_LENGTH$1;
+      /**
+       * Number of index-1 entries for the BMP. 32=0x20
+       * This part of the index-1 table is omitted from the serialized form.
+       */
+      var UTRIE2_OMITTED_BMP_INDEX_1_LENGTH$1 = 0x10000 >> UTRIE2_SHIFT_1$1;
+      /** Number of entries in an index-2 block. 64=0x40 */
+      var UTRIE2_INDEX_2_BLOCK_LENGTH$1 = 1 << UTRIE2_SHIFT_1_2$1;
+      /** Mask for getting the lower bits for the in-index-2-block offset. */
+      var UTRIE2_INDEX_2_MASK$1 = UTRIE2_INDEX_2_BLOCK_LENGTH$1 - 1;
+      var slice16$1 = function (view, start, end) {
+          if (view.slice) {
+              return view.slice(start, end);
+          }
+          return new Uint16Array(Array.prototype.slice.call(view, start, end));
+      };
+      var slice32$1 = function (view, start, end) {
+          if (view.slice) {
+              return view.slice(start, end);
+          }
+          return new Uint32Array(Array.prototype.slice.call(view, start, end));
+      };
+      var createTrieFromBase64$1 = function (base64, _byteLength) {
+          var buffer = decode$1(base64);
+          var view32 = Array.isArray(buffer) ? polyUint32Array$1(buffer) : new Uint32Array(buffer);
+          var view16 = Array.isArray(buffer) ? polyUint16Array$1(buffer) : new Uint16Array(buffer);
+          var headerLength = 24;
+          var index = slice16$1(view16, headerLength / 2, view32[4] / 2);
+          var data = view32[5] === 2
+              ? slice16$1(view16, (headerLength + view32[4]) / 2)
+              : slice32$1(view32, Math.ceil((headerLength + view32[4]) / 4));
+          return new Trie$1(view32[0], view32[1], view32[2], view32[3], index, data);
+      };
+      var Trie$1 = /** @class */ (function () {
+          function Trie(initialValue, errorValue, highStart, highValueIndex, index, data) {
+              this.initialValue = initialValue;
+              this.errorValue = errorValue;
+              this.highStart = highStart;
+              this.highValueIndex = highValueIndex;
+              this.index = index;
+              this.data = data;
+          }
+          /**
+           * Get the value for a code point as stored in the Trie.
+           *
+           * @param codePoint the code point
+           * @return the value
+           */
+          Trie.prototype.get = function (codePoint) {
+              var ix;
+              if (codePoint >= 0) {
+                  if (codePoint < 0x0d800 || (codePoint > 0x0dbff && codePoint <= 0x0ffff)) {
+                      // Ordinary BMP code point, excluding leading surrogates.
+                      // BMP uses a single level lookup.  BMP index starts at offset 0 in the Trie2 index.
+                      // 16 bit data is stored in the index array itself.
+                      ix = this.index[codePoint >> UTRIE2_SHIFT_2$1];
+                      ix = (ix << UTRIE2_INDEX_SHIFT$1) + (codePoint & UTRIE2_DATA_MASK$1);
+                      return this.data[ix];
+                  }
+                  if (codePoint <= 0xffff) {
+                      // Lead Surrogate Code Point.  A Separate index section is stored for
+                      // lead surrogate code units and code points.
+                      //   The main index has the code unit data.
+                      //   For this function, we need the code point data.
+                      // Note: this expression could be refactored for slightly improved efficiency, but
+                      //       surrogate code points will be so rare in practice that it's not worth it.
+                      ix = this.index[UTRIE2_LSCP_INDEX_2_OFFSET$1 + ((codePoint - 0xd800) >> UTRIE2_SHIFT_2$1)];
+                      ix = (ix << UTRIE2_INDEX_SHIFT$1) + (codePoint & UTRIE2_DATA_MASK$1);
+                      return this.data[ix];
+                  }
+                  if (codePoint < this.highStart) {
+                      // Supplemental code point, use two-level lookup.
+                      ix = UTRIE2_INDEX_1_OFFSET$1 - UTRIE2_OMITTED_BMP_INDEX_1_LENGTH$1 + (codePoint >> UTRIE2_SHIFT_1$1);
+                      ix = this.index[ix];
+                      ix += (codePoint >> UTRIE2_SHIFT_2$1) & UTRIE2_INDEX_2_MASK$1;
+                      ix = this.index[ix];
+                      ix = (ix << UTRIE2_INDEX_SHIFT$1) + (codePoint & UTRIE2_DATA_MASK$1);
+                      return this.data[ix];
+                  }
+                  if (codePoint <= 0x10ffff) {
+                      return this.data[this.highValueIndex];
+                  }
+              }
+              // Fall through.  The code point is outside of the legal range of 0..0x10ffff.
+              return this.errorValue;
+          };
+          return Trie;
+      }());
+
+      /*
+       * base64-arraybuffer 1.0.2 <https://github.com/niklasvh/base64-arraybuffer>
+       * Copyright (c) 2022 Niklas von Hertzen <https://hertzen.com>
+       * Released under MIT License
+       */
+      var chars$3 = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/';
+      // Use a lookup table to find the index.
+      var lookup$3 = typeof Uint8Array === 'undefined' ? [] : new Uint8Array(256);
+      for (var i$3 = 0; i$3 < chars$3.length; i$3++) {
+          lookup$3[chars$3.charCodeAt(i$3)] = i$3;
+      }
+
+      var base64$1 = 'KwAAAAAAAAAACA4AUD0AADAgAAACAAAAAAAIABAAGABAAEgAUABYAGAAaABgAGgAYgBqAF8AZwBgAGgAcQB5AHUAfQCFAI0AlQCdAKIAqgCyALoAYABoAGAAaABgAGgAwgDKAGAAaADGAM4A0wDbAOEA6QDxAPkAAQEJAQ8BFwF1AH0AHAEkASwBNAE6AUIBQQFJAVEBWQFhAWgBcAF4ATAAgAGGAY4BlQGXAZ8BpwGvAbUBvQHFAc0B0wHbAeMB6wHxAfkBAQIJAvEBEQIZAiECKQIxAjgCQAJGAk4CVgJeAmQCbAJ0AnwCgQKJApECmQKgAqgCsAK4ArwCxAIwAMwC0wLbAjAA4wLrAvMC+AIAAwcDDwMwABcDHQMlAy0DNQN1AD0DQQNJA0kDSQNRA1EDVwNZA1kDdQB1AGEDdQBpA20DdQN1AHsDdQCBA4kDkQN1AHUAmQOhA3UAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AKYDrgN1AHUAtgO+A8YDzgPWAxcD3gPjA+sD8wN1AHUA+wMDBAkEdQANBBUEHQQlBCoEFwMyBDgEYABABBcDSARQBFgEYARoBDAAcAQzAXgEgASIBJAEdQCXBHUAnwSnBK4EtgS6BMIEyAR1AHUAdQB1AHUAdQCVANAEYABgAGAAYABgAGAAYABgANgEYADcBOQEYADsBPQE/AQEBQwFFAUcBSQFLAU0BWQEPAVEBUsFUwVbBWAAYgVgAGoFcgV6BYIFigWRBWAAmQWfBaYFYABgAGAAYABgAKoFYACxBbAFuQW6BcEFwQXHBcEFwQXPBdMF2wXjBeoF8gX6BQIGCgYSBhoGIgYqBjIGOgZgAD4GRgZMBmAAUwZaBmAAYABgAGAAYABgAGAAYABgAGAAYABgAGIGYABpBnAGYABgAGAAYABgAGAAYABgAGAAYAB4Bn8GhQZgAGAAYAB1AHcDFQSLBmAAYABgAJMGdQA9A3UAmwajBqsGqwaVALMGuwbDBjAAywbSBtIG1QbSBtIG0gbSBtIG0gbdBuMG6wbzBvsGAwcLBxMHAwcbByMHJwcsBywHMQcsB9IGOAdAB0gHTgfSBkgHVgfSBtIG0gbSBtIG0gbSBtIG0gbSBiwHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAdgAGAALAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAdbB2MHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsB2kH0gZwB64EdQB1AHUAdQB1AHUAdQB1AHUHfQdgAIUHjQd1AHUAlQedB2AAYAClB6sHYACzB7YHvgfGB3UAzgfWBzMB3gfmB1EB7gf1B/0HlQENAQUIDQh1ABUIHQglCBcDLQg1CD0IRQhNCEEDUwh1AHUAdQBbCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIcAh3CHoIMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwAIIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIgggwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAALAcsBywHLAcsBywHLAcsBywHLAcsB4oILAcsB44I0gaWCJ4Ipgh1AHUAqgiyCHUAdQB1AHUAdQB1AHUAdQB1AHUAtwh8AXUAvwh1AMUIyQjRCNkI4AjoCHUAdQB1AO4I9gj+CAYJDgkTCS0HGwkjCYIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIggiAAIAAAAFAAYABgAGIAXwBgAHEAdQBFAJUAogCyAKAAYABgAEIA4ABGANMA4QDxAMEBDwE1AFwBLAE6AQEBUQF4QkhCmEKoQrhCgAHIQsAB0MLAAcABwAHAAeDC6ABoAHDCwMMAAcABwAHAAdDDGMMAAcAB6MM4wwjDWMNow3jDaABoAGgAaABoAGgAaABoAGgAaABoAGgAaABoAGgAaABoAGgAaABoAEjDqABWw6bDqABpg6gAaABoAHcDvwOPA+gAaABfA/8DvwO/A78DvwO/A78DvwO/A78DvwO/A78DvwO/A78DvwO/A78DvwO/A78DvwO/A78DvwO/A78DpcPAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcAB9cPKwkyCToJMAB1AHUAdQBCCUoJTQl1AFUJXAljCWcJawkwADAAMAAwAHMJdQB2CX4JdQCECYoJjgmWCXUAngkwAGAAYABxAHUApgn3A64JtAl1ALkJdQDACTAAMAAwADAAdQB1AHUAdQB1AHUAdQB1AHUAowYNBMUIMAAwADAAMADICcsJ0wnZCRUE4QkwAOkJ8An4CTAAMAB1AAAKvwh1AAgKDwoXCh8KdQAwACcKLgp1ADYKqAmICT4KRgowADAAdQB1AE4KMAB1AFYKdQBeCnUAZQowADAAMAAwADAAMAAwADAAMAAVBHUAbQowADAAdQC5CXUKMAAwAHwBxAijBogEMgF9CoQKiASMCpQKmgqIBKIKqgquCogEDQG2Cr4KxgrLCjAAMADTCtsKCgHjCusK8Qr5CgELMAAwADAAMAB1AIsECQsRC3UANAEZCzAAMAAwADAAMAB1ACELKQswAHUANAExCzkLdQBBC0kLMABRC1kLMAAwADAAMAAwADAAdQBhCzAAMAAwAGAAYABpC3ELdwt/CzAAMACHC4sLkwubC58Lpwt1AK4Ltgt1APsDMAAwADAAMAAwADAAMAAwAL4LwwvLC9IL1wvdCzAAMADlC+kL8Qv5C/8LSQswADAAMAAwADAAMAAwADAAMAAHDDAAMAAwADAAMAAODBYMHgx1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1ACYMMAAwADAAdQB1AHUALgx1AHUAdQB1AHUAdQA2DDAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwAHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AD4MdQBGDHUAdQB1AHUAdQB1AEkMdQB1AHUAdQB1AFAMMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwAHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQBYDHUAdQB1AF8MMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAB1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AHUA+wMVBGcMMAAwAHwBbwx1AHcMfwyHDI8MMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAYABgAJcMMAAwADAAdQB1AJ8MlQClDDAAMACtDCwHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsB7UMLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHdQB1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AA0EMAC9DDAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAsBywHLAcsBywHLAcsBywHLQcwAMEMyAwsBywHLAcsBywHLAcsBywHLAcsBywHzAwwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwAHUAdQB1ANQM2QzhDDAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMABgAGAAYABgAGAAYABgAOkMYADxDGAA+AwADQYNYABhCWAAYAAODTAAMAAwADAAFg1gAGAAHg37AzAAMAAwADAAYABgACYNYAAsDTQNPA1gAEMNPg1LDWAAYABgAGAAYABgAGAAYABgAGAAUg1aDYsGVglhDV0NcQBnDW0NdQ15DWAAYABgAGAAYABgAGAAYABgAGAAYABgAGAAYABgAGAAlQCBDZUAiA2PDZcNMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAnw2nDTAAMAAwADAAMAAwAHUArw23DTAAMAAwADAAMAAwADAAMAAwADAAMAB1AL8NMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAB1AHUAdQB1AHUAdQDHDTAAYABgAM8NMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAA1w11ANwNMAAwAD0B5A0wADAAMAAwADAAMADsDfQN/A0EDgwOFA4wABsOMAAwADAAMAAwADAAMAAwANIG0gbSBtIG0gbSBtIG0gYjDigOwQUuDsEFMw7SBjoO0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIGQg5KDlIOVg7SBtIGXg5lDm0OdQ7SBtIGfQ6EDooOjQ6UDtIGmg6hDtIG0gaoDqwO0ga0DrwO0gZgAGAAYADEDmAAYAAkBtIGzA5gANIOYADaDokO0gbSBt8O5w7SBu8O0gb1DvwO0gZgAGAAxA7SBtIG0gbSBtIGYABgAGAAYAAED2AAsAUMD9IG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIGFA8sBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAccD9IGLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHJA8sBywHLAcsBywHLAccDywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywPLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAc0D9IG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIGLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAccD9IG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIGFA8sBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHPA/SBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gYUD0QPlQCVAJUAMAAwADAAMACVAJUAlQCVAJUAlQCVAEwPMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAA//8EAAQABAAEAAQABAAEAAQABAANAAMAAQABAAIABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQACgATABcAHgAbABoAHgAXABYAEgAeABsAGAAPABgAHABLAEsASwBLAEsASwBLAEsASwBLABgAGAAeAB4AHgATAB4AUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQABYAGwASAB4AHgAeAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAWAA0AEQAeAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAAQABAAEAAQABAAFAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAJABYAGgAbABsAGwAeAB0AHQAeAE8AFwAeAA0AHgAeABoAGwBPAE8ADgBQAB0AHQAdAE8ATwAXAE8ATwBPABYAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAB0AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAdAFAAUABQAFAAUABQAFAAUAAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAFAAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAeAB4AHgAeAFAATwBAAE8ATwBPAEAATwBQAFAATwBQAB4AHgAeAB4AHgAeAB0AHQAdAB0AHgAdAB4ADgBQAFAAUABQAFAAHgAeAB4AHgAeAB4AHgBQAB4AUAAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4ABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAJAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAkACQAJAAkACQAJAAkABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAeAB4AHgAeAFAAHgAeAB4AKwArAFAAUABQAFAAGABQACsAKwArACsAHgAeAFAAHgBQAFAAUAArAFAAKwAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4ABAAEAAQABAAEAAQABAAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAUAAeAB4AHgAeAB4AHgBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAYAA0AKwArAB4AHgAbACsABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQADQAEAB4ABAAEAB4ABAAEABMABAArACsAKwArACsAKwArACsAVgBWAFYAVgBWAFYAVgBWAFYAVgBWAFYAVgBWAFYAVgBWAFYAVgBWAFYAVgBWAFYAVgBWAFYAKwArACsAKwBWAFYAVgBWAB4AHgArACsAKwArACsAKwArACsAKwArACsAHgAeAB4AHgAeAB4AHgAeAB4AGgAaABoAGAAYAB4AHgAEAAQABAAEAAQABAAEAAQABAAEAAQAEwAEACsAEwATAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABABLAEsASwBLAEsASwBLAEsASwBLABoAGQAZAB4AUABQAAQAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQABMAUAAEAAQABAAEAAQABAAEAB4AHgAEAAQABAAEAAQABABQAFAABAAEAB4ABAAEAAQABABQAFAASwBLAEsASwBLAEsASwBLAEsASwBQAFAAUAAeAB4AUAAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwAeAFAABABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAEAAQABAAEAAQABAAEAAQABAAEAFAAKwArACsAKwArACsAKwArACsAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAEAAQABAAEAAQABAAEAAQAUABQAB4AHgAYABMAUAArACsABAAbABsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAFAABAAEAAQABAAEAFAABAAEAAQAUAAEAAQABAAEAAQAKwArAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAArACsAHgArAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAKwArACsAKwArACsAKwArAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAB4ABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQABAAEAFAABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQAUAAEAAQABAAEAAQABAAEAFAAUABQAFAAUABQAFAAUABQAFAABAAEAA0ADQBLAEsASwBLAEsASwBLAEsASwBLAB4AUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAArAFAAUABQAFAAUABQAFAAUAArACsAUABQACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAFAAUABQACsAUAArACsAKwBQAFAAUABQACsAKwAEAFAABAAEAAQABAAEAAQABAArACsABAAEACsAKwAEAAQABABQACsAKwArACsAKwArACsAKwAEACsAKwArACsAUABQACsAUABQAFAABAAEACsAKwBLAEsASwBLAEsASwBLAEsASwBLAFAAUAAaABoAUABQAFAAUABQAEwAHgAbAFAAHgAEACsAKwAEAAQABAArAFAAUABQAFAAUABQACsAKwArACsAUABQACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAFAAUABQACsAUABQACsAUABQACsAUABQACsAKwAEACsABAAEAAQABAAEACsAKwArACsABAAEACsAKwAEAAQABAArACsAKwAEACsAKwArACsAKwArACsAUABQAFAAUAArAFAAKwArACsAKwArACsAKwBLAEsASwBLAEsASwBLAEsASwBLAAQABABQAFAAUAAEAB4AKwArACsAKwArACsAKwArACsAKwAEAAQABAArAFAAUABQAFAAUABQAFAAUABQACsAUABQAFAAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAFAAUABQACsAUABQACsAUABQAFAAUABQACsAKwAEAFAABAAEAAQABAAEAAQABAAEACsABAAEAAQAKwAEAAQABAArACsAUAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwBQAFAABAAEACsAKwBLAEsASwBLAEsASwBLAEsASwBLAB4AGwArACsAKwArACsAKwArAFAABAAEAAQABAAEAAQAKwAEAAQABAArAFAAUABQAFAAUABQAFAAUAArACsAUABQACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQABAAEAAQABAArACsABAAEACsAKwAEAAQABAArACsAKwArACsAKwArAAQABAAEACsAKwArACsAUABQACsAUABQAFAABAAEACsAKwBLAEsASwBLAEsASwBLAEsASwBLAB4AUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArAAQAUAArAFAAUABQAFAAUABQACsAKwArAFAAUABQACsAUABQAFAAUAArACsAKwBQAFAAKwBQACsAUABQACsAKwArAFAAUAArACsAKwBQAFAAUAArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArAAQABAAEAAQABAArACsAKwAEAAQABAArAAQABAAEAAQAKwArAFAAKwArACsAKwArACsABAArACsAKwArACsAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAUABQAFAAHgAeAB4AHgAeAB4AGwAeACsAKwArACsAKwAEAAQABAAEAAQAUABQAFAAUABQAFAAUABQACsAUABQAFAAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAUAAEAAQABAAEAAQABAAEACsABAAEAAQAKwAEAAQABAAEACsAKwArACsAKwArACsABAAEACsAUABQAFAAKwArACsAKwArAFAAUAAEAAQAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsAKwAOAFAAUABQAFAAUABQAFAAHgBQAAQABAAEAA4AUABQAFAAUABQAFAAUABQACsAUABQAFAAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArAFAAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAFAAKwArAAQAUAAEAAQABAAEAAQABAAEACsABAAEAAQAKwAEAAQABAAEACsAKwArACsAKwArACsABAAEACsAKwArACsAKwArACsAUAArAFAAUAAEAAQAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwBQAFAAKwArACsAKwArACsAKwArACsAKwArACsAKwAEAAQABAAEAFAAUABQAFAAUABQAFAAUABQACsAUABQAFAAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAEAFAABAAEAAQABAAEAAQABAArAAQABAAEACsABAAEAAQABABQAB4AKwArACsAKwBQAFAAUAAEAFAAUABQAFAAUABQAFAAUABQAFAABAAEACsAKwBLAEsASwBLAEsASwBLAEsASwBLAFAAUABQAFAAUABQAFAAUABQABoAUABQAFAAUABQAFAAKwAEAAQABAArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArAFAAUABQAFAAUABQAFAAUABQACsAUAArACsAUABQAFAAUABQAFAAUAArACsAKwAEACsAKwArACsABAAEAAQABAAEAAQAKwAEACsABAAEAAQABAAEAAQABAAEACsAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArAAQABAAeACsAKwArACsAKwArACsAKwArACsAKwArAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXAAqAFwAXAAqACoAKgAqACoAKgAqACsAKwArACsAGwBcAFwAXABcAFwAXABcACoAKgAqACoAKgAqACoAKgAeAEsASwBLAEsASwBLAEsASwBLAEsADQANACsAKwArACsAKwBcAFwAKwBcACsAXABcAFwAXABcACsAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcACsAXAArAFwAXABcAFwAXABcAFwAXABcAFwAKgBcAFwAKgAqACoAKgAqACoAKgAqACoAXAArACsAXABcAFwAXABcACsAXAArACoAKgAqACoAKgAqACsAKwBLAEsASwBLAEsASwBLAEsASwBLACsAKwBcAFwAXABcAFAADgAOAA4ADgAeAA4ADgAJAA4ADgANAAkAEwATABMAEwATAAkAHgATAB4AHgAeAAQABAAeAB4AHgAeAB4AHgBLAEsASwBLAEsASwBLAEsASwBLAFAAUABQAFAAUABQAFAAUABQAFAADQAEAB4ABAAeAAQAFgARABYAEQAEAAQAUABQAFAAUABQAFAAUABQACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAKwAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQADQAEAAQABAAEAAQADQAEAAQAUABQAFAAUABQAAQABAAEAAQABAAEAAQABAAEAAQABAArAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAArAA0ADQAeAB4AHgAeAB4AHgAEAB4AHgAeAB4AHgAeACsAHgAeAA4ADgANAA4AHgAeAB4AHgAeAAkACQArACsAKwArACsAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgBcAEsASwBLAEsASwBLAEsASwBLAEsADQANAB4AHgAeAB4AXABcAFwAXABcAFwAKgAqACoAKgBcAFwAXABcACoAKgAqAFwAKgAqACoAXABcACoAKgAqACoAKgAqACoAXABcAFwAKgAqACoAKgBcAFwAXABcAFwAXABcAFwAXABcAFwAXABcACoAKgAqACoAKgAqACoAKgAqACoAKgAqAFwAKgBLAEsASwBLAEsASwBLAEsASwBLACoAKgAqACoAKgAqAFAAUABQAFAAUABQACsAUAArACsAKwArACsAUAArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAHgBQAFAAUABQAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABZAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBZAFkAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFAAUABQAFAAUABQAFAAUABQACsAUABQAFAAUAArACsAUABQAFAAUABQAFAAUAArAFAAKwBQAFAAUABQACsAKwBQAFAAUABQAFAAUABQAFAAUAArAFAAUABQAFAAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArAFAAUABQAFAAKwArAFAAUABQAFAAUABQAFAAKwBQACsAUABQAFAAUAArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAUABQACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsABAAEAAQAHgANAB4AHgAeAB4AHgAeAB4AUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAHgAeAB4AHgAeAB4AHgAeAB4AHgArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwBQAFAAUABQAFAAUAArACsADQBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAHgAeAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAANAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAWABEAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAA0ADQANAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAAQABAAEACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAANAA0AKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAEACsAKwArACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAUAArAAQABAArACsAKwArACsAKwArACsAKwArACsAKwBcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqAA0ADQAVAFwADQAeAA0AGwBcACoAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwAeAB4AEwATAA0ADQAOAB4AEwATAB4ABAAEAAQACQArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArAFAAUABQAFAAUAAEAAQAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQAUAArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwAEAAQABAAEAAQABAAEAAQABAAEAAQABAArACsAKwArAAQABAAEAAQABAAEAAQABAAEAAQABAAEACsAKwArACsAHgArACsAKwATABMASwBLAEsASwBLAEsASwBLAEsASwBcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXAArACsAXABcAFwAXABcACsAKwArACsAKwArACsAKwArACsAKwBcAFwAXABcAFwAXABcAFwAXABcAFwAXAArACsAKwArAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcACsAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAXAArACsAKwAqACoAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQABAAEAAQABAArACsAHgAeAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcACoAKgAqACoAKgAqACoAKgAqACoAKwAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKwArAAQASwBLAEsASwBLAEsASwBLAEsASwArACsAKwArACsAKwBLAEsASwBLAEsASwBLAEsASwBLACsAKwArACsAKwArACoAKgAqACoAKgAqACoAXAAqACoAKgAqACoAKgArACsABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsABAAEAAQABAAEAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQABAAEAAQABABQAFAAUABQAFAAUABQACsAKwArACsASwBLAEsASwBLAEsASwBLAEsASwANAA0AHgANAA0ADQANAB4AHgAeAB4AHgAeAB4AHgAeAB4ABAAEAAQABAAEAAQABAAEAAQAHgAeAB4AHgAeAB4AHgAeAB4AKwArACsABAAEAAQAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAEAAQABAAEAAQABAAEAAQABAAEAAQABABQAFAASwBLAEsASwBLAEsASwBLAEsASwBQAFAAUABQAFAAUABQAFAABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEACsAKwArACsAKwArACsAKwAeAB4AHgAeAFAAUABQAFAABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEACsAKwArAA0ADQANAA0ADQBLAEsASwBLAEsASwBLAEsASwBLACsAKwArAFAAUABQAEsASwBLAEsASwBLAEsASwBLAEsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAA0ADQBQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwBQAFAAUAAeAB4AHgAeAB4AHgAeAB4AKwArACsAKwArACsAKwArAAQABAAEAB4ABAAEAAQABAAEAAQABAAEAAQABAAEAAQABABQAFAAUABQAAQAUABQAFAAUABQAFAABABQAFAABAAEAAQAUAArACsAKwArACsABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEACsABAAEAAQABAAEAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwArAFAAUABQAFAAUABQACsAKwBQAFAAUABQAFAAUABQAFAAKwBQACsAUAArAFAAKwAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeACsAKwAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgArAB4AHgAeAB4AHgAeAB4AHgBQAB4AHgAeAFAAUABQACsAHgAeAB4AHgAeAB4AHgAeAB4AHgBQAFAAUABQACsAKwAeAB4AHgAeAB4AHgArAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwArAFAAUABQACsAHgAeAB4AHgAeAB4AHgAOAB4AKwANAA0ADQANAA0ADQANAAkADQANAA0ACAAEAAsABAAEAA0ACQANAA0ADAAdAB0AHgAXABcAFgAXABcAFwAWABcAHQAdAB4AHgAUABQAFAANAAEAAQAEAAQABAAEAAQACQAaABoAGgAaABoAGgAaABoAHgAXABcAHQAVABUAHgAeAB4AHgAeAB4AGAAWABEAFQAVABUAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4ADQAeAA0ADQANAA0AHgANAA0ADQAHAB4AHgAeAB4AKwAEAAQABAAEAAQABAAEAAQABAAEAFAAUAArACsATwBQAFAAUABQAFAAHgAeAB4AFgARAE8AUABPAE8ATwBPAFAAUABQAFAAUAAeAB4AHgAWABEAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArABsAGwAbABsAGwAbABsAGgAbABsAGwAbABsAGwAbABsAGwAbABsAGwAbABsAGgAbABsAGwAbABoAGwAbABoAGwAbABsAGwAbABsAGwAbABsAGwAbABsAGwAbABsAGwAbAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQAHgAeAFAAGgAeAB0AHgBQAB4AGgAeAB4AHgAeAB4AHgAeAB4AHgBPAB4AUAAbAB4AHgBQAFAAUABQAFAAHgAeAB4AHQAdAB4AUAAeAFAAHgBQAB4AUABPAFAAUAAeAB4AHgAeAB4AHgAeAFAAUABQAFAAUAAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAFAAHgBQAFAAUABQAE8ATwBQAFAAUABQAFAATwBQAFAATwBQAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAFAAUABQAFAATwBPAE8ATwBPAE8ATwBPAE8ATwBQAFAAUABQAFAAUABQAFAAUAAeAB4AUABQAFAAUABPAB4AHgArACsAKwArAB0AHQAdAB0AHQAdAB0AHQAdAB0AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB0AHgAdAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAdAB4AHQAdAB4AHgAeAB0AHQAeAB4AHQAeAB4AHgAdAB4AHQAbABsAHgAdAB4AHgAeAB4AHQAeAB4AHQAdAB0AHQAeAB4AHQAeAB0AHgAdAB0AHQAdAB0AHQAeAB0AHgAeAB4AHgAeAB0AHQAdAB0AHgAeAB4AHgAdAB0AHgAeAB4AHgAeAB4AHgAeAB4AHgAdAB4AHgAeAB0AHgAeAB4AHgAeAB0AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAdAB0AHgAeAB0AHQAdAB0AHgAeAB0AHQAeAB4AHQAdAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB0AHQAeAB4AHQAdAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHQAeAB4AHgAdAB4AHgAeAB4AHgAeAB4AHQAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB0AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AFAAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeABYAEQAWABEAHgAeAB4AHgAeAB4AHQAeAB4AHgAeAB4AHgAeACUAJQAeAB4AHgAeAB4AHgAeAB4AHgAWABEAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AJQAlACUAJQAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAFAAHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHgAeAB4AHgAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAeAB4AHQAdAB0AHQAeAB4AHgAeAB4AHgAeAB4AHgAeAB0AHQAeAB0AHQAdAB0AHQAdAB0AHgAeAB4AHgAeAB4AHgAeAB0AHQAeAB4AHQAdAB4AHgAeAB4AHQAdAB4AHgAeAB4AHQAdAB0AHgAeAB0AHgAeAB0AHQAdAB0AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAdAB0AHQAdAB4AHgAeAB4AHgAeAB4AHgAeAB0AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAlACUAJQAlAB4AHQAdAB4AHgAdAB4AHgAeAB4AHQAdAB4AHgAeAB4AJQAlAB0AHQAlAB4AJQAlACUAIAAlACUAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAlACUAJQAeAB4AHgAeAB0AHgAdAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAdAB0AHgAdAB0AHQAeAB0AJQAdAB0AHgAdAB0AHgAdAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeACUAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHQAdAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAlACUAJQAlACUAJQAlACUAJQAlACUAJQAdAB0AHQAdACUAHgAlACUAJQAdACUAJQAdAB0AHQAlACUAHQAdACUAHQAdACUAJQAlAB4AHQAeAB4AHgAeAB0AHQAlAB0AHQAdAB0AHQAdACUAJQAlACUAJQAdACUAJQAgACUAHQAdACUAJQAlACUAJQAlACUAJQAeAB4AHgAlACUAIAAgACAAIAAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB0AHgAeAB4AFwAXABcAFwAXABcAHgATABMAJQAeAB4AHgAWABEAFgARABYAEQAWABEAFgARABYAEQAWABEATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeABYAEQAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAWABEAFgARABYAEQAWABEAFgARAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AFgARABYAEQAWABEAFgARABYAEQAWABEAFgARABYAEQAWABEAFgARABYAEQAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAWABEAFgARAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AFgARAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAdAB0AHQAdAB0AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgArACsAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AUABQAFAAUAAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAEAAQABAAeAB4AKwArACsAKwArABMADQANAA0AUAATAA0AUABQAFAAUABQAFAAUABQACsAKwArACsAKwArACsAUAANACsAKwArACsAKwArACsAKwArACsAKwArACsAKwAEAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQACsAUABQAFAAUABQAFAAUAArAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAFAAUABQACsAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXAA0ADQANAA0ADQANAA0ADQAeAA0AFgANAB4AHgAXABcAHgAeABcAFwAWABEAFgARABYAEQAWABEADQANAA0ADQATAFAADQANAB4ADQANAB4AHgAeAB4AHgAMAAwADQANAA0AHgANAA0AFgANAA0ADQANAA0ADQANAA0AHgANAB4ADQANAB4AHgAeACsAKwArACsAKwArACsAKwArACsAKwArACsAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACsAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAKwArACsAKwArACsAKwArACsAKwArACsAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwAlACUAJQAlACUAJQAlACUAJQAlACUAJQArACsAKwArAA0AEQARACUAJQBHAFcAVwAWABEAFgARABYAEQAWABEAFgARACUAJQAWABEAFgARABYAEQAWABEAFQAWABEAEQAlAFcAVwBXAFcAVwBXAFcAVwBXAAQABAAEAAQABAAEACUAVwBXAFcAVwA2ACUAJQBXAFcAVwBHAEcAJQAlACUAKwBRAFcAUQBXAFEAVwBRAFcAUQBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFEAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBRAFcAUQBXAFEAVwBXAFcAVwBXAFcAUQBXAFcAVwBXAFcAVwBRAFEAKwArAAQABAAVABUARwBHAFcAFQBRAFcAUQBXAFEAVwBRAFcAUQBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFEAVwBRAFcAUQBXAFcAVwBXAFcAVwBRAFcAVwBXAFcAVwBXAFEAUQBXAFcAVwBXABUAUQBHAEcAVwArACsAKwArACsAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAKwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAKwAlACUAVwBXAFcAVwAlACUAJQAlACUAJQAlACUAJQAlACsAKwArACsAKwArACsAKwArACsAKwArAFEAUQBRAFEAUQBRAFEAUQBRAFEAUQBRAFEAUQBRAFEAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQArAFcAVwBXAFcAVwBXAFcAVwBXAFcAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQBPAE8ATwBPAE8ATwBPAE8AJQBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXACUAJQAlAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAEcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAKwArACsAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAADQATAA0AUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABLAEsASwBLAEsASwBLAEsASwBLAFAAUAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAFAABAAEAAQABAAeAAQABAAEAAQABAAEAAQABAAEAAQAHgBQAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AUABQAAQABABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQABAAeAA0ADQANAA0ADQArACsAKwArACsAKwArACsAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAFAAUABQAFAAUABQAFAAUABQAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AUAAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgBQAB4AHgAeAB4AHgAeAFAAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgArACsAHgAeAB4AHgAeAB4AHgAeAB4AKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwAeAB4AUABQAFAAUABQAFAAUABQAFAAUABQAAQAUABQAFAABABQAFAAUABQAAQAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQABAAEAAQABAAeAB4AHgAeAAQAKwArACsAUABQAFAAUABQAFAAHgAeABoAHgArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAADgAOABMAEwArACsAKwArACsAKwArACsABAAEAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQABAAEAAQABAAEACsAKwArACsAKwArACsAKwANAA0ASwBLAEsASwBLAEsASwBLAEsASwArACsAKwArACsAKwAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABABQAFAAUABQAFAAUAAeAB4AHgBQAA4AUABQAAQAUABQAFAAUABQAFAABAAEAAQABAAEAAQABAAEAA0ADQBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQAKwArACsAKwArACsAKwArACsAKwArAB4AWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYACsAKwArAAQAHgAeAB4AHgAeAB4ADQANAA0AHgAeAB4AHgArAFAASwBLAEsASwBLAEsASwBLAEsASwArACsAKwArAB4AHgBcAFwAXABcAFwAKgBcAFwAXABcAFwAXABcAFwAXABcAEsASwBLAEsASwBLAEsASwBLAEsAXABcAFwAXABcACsAUABQAFAAUABQAFAAUABQAFAABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEACsAKwArACsAKwArACsAKwArAFAAUABQAAQAUABQAFAAUABQAFAAUABQAAQABAArACsASwBLAEsASwBLAEsASwBLAEsASwArACsAHgANAA0ADQBcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAKgAqACoAXAAqACoAKgBcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXAAqAFwAKgAqACoAXABcACoAKgBcAFwAXABcAFwAKgAqAFwAKgBcACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAFwAXABcACoAKgBQAFAAUABQAFAAUABQAFAAUABQAFAABAAEAAQABAAEAA0ADQBQAFAAUAAEAAQAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUAArACsAUABQAFAAUABQAFAAKwArAFAAUABQAFAAUABQACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAFAAUABQACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAHgAeACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEAAQADQAEAAQAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsAVABVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBUAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVACsAKwArACsAKwArACsAKwArACsAKwArAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBZAFkAKwArACsAKwBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAKwArACsAKwAGAAYABgAGAAYABgAGAAYABgAGAAYABgAGAAYABgAGAAYABgAGAAYABgAGAAYABgAGAAYABgAGAAYABgAGAAYAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXACUAJQBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAJQAlACUAJQAlACUAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAKwArACsAKwArAFYABABWAFYAVgBWAFYAVgBWAFYAVgBWAB4AVgBWAFYAVgBWAFYAVgBWAFYAVgBWAFYAVgArAFYAVgBWAFYAVgArAFYAKwBWAFYAKwBWAFYAKwBWAFYAVgBWAFYAVgBWAFYAVgBWAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAEQAWAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUAAaAB4AKwArAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQAGAARABEAGAAYABMAEwAWABEAFAArACsAKwArACsAKwAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEACUAJQAlACUAJQAWABEAFgARABYAEQAWABEAFgARABYAEQAlACUAFgARACUAJQAlACUAJQAlACUAEQAlABEAKwAVABUAEwATACUAFgARABYAEQAWABEAJQAlACUAJQAlACUAJQAlACsAJQAbABoAJQArACsAKwArAFAAUABQAFAAUAArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArAAcAKwATACUAJQAbABoAJQAlABYAEQAlACUAEQAlABEAJQBXAFcAVwBXAFcAVwBXAFcAVwBXABUAFQAlACUAJQATACUAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXABYAJQARACUAJQAlAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwAWACUAEQAlABYAEQARABYAEQARABUAVwBRAFEAUQBRAFEAUQBRAFEAUQBRAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAEcARwArACsAVwBXAFcAVwBXAFcAKwArAFcAVwBXAFcAVwBXACsAKwBXAFcAVwBXAFcAVwArACsAVwBXAFcAKwArACsAGgAbACUAJQAlABsAGwArAB4AHgAeAB4AHgAeAB4AKwArACsAKwArACsAKwArACsAKwAEAAQABAAQAB0AKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsADQANAA0AKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArAB4AHgAeAB4AHgAeAB4AHgAeAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgBQAFAAHgAeAB4AKwAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAAQAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwAEAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAEAAQABAAEACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArAA0AUABQAFAAUAArACsAKwArAFAAUABQAFAAUABQAFAAUAANAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAKwArACsAKwArACsAKwAeACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAKwArAFAAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArAFAAUAArACsAKwBQACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwANAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAeAB4AUABQAFAAUABQAFAAUAArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArAFAAUAArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArAA0AUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAKwAeAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAUABQAFAAUABQAAQABAAEACsABAAEACsAKwArACsAKwAEAAQABAAEAFAAUABQAFAAKwBQAFAAUAArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArAAQABAAEACsAKwArACsABABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArAA0ADQANAA0ADQANAA0ADQAeACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAeAFAAUABQAFAAUABQAFAAUAAeAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQABAArACsAKwArAFAAUABQAFAAUAANAA0ADQANAA0ADQAUACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsADQANAA0ADQANAA0ADQBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArAB4AHgAeAB4AKwArACsAKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArAFAAUABQAFAAUABQAAQABAAEAAQAKwArACsAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUAArAAQABAANACsAKwBQAFAAKwArACsAKwArACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAAQABAAEAAQABAAEAAQABAAEAAQABABQAFAAUABQAB4AHgAeAB4AHgArACsAKwArACsAKwAEAAQABAAEAAQABAAEAA0ADQAeAB4AHgAeAB4AKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsABABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQABAAEAAQABAAEAAQABAAEAAQABAAeAB4AHgANAA0ADQANACsAKwArACsAKwArACsAKwArACsAKwAeACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAKwArACsAKwBLAEsASwBLAEsASwBLAEsASwBLACsAKwArACsAKwArAFAAUABQAFAAUABQAFAABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEACsASwBLAEsASwBLAEsASwBLAEsASwANAA0ADQANAFAABAAEAFAAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAeAA4AUAArACsAKwArACsAKwArACsAKwAEAFAAUABQAFAADQANAB4ADQAEAAQABAAEAB4ABAAEAEsASwBLAEsASwBLAEsASwBLAEsAUAAOAFAADQANAA0AKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEAAQABAAEAAQABAANAA0AHgANAA0AHgAEACsAUABQAFAAUABQAFAAUAArAFAAKwBQAFAAUABQACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAFAAUABQAFAAUABQAA0AKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEAAQABAAEAAQAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsABAAEAAQABAArAFAAUABQAFAAUABQAFAAUAArACsAUABQACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAFAAUABQACsAUABQACsAUABQAFAAUABQACsABAAEAFAABAAEAAQABAAEAAQABAArACsABAAEACsAKwAEAAQABAArACsAUAArACsAKwArACsAKwAEACsAKwArACsAKwBQAFAAUABQAFAABAAEACsAKwAEAAQABAAEAAQABAAEACsAKwArAAQABAAEAAQABAArACsAKwArACsAKwArACsAKwArACsABAAEAAQABAAEAAQABABQAFAAUABQAA0ADQANAA0AHgBLAEsASwBLAEsASwBLAEsASwBLAA0ADQArAB4ABABQAFAAUAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwAEAAQABAAEAFAAUAAeAFAAKwArACsAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAEAAQABAAEAAQABAArACsABAAEAAQABAAEAAQABAAEAAQADgANAA0AEwATAB4AHgAeAA0ADQANAA0ADQANAA0ADQANAA0ADQANAA0ADQANAFAAUABQAFAABAAEACsAKwAEAA0ADQAeAFAAKwArACsAKwArACsAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAFAAKwArACsAKwArACsAKwBLAEsASwBLAEsASwBLAEsASwBLACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAKwArACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACsAKwArACsASwBLAEsASwBLAEsASwBLAEsASwBcAFwADQANAA0AKgBQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAeACsAKwArACsASwBLAEsASwBLAEsASwBLAEsASwBQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAKwArAFAAKwArAFAAUABQAFAAUABQAFAAUAArAFAAUAArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAEAAQABAAEAAQAKwAEAAQAKwArAAQABAAEAAQAUAAEAFAABAAEAA0ADQANACsAKwArACsAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAEAAQABAAEAAQABAArACsABAAEAAQABAAEAAQABABQAA4AUAAEACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAFAABAAEAAQABAAEAAQABAAEAAQABABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEAFAABAAEAAQABAAOAB4ADQANAA0ADQAOAB4ABAArACsAKwArACsAKwArACsAUAAEAAQABAAEAAQABAAEAAQABAAEAAQAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAA0ADQANAFAADgAOAA4ADQANACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUAArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAEAAQABAAEAAQABAAEACsABAAEAAQABAAEAAQABAAEAFAADQANAA0ADQANACsAKwArACsAKwArACsAKwArACsASwBLAEsASwBLAEsASwBLAEsASwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwAOABMAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAArAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQACsAUABQACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAArACsAKwAEACsABAAEACsABAAEAAQABAAEAAQABABQAAQAKwArACsAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsAUABQAFAAUABQAFAAKwBQAFAAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQAKwAEAAQAKwAEAAQABAAEAAQAUAArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAEAAQABAAeAB4AKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwBQACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAB4AHgAeAB4AHgAeAB4AHgAaABoAGgAaAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgArACsAKwArACsAKwArACsAKwArACsAKwArAA0AUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsADQANAA0ADQANACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAASABIAEgAQwBDAEMAUABQAFAAUABDAFAAUABQAEgAQwBIAEMAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAASABDAEMAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwAJAAkACQAJAAkACQAJABYAEQArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABIAEMAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwANAA0AKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArAAQABAAEAAQABAANACsAKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEAA0ADQANAB4AHgAeAB4AHgAeAFAAUABQAFAADQAeACsAKwArACsAKwArACsAKwArACsASwBLAEsASwBLAEsASwBLAEsASwArAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAANAA0AHgAeACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAKwAEAFAABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQAKwArACsAKwArACsAKwAEAAQABAAEAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAARwBHABUARwAJACsAKwArACsAKwArACsAKwArACsAKwAEAAQAKwArACsAKwArACsAKwArACsAKwArACsAKwArAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXACsAKwArACsAKwArACsAKwBXAFcAVwBXAFcAVwBXAFcAVwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAUQBRAFEAKwArACsAKwArACsAKwArACsAKwArACsAKwBRAFEAUQBRACsAKwArACsAKwArACsAKwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUAArACsAHgAEAAQADQAEAAQABAAEACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgArACsAKwArACsAKwArACsAKwArAB4AHgAeAB4AHgAeAB4AKwArAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAAQABAAEAAQABAAeAB4AHgAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAB4AHgAEAAQABAAEAAQABAAEAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4ABAAEAAQABAAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4ABAAEAAQAHgArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAKwArACsAKwArACsAKwArAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgArACsAKwArACsAKwArACsAKwAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgArAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwBQAFAAKwArAFAAKwArAFAAUAArACsAUABQAFAAUAArAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeACsAUAArAFAAUABQAFAAUABQAFAAKwAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwBQAFAAUABQACsAKwBQAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAFAAUABQACsAHgAeAFAAUABQAFAAUAArAFAAKwArACsAUABQAFAAUABQAFAAUAArAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAHgBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgBQAFAAUABQAFAAUABQAFAAUABQAFAAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAB4AHgAeAB4AHgAeAB4AHgAeACsAKwBLAEsASwBLAEsASwBLAEsASwBLAEsASwBLAEsASwBLAEsASwBLAEsASwBLAEsASwBLAEsASwBLAEsASwBLAEsASwBLAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAeAB4AHgAeAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAeAB4AHgAeAB4AHgAeAB4ABAAeAB4AHgAeAB4AHgAeAB4AHgAeAAQAHgAeAA0ADQANAA0AHgArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwAEAAQABAAEAAQAKwAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAAQABAAEAAQABAAEAAQAKwAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQAKwArAAQABAAEAAQABAAEAAQAKwAEAAQAKwAEAAQABAAEAAQAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwAEAAQABAAEAAQABAAEAFAAUABQAFAAUABQAFAAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwBQAB4AKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArABsAUABQAFAAUABQACsAKwBQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEACsAKwArACsAKwArACsAKwArAB4AHgAeAB4ABAAEAAQABAAEAAQABABQACsAKwArACsASwBLAEsASwBLAEsASwBLAEsASwArACsAKwArABYAFgArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAGgBQAFAAUAAaAFAAUABQAFAAKwArACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAeAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwBQAFAAUABQACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAKwBQACsAKwBQACsAUABQAFAAUABQAFAAUABQAFAAUAArAFAAUABQAFAAKwBQACsAUAArACsAKwArACsAKwBQACsAKwArACsAUAArAFAAKwBQACsAUABQAFAAKwBQAFAAKwBQACsAKwBQACsAUAArAFAAKwBQACsAUAArAFAAUAArAFAAKwArAFAAUABQAFAAKwBQAFAAUABQAFAAUABQACsAUABQAFAAUAArAFAAUABQAFAAKwBQACsAUABQAFAAUABQAFAAUABQAFAAUAArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAUABQAFAAKwBQAFAAUABQAFAAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwAeAB4AKwArACsAKwArACsAKwArACsAKwArACsAKwArAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8AJQAlACUAHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHgAeAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB4AHgAeACUAJQAlAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQApACkAKQApACkAKQApACkAKQApACkAKQApACkAKQApACkAKQApACkAKQApACkAKQApACkAJQAlACUAJQAlACAAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAeAB4AJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlAB4AHgAlACUAJQAlACUAHgAlACUAJQAlACUAIAAgACAAJQAlACAAJQAlACAAIAAgACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACEAIQAhACEAIQAlACUAIAAgACUAJQAgACAAIAAgACAAIAAgACAAIAAgACAAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAJQAlACUAIAAlACUAJQAlACAAIAAgACUAIAAgACAAJQAlACUAJQAlACUAJQAgACUAIAAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAHgAlAB4AJQAeACUAJQAlACUAJQAgACUAJQAlACUAHgAlAB4AHgAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlAB4AHgAeAB4AHgAeAB4AJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAeAB4AHgAeAB4AHgAeAB4AHgAeACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACAAIAAlACUAJQAlACAAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACAAJQAlACUAJQAgACAAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAHgAeAB4AHgAeAB4AHgAeACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAeAB4AHgAeAB4AHgAlACUAJQAlACUAJQAlACAAIAAgACUAJQAlACAAIAAgACAAIAAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeABcAFwAXABUAFQAVAB4AHgAeAB4AJQAlACUAIAAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACAAIAAgACUAJQAlACUAJQAlACUAJQAlACAAJQAlACUAJQAlACUAJQAlACUAJQAlACAAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AJQAlACUAJQAlACUAJQAlACUAJQAlACUAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AJQAlACUAJQAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeACUAJQAlACUAJQAlACUAJQAeAB4AHgAeAB4AHgAeAB4AHgAeACUAJQAlACUAJQAlAB4AHgAeAB4AHgAeAB4AHgAlACUAJQAlACUAJQAlACUAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAgACUAJQAgACUAJQAlACUAJQAlACUAJQAgACAAIAAgACAAIAAgACAAJQAlACUAJQAlACUAIAAlACUAJQAlACUAJQAlACUAJQAgACAAIAAgACAAIAAgACAAIAAgACUAJQAgACAAIAAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAgACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACAAIAAlACAAIAAlACAAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAgACAAIAAlACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAJQAlAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAKwArAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXACUAJQBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwAlACUAJQAlACUAJQAlACUAJQAlACUAVwBXACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAKwAEACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAA==';
+
+      var LETTER_NUMBER_MODIFIER = 50;
+      // Non-tailorable Line Breaking Classes
+      var BK = 1; //  Cause a line break (after)
+      var CR$1 = 2; //  Cause a line break (after), except between CR and LF
+      var LF$1 = 3; //  Cause a line break (after)
+      var CM = 4; //  Prohibit a line break between the character and the preceding character
+      var NL = 5; //  Cause a line break (after)
+      var WJ = 7; //  Prohibit line breaks before and after
+      var ZW = 8; //  Provide a break opportunity
+      var GL = 9; //  Prohibit line breaks before and after
+      var SP = 10; // Enable indirect line breaks
+      var ZWJ$1 = 11; // Prohibit line breaks within joiner sequences
+      // Break Opportunities
+      var B2 = 12; //  Provide a line break opportunity before and after the character
+      var BA = 13; //  Generally provide a line break opportunity after the character
+      var BB = 14; //  Generally provide a line break opportunity before the character
+      var HY = 15; //  Provide a line break opportunity after the character, except in numeric context
+      var CB = 16; //   Provide a line break opportunity contingent on additional information
+      // Characters Prohibiting Certain Breaks
+      var CL = 17; //  Prohibit line breaks before
+      var CP = 18; //  Prohibit line breaks before
+      var EX = 19; //  Prohibit line breaks before
+      var IN = 20; //  Allow only indirect line breaks between pairs
+      var NS = 21; //  Allow only indirect line breaks before
+      var OP = 22; //  Prohibit line breaks after
+      var QU = 23; //  Act like they are both opening and closing
+      // Numeric Context
+      var IS = 24; //  Prevent breaks after any and before numeric
+      var NU = 25; //  Form numeric expressions for line breaking purposes
+      var PO = 26; //  Do not break following a numeric expression
+      var PR = 27; //  Do not break in front of a numeric expression
+      var SY = 28; //  Prevent a break before; and allow a break after
+      // Other Characters
+      var AI = 29; //  Act like AL when the resolvedEAW is N; otherwise; act as ID
+      var AL = 30; //  Are alphabetic characters or symbols that are used with alphabetic characters
+      var CJ = 31; //  Treat as NS or ID for strict or normal breaking.
+      var EB = 32; //  Do not break from following Emoji Modifier
+      var EM = 33; //  Do not break from preceding Emoji Base
+      var H2 = 34; //  Form Korean syllable blocks
+      var H3 = 35; //  Form Korean syllable blocks
+      var HL = 36; //  Do not break around a following hyphen; otherwise act as Alphabetic
+      var ID = 37; //  Break before or after; except in some numeric context
+      var JL = 38; //  Form Korean syllable blocks
+      var JV = 39; //  Form Korean syllable blocks
+      var JT = 40; //  Form Korean syllable blocks
+      var RI$1 = 41; //  Keep pairs together. For pairs; break before and after other classes
+      var SA = 42; //  Provide a line break opportunity contingent on additional, language-specific context analysis
+      var XX = 43; //  Have as yet unknown line breaking behavior or unassigned code positions
+      var ea_OP = [0x2329, 0xff08];
+      var BREAK_MANDATORY = '!';
+      var BREAK_NOT_ALLOWED$1 = '×';
+      var BREAK_ALLOWED$1 = '÷';
+      var UnicodeTrie$1 = createTrieFromBase64$1(base64$1);
+      var ALPHABETICS = [AL, HL];
+      var HARD_LINE_BREAKS = [BK, CR$1, LF$1, NL];
+      var SPACE$1 = [SP, ZW];
+      var PREFIX_POSTFIX = [PR, PO];
+      var LINE_BREAKS = HARD_LINE_BREAKS.concat(SPACE$1);
+      var KOREAN_SYLLABLE_BLOCK = [JL, JV, JT, H2, H3];
+      var HYPHEN = [HY, BA];
+      var codePointsToCharacterClasses = function (codePoints, lineBreak) {
+          if (lineBreak === void 0) { lineBreak = 'strict'; }
+          var types = [];
+          var indices = [];
+          var categories = [];
+          codePoints.forEach(function (codePoint, index) {
+              var classType = UnicodeTrie$1.get(codePoint);
+              if (classType > LETTER_NUMBER_MODIFIER) {
+                  categories.push(true);
+                  classType -= LETTER_NUMBER_MODIFIER;
+              }
+              else {
+                  categories.push(false);
+              }
+              if (['normal', 'auto', 'loose'].indexOf(lineBreak) !== -1) {
+                  // U+2010, – U+2013, 〜 U+301C, ゠ U+30A0
+                  if ([0x2010, 0x2013, 0x301c, 0x30a0].indexOf(codePoint) !== -1) {
+                      indices.push(index);
+                      return types.push(CB);
+                  }
+              }
+              if (classType === CM || classType === ZWJ$1) {
+                  // LB10 Treat any remaining combining mark or ZWJ as AL.
+                  if (index === 0) {
+                      indices.push(index);
+                      return types.push(AL);
+                  }
+                  // LB9 Do not break a combining character sequence; treat it as if it has the line breaking class of
+                  // the base character in all of the following rules. Treat ZWJ as if it were CM.
+                  var prev = types[index - 1];
+                  if (LINE_BREAKS.indexOf(prev) === -1) {
+                      indices.push(indices[index - 1]);
+                      return types.push(prev);
+                  }
+                  indices.push(index);
+                  return types.push(AL);
+              }
+              indices.push(index);
+              if (classType === CJ) {
+                  return types.push(lineBreak === 'strict' ? NS : ID);
+              }
+              if (classType === SA) {
+                  return types.push(AL);
+              }
+              if (classType === AI) {
+                  return types.push(AL);
+              }
+              // For supplementary characters, a useful default is to treat characters in the range 10000..1FFFD as AL
+              // and characters in the ranges 20000..2FFFD and 30000..3FFFD as ID, until the implementation can be revised
+              // to take into account the actual line breaking properties for these characters.
+              if (classType === XX) {
+                  if ((codePoint >= 0x20000 && codePoint <= 0x2fffd) || (codePoint >= 0x30000 && codePoint <= 0x3fffd)) {
+                      return types.push(ID);
+                  }
+                  else {
+                      return types.push(AL);
+                  }
+              }
+              types.push(classType);
+          });
+          return [indices, types, categories];
+      };
+      var isAdjacentWithSpaceIgnored = function (a, b, currentIndex, classTypes) {
+          var current = classTypes[currentIndex];
+          if (Array.isArray(a) ? a.indexOf(current) !== -1 : a === current) {
+              var i = currentIndex;
+              while (i <= classTypes.length) {
+                  i++;
+                  var next = classTypes[i];
+                  if (next === b) {
+                      return true;
+                  }
+                  if (next !== SP) {
+                      break;
+                  }
+              }
+          }
+          if (current === SP) {
+              var i = currentIndex;
+              while (i > 0) {
+                  i--;
+                  var prev = classTypes[i];
+                  if (Array.isArray(a) ? a.indexOf(prev) !== -1 : a === prev) {
+                      var n = currentIndex;
+                      while (n <= classTypes.length) {
+                          n++;
+                          var next = classTypes[n];
+                          if (next === b) {
+                              return true;
+                          }
+                          if (next !== SP) {
+                              break;
+                          }
+                      }
+                  }
+                  if (prev !== SP) {
+                      break;
+                  }
+              }
+          }
+          return false;
+      };
+      var previousNonSpaceClassType = function (currentIndex, classTypes) {
+          var i = currentIndex;
+          while (i >= 0) {
+              var type = classTypes[i];
+              if (type === SP) {
+                  i--;
+              }
+              else {
+                  return type;
+              }
+          }
+          return 0;
+      };
+      var _lineBreakAtIndex = function (codePoints, classTypes, indicies, index, forbiddenBreaks) {
+          if (indicies[index] === 0) {
+              return BREAK_NOT_ALLOWED$1;
+          }
+          var currentIndex = index - 1;
+          if (Array.isArray(forbiddenBreaks) && forbiddenBreaks[currentIndex] === true) {
+              return BREAK_NOT_ALLOWED$1;
+          }
+          var beforeIndex = currentIndex - 1;
+          var afterIndex = currentIndex + 1;
+          var current = classTypes[currentIndex];
+          // LB4 Always break after hard line breaks.
+          // LB5 Treat CR followed by LF, as well as CR, LF, and NL as hard line breaks.
+          var before = beforeIndex >= 0 ? classTypes[beforeIndex] : 0;
+          var next = classTypes[afterIndex];
+          if (current === CR$1 && next === LF$1) {
+              return BREAK_NOT_ALLOWED$1;
+          }
+          if (HARD_LINE_BREAKS.indexOf(current) !== -1) {
+              return BREAK_MANDATORY;
+          }
+          // LB6 Do not break before hard line breaks.
+          if (HARD_LINE_BREAKS.indexOf(next) !== -1) {
+              return BREAK_NOT_ALLOWED$1;
+          }
+          // LB7 Do not break before spaces or zero width space.
+          if (SPACE$1.indexOf(next) !== -1) {
+              return BREAK_NOT_ALLOWED$1;
+          }
+          // LB8 Break before any character following a zero-width space, even if one or more spaces intervene.
+          if (previousNonSpaceClassType(currentIndex, classTypes) === ZW) {
+              return BREAK_ALLOWED$1;
+          }
+          // LB8a Do not break after a zero width joiner.
+          if (UnicodeTrie$1.get(codePoints[currentIndex]) === ZWJ$1) {
+              return BREAK_NOT_ALLOWED$1;
+          }
+          // zwj emojis
+          if ((current === EB || current === EM) && UnicodeTrie$1.get(codePoints[afterIndex]) === ZWJ$1) {
+              return BREAK_NOT_ALLOWED$1;
+          }
+          // LB11 Do not break before or after Word joiner and related characters.
+          if (current === WJ || next === WJ) {
+              return BREAK_NOT_ALLOWED$1;
+          }
+          // LB12 Do not break after NBSP and related characters.
+          if (current === GL) {
+              return BREAK_NOT_ALLOWED$1;
+          }
+          // LB12a Do not break before NBSP and related characters, except after spaces and hyphens.
+          if ([SP, BA, HY].indexOf(current) === -1 && next === GL) {
+              return BREAK_NOT_ALLOWED$1;
+          }
+          // LB13 Do not break before ‘]’ or ‘!’ or ‘;’ or ‘/’, even after spaces.
+          if ([CL, CP, EX, IS, SY].indexOf(next) !== -1) {
+              return BREAK_NOT_ALLOWED$1;
+          }
+          // LB14 Do not break after ‘[’, even after spaces.
+          if (previousNonSpaceClassType(currentIndex, classTypes) === OP) {
+              return BREAK_NOT_ALLOWED$1;
+          }
+          // LB15 Do not break within ‘”[’, even with intervening spaces.
+          if (isAdjacentWithSpaceIgnored(QU, OP, currentIndex, classTypes)) {
+              return BREAK_NOT_ALLOWED$1;
+          }
+          // LB16 Do not break between closing punctuation and a nonstarter (lb=NS), even with intervening spaces.
+          if (isAdjacentWithSpaceIgnored([CL, CP], NS, currentIndex, classTypes)) {
+              return BREAK_NOT_ALLOWED$1;
+          }
+          // LB17 Do not break within ‘——’, even with intervening spaces.
+          if (isAdjacentWithSpaceIgnored(B2, B2, currentIndex, classTypes)) {
+              return BREAK_NOT_ALLOWED$1;
+          }
+          // LB18 Break after spaces.
+          if (current === SP) {
+              return BREAK_ALLOWED$1;
+          }
+          // LB19 Do not break before or after quotation marks, such as ‘ ” ’.
+          if (current === QU || next === QU) {
+              return BREAK_NOT_ALLOWED$1;
+          }
+          // LB20 Break before and after unresolved CB.
+          if (next === CB || current === CB) {
+              return BREAK_ALLOWED$1;
+          }
+          // LB21 Do not break before hyphen-minus, other hyphens, fixed-width spaces, small kana, and other non-starters, or after acute accents.
+          if ([BA, HY, NS].indexOf(next) !== -1 || current === BB) {
+              return BREAK_NOT_ALLOWED$1;
+          }
+          // LB21a Don't break after Hebrew + Hyphen.
+          if (before === HL && HYPHEN.indexOf(current) !== -1) {
+              return BREAK_NOT_ALLOWED$1;
+          }
+          // LB21b Don’t break between Solidus and Hebrew letters.
+          if (current === SY && next === HL) {
+              return BREAK_NOT_ALLOWED$1;
+          }
+          // LB22 Do not break before ellipsis.
+          if (next === IN) {
+              return BREAK_NOT_ALLOWED$1;
+          }
+          // LB23 Do not break between digits and letters.
+          if ((ALPHABETICS.indexOf(next) !== -1 && current === NU) || (ALPHABETICS.indexOf(current) !== -1 && next === NU)) {
+              return BREAK_NOT_ALLOWED$1;
+          }
+          // LB23a Do not break between numeric prefixes and ideographs, or between ideographs and numeric postfixes.
+          if ((current === PR && [ID, EB, EM].indexOf(next) !== -1) ||
+              ([ID, EB, EM].indexOf(current) !== -1 && next === PO)) {
+              return BREAK_NOT_ALLOWED$1;
+          }
+          // LB24 Do not break between numeric prefix/postfix and letters, or between letters and prefix/postfix.
+          if ((ALPHABETICS.indexOf(current) !== -1 && PREFIX_POSTFIX.indexOf(next) !== -1) ||
+              (PREFIX_POSTFIX.indexOf(current) !== -1 && ALPHABETICS.indexOf(next) !== -1)) {
+              return BREAK_NOT_ALLOWED$1;
+          }
+          // LB25 Do not break between the following pairs of classes relevant to numbers:
+          if (
+          // (PR | PO) × ( OP | HY )? NU
+          ([PR, PO].indexOf(current) !== -1 &&
+              (next === NU || ([OP, HY].indexOf(next) !== -1 && classTypes[afterIndex + 1] === NU))) ||
+              // ( OP | HY ) × NU
+              ([OP, HY].indexOf(current) !== -1 && next === NU) ||
+              // NU ×	(NU | SY | IS)
+              (current === NU && [NU, SY, IS].indexOf(next) !== -1)) {
+              return BREAK_NOT_ALLOWED$1;
+          }
+          // NU (NU | SY | IS)* × (NU | SY | IS | CL | CP)
+          if ([NU, SY, IS, CL, CP].indexOf(next) !== -1) {
+              var prevIndex = currentIndex;
+              while (prevIndex >= 0) {
+                  var type = classTypes[prevIndex];
+                  if (type === NU) {
+                      return BREAK_NOT_ALLOWED$1;
+                  }
+                  else if ([SY, IS].indexOf(type) !== -1) {
+                      prevIndex--;
+                  }
+                  else {
+                      break;
+                  }
+              }
+          }
+          // NU (NU | SY | IS)* (CL | CP)? × (PO | PR))
+          if ([PR, PO].indexOf(next) !== -1) {
+              var prevIndex = [CL, CP].indexOf(current) !== -1 ? beforeIndex : currentIndex;
+              while (prevIndex >= 0) {
+                  var type = classTypes[prevIndex];
+                  if (type === NU) {
+                      return BREAK_NOT_ALLOWED$1;
+                  }
+                  else if ([SY, IS].indexOf(type) !== -1) {
+                      prevIndex--;
+                  }
+                  else {
+                      break;
+                  }
+              }
+          }
+          // LB26 Do not break a Korean syllable.
+          if ((JL === current && [JL, JV, H2, H3].indexOf(next) !== -1) ||
+              ([JV, H2].indexOf(current) !== -1 && [JV, JT].indexOf(next) !== -1) ||
+              ([JT, H3].indexOf(current) !== -1 && next === JT)) {
+              return BREAK_NOT_ALLOWED$1;
+          }
+          // LB27 Treat a Korean Syllable Block the same as ID.
+          if ((KOREAN_SYLLABLE_BLOCK.indexOf(current) !== -1 && [IN, PO].indexOf(next) !== -1) ||
+              (KOREAN_SYLLABLE_BLOCK.indexOf(next) !== -1 && current === PR)) {
+              return BREAK_NOT_ALLOWED$1;
+          }
+          // LB28 Do not break between alphabetics (“at”).
+          if (ALPHABETICS.indexOf(current) !== -1 && ALPHABETICS.indexOf(next) !== -1) {
+              return BREAK_NOT_ALLOWED$1;
+          }
+          // LB29 Do not break between numeric punctuation and alphabetics (“e.g.”).
+          if (current === IS && ALPHABETICS.indexOf(next) !== -1) {
+              return BREAK_NOT_ALLOWED$1;
+          }
+          // LB30 Do not break between letters, numbers, or ordinary symbols and opening or closing parentheses.
+          if ((ALPHABETICS.concat(NU).indexOf(current) !== -1 &&
+              next === OP &&
+              ea_OP.indexOf(codePoints[afterIndex]) === -1) ||
+              (ALPHABETICS.concat(NU).indexOf(next) !== -1 && current === CP)) {
+              return BREAK_NOT_ALLOWED$1;
+          }
+          // LB30a Break between two regional indicator symbols if and only if there are an even number of regional
+          // indicators preceding the position of the break.
+          if (current === RI$1 && next === RI$1) {
+              var i = indicies[currentIndex];
+              var count = 1;
+              while (i > 0) {
+                  i--;
+                  if (classTypes[i] === RI$1) {
+                      count++;
+                  }
+                  else {
+                      break;
+                  }
+              }
+              if (count % 2 !== 0) {
+                  return BREAK_NOT_ALLOWED$1;
+              }
+          }
+          // LB30b Do not break between an emoji base and an emoji modifier.
+          if (current === EB && next === EM) {
+              return BREAK_NOT_ALLOWED$1;
+          }
+          return BREAK_ALLOWED$1;
+      };
+      var cssFormattedClasses = function (codePoints, options) {
+          if (!options) {
+              options = { lineBreak: 'normal', wordBreak: 'normal' };
+          }
+          var _a = codePointsToCharacterClasses(codePoints, options.lineBreak), indicies = _a[0], classTypes = _a[1], isLetterNumber = _a[2];
+          if (options.wordBreak === 'break-all' || options.wordBreak === 'break-word') {
+              classTypes = classTypes.map(function (type) { return ([NU, AL, SA].indexOf(type) !== -1 ? ID : type); });
+          }
+          var forbiddenBreakpoints = options.wordBreak === 'keep-all'
+              ? isLetterNumber.map(function (letterNumber, i) {
+                  return letterNumber && codePoints[i] >= 0x4e00 && codePoints[i] <= 0x9fff;
+              })
+              : undefined;
+          return [indicies, classTypes, forbiddenBreakpoints];
+      };
+      var Break = /** @class */ (function () {
+          function Break(codePoints, lineBreak, start, end) {
+              this.codePoints = codePoints;
+              this.required = lineBreak === BREAK_MANDATORY;
+              this.start = start;
+              this.end = end;
+          }
+          Break.prototype.slice = function () {
+              return fromCodePoint$1.apply(void 0, this.codePoints.slice(this.start, this.end));
+          };
+          return Break;
+      }());
+      var LineBreaker = function (str, options) {
+          var codePoints = toCodePoints$1(str);
+          var _a = cssFormattedClasses(codePoints, options), indicies = _a[0], classTypes = _a[1], forbiddenBreakpoints = _a[2];
+          var length = codePoints.length;
+          var lastEnd = 0;
+          var nextIndex = 0;
+          return {
+              next: function () {
+                  if (nextIndex >= length) {
+                      return { done: true, value: null };
+                  }
+                  var lineBreak = BREAK_NOT_ALLOWED$1;
+                  while (nextIndex < length &&
+                      (lineBreak = _lineBreakAtIndex(codePoints, classTypes, indicies, ++nextIndex, forbiddenBreakpoints)) ===
+                          BREAK_NOT_ALLOWED$1) { }
+                  if (lineBreak !== BREAK_NOT_ALLOWED$1 || nextIndex === length) {
+                      var value = new Break(codePoints, lineBreak, lastEnd, nextIndex);
+                      lastEnd = nextIndex;
+                      return { value: value, done: false };
+                  }
+                  return { done: true, value: null };
+              },
+          };
+      };
+
+      // https://www.w3.org/TR/css-syntax-3
+      var FLAG_UNRESTRICTED = 1 << 0;
+      var FLAG_ID = 1 << 1;
+      var FLAG_INTEGER = 1 << 2;
+      var FLAG_NUMBER = 1 << 3;
+      var LINE_FEED = 0x000a;
+      var SOLIDUS = 0x002f;
+      var REVERSE_SOLIDUS = 0x005c;
+      var CHARACTER_TABULATION = 0x0009;
+      var SPACE = 0x0020;
+      var QUOTATION_MARK = 0x0022;
+      var EQUALS_SIGN = 0x003d;
+      var NUMBER_SIGN = 0x0023;
+      var DOLLAR_SIGN = 0x0024;
+      var PERCENTAGE_SIGN = 0x0025;
+      var APOSTROPHE = 0x0027;
+      var LEFT_PARENTHESIS = 0x0028;
+      var RIGHT_PARENTHESIS = 0x0029;
+      var LOW_LINE = 0x005f;
+      var HYPHEN_MINUS = 0x002d;
+      var EXCLAMATION_MARK = 0x0021;
+      var LESS_THAN_SIGN = 0x003c;
+      var GREATER_THAN_SIGN = 0x003e;
+      var COMMERCIAL_AT = 0x0040;
+      var LEFT_SQUARE_BRACKET = 0x005b;
+      var RIGHT_SQUARE_BRACKET = 0x005d;
+      var CIRCUMFLEX_ACCENT = 0x003d;
+      var LEFT_CURLY_BRACKET = 0x007b;
+      var QUESTION_MARK = 0x003f;
+      var RIGHT_CURLY_BRACKET = 0x007d;
+      var VERTICAL_LINE = 0x007c;
+      var TILDE = 0x007e;
+      var CONTROL = 0x0080;
+      var REPLACEMENT_CHARACTER = 0xfffd;
+      var ASTERISK = 0x002a;
+      var PLUS_SIGN = 0x002b;
+      var COMMA = 0x002c;
+      var COLON = 0x003a;
+      var SEMICOLON = 0x003b;
+      var FULL_STOP = 0x002e;
+      var NULL = 0x0000;
+      var BACKSPACE = 0x0008;
+      var LINE_TABULATION = 0x000b;
+      var SHIFT_OUT = 0x000e;
+      var INFORMATION_SEPARATOR_ONE = 0x001f;
+      var DELETE = 0x007f;
+      var EOF = -1;
+      var ZERO = 0x0030;
+      var a = 0x0061;
+      var e = 0x0065;
+      var f = 0x0066;
+      var u = 0x0075;
+      var z = 0x007a;
+      var A = 0x0041;
+      var E = 0x0045;
+      var F = 0x0046;
+      var U = 0x0055;
+      var Z = 0x005a;
+      var isDigit = function (codePoint) { return codePoint >= ZERO && codePoint <= 0x0039; };
+      var isSurrogateCodePoint = function (codePoint) { return codePoint >= 0xd800 && codePoint <= 0xdfff; };
+      var isHex = function (codePoint) {
+          return isDigit(codePoint) || (codePoint >= A && codePoint <= F) || (codePoint >= a && codePoint <= f);
+      };
+      var isLowerCaseLetter = function (codePoint) { return codePoint >= a && codePoint <= z; };
+      var isUpperCaseLetter = function (codePoint) { return codePoint >= A && codePoint <= Z; };
+      var isLetter = function (codePoint) { return isLowerCaseLetter(codePoint) || isUpperCaseLetter(codePoint); };
+      var isNonASCIICodePoint = function (codePoint) { return codePoint >= CONTROL; };
+      var isWhiteSpace = function (codePoint) {
+          return codePoint === LINE_FEED || codePoint === CHARACTER_TABULATION || codePoint === SPACE;
+      };
+      var isNameStartCodePoint = function (codePoint) {
+          return isLetter(codePoint) || isNonASCIICodePoint(codePoint) || codePoint === LOW_LINE;
+      };
+      var isNameCodePoint = function (codePoint) {
+          return isNameStartCodePoint(codePoint) || isDigit(codePoint) || codePoint === HYPHEN_MINUS;
+      };
+      var isNonPrintableCodePoint = function (codePoint) {
+          return ((codePoint >= NULL && codePoint <= BACKSPACE) ||
+              codePoint === LINE_TABULATION ||
+              (codePoint >= SHIFT_OUT && codePoint <= INFORMATION_SEPARATOR_ONE) ||
+              codePoint === DELETE);
+      };
+      var isValidEscape = function (c1, c2) {
+          if (c1 !== REVERSE_SOLIDUS) {
+              return false;
+          }
+          return c2 !== LINE_FEED;
+      };
+      var isIdentifierStart = function (c1, c2, c3) {
+          if (c1 === HYPHEN_MINUS) {
+              return isNameStartCodePoint(c2) || isValidEscape(c2, c3);
+          }
+          else if (isNameStartCodePoint(c1)) {
+              return true;
+          }
+          else if (c1 === REVERSE_SOLIDUS && isValidEscape(c1, c2)) {
+              return true;
+          }
+          return false;
+      };
+      var isNumberStart = function (c1, c2, c3) {
+          if (c1 === PLUS_SIGN || c1 === HYPHEN_MINUS) {
+              if (isDigit(c2)) {
+                  return true;
+              }
+              return c2 === FULL_STOP && isDigit(c3);
+          }
+          if (c1 === FULL_STOP) {
+              return isDigit(c2);
+          }
+          return isDigit(c1);
+      };
+      var stringToNumber = function (codePoints) {
+          var c = 0;
+          var sign = 1;
+          if (codePoints[c] === PLUS_SIGN || codePoints[c] === HYPHEN_MINUS) {
+              if (codePoints[c] === HYPHEN_MINUS) {
+                  sign = -1;
+              }
+              c++;
+          }
+          var integers = [];
+          while (isDigit(codePoints[c])) {
+              integers.push(codePoints[c++]);
+          }
+          var int = integers.length ? parseInt(fromCodePoint$1.apply(void 0, integers), 10) : 0;
+          if (codePoints[c] === FULL_STOP) {
+              c++;
+          }
+          var fraction = [];
+          while (isDigit(codePoints[c])) {
+              fraction.push(codePoints[c++]);
+          }
+          var fracd = fraction.length;
+          var frac = fracd ? parseInt(fromCodePoint$1.apply(void 0, fraction), 10) : 0;
+          if (codePoints[c] === E || codePoints[c] === e) {
+              c++;
+          }
+          var expsign = 1;
+          if (codePoints[c] === PLUS_SIGN || codePoints[c] === HYPHEN_MINUS) {
+              if (codePoints[c] === HYPHEN_MINUS) {
+                  expsign = -1;
+              }
+              c++;
+          }
+          var exponent = [];
+          while (isDigit(codePoints[c])) {
+              exponent.push(codePoints[c++]);
+          }
+          var exp = exponent.length ? parseInt(fromCodePoint$1.apply(void 0, exponent), 10) : 0;
+          return sign * (int + frac * Math.pow(10, -fracd)) * Math.pow(10, expsign * exp);
+      };
+      var LEFT_PARENTHESIS_TOKEN = {
+          type: 2 /* LEFT_PARENTHESIS_TOKEN */
+      };
+      var RIGHT_PARENTHESIS_TOKEN = {
+          type: 3 /* RIGHT_PARENTHESIS_TOKEN */
+      };
+      var COMMA_TOKEN = { type: 4 /* COMMA_TOKEN */ };
+      var SUFFIX_MATCH_TOKEN = { type: 13 /* SUFFIX_MATCH_TOKEN */ };
+      var PREFIX_MATCH_TOKEN = { type: 8 /* PREFIX_MATCH_TOKEN */ };
+      var COLUMN_TOKEN = { type: 21 /* COLUMN_TOKEN */ };
+      var DASH_MATCH_TOKEN = { type: 9 /* DASH_MATCH_TOKEN */ };
+      var INCLUDE_MATCH_TOKEN = { type: 10 /* INCLUDE_MATCH_TOKEN */ };
+      var LEFT_CURLY_BRACKET_TOKEN = {
+          type: 11 /* LEFT_CURLY_BRACKET_TOKEN */
+      };
+      var RIGHT_CURLY_BRACKET_TOKEN = {
+          type: 12 /* RIGHT_CURLY_BRACKET_TOKEN */
+      };
+      var SUBSTRING_MATCH_TOKEN = { type: 14 /* SUBSTRING_MATCH_TOKEN */ };
+      var BAD_URL_TOKEN = { type: 23 /* BAD_URL_TOKEN */ };
+      var BAD_STRING_TOKEN = { type: 1 /* BAD_STRING_TOKEN */ };
+      var CDO_TOKEN = { type: 25 /* CDO_TOKEN */ };
+      var CDC_TOKEN = { type: 24 /* CDC_TOKEN */ };
+      var COLON_TOKEN = { type: 26 /* COLON_TOKEN */ };
+      var SEMICOLON_TOKEN = { type: 27 /* SEMICOLON_TOKEN */ };
+      var LEFT_SQUARE_BRACKET_TOKEN = {
+          type: 28 /* LEFT_SQUARE_BRACKET_TOKEN */
+      };
+      var RIGHT_SQUARE_BRACKET_TOKEN = {
+          type: 29 /* RIGHT_SQUARE_BRACKET_TOKEN */
+      };
+      var WHITESPACE_TOKEN = { type: 31 /* WHITESPACE_TOKEN */ };
+      var EOF_TOKEN = { type: 32 /* EOF_TOKEN */ };
+      var Tokenizer = /** @class */ (function () {
+          function Tokenizer() {
+              this._value = [];
+          }
+          Tokenizer.prototype.write = function (chunk) {
+              this._value = this._value.concat(toCodePoints$1(chunk));
+          };
+          Tokenizer.prototype.read = function () {
+              var tokens = [];
+              var token = this.consumeToken();
+              while (token !== EOF_TOKEN) {
+                  tokens.push(token);
+                  token = this.consumeToken();
+              }
+              return tokens;
+          };
+          Tokenizer.prototype.consumeToken = function () {
+              var codePoint = this.consumeCodePoint();
+              switch (codePoint) {
+                  case QUOTATION_MARK:
+                      return this.consumeStringToken(QUOTATION_MARK);
+                  case NUMBER_SIGN:
+                      var c1 = this.peekCodePoint(0);
+                      var c2 = this.peekCodePoint(1);
+                      var c3 = this.peekCodePoint(2);
+                      if (isNameCodePoint(c1) || isValidEscape(c2, c3)) {
+                          var flags = isIdentifierStart(c1, c2, c3) ? FLAG_ID : FLAG_UNRESTRICTED;
+                          var value = this.consumeName();
+                          return { type: 5 /* HASH_TOKEN */, value: value, flags: flags };
+                      }
+                      break;
+                  case DOLLAR_SIGN:
+                      if (this.peekCodePoint(0) === EQUALS_SIGN) {
+                          this.consumeCodePoint();
+                          return SUFFIX_MATCH_TOKEN;
+                      }
+                      break;
+                  case APOSTROPHE:
+                      return this.consumeStringToken(APOSTROPHE);
+                  case LEFT_PARENTHESIS:
+                      return LEFT_PARENTHESIS_TOKEN;
+                  case RIGHT_PARENTHESIS:
+                      return RIGHT_PARENTHESIS_TOKEN;
+                  case ASTERISK:
+                      if (this.peekCodePoint(0) === EQUALS_SIGN) {
+                          this.consumeCodePoint();
+                          return SUBSTRING_MATCH_TOKEN;
+                      }
+                      break;
+                  case PLUS_SIGN:
+                      if (isNumberStart(codePoint, this.peekCodePoint(0), this.peekCodePoint(1))) {
+                          this.reconsumeCodePoint(codePoint);
+                          return this.consumeNumericToken();
+                      }
+                      break;
+                  case COMMA:
+                      return COMMA_TOKEN;
+                  case HYPHEN_MINUS:
+                      var e1 = codePoint;
+                      var e2 = this.peekCodePoint(0);
+                      var e3 = this.peekCodePoint(1);
+                      if (isNumberStart(e1, e2, e3)) {
+                          this.reconsumeCodePoint(codePoint);
+                          return this.consumeNumericToken();
+                      }
+                      if (isIdentifierStart(e1, e2, e3)) {
+                          this.reconsumeCodePoint(codePoint);
+                          return this.consumeIdentLikeToken();
+                      }
+                      if (e2 === HYPHEN_MINUS && e3 === GREATER_THAN_SIGN) {
+                          this.consumeCodePoint();
+                          this.consumeCodePoint();
+                          return CDC_TOKEN;
+                      }
+                      break;
+                  case FULL_STOP:
+                      if (isNumberStart(codePoint, this.peekCodePoint(0), this.peekCodePoint(1))) {
+                          this.reconsumeCodePoint(codePoint);
+                          return this.consumeNumericToken();
+                      }
+                      break;
+                  case SOLIDUS:
+                      if (this.peekCodePoint(0) === ASTERISK) {
+                          this.consumeCodePoint();
+                          while (true) {
+                              var c = this.consumeCodePoint();
+                              if (c === ASTERISK) {
+                                  c = this.consumeCodePoint();
+                                  if (c === SOLIDUS) {
+                                      return this.consumeToken();
+                                  }
+                              }
+                              if (c === EOF) {
+                                  return this.consumeToken();
+                              }
+                          }
+                      }
+                      break;
+                  case COLON:
+                      return COLON_TOKEN;
+                  case SEMICOLON:
+                      return SEMICOLON_TOKEN;
+                  case LESS_THAN_SIGN:
+                      if (this.peekCodePoint(0) === EXCLAMATION_MARK &&
+                          this.peekCodePoint(1) === HYPHEN_MINUS &&
+                          this.peekCodePoint(2) === HYPHEN_MINUS) {
+                          this.consumeCodePoint();
+                          this.consumeCodePoint();
+                          return CDO_TOKEN;
+                      }
+                      break;
+                  case COMMERCIAL_AT:
+                      var a1 = this.peekCodePoint(0);
+                      var a2 = this.peekCodePoint(1);
+                      var a3 = this.peekCodePoint(2);
+                      if (isIdentifierStart(a1, a2, a3)) {
+                          var value = this.consumeName();
+                          return { type: 7 /* AT_KEYWORD_TOKEN */, value: value };
+                      }
+                      break;
+                  case LEFT_SQUARE_BRACKET:
+                      return LEFT_SQUARE_BRACKET_TOKEN;
+                  case REVERSE_SOLIDUS:
+                      if (isValidEscape(codePoint, this.peekCodePoint(0))) {
+                          this.reconsumeCodePoint(codePoint);
+                          return this.consumeIdentLikeToken();
+                      }
+                      break;
+                  case RIGHT_SQUARE_BRACKET:
+                      return RIGHT_SQUARE_BRACKET_TOKEN;
+                  case CIRCUMFLEX_ACCENT:
+                      if (this.peekCodePoint(0) === EQUALS_SIGN) {
+                          this.consumeCodePoint();
+                          return PREFIX_MATCH_TOKEN;
+                      }
+                      break;
+                  case LEFT_CURLY_BRACKET:
+                      return LEFT_CURLY_BRACKET_TOKEN;
+                  case RIGHT_CURLY_BRACKET:
+                      return RIGHT_CURLY_BRACKET_TOKEN;
+                  case u:
+                  case U:
+                      var u1 = this.peekCodePoint(0);
+                      var u2 = this.peekCodePoint(1);
+                      if (u1 === PLUS_SIGN && (isHex(u2) || u2 === QUESTION_MARK)) {
+                          this.consumeCodePoint();
+                          this.consumeUnicodeRangeToken();
+                      }
+                      this.reconsumeCodePoint(codePoint);
+                      return this.consumeIdentLikeToken();
+                  case VERTICAL_LINE:
+                      if (this.peekCodePoint(0) === EQUALS_SIGN) {
+                          this.consumeCodePoint();
+                          return DASH_MATCH_TOKEN;
+                      }
+                      if (this.peekCodePoint(0) === VERTICAL_LINE) {
+                          this.consumeCodePoint();
+                          return COLUMN_TOKEN;
+                      }
+                      break;
+                  case TILDE:
+                      if (this.peekCodePoint(0) === EQUALS_SIGN) {
+                          this.consumeCodePoint();
+                          return INCLUDE_MATCH_TOKEN;
+                      }
+                      break;
+                  case EOF:
+                      return EOF_TOKEN;
+              }
+              if (isWhiteSpace(codePoint)) {
+                  this.consumeWhiteSpace();
+                  return WHITESPACE_TOKEN;
+              }
+              if (isDigit(codePoint)) {
+                  this.reconsumeCodePoint(codePoint);
+                  return this.consumeNumericToken();
+              }
+              if (isNameStartCodePoint(codePoint)) {
+                  this.reconsumeCodePoint(codePoint);
+                  return this.consumeIdentLikeToken();
+              }
+              return { type: 6 /* DELIM_TOKEN */, value: fromCodePoint$1(codePoint) };
+          };
+          Tokenizer.prototype.consumeCodePoint = function () {
+              var value = this._value.shift();
+              return typeof value === 'undefined' ? -1 : value;
+          };
+          Tokenizer.prototype.reconsumeCodePoint = function (codePoint) {
+              this._value.unshift(codePoint);
+          };
+          Tokenizer.prototype.peekCodePoint = function (delta) {
+              if (delta >= this._value.length) {
+                  return -1;
+              }
+              return this._value[delta];
+          };
+          Tokenizer.prototype.consumeUnicodeRangeToken = function () {
+              var digits = [];
+              var codePoint = this.consumeCodePoint();
+              while (isHex(codePoint) && digits.length < 6) {
+                  digits.push(codePoint);
+                  codePoint = this.consumeCodePoint();
+              }
+              var questionMarks = false;
+              while (codePoint === QUESTION_MARK && digits.length < 6) {
+                  digits.push(codePoint);
+                  codePoint = this.consumeCodePoint();
+                  questionMarks = true;
+              }
+              if (questionMarks) {
+                  var start_1 = parseInt(fromCodePoint$1.apply(void 0, digits.map(function (digit) { return (digit === QUESTION_MARK ? ZERO : digit); })), 16);
+                  var end = parseInt(fromCodePoint$1.apply(void 0, digits.map(function (digit) { return (digit === QUESTION_MARK ? F : digit); })), 16);
+                  return { type: 30 /* UNICODE_RANGE_TOKEN */, start: start_1, end: end };
+              }
+              var start = parseInt(fromCodePoint$1.apply(void 0, digits), 16);
+              if (this.peekCodePoint(0) === HYPHEN_MINUS && isHex(this.peekCodePoint(1))) {
+                  this.consumeCodePoint();
+                  codePoint = this.consumeCodePoint();
+                  var endDigits = [];
+                  while (isHex(codePoint) && endDigits.length < 6) {
+                      endDigits.push(codePoint);
+                      codePoint = this.consumeCodePoint();
+                  }
+                  var end = parseInt(fromCodePoint$1.apply(void 0, endDigits), 16);
+                  return { type: 30 /* UNICODE_RANGE_TOKEN */, start: start, end: end };
+              }
+              else {
+                  return { type: 30 /* UNICODE_RANGE_TOKEN */, start: start, end: start };
+              }
+          };
+          Tokenizer.prototype.consumeIdentLikeToken = function () {
+              var value = this.consumeName();
+              if (value.toLowerCase() === 'url' && this.peekCodePoint(0) === LEFT_PARENTHESIS) {
+                  this.consumeCodePoint();
+                  return this.consumeUrlToken();
+              }
+              else if (this.peekCodePoint(0) === LEFT_PARENTHESIS) {
+                  this.consumeCodePoint();
+                  return { type: 19 /* FUNCTION_TOKEN */, value: value };
+              }
+              return { type: 20 /* IDENT_TOKEN */, value: value };
+          };
+          Tokenizer.prototype.consumeUrlToken = function () {
+              var value = [];
+              this.consumeWhiteSpace();
+              if (this.peekCodePoint(0) === EOF) {
+                  return { type: 22 /* URL_TOKEN */, value: '' };
+              }
+              var next = this.peekCodePoint(0);
+              if (next === APOSTROPHE || next === QUOTATION_MARK) {
+                  var stringToken = this.consumeStringToken(this.consumeCodePoint());
+                  if (stringToken.type === 0 /* STRING_TOKEN */) {
+                      this.consumeWhiteSpace();
+                      if (this.peekCodePoint(0) === EOF || this.peekCodePoint(0) === RIGHT_PARENTHESIS) {
+                          this.consumeCodePoint();
+                          return { type: 22 /* URL_TOKEN */, value: stringToken.value };
+                      }
+                  }
+                  this.consumeBadUrlRemnants();
+                  return BAD_URL_TOKEN;
+              }
+              while (true) {
+                  var codePoint = this.consumeCodePoint();
+                  if (codePoint === EOF || codePoint === RIGHT_PARENTHESIS) {
+                      return { type: 22 /* URL_TOKEN */, value: fromCodePoint$1.apply(void 0, value) };
+                  }
+                  else if (isWhiteSpace(codePoint)) {
+                      this.consumeWhiteSpace();
+                      if (this.peekCodePoint(0) === EOF || this.peekCodePoint(0) === RIGHT_PARENTHESIS) {
+                          this.consumeCodePoint();
+                          return { type: 22 /* URL_TOKEN */, value: fromCodePoint$1.apply(void 0, value) };
+                      }
+                      this.consumeBadUrlRemnants();
+                      return BAD_URL_TOKEN;
+                  }
+                  else if (codePoint === QUOTATION_MARK ||
+                      codePoint === APOSTROPHE ||
+                      codePoint === LEFT_PARENTHESIS ||
+                      isNonPrintableCodePoint(codePoint)) {
+                      this.consumeBadUrlRemnants();
+                      return BAD_URL_TOKEN;
+                  }
+                  else if (codePoint === REVERSE_SOLIDUS) {
+                      if (isValidEscape(codePoint, this.peekCodePoint(0))) {
+                          value.push(this.consumeEscapedCodePoint());
+                      }
+                      else {
+                          this.consumeBadUrlRemnants();
+                          return BAD_URL_TOKEN;
+                      }
+                  }
+                  else {
+                      value.push(codePoint);
+                  }
+              }
+          };
+          Tokenizer.prototype.consumeWhiteSpace = function () {
+              while (isWhiteSpace(this.peekCodePoint(0))) {
+                  this.consumeCodePoint();
+              }
+          };
+          Tokenizer.prototype.consumeBadUrlRemnants = function () {
+              while (true) {
+                  var codePoint = this.consumeCodePoint();
+                  if (codePoint === RIGHT_PARENTHESIS || codePoint === EOF) {
+                      return;
+                  }
+                  if (isValidEscape(codePoint, this.peekCodePoint(0))) {
+                      this.consumeEscapedCodePoint();
+                  }
+              }
+          };
+          Tokenizer.prototype.consumeStringSlice = function (count) {
+              var SLICE_STACK_SIZE = 50000;
+              var value = '';
+              while (count > 0) {
+                  var amount = Math.min(SLICE_STACK_SIZE, count);
+                  value += fromCodePoint$1.apply(void 0, this._value.splice(0, amount));
+                  count -= amount;
+              }
+              this._value.shift();
+              return value;
+          };
+          Tokenizer.prototype.consumeStringToken = function (endingCodePoint) {
+              var value = '';
+              var i = 0;
+              do {
+                  var codePoint = this._value[i];
+                  if (codePoint === EOF || codePoint === undefined || codePoint === endingCodePoint) {
+                      value += this.consumeStringSlice(i);
+                      return { type: 0 /* STRING_TOKEN */, value: value };
+                  }
+                  if (codePoint === LINE_FEED) {
+                      this._value.splice(0, i);
+                      return BAD_STRING_TOKEN;
+                  }
+                  if (codePoint === REVERSE_SOLIDUS) {
+                      var next = this._value[i + 1];
+                      if (next !== EOF && next !== undefined) {
+                          if (next === LINE_FEED) {
+                              value += this.consumeStringSlice(i);
+                              i = -1;
+                              this._value.shift();
+                          }
+                          else if (isValidEscape(codePoint, next)) {
+                              value += this.consumeStringSlice(i);
+                              value += fromCodePoint$1(this.consumeEscapedCodePoint());
+                              i = -1;
+                          }
+                      }
+                  }
+                  i++;
+              } while (true);
+          };
+          Tokenizer.prototype.consumeNumber = function () {
+              var repr = [];
+              var type = FLAG_INTEGER;
+              var c1 = this.peekCodePoint(0);
+              if (c1 === PLUS_SIGN || c1 === HYPHEN_MINUS) {
+                  repr.push(this.consumeCodePoint());
+              }
+              while (isDigit(this.peekCodePoint(0))) {
+                  repr.push(this.consumeCodePoint());
+              }
+              c1 = this.peekCodePoint(0);
+              var c2 = this.peekCodePoint(1);
+              if (c1 === FULL_STOP && isDigit(c2)) {
+                  repr.push(this.consumeCodePoint(), this.consumeCodePoint());
+                  type = FLAG_NUMBER;
+                  while (isDigit(this.peekCodePoint(0))) {
+                      repr.push(this.consumeCodePoint());
+                  }
+              }
+              c1 = this.peekCodePoint(0);
+              c2 = this.peekCodePoint(1);
+              var c3 = this.peekCodePoint(2);
+              if ((c1 === E || c1 === e) && (((c2 === PLUS_SIGN || c2 === HYPHEN_MINUS) && isDigit(c3)) || isDigit(c2))) {
+                  repr.push(this.consumeCodePoint(), this.consumeCodePoint());
+                  type = FLAG_NUMBER;
+                  while (isDigit(this.peekCodePoint(0))) {
+                      repr.push(this.consumeCodePoint());
+                  }
+              }
+              return [stringToNumber(repr), type];
+          };
+          Tokenizer.prototype.consumeNumericToken = function () {
+              var _a = this.consumeNumber(), number = _a[0], flags = _a[1];
+              var c1 = this.peekCodePoint(0);
+              var c2 = this.peekCodePoint(1);
+              var c3 = this.peekCodePoint(2);
+              if (isIdentifierStart(c1, c2, c3)) {
+                  var unit = this.consumeName();
+                  return { type: 15 /* DIMENSION_TOKEN */, number: number, flags: flags, unit: unit };
+              }
+              if (c1 === PERCENTAGE_SIGN) {
+                  this.consumeCodePoint();
+                  return { type: 16 /* PERCENTAGE_TOKEN */, number: number, flags: flags };
+              }
+              return { type: 17 /* NUMBER_TOKEN */, number: number, flags: flags };
+          };
+          Tokenizer.prototype.consumeEscapedCodePoint = function () {
+              var codePoint = this.consumeCodePoint();
+              if (isHex(codePoint)) {
+                  var hex = fromCodePoint$1(codePoint);
+                  while (isHex(this.peekCodePoint(0)) && hex.length < 6) {
+                      hex += fromCodePoint$1(this.consumeCodePoint());
+                  }
+                  if (isWhiteSpace(this.peekCodePoint(0))) {
+                      this.consumeCodePoint();
+                  }
+                  var hexCodePoint = parseInt(hex, 16);
+                  if (hexCodePoint === 0 || isSurrogateCodePoint(hexCodePoint) || hexCodePoint > 0x10ffff) {
+                      return REPLACEMENT_CHARACTER;
+                  }
+                  return hexCodePoint;
+              }
+              if (codePoint === EOF) {
+                  return REPLACEMENT_CHARACTER;
+              }
+              return codePoint;
+          };
+          Tokenizer.prototype.consumeName = function () {
+              var result = '';
+              while (true) {
+                  var codePoint = this.consumeCodePoint();
+                  if (isNameCodePoint(codePoint)) {
+                      result += fromCodePoint$1(codePoint);
+                  }
+                  else if (isValidEscape(codePoint, this.peekCodePoint(0))) {
+                      result += fromCodePoint$1(this.consumeEscapedCodePoint());
+                  }
+                  else {
+                      this.reconsumeCodePoint(codePoint);
+                      return result;
+                  }
+              }
+          };
+          return Tokenizer;
+      }());
+
+      var Parser = /** @class */ (function () {
+          function Parser(tokens) {
+              this._tokens = tokens;
+          }
+          Parser.create = function (value) {
+              var tokenizer = new Tokenizer();
+              tokenizer.write(value);
+              return new Parser(tokenizer.read());
+          };
+          Parser.parseValue = function (value) {
+              return Parser.create(value).parseComponentValue();
+          };
+          Parser.parseValues = function (value) {
+              return Parser.create(value).parseComponentValues();
+          };
+          Parser.prototype.parseComponentValue = function () {
+              var token = this.consumeToken();
+              while (token.type === 31 /* WHITESPACE_TOKEN */) {
+                  token = this.consumeToken();
+              }
+              if (token.type === 32 /* EOF_TOKEN */) {
+                  throw new SyntaxError("Error parsing CSS component value, unexpected EOF");
+              }
+              this.reconsumeToken(token);
+              var value = this.consumeComponentValue();
+              do {
+                  token = this.consumeToken();
+              } while (token.type === 31 /* WHITESPACE_TOKEN */);
+              if (token.type === 32 /* EOF_TOKEN */) {
+                  return value;
+              }
+              throw new SyntaxError("Error parsing CSS component value, multiple values found when expecting only one");
+          };
+          Parser.prototype.parseComponentValues = function () {
+              var values = [];
+              while (true) {
+                  var value = this.consumeComponentValue();
+                  if (value.type === 32 /* EOF_TOKEN */) {
+                      return values;
+                  }
+                  values.push(value);
+                  values.push();
+              }
+          };
+          Parser.prototype.consumeComponentValue = function () {
+              var token = this.consumeToken();
+              switch (token.type) {
+                  case 11 /* LEFT_CURLY_BRACKET_TOKEN */:
+                  case 28 /* LEFT_SQUARE_BRACKET_TOKEN */:
+                  case 2 /* LEFT_PARENTHESIS_TOKEN */:
+                      return this.consumeSimpleBlock(token.type);
+                  case 19 /* FUNCTION_TOKEN */:
+                      return this.consumeFunction(token);
+              }
+              return token;
+          };
+          Parser.prototype.consumeSimpleBlock = function (type) {
+              var block = { type: type, values: [] };
+              var token = this.consumeToken();
+              while (true) {
+                  if (token.type === 32 /* EOF_TOKEN */ || isEndingTokenFor(token, type)) {
+                      return block;
+                  }
+                  this.reconsumeToken(token);
+                  block.values.push(this.consumeComponentValue());
+                  token = this.consumeToken();
+              }
+          };
+          Parser.prototype.consumeFunction = function (functionToken) {
+              var cssFunction = {
+                  name: functionToken.value,
+                  values: [],
+                  type: 18 /* FUNCTION */
+              };
+              while (true) {
+                  var token = this.consumeToken();
+                  if (token.type === 32 /* EOF_TOKEN */ || token.type === 3 /* RIGHT_PARENTHESIS_TOKEN */) {
+                      return cssFunction;
+                  }
+                  this.reconsumeToken(token);
+                  cssFunction.values.push(this.consumeComponentValue());
+              }
+          };
+          Parser.prototype.consumeToken = function () {
+              var token = this._tokens.shift();
+              return typeof token === 'undefined' ? EOF_TOKEN : token;
+          };
+          Parser.prototype.reconsumeToken = function (token) {
+              this._tokens.unshift(token);
+          };
+          return Parser;
+      }());
+      var isDimensionToken = function (token) { return token.type === 15 /* DIMENSION_TOKEN */; };
+      var isNumberToken = function (token) { return token.type === 17 /* NUMBER_TOKEN */; };
+      var isIdentToken = function (token) { return token.type === 20 /* IDENT_TOKEN */; };
+      var isStringToken = function (token) { return token.type === 0 /* STRING_TOKEN */; };
+      var isIdentWithValue = function (token, value) {
+          return isIdentToken(token) && token.value === value;
+      };
+      var nonWhiteSpace = function (token) { return token.type !== 31 /* WHITESPACE_TOKEN */; };
+      var nonFunctionArgSeparator = function (token) {
+          return token.type !== 31 /* WHITESPACE_TOKEN */ && token.type !== 4 /* COMMA_TOKEN */;
+      };
+      var parseFunctionArgs = function (tokens) {
+          var args = [];
+          var arg = [];
+          tokens.forEach(function (token) {
+              if (token.type === 4 /* COMMA_TOKEN */) {
+                  if (arg.length === 0) {
+                      throw new Error("Error parsing function args, zero tokens for arg");
+                  }
+                  args.push(arg);
+                  arg = [];
+                  return;
+              }
+              if (token.type !== 31 /* WHITESPACE_TOKEN */) {
+                  arg.push(token);
+              }
+          });
+          if (arg.length) {
+              args.push(arg);
+          }
+          return args;
+      };
+      var isEndingTokenFor = function (token, type) {
+          if (type === 11 /* LEFT_CURLY_BRACKET_TOKEN */ && token.type === 12 /* RIGHT_CURLY_BRACKET_TOKEN */) {
+              return true;
+          }
+          if (type === 28 /* LEFT_SQUARE_BRACKET_TOKEN */ && token.type === 29 /* RIGHT_SQUARE_BRACKET_TOKEN */) {
+              return true;
+          }
+          return type === 2 /* LEFT_PARENTHESIS_TOKEN */ && token.type === 3 /* RIGHT_PARENTHESIS_TOKEN */;
+      };
+
+      var isLength = function (token) {
+          return token.type === 17 /* NUMBER_TOKEN */ || token.type === 15 /* DIMENSION_TOKEN */;
+      };
+
+      var isLengthPercentage = function (token) {
+          return token.type === 16 /* PERCENTAGE_TOKEN */ || isLength(token);
+      };
+      var parseLengthPercentageTuple = function (tokens) {
+          return tokens.length > 1 ? [tokens[0], tokens[1]] : [tokens[0]];
+      };
+      var ZERO_LENGTH = {
+          type: 17 /* NUMBER_TOKEN */,
+          number: 0,
+          flags: FLAG_INTEGER
+      };
+      var FIFTY_PERCENT = {
+          type: 16 /* PERCENTAGE_TOKEN */,
+          number: 50,
+          flags: FLAG_INTEGER
+      };
+      var HUNDRED_PERCENT = {
+          type: 16 /* PERCENTAGE_TOKEN */,
+          number: 100,
+          flags: FLAG_INTEGER
+      };
+      var getAbsoluteValueForTuple = function (tuple, width, height) {
+          var x = tuple[0], y = tuple[1];
+          return [getAbsoluteValue(x, width), getAbsoluteValue(typeof y !== 'undefined' ? y : x, height)];
+      };
+      var getAbsoluteValue = function (token, parent) {
+          if (token.type === 16 /* PERCENTAGE_TOKEN */) {
+              return (token.number / 100) * parent;
+          }
+          if (isDimensionToken(token)) {
+              switch (token.unit) {
+                  case 'rem':
+                  case 'em':
+                      return 16 * token.number; // TODO use correct font-size
+                  case 'px':
+                  default:
+                      return token.number;
+              }
+          }
+          return token.number;
+      };
+
+      var DEG = 'deg';
+      var GRAD = 'grad';
+      var RAD = 'rad';
+      var TURN = 'turn';
+      var angle = {
+          name: 'angle',
+          parse: function (_context, value) {
+              if (value.type === 15 /* DIMENSION_TOKEN */) {
+                  switch (value.unit) {
+                      case DEG:
+                          return (Math.PI * value.number) / 180;
+                      case GRAD:
+                          return (Math.PI / 200) * value.number;
+                      case RAD:
+                          return value.number;
+                      case TURN:
+                          return Math.PI * 2 * value.number;
+                  }
+              }
+              throw new Error("Unsupported angle type");
+          }
+      };
+      var isAngle = function (value) {
+          if (value.type === 15 /* DIMENSION_TOKEN */) {
+              if (value.unit === DEG || value.unit === GRAD || value.unit === RAD || value.unit === TURN) {
+                  return true;
+              }
+          }
+          return false;
+      };
+      var parseNamedSide = function (tokens) {
+          var sideOrCorner = tokens
+              .filter(isIdentToken)
+              .map(function (ident) { return ident.value; })
+              .join(' ');
+          switch (sideOrCorner) {
+              case 'to bottom right':
+              case 'to right bottom':
+              case 'left top':
+              case 'top left':
+                  return [ZERO_LENGTH, ZERO_LENGTH];
+              case 'to top':
+              case 'bottom':
+                  return deg(0);
+              case 'to bottom left':
+              case 'to left bottom':
+              case 'right top':
+              case 'top right':
+                  return [ZERO_LENGTH, HUNDRED_PERCENT];
+              case 'to right':
+              case 'left':
+                  return deg(90);
+              case 'to top left':
+              case 'to left top':
+              case 'right bottom':
+              case 'bottom right':
+                  return [HUNDRED_PERCENT, HUNDRED_PERCENT];
+              case 'to bottom':
+              case 'top':
+                  return deg(180);
+              case 'to top right':
+              case 'to right top':
+              case 'left bottom':
+              case 'bottom left':
+                  return [HUNDRED_PERCENT, ZERO_LENGTH];
+              case 'to left':
+              case 'right':
+                  return deg(270);
+          }
+          return 0;
+      };
+      var deg = function (deg) { return (Math.PI * deg) / 180; };
+
+      var color$1 = {
+          name: 'color',
+          parse: function (context, value) {
+              if (value.type === 18 /* FUNCTION */) {
+                  var colorFunction = SUPPORTED_COLOR_FUNCTIONS[value.name];
+                  if (typeof colorFunction === 'undefined') {
+                      throw new Error("Attempting to parse an unsupported color function \"" + value.name + "\"");
+                  }
+                  return colorFunction(context, value.values);
+              }
+              if (value.type === 5 /* HASH_TOKEN */) {
+                  if (value.value.length === 3) {
+                      var r = value.value.substring(0, 1);
+                      var g = value.value.substring(1, 2);
+                      var b = value.value.substring(2, 3);
+                      return pack(parseInt(r + r, 16), parseInt(g + g, 16), parseInt(b + b, 16), 1);
+                  }
+                  if (value.value.length === 4) {
+                      var r = value.value.substring(0, 1);
+                      var g = value.value.substring(1, 2);
+                      var b = value.value.substring(2, 3);
+                      var a = value.value.substring(3, 4);
+                      return pack(parseInt(r + r, 16), parseInt(g + g, 16), parseInt(b + b, 16), parseInt(a + a, 16) / 255);
+                  }
+                  if (value.value.length === 6) {
+                      var r = value.value.substring(0, 2);
+                      var g = value.value.substring(2, 4);
+                      var b = value.value.substring(4, 6);
+                      return pack(parseInt(r, 16), parseInt(g, 16), parseInt(b, 16), 1);
+                  }
+                  if (value.value.length === 8) {
+                      var r = value.value.substring(0, 2);
+                      var g = value.value.substring(2, 4);
+                      var b = value.value.substring(4, 6);
+                      var a = value.value.substring(6, 8);
+                      return pack(parseInt(r, 16), parseInt(g, 16), parseInt(b, 16), parseInt(a, 16) / 255);
+                  }
+              }
+              if (value.type === 20 /* IDENT_TOKEN */) {
+                  var namedColor = COLORS[value.value.toUpperCase()];
+                  if (typeof namedColor !== 'undefined') {
+                      return namedColor;
+                  }
+              }
+              return COLORS.TRANSPARENT;
+          }
+      };
+      var isTransparent = function (color) { return (0xff & color) === 0; };
+      var asString = function (color) {
+          var alpha = 0xff & color;
+          var blue = 0xff & (color >> 8);
+          var green = 0xff & (color >> 16);
+          var red = 0xff & (color >> 24);
+          return alpha < 255 ? "rgba(" + red + "," + green + "," + blue + "," + alpha / 255 + ")" : "rgb(" + red + "," + green + "," + blue + ")";
+      };
+      var pack = function (r, g, b, a) {
+          return ((r << 24) | (g << 16) | (b << 8) | (Math.round(a * 255) << 0)) >>> 0;
+      };
+      var getTokenColorValue = function (token, i) {
+          if (token.type === 17 /* NUMBER_TOKEN */) {
+              return token.number;
+          }
+          if (token.type === 16 /* PERCENTAGE_TOKEN */) {
+              var max = i === 3 ? 1 : 255;
+              return i === 3 ? (token.number / 100) * max : Math.round((token.number / 100) * max);
+          }
+          return 0;
+      };
+      var rgb = function (_context, args) {
+          var tokens = args.filter(nonFunctionArgSeparator);
+          if (tokens.length === 3) {
+              var _a = tokens.map(getTokenColorValue), r = _a[0], g = _a[1], b = _a[2];
+              return pack(r, g, b, 1);
+          }
+          if (tokens.length === 4) {
+              var _b = tokens.map(getTokenColorValue), r = _b[0], g = _b[1], b = _b[2], a = _b[3];
+              return pack(r, g, b, a);
+          }
+          return 0;
+      };
+      function hue2rgb(t1, t2, hue) {
+          if (hue < 0) {
+              hue += 1;
+          }
+          if (hue >= 1) {
+              hue -= 1;
+          }
+          if (hue < 1 / 6) {
+              return (t2 - t1) * hue * 6 + t1;
+          }
+          else if (hue < 1 / 2) {
+              return t2;
+          }
+          else if (hue < 2 / 3) {
+              return (t2 - t1) * 6 * (2 / 3 - hue) + t1;
+          }
+          else {
+              return t1;
+          }
+      }
+      var hsl = function (context, args) {
+          var tokens = args.filter(nonFunctionArgSeparator);
+          var hue = tokens[0], saturation = tokens[1], lightness = tokens[2], alpha = tokens[3];
+          var h = (hue.type === 17 /* NUMBER_TOKEN */ ? deg(hue.number) : angle.parse(context, hue)) / (Math.PI * 2);
+          var s = isLengthPercentage(saturation) ? saturation.number / 100 : 0;
+          var l = isLengthPercentage(lightness) ? lightness.number / 100 : 0;
+          var a = typeof alpha !== 'undefined' && isLengthPercentage(alpha) ? getAbsoluteValue(alpha, 1) : 1;
+          if (s === 0) {
+              return pack(l * 255, l * 255, l * 255, 1);
+          }
+          var t2 = l <= 0.5 ? l * (s + 1) : l + s - l * s;
+          var t1 = l * 2 - t2;
+          var r = hue2rgb(t1, t2, h + 1 / 3);
+          var g = hue2rgb(t1, t2, h);
+          var b = hue2rgb(t1, t2, h - 1 / 3);
+          return pack(r * 255, g * 255, b * 255, a);
+      };
+      var SUPPORTED_COLOR_FUNCTIONS = {
+          hsl: hsl,
+          hsla: hsl,
+          rgb: rgb,
+          rgba: rgb
+      };
+      var parseColor = function (context, value) {
+          return color$1.parse(context, Parser.create(value).parseComponentValue());
+      };
+      var COLORS = {
+          ALICEBLUE: 0xf0f8ffff,
+          ANTIQUEWHITE: 0xfaebd7ff,
+          AQUA: 0x00ffffff,
+          AQUAMARINE: 0x7fffd4ff,
+          AZURE: 0xf0ffffff,
+          BEIGE: 0xf5f5dcff,
+          BISQUE: 0xffe4c4ff,
+          BLACK: 0x000000ff,
+          BLANCHEDALMOND: 0xffebcdff,
+          BLUE: 0x0000ffff,
+          BLUEVIOLET: 0x8a2be2ff,
+          BROWN: 0xa52a2aff,
+          BURLYWOOD: 0xdeb887ff,
+          CADETBLUE: 0x5f9ea0ff,
+          CHARTREUSE: 0x7fff00ff,
+          CHOCOLATE: 0xd2691eff,
+          CORAL: 0xff7f50ff,
+          CORNFLOWERBLUE: 0x6495edff,
+          CORNSILK: 0xfff8dcff,
+          CRIMSON: 0xdc143cff,
+          CYAN: 0x00ffffff,
+          DARKBLUE: 0x00008bff,
+          DARKCYAN: 0x008b8bff,
+          DARKGOLDENROD: 0xb886bbff,
+          DARKGRAY: 0xa9a9a9ff,
+          DARKGREEN: 0x006400ff,
+          DARKGREY: 0xa9a9a9ff,
+          DARKKHAKI: 0xbdb76bff,
+          DARKMAGENTA: 0x8b008bff,
+          DARKOLIVEGREEN: 0x556b2fff,
+          DARKORANGE: 0xff8c00ff,
+          DARKORCHID: 0x9932ccff,
+          DARKRED: 0x8b0000ff,
+          DARKSALMON: 0xe9967aff,
+          DARKSEAGREEN: 0x8fbc8fff,
+          DARKSLATEBLUE: 0x483d8bff,
+          DARKSLATEGRAY: 0x2f4f4fff,
+          DARKSLATEGREY: 0x2f4f4fff,
+          DARKTURQUOISE: 0x00ced1ff,
+          DARKVIOLET: 0x9400d3ff,
+          DEEPPINK: 0xff1493ff,
+          DEEPSKYBLUE: 0x00bfffff,
+          DIMGRAY: 0x696969ff,
+          DIMGREY: 0x696969ff,
+          DODGERBLUE: 0x1e90ffff,
+          FIREBRICK: 0xb22222ff,
+          FLORALWHITE: 0xfffaf0ff,
+          FORESTGREEN: 0x228b22ff,
+          FUCHSIA: 0xff00ffff,
+          GAINSBORO: 0xdcdcdcff,
+          GHOSTWHITE: 0xf8f8ffff,
+          GOLD: 0xffd700ff,
+          GOLDENROD: 0xdaa520ff,
+          GRAY: 0x808080ff,
+          GREEN: 0x008000ff,
+          GREENYELLOW: 0xadff2fff,
+          GREY: 0x808080ff,
+          HONEYDEW: 0xf0fff0ff,
+          HOTPINK: 0xff69b4ff,
+          INDIANRED: 0xcd5c5cff,
+          INDIGO: 0x4b0082ff,
+          IVORY: 0xfffff0ff,
+          KHAKI: 0xf0e68cff,
+          LAVENDER: 0xe6e6faff,
+          LAVENDERBLUSH: 0xfff0f5ff,
+          LAWNGREEN: 0x7cfc00ff,
+          LEMONCHIFFON: 0xfffacdff,
+          LIGHTBLUE: 0xadd8e6ff,
+          LIGHTCORAL: 0xf08080ff,
+          LIGHTCYAN: 0xe0ffffff,
+          LIGHTGOLDENRODYELLOW: 0xfafad2ff,
+          LIGHTGRAY: 0xd3d3d3ff,
+          LIGHTGREEN: 0x90ee90ff,
+          LIGHTGREY: 0xd3d3d3ff,
+          LIGHTPINK: 0xffb6c1ff,
+          LIGHTSALMON: 0xffa07aff,
+          LIGHTSEAGREEN: 0x20b2aaff,
+          LIGHTSKYBLUE: 0x87cefaff,
+          LIGHTSLATEGRAY: 0x778899ff,
+          LIGHTSLATEGREY: 0x778899ff,
+          LIGHTSTEELBLUE: 0xb0c4deff,
+          LIGHTYELLOW: 0xffffe0ff,
+          LIME: 0x00ff00ff,
+          LIMEGREEN: 0x32cd32ff,
+          LINEN: 0xfaf0e6ff,
+          MAGENTA: 0xff00ffff,
+          MAROON: 0x800000ff,
+          MEDIUMAQUAMARINE: 0x66cdaaff,
+          MEDIUMBLUE: 0x0000cdff,
+          MEDIUMORCHID: 0xba55d3ff,
+          MEDIUMPURPLE: 0x9370dbff,
+          MEDIUMSEAGREEN: 0x3cb371ff,
+          MEDIUMSLATEBLUE: 0x7b68eeff,
+          MEDIUMSPRINGGREEN: 0x00fa9aff,
+          MEDIUMTURQUOISE: 0x48d1ccff,
+          MEDIUMVIOLETRED: 0xc71585ff,
+          MIDNIGHTBLUE: 0x191970ff,
+          MINTCREAM: 0xf5fffaff,
+          MISTYROSE: 0xffe4e1ff,
+          MOCCASIN: 0xffe4b5ff,
+          NAVAJOWHITE: 0xffdeadff,
+          NAVY: 0x000080ff,
+          OLDLACE: 0xfdf5e6ff,
+          OLIVE: 0x808000ff,
+          OLIVEDRAB: 0x6b8e23ff,
+          ORANGE: 0xffa500ff,
+          ORANGERED: 0xff4500ff,
+          ORCHID: 0xda70d6ff,
+          PALEGOLDENROD: 0xeee8aaff,
+          PALEGREEN: 0x98fb98ff,
+          PALETURQUOISE: 0xafeeeeff,
+          PALEVIOLETRED: 0xdb7093ff,
+          PAPAYAWHIP: 0xffefd5ff,
+          PEACHPUFF: 0xffdab9ff,
+          PERU: 0xcd853fff,
+          PINK: 0xffc0cbff,
+          PLUM: 0xdda0ddff,
+          POWDERBLUE: 0xb0e0e6ff,
+          PURPLE: 0x800080ff,
+          REBECCAPURPLE: 0x663399ff,
+          RED: 0xff0000ff,
+          ROSYBROWN: 0xbc8f8fff,
+          ROYALBLUE: 0x4169e1ff,
+          SADDLEBROWN: 0x8b4513ff,
+          SALMON: 0xfa8072ff,
+          SANDYBROWN: 0xf4a460ff,
+          SEAGREEN: 0x2e8b57ff,
+          SEASHELL: 0xfff5eeff,
+          SIENNA: 0xa0522dff,
+          SILVER: 0xc0c0c0ff,
+          SKYBLUE: 0x87ceebff,
+          SLATEBLUE: 0x6a5acdff,
+          SLATEGRAY: 0x708090ff,
+          SLATEGREY: 0x708090ff,
+          SNOW: 0xfffafaff,
+          SPRINGGREEN: 0x00ff7fff,
+          STEELBLUE: 0x4682b4ff,
+          TAN: 0xd2b48cff,
+          TEAL: 0x008080ff,
+          THISTLE: 0xd8bfd8ff,
+          TOMATO: 0xff6347ff,
+          TRANSPARENT: 0x00000000,
+          TURQUOISE: 0x40e0d0ff,
+          VIOLET: 0xee82eeff,
+          WHEAT: 0xf5deb3ff,
+          WHITE: 0xffffffff,
+          WHITESMOKE: 0xf5f5f5ff,
+          YELLOW: 0xffff00ff,
+          YELLOWGREEN: 0x9acd32ff
+      };
+
+      var backgroundClip = {
+          name: 'background-clip',
+          initialValue: 'border-box',
+          prefix: false,
+          type: 1 /* LIST */,
+          parse: function (_context, tokens) {
+              return tokens.map(function (token) {
+                  if (isIdentToken(token)) {
+                      switch (token.value) {
+                          case 'padding-box':
+                              return 1 /* PADDING_BOX */;
+                          case 'content-box':
+                              return 2 /* CONTENT_BOX */;
+                      }
+                  }
+                  return 0 /* BORDER_BOX */;
+              });
+          }
+      };
+
+      var backgroundColor = {
+          name: "background-color",
+          initialValue: 'transparent',
+          prefix: false,
+          type: 3 /* TYPE_VALUE */,
+          format: 'color'
+      };
+
+      var parseColorStop = function (context, args) {
+          var color = color$1.parse(context, args[0]);
+          var stop = args[1];
+          return stop && isLengthPercentage(stop) ? { color: color, stop: stop } : { color: color, stop: null };
+      };
+      var processColorStops = function (stops, lineLength) {
+          var first = stops[0];
+          var last = stops[stops.length - 1];
+          if (first.stop === null) {
+              first.stop = ZERO_LENGTH;
+          }
+          if (last.stop === null) {
+              last.stop = HUNDRED_PERCENT;
+          }
+          var processStops = [];
+          var previous = 0;
+          for (var i = 0; i < stops.length; i++) {
+              var stop_1 = stops[i].stop;
+              if (stop_1 !== null) {
+                  var absoluteValue = getAbsoluteValue(stop_1, lineLength);
+                  if (absoluteValue > previous) {
+                      processStops.push(absoluteValue);
+                  }
+                  else {
+                      processStops.push(previous);
+                  }
+                  previous = absoluteValue;
+              }
+              else {
+                  processStops.push(null);
+              }
+          }
+          var gapBegin = null;
+          for (var i = 0; i < processStops.length; i++) {
+              var stop_2 = processStops[i];
+              if (stop_2 === null) {
+                  if (gapBegin === null) {
+                      gapBegin = i;
+                  }
+              }
+              else if (gapBegin !== null) {
+                  var gapLength = i - gapBegin;
+                  var beforeGap = processStops[gapBegin - 1];
+                  var gapValue = (stop_2 - beforeGap) / (gapLength + 1);
+                  for (var g = 1; g <= gapLength; g++) {
+                      processStops[gapBegin + g - 1] = gapValue * g;
+                  }
+                  gapBegin = null;
+              }
+          }
+          return stops.map(function (_a, i) {
+              var color = _a.color;
+              return { color: color, stop: Math.max(Math.min(1, processStops[i] / lineLength), 0) };
+          });
+      };
+      var getAngleFromCorner = function (corner, width, height) {
+          var centerX = width / 2;
+          var centerY = height / 2;
+          var x = getAbsoluteValue(corner[0], width) - centerX;
+          var y = centerY - getAbsoluteValue(corner[1], height);
+          return (Math.atan2(y, x) + Math.PI * 2) % (Math.PI * 2);
+      };
+      var calculateGradientDirection = function (angle, width, height) {
+          var radian = typeof angle === 'number' ? angle : getAngleFromCorner(angle, width, height);
+          var lineLength = Math.abs(width * Math.sin(radian)) + Math.abs(height * Math.cos(radian));
+          var halfWidth = width / 2;
+          var halfHeight = height / 2;
+          var halfLineLength = lineLength / 2;
+          var yDiff = Math.sin(radian - Math.PI / 2) * halfLineLength;
+          var xDiff = Math.cos(radian - Math.PI / 2) * halfLineLength;
+          return [lineLength, halfWidth - xDiff, halfWidth + xDiff, halfHeight - yDiff, halfHeight + yDiff];
+      };
+      var distance = function (a, b) { return Math.sqrt(a * a + b * b); };
+      var findCorner = function (width, height, x, y, closest) {
+          var corners = [
+              [0, 0],
+              [0, height],
+              [width, 0],
+              [width, height]
+          ];
+          return corners.reduce(function (stat, corner) {
+              var cx = corner[0], cy = corner[1];
+              var d = distance(x - cx, y - cy);
+              if (closest ? d < stat.optimumDistance : d > stat.optimumDistance) {
+                  return {
+                      optimumCorner: corner,
+                      optimumDistance: d
+                  };
+              }
+              return stat;
+          }, {
+              optimumDistance: closest ? Infinity : -Infinity,
+              optimumCorner: null
+          }).optimumCorner;
+      };
+      var calculateRadius = function (gradient, x, y, width, height) {
+          var rx = 0;
+          var ry = 0;
+          switch (gradient.size) {
+              case 0 /* CLOSEST_SIDE */:
+                  // The ending shape is sized so that that it exactly meets the side of the gradient box closest to the gradient’s center.
+                  // If the shape is an ellipse, it exactly meets the closest side in each dimension.
+                  if (gradient.shape === 0 /* CIRCLE */) {
+                      rx = ry = Math.min(Math.abs(x), Math.abs(x - width), Math.abs(y), Math.abs(y - height));
+                  }
+                  else if (gradient.shape === 1 /* ELLIPSE */) {
+                      rx = Math.min(Math.abs(x), Math.abs(x - width));
+                      ry = Math.min(Math.abs(y), Math.abs(y - height));
+                  }
+                  break;
+              case 2 /* CLOSEST_CORNER */:
+                  // The ending shape is sized so that that it passes through the corner of the gradient box closest to the gradient’s center.
+                  // If the shape is an ellipse, the ending shape is given the same aspect-ratio it would have if closest-side were specified.
+                  if (gradient.shape === 0 /* CIRCLE */) {
+                      rx = ry = Math.min(distance(x, y), distance(x, y - height), distance(x - width, y), distance(x - width, y - height));
+                  }
+                  else if (gradient.shape === 1 /* ELLIPSE */) {
+                      // Compute the ratio ry/rx (which is to be the same as for "closest-side")
+                      var c = Math.min(Math.abs(y), Math.abs(y - height)) / Math.min(Math.abs(x), Math.abs(x - width));
+                      var _a = findCorner(width, height, x, y, true), cx = _a[0], cy = _a[1];
+                      rx = distance(cx - x, (cy - y) / c);
+                      ry = c * rx;
+                  }
+                  break;
+              case 1 /* FARTHEST_SIDE */:
+                  // Same as closest-side, except the ending shape is sized based on the farthest side(s)
+                  if (gradient.shape === 0 /* CIRCLE */) {
+                      rx = ry = Math.max(Math.abs(x), Math.abs(x - width), Math.abs(y), Math.abs(y - height));
+                  }
+                  else if (gradient.shape === 1 /* ELLIPSE */) {
+                      rx = Math.max(Math.abs(x), Math.abs(x - width));
+                      ry = Math.max(Math.abs(y), Math.abs(y - height));
+                  }
+                  break;
+              case 3 /* FARTHEST_CORNER */:
+                  // Same as closest-corner, except the ending shape is sized based on the farthest corner.
+                  // If the shape is an ellipse, the ending shape is given the same aspect ratio it would have if farthest-side were specified.
+                  if (gradient.shape === 0 /* CIRCLE */) {
+                      rx = ry = Math.max(distance(x, y), distance(x, y - height), distance(x - width, y), distance(x - width, y - height));
+                  }
+                  else if (gradient.shape === 1 /* ELLIPSE */) {
+                      // Compute the ratio ry/rx (which is to be the same as for "farthest-side")
+                      var c = Math.max(Math.abs(y), Math.abs(y - height)) / Math.max(Math.abs(x), Math.abs(x - width));
+                      var _b = findCorner(width, height, x, y, false), cx = _b[0], cy = _b[1];
+                      rx = distance(cx - x, (cy - y) / c);
+                      ry = c * rx;
+                  }
+                  break;
+          }
+          if (Array.isArray(gradient.size)) {
+              rx = getAbsoluteValue(gradient.size[0], width);
+              ry = gradient.size.length === 2 ? getAbsoluteValue(gradient.size[1], height) : rx;
+          }
+          return [rx, ry];
+      };
+
+      var linearGradient = function (context, tokens) {
+          var angle$1 = deg(180);
+          var stops = [];
+          parseFunctionArgs(tokens).forEach(function (arg, i) {
+              if (i === 0) {
+                  var firstToken = arg[0];
+                  if (firstToken.type === 20 /* IDENT_TOKEN */ && firstToken.value === 'to') {
+                      angle$1 = parseNamedSide(arg);
+                      return;
+                  }
+                  else if (isAngle(firstToken)) {
+                      angle$1 = angle.parse(context, firstToken);
+                      return;
+                  }
+              }
+              var colorStop = parseColorStop(context, arg);
+              stops.push(colorStop);
+          });
+          return { angle: angle$1, stops: stops, type: 1 /* LINEAR_GRADIENT */ };
+      };
+
+      var prefixLinearGradient = function (context, tokens) {
+          var angle$1 = deg(180);
+          var stops = [];
+          parseFunctionArgs(tokens).forEach(function (arg, i) {
+              if (i === 0) {
+                  var firstToken = arg[0];
+                  if (firstToken.type === 20 /* IDENT_TOKEN */ &&
+                      ['top', 'left', 'right', 'bottom'].indexOf(firstToken.value) !== -1) {
+                      angle$1 = parseNamedSide(arg);
+                      return;
+                  }
+                  else if (isAngle(firstToken)) {
+                      angle$1 = (angle.parse(context, firstToken) + deg(270)) % deg(360);
+                      return;
+                  }
+              }
+              var colorStop = parseColorStop(context, arg);
+              stops.push(colorStop);
+          });
+          return {
+              angle: angle$1,
+              stops: stops,
+              type: 1 /* LINEAR_GRADIENT */
+          };
+      };
+
+      var webkitGradient = function (context, tokens) {
+          var angle = deg(180);
+          var stops = [];
+          var type = 1 /* LINEAR_GRADIENT */;
+          var shape = 0 /* CIRCLE */;
+          var size = 3 /* FARTHEST_CORNER */;
+          var position = [];
+          parseFunctionArgs(tokens).forEach(function (arg, i) {
+              var firstToken = arg[0];
+              if (i === 0) {
+                  if (isIdentToken(firstToken) && firstToken.value === 'linear') {
+                      type = 1 /* LINEAR_GRADIENT */;
+                      return;
+                  }
+                  else if (isIdentToken(firstToken) && firstToken.value === 'radial') {
+                      type = 2 /* RADIAL_GRADIENT */;
+                      return;
+                  }
+              }
+              if (firstToken.type === 18 /* FUNCTION */) {
+                  if (firstToken.name === 'from') {
+                      var color = color$1.parse(context, firstToken.values[0]);
+                      stops.push({ stop: ZERO_LENGTH, color: color });
+                  }
+                  else if (firstToken.name === 'to') {
+                      var color = color$1.parse(context, firstToken.values[0]);
+                      stops.push({ stop: HUNDRED_PERCENT, color: color });
+                  }
+                  else if (firstToken.name === 'color-stop') {
+                      var values = firstToken.values.filter(nonFunctionArgSeparator);
+                      if (values.length === 2) {
+                          var color = color$1.parse(context, values[1]);
+                          var stop_1 = values[0];
+                          if (isNumberToken(stop_1)) {
+                              stops.push({
+                                  stop: { type: 16 /* PERCENTAGE_TOKEN */, number: stop_1.number * 100, flags: stop_1.flags },
+                                  color: color
+                              });
+                          }
+                      }
+                  }
+              }
+          });
+          return type === 1 /* LINEAR_GRADIENT */
+              ? {
+                  angle: (angle + deg(180)) % deg(360),
+                  stops: stops,
+                  type: type
+              }
+              : { size: size, shape: shape, stops: stops, position: position, type: type };
+      };
+
+      var CLOSEST_SIDE = 'closest-side';
+      var FARTHEST_SIDE = 'farthest-side';
+      var CLOSEST_CORNER = 'closest-corner';
+      var FARTHEST_CORNER = 'farthest-corner';
+      var CIRCLE = 'circle';
+      var ELLIPSE = 'ellipse';
+      var COVER = 'cover';
+      var CONTAIN = 'contain';
+      var radialGradient = function (context, tokens) {
+          var shape = 0 /* CIRCLE */;
+          var size = 3 /* FARTHEST_CORNER */;
+          var stops = [];
+          var position = [];
+          parseFunctionArgs(tokens).forEach(function (arg, i) {
+              var isColorStop = true;
+              if (i === 0) {
+                  var isAtPosition_1 = false;
+                  isColorStop = arg.reduce(function (acc, token) {
+                      if (isAtPosition_1) {
+                          if (isIdentToken(token)) {
+                              switch (token.value) {
+                                  case 'center':
+                                      position.push(FIFTY_PERCENT);
+                                      return acc;
+                                  case 'top':
+                                  case 'left':
+                                      position.push(ZERO_LENGTH);
+                                      return acc;
+                                  case 'right':
+                                  case 'bottom':
+                                      position.push(HUNDRED_PERCENT);
+                                      return acc;
+                              }
+                          }
+                          else if (isLengthPercentage(token) || isLength(token)) {
+                              position.push(token);
+                          }
+                      }
+                      else if (isIdentToken(token)) {
+                          switch (token.value) {
+                              case CIRCLE:
+                                  shape = 0 /* CIRCLE */;
+                                  return false;
+                              case ELLIPSE:
+                                  shape = 1 /* ELLIPSE */;
+                                  return false;
+                              case 'at':
+                                  isAtPosition_1 = true;
+                                  return false;
+                              case CLOSEST_SIDE:
+                                  size = 0 /* CLOSEST_SIDE */;
+                                  return false;
+                              case COVER:
+                              case FARTHEST_SIDE:
+                                  size = 1 /* FARTHEST_SIDE */;
+                                  return false;
+                              case CONTAIN:
+                              case CLOSEST_CORNER:
+                                  size = 2 /* CLOSEST_CORNER */;
+                                  return false;
+                              case FARTHEST_CORNER:
+                                  size = 3 /* FARTHEST_CORNER */;
+                                  return false;
+                          }
+                      }
+                      else if (isLength(token) || isLengthPercentage(token)) {
+                          if (!Array.isArray(size)) {
+                              size = [];
+                          }
+                          size.push(token);
+                          return false;
+                      }
+                      return acc;
+                  }, isColorStop);
+              }
+              if (isColorStop) {
+                  var colorStop = parseColorStop(context, arg);
+                  stops.push(colorStop);
+              }
+          });
+          return { size: size, shape: shape, stops: stops, position: position, type: 2 /* RADIAL_GRADIENT */ };
+      };
+
+      var prefixRadialGradient = function (context, tokens) {
+          var shape = 0 /* CIRCLE */;
+          var size = 3 /* FARTHEST_CORNER */;
+          var stops = [];
+          var position = [];
+          parseFunctionArgs(tokens).forEach(function (arg, i) {
+              var isColorStop = true;
+              if (i === 0) {
+                  isColorStop = arg.reduce(function (acc, token) {
+                      if (isIdentToken(token)) {
+                          switch (token.value) {
+                              case 'center':
+                                  position.push(FIFTY_PERCENT);
+                                  return false;
+                              case 'top':
+                              case 'left':
+                                  position.push(ZERO_LENGTH);
+                                  return false;
+                              case 'right':
+                              case 'bottom':
+                                  position.push(HUNDRED_PERCENT);
+                                  return false;
+                          }
+                      }
+                      else if (isLengthPercentage(token) || isLength(token)) {
+                          position.push(token);
+                          return false;
+                      }
+                      return acc;
+                  }, isColorStop);
+              }
+              else if (i === 1) {
+                  isColorStop = arg.reduce(function (acc, token) {
+                      if (isIdentToken(token)) {
+                          switch (token.value) {
+                              case CIRCLE:
+                                  shape = 0 /* CIRCLE */;
+                                  return false;
+                              case ELLIPSE:
+                                  shape = 1 /* ELLIPSE */;
+                                  return false;
+                              case CONTAIN:
+                              case CLOSEST_SIDE:
+                                  size = 0 /* CLOSEST_SIDE */;
+                                  return false;
+                              case FARTHEST_SIDE:
+                                  size = 1 /* FARTHEST_SIDE */;
+                                  return false;
+                              case CLOSEST_CORNER:
+                                  size = 2 /* CLOSEST_CORNER */;
+                                  return false;
+                              case COVER:
+                              case FARTHEST_CORNER:
+                                  size = 3 /* FARTHEST_CORNER */;
+                                  return false;
+                          }
+                      }
+                      else if (isLength(token) || isLengthPercentage(token)) {
+                          if (!Array.isArray(size)) {
+                              size = [];
+                          }
+                          size.push(token);
+                          return false;
+                      }
+                      return acc;
+                  }, isColorStop);
+              }
+              if (isColorStop) {
+                  var colorStop = parseColorStop(context, arg);
+                  stops.push(colorStop);
+              }
+          });
+          return { size: size, shape: shape, stops: stops, position: position, type: 2 /* RADIAL_GRADIENT */ };
+      };
+
+      var isLinearGradient = function (background) {
+          return background.type === 1 /* LINEAR_GRADIENT */;
+      };
+      var isRadialGradient = function (background) {
+          return background.type === 2 /* RADIAL_GRADIENT */;
+      };
+      var image = {
+          name: 'image',
+          parse: function (context, value) {
+              if (value.type === 22 /* URL_TOKEN */) {
+                  var image_1 = { url: value.value, type: 0 /* URL */ };
+                  context.cache.addImage(value.value);
+                  return image_1;
+              }
+              if (value.type === 18 /* FUNCTION */) {
+                  var imageFunction = SUPPORTED_IMAGE_FUNCTIONS[value.name];
+                  if (typeof imageFunction === 'undefined') {
+                      throw new Error("Attempting to parse an unsupported image function \"" + value.name + "\"");
+                  }
+                  return imageFunction(context, value.values);
+              }
+              throw new Error("Unsupported image type " + value.type);
+          }
+      };
+      function isSupportedImage(value) {
+          return (!(value.type === 20 /* IDENT_TOKEN */ && value.value === 'none') &&
+              (value.type !== 18 /* FUNCTION */ || !!SUPPORTED_IMAGE_FUNCTIONS[value.name]));
+      }
+      var SUPPORTED_IMAGE_FUNCTIONS = {
+          'linear-gradient': linearGradient,
+          '-moz-linear-gradient': prefixLinearGradient,
+          '-ms-linear-gradient': prefixLinearGradient,
+          '-o-linear-gradient': prefixLinearGradient,
+          '-webkit-linear-gradient': prefixLinearGradient,
+          'radial-gradient': radialGradient,
+          '-moz-radial-gradient': prefixRadialGradient,
+          '-ms-radial-gradient': prefixRadialGradient,
+          '-o-radial-gradient': prefixRadialGradient,
+          '-webkit-radial-gradient': prefixRadialGradient,
+          '-webkit-gradient': webkitGradient
+      };
+
+      var backgroundImage = {
+          name: 'background-image',
+          initialValue: 'none',
+          type: 1 /* LIST */,
+          prefix: false,
+          parse: function (context, tokens) {
+              if (tokens.length === 0) {
+                  return [];
+              }
+              var first = tokens[0];
+              if (first.type === 20 /* IDENT_TOKEN */ && first.value === 'none') {
+                  return [];
+              }
+              return tokens
+                  .filter(function (value) { return nonFunctionArgSeparator(value) && isSupportedImage(value); })
+                  .map(function (value) { return image.parse(context, value); });
+          }
+      };
+
+      var backgroundOrigin = {
+          name: 'background-origin',
+          initialValue: 'border-box',
+          prefix: false,
+          type: 1 /* LIST */,
+          parse: function (_context, tokens) {
+              return tokens.map(function (token) {
+                  if (isIdentToken(token)) {
+                      switch (token.value) {
+                          case 'padding-box':
+                              return 1 /* PADDING_BOX */;
+                          case 'content-box':
+                              return 2 /* CONTENT_BOX */;
+                      }
+                  }
+                  return 0 /* BORDER_BOX */;
+              });
+          }
+      };
+
+      var backgroundPosition = {
+          name: 'background-position',
+          initialValue: '0% 0%',
+          type: 1 /* LIST */,
+          prefix: false,
+          parse: function (_context, tokens) {
+              return parseFunctionArgs(tokens)
+                  .map(function (values) { return values.filter(isLengthPercentage); })
+                  .map(parseLengthPercentageTuple);
+          }
+      };
+
+      var backgroundRepeat = {
+          name: 'background-repeat',
+          initialValue: 'repeat',
+          prefix: false,
+          type: 1 /* LIST */,
+          parse: function (_context, tokens) {
+              return parseFunctionArgs(tokens)
+                  .map(function (values) {
+                  return values
+                      .filter(isIdentToken)
+                      .map(function (token) { return token.value; })
+                      .join(' ');
+              })
+                  .map(parseBackgroundRepeat);
+          }
+      };
+      var parseBackgroundRepeat = function (value) {
+          switch (value) {
+              case 'no-repeat':
+                  return 1 /* NO_REPEAT */;
+              case 'repeat-x':
+              case 'repeat no-repeat':
+                  return 2 /* REPEAT_X */;
+              case 'repeat-y':
+              case 'no-repeat repeat':
+                  return 3 /* REPEAT_Y */;
+              case 'repeat':
+              default:
+                  return 0 /* REPEAT */;
+          }
+      };
+
+      var BACKGROUND_SIZE;
+      (function (BACKGROUND_SIZE) {
+          BACKGROUND_SIZE["AUTO"] = "auto";
+          BACKGROUND_SIZE["CONTAIN"] = "contain";
+          BACKGROUND_SIZE["COVER"] = "cover";
+      })(BACKGROUND_SIZE || (BACKGROUND_SIZE = {}));
+      var backgroundSize = {
+          name: 'background-size',
+          initialValue: '0',
+          prefix: false,
+          type: 1 /* LIST */,
+          parse: function (_context, tokens) {
+              return parseFunctionArgs(tokens).map(function (values) { return values.filter(isBackgroundSizeInfoToken); });
+          }
+      };
+      var isBackgroundSizeInfoToken = function (value) {
+          return isIdentToken(value) || isLengthPercentage(value);
+      };
+
+      var borderColorForSide = function (side) { return ({
+          name: "border-" + side + "-color",
+          initialValue: 'transparent',
+          prefix: false,
+          type: 3 /* TYPE_VALUE */,
+          format: 'color'
+      }); };
+      var borderTopColor = borderColorForSide('top');
+      var borderRightColor = borderColorForSide('right');
+      var borderBottomColor = borderColorForSide('bottom');
+      var borderLeftColor = borderColorForSide('left');
+
+      var borderRadiusForSide = function (side) { return ({
+          name: "border-radius-" + side,
+          initialValue: '0 0',
+          prefix: false,
+          type: 1 /* LIST */,
+          parse: function (_context, tokens) {
+              return parseLengthPercentageTuple(tokens.filter(isLengthPercentage));
+          }
+      }); };
+      var borderTopLeftRadius = borderRadiusForSide('top-left');
+      var borderTopRightRadius = borderRadiusForSide('top-right');
+      var borderBottomRightRadius = borderRadiusForSide('bottom-right');
+      var borderBottomLeftRadius = borderRadiusForSide('bottom-left');
+
+      var borderStyleForSide = function (side) { return ({
+          name: "border-" + side + "-style",
+          initialValue: 'solid',
+          prefix: false,
+          type: 2 /* IDENT_VALUE */,
+          parse: function (_context, style) {
+              switch (style) {
+                  case 'none':
+                      return 0 /* NONE */;
+                  case 'dashed':
+                      return 2 /* DASHED */;
+                  case 'dotted':
+                      return 3 /* DOTTED */;
+                  case 'double':
+                      return 4 /* DOUBLE */;
+              }
+              return 1 /* SOLID */;
+          }
+      }); };
+      var borderTopStyle = borderStyleForSide('top');
+      var borderRightStyle = borderStyleForSide('right');
+      var borderBottomStyle = borderStyleForSide('bottom');
+      var borderLeftStyle = borderStyleForSide('left');
+
+      var borderWidthForSide = function (side) { return ({
+          name: "border-" + side + "-width",
+          initialValue: '0',
+          type: 0 /* VALUE */,
+          prefix: false,
+          parse: function (_context, token) {
+              if (isDimensionToken(token)) {
+                  return token.number;
+              }
+              return 0;
+          }
+      }); };
+      var borderTopWidth = borderWidthForSide('top');
+      var borderRightWidth = borderWidthForSide('right');
+      var borderBottomWidth = borderWidthForSide('bottom');
+      var borderLeftWidth = borderWidthForSide('left');
+
+      var color = {
+          name: "color",
+          initialValue: 'transparent',
+          prefix: false,
+          type: 3 /* TYPE_VALUE */,
+          format: 'color'
+      };
+
+      var direction = {
+          name: 'direction',
+          initialValue: 'ltr',
+          prefix: false,
+          type: 2 /* IDENT_VALUE */,
+          parse: function (_context, direction) {
+              switch (direction) {
+                  case 'rtl':
+                      return 1 /* RTL */;
+                  case 'ltr':
+                  default:
+                      return 0 /* LTR */;
+              }
+          }
+      };
+
+      var display = {
+          name: 'display',
+          initialValue: 'inline-block',
+          prefix: false,
+          type: 1 /* LIST */,
+          parse: function (_context, tokens) {
+              return tokens.filter(isIdentToken).reduce(function (bit, token) {
+                  return bit | parseDisplayValue(token.value);
+              }, 0 /* NONE */);
+          }
+      };
+      var parseDisplayValue = function (display) {
+          switch (display) {
+              case 'block':
+              case '-webkit-box':
+                  return 2 /* BLOCK */;
+              case 'inline':
+                  return 4 /* INLINE */;
+              case 'run-in':
+                  return 8 /* RUN_IN */;
+              case 'flow':
+                  return 16 /* FLOW */;
+              case 'flow-root':
+                  return 32 /* FLOW_ROOT */;
+              case 'table':
+                  return 64 /* TABLE */;
+              case 'flex':
+              case '-webkit-flex':
+                  return 128 /* FLEX */;
+              case 'grid':
+              case '-ms-grid':
+                  return 256 /* GRID */;
+              case 'ruby':
+                  return 512 /* RUBY */;
+              case 'subgrid':
+                  return 1024 /* SUBGRID */;
+              case 'list-item':
+                  return 2048 /* LIST_ITEM */;
+              case 'table-row-group':
+                  return 4096 /* TABLE_ROW_GROUP */;
+              case 'table-header-group':
+                  return 8192 /* TABLE_HEADER_GROUP */;
+              case 'table-footer-group':
+                  return 16384 /* TABLE_FOOTER_GROUP */;
+              case 'table-row':
+                  return 32768 /* TABLE_ROW */;
+              case 'table-cell':
+                  return 65536 /* TABLE_CELL */;
+              case 'table-column-group':
+                  return 131072 /* TABLE_COLUMN_GROUP */;
+              case 'table-column':
+                  return 262144 /* TABLE_COLUMN */;
+              case 'table-caption':
+                  return 524288 /* TABLE_CAPTION */;
+              case 'ruby-base':
+                  return 1048576 /* RUBY_BASE */;
+              case 'ruby-text':
+                  return 2097152 /* RUBY_TEXT */;
+              case 'ruby-base-container':
+                  return 4194304 /* RUBY_BASE_CONTAINER */;
+              case 'ruby-text-container':
+                  return 8388608 /* RUBY_TEXT_CONTAINER */;
+              case 'contents':
+                  return 16777216 /* CONTENTS */;
+              case 'inline-block':
+                  return 33554432 /* INLINE_BLOCK */;
+              case 'inline-list-item':
+                  return 67108864 /* INLINE_LIST_ITEM */;
+              case 'inline-table':
+                  return 134217728 /* INLINE_TABLE */;
+              case 'inline-flex':
+                  return 268435456 /* INLINE_FLEX */;
+              case 'inline-grid':
+                  return 536870912 /* INLINE_GRID */;
+          }
+          return 0 /* NONE */;
+      };
+
+      var float = {
+          name: 'float',
+          initialValue: 'none',
+          prefix: false,
+          type: 2 /* IDENT_VALUE */,
+          parse: function (_context, float) {
+              switch (float) {
+                  case 'left':
+                      return 1 /* LEFT */;
+                  case 'right':
+                      return 2 /* RIGHT */;
+                  case 'inline-start':
+                      return 3 /* INLINE_START */;
+                  case 'inline-end':
+                      return 4 /* INLINE_END */;
+              }
+              return 0 /* NONE */;
+          }
+      };
+
+      var letterSpacing = {
+          name: 'letter-spacing',
+          initialValue: '0',
+          prefix: false,
+          type: 0 /* VALUE */,
+          parse: function (_context, token) {
+              if (token.type === 20 /* IDENT_TOKEN */ && token.value === 'normal') {
+                  return 0;
+              }
+              if (token.type === 17 /* NUMBER_TOKEN */) {
+                  return token.number;
+              }
+              if (token.type === 15 /* DIMENSION_TOKEN */) {
+                  return token.number;
+              }
+              return 0;
+          }
+      };
+
+      var LINE_BREAK;
+      (function (LINE_BREAK) {
+          LINE_BREAK["NORMAL"] = "normal";
+          LINE_BREAK["STRICT"] = "strict";
+      })(LINE_BREAK || (LINE_BREAK = {}));
+      var lineBreak = {
+          name: 'line-break',
+          initialValue: 'normal',
+          prefix: false,
+          type: 2 /* IDENT_VALUE */,
+          parse: function (_context, lineBreak) {
+              switch (lineBreak) {
+                  case 'strict':
+                      return LINE_BREAK.STRICT;
+                  case 'normal':
+                  default:
+                      return LINE_BREAK.NORMAL;
+              }
+          }
+      };
+
+      var lineHeight = {
+          name: 'line-height',
+          initialValue: 'normal',
+          prefix: false,
+          type: 4 /* TOKEN_VALUE */
+      };
+      var computeLineHeight = function (token, fontSize) {
+          if (isIdentToken(token) && token.value === 'normal') {
+              return 1.2 * fontSize;
+          }
+          else if (token.type === 17 /* NUMBER_TOKEN */) {
+              return fontSize * token.number;
+          }
+          else if (isLengthPercentage(token)) {
+              return getAbsoluteValue(token, fontSize);
+          }
+          return fontSize;
+      };
+
+      var listStyleImage = {
+          name: 'list-style-image',
+          initialValue: 'none',
+          type: 0 /* VALUE */,
+          prefix: false,
+          parse: function (context, token) {
+              if (token.type === 20 /* IDENT_TOKEN */ && token.value === 'none') {
+                  return null;
+              }
+              return image.parse(context, token);
+          }
+      };
+
+      var listStylePosition = {
+          name: 'list-style-position',
+          initialValue: 'outside',
+          prefix: false,
+          type: 2 /* IDENT_VALUE */,
+          parse: function (_context, position) {
+              switch (position) {
+                  case 'inside':
+                      return 0 /* INSIDE */;
+                  case 'outside':
+                  default:
+                      return 1 /* OUTSIDE */;
+              }
+          }
+      };
+
+      var listStyleType = {
+          name: 'list-style-type',
+          initialValue: 'none',
+          prefix: false,
+          type: 2 /* IDENT_VALUE */,
+          parse: function (_context, type) {
+              switch (type) {
+                  case 'disc':
+                      return 0 /* DISC */;
+                  case 'circle':
+                      return 1 /* CIRCLE */;
+                  case 'square':
+                      return 2 /* SQUARE */;
+                  case 'decimal':
+                      return 3 /* DECIMAL */;
+                  case 'cjk-decimal':
+                      return 4 /* CJK_DECIMAL */;
+                  case 'decimal-leading-zero':
+                      return 5 /* DECIMAL_LEADING_ZERO */;
+                  case 'lower-roman':
+                      return 6 /* LOWER_ROMAN */;
+                  case 'upper-roman':
+                      return 7 /* UPPER_ROMAN */;
+                  case 'lower-greek':
+                      return 8 /* LOWER_GREEK */;
+                  case 'lower-alpha':
+                      return 9 /* LOWER_ALPHA */;
+                  case 'upper-alpha':
+                      return 10 /* UPPER_ALPHA */;
+                  case 'arabic-indic':
+                      return 11 /* ARABIC_INDIC */;
+                  case 'armenian':
+                      return 12 /* ARMENIAN */;
+                  case 'bengali':
+                      return 13 /* BENGALI */;
+                  case 'cambodian':
+                      return 14 /* CAMBODIAN */;
+                  case 'cjk-earthly-branch':
+                      return 15 /* CJK_EARTHLY_BRANCH */;
+                  case 'cjk-heavenly-stem':
+                      return 16 /* CJK_HEAVENLY_STEM */;
+                  case 'cjk-ideographic':
+                      return 17 /* CJK_IDEOGRAPHIC */;
+                  case 'devanagari':
+                      return 18 /* DEVANAGARI */;
+                  case 'ethiopic-numeric':
+                      return 19 /* ETHIOPIC_NUMERIC */;
+                  case 'georgian':
+                      return 20 /* GEORGIAN */;
+                  case 'gujarati':
+                      return 21 /* GUJARATI */;
+                  case 'gurmukhi':
+                      return 22 /* GURMUKHI */;
+                  case 'hebrew':
+                      return 22 /* HEBREW */;
+                  case 'hiragana':
+                      return 23 /* HIRAGANA */;
+                  case 'hiragana-iroha':
+                      return 24 /* HIRAGANA_IROHA */;
+                  case 'japanese-formal':
+                      return 25 /* JAPANESE_FORMAL */;
+                  case 'japanese-informal':
+                      return 26 /* JAPANESE_INFORMAL */;
+                  case 'kannada':
+                      return 27 /* KANNADA */;
+                  case 'katakana':
+                      return 28 /* KATAKANA */;
+                  case 'katakana-iroha':
+                      return 29 /* KATAKANA_IROHA */;
+                  case 'khmer':
+                      return 30 /* KHMER */;
+                  case 'korean-hangul-formal':
+                      return 31 /* KOREAN_HANGUL_FORMAL */;
+                  case 'korean-hanja-formal':
+                      return 32 /* KOREAN_HANJA_FORMAL */;
+                  case 'korean-hanja-informal':
+                      return 33 /* KOREAN_HANJA_INFORMAL */;
+                  case 'lao':
+                      return 34 /* LAO */;
+                  case 'lower-armenian':
+                      return 35 /* LOWER_ARMENIAN */;
+                  case 'malayalam':
+                      return 36 /* MALAYALAM */;
+                  case 'mongolian':
+                      return 37 /* MONGOLIAN */;
+                  case 'myanmar':
+                      return 38 /* MYANMAR */;
+                  case 'oriya':
+                      return 39 /* ORIYA */;
+                  case 'persian':
+                      return 40 /* PERSIAN */;
+                  case 'simp-chinese-formal':
+                      return 41 /* SIMP_CHINESE_FORMAL */;
+                  case 'simp-chinese-informal':
+                      return 42 /* SIMP_CHINESE_INFORMAL */;
+                  case 'tamil':
+                      return 43 /* TAMIL */;
+                  case 'telugu':
+                      return 44 /* TELUGU */;
+                  case 'thai':
+                      return 45 /* THAI */;
+                  case 'tibetan':
+                      return 46 /* TIBETAN */;
+                  case 'trad-chinese-formal':
+                      return 47 /* TRAD_CHINESE_FORMAL */;
+                  case 'trad-chinese-informal':
+                      return 48 /* TRAD_CHINESE_INFORMAL */;
+                  case 'upper-armenian':
+                      return 49 /* UPPER_ARMENIAN */;
+                  case 'disclosure-open':
+                      return 50 /* DISCLOSURE_OPEN */;
+                  case 'disclosure-closed':
+                      return 51 /* DISCLOSURE_CLOSED */;
+                  case 'none':
+                  default:
+                      return -1 /* NONE */;
+              }
+          }
+      };
+
+      var marginForSide = function (side) { return ({
+          name: "margin-" + side,
+          initialValue: '0',
+          prefix: false,
+          type: 4 /* TOKEN_VALUE */
+      }); };
+      var marginTop = marginForSide('top');
+      var marginRight = marginForSide('right');
+      var marginBottom = marginForSide('bottom');
+      var marginLeft = marginForSide('left');
+
+      var overflow = {
+          name: 'overflow',
+          initialValue: 'visible',
+          prefix: false,
+          type: 1 /* LIST */,
+          parse: function (_context, tokens) {
+              return tokens.filter(isIdentToken).map(function (overflow) {
+                  switch (overflow.value) {
+                      case 'hidden':
+                          return 1 /* HIDDEN */;
+                      case 'scroll':
+                          return 2 /* SCROLL */;
+                      case 'clip':
+                          return 3 /* CLIP */;
+                      case 'auto':
+                          return 4 /* AUTO */;
+                      case 'visible':
+                      default:
+                          return 0 /* VISIBLE */;
+                  }
+              });
+          }
+      };
+
+      var overflowWrap = {
+          name: 'overflow-wrap',
+          initialValue: 'normal',
+          prefix: false,
+          type: 2 /* IDENT_VALUE */,
+          parse: function (_context, overflow) {
+              switch (overflow) {
+                  case 'break-word':
+                      return "break-word" /* BREAK_WORD */;
+                  case 'normal':
+                  default:
+                      return "normal" /* NORMAL */;
+              }
+          }
+      };
+
+      var paddingForSide = function (side) { return ({
+          name: "padding-" + side,
+          initialValue: '0',
+          prefix: false,
+          type: 3 /* TYPE_VALUE */,
+          format: 'length-percentage'
+      }); };
+      var paddingTop = paddingForSide('top');
+      var paddingRight = paddingForSide('right');
+      var paddingBottom = paddingForSide('bottom');
+      var paddingLeft = paddingForSide('left');
+
+      var textAlign = {
+          name: 'text-align',
+          initialValue: 'left',
+          prefix: false,
+          type: 2 /* IDENT_VALUE */,
+          parse: function (_context, textAlign) {
+              switch (textAlign) {
+                  case 'right':
+                      return 2 /* RIGHT */;
+                  case 'center':
+                  case 'justify':
+                      return 1 /* CENTER */;
+                  case 'left':
+                  default:
+                      return 0 /* LEFT */;
+              }
+          }
+      };
+
+      var position = {
+          name: 'position',
+          initialValue: 'static',
+          prefix: false,
+          type: 2 /* IDENT_VALUE */,
+          parse: function (_context, position) {
+              switch (position) {
+                  case 'relative':
+                      return 1 /* RELATIVE */;
+                  case 'absolute':
+                      return 2 /* ABSOLUTE */;
+                  case 'fixed':
+                      return 3 /* FIXED */;
+                  case 'sticky':
+                      return 4 /* STICKY */;
+              }
+              return 0 /* STATIC */;
+          }
+      };
+
+      var textShadow = {
+          name: 'text-shadow',
+          initialValue: 'none',
+          type: 1 /* LIST */,
+          prefix: false,
+          parse: function (context, tokens) {
+              if (tokens.length === 1 && isIdentWithValue(tokens[0], 'none')) {
+                  return [];
+              }
+              return parseFunctionArgs(tokens).map(function (values) {
+                  var shadow = {
+                      color: COLORS.TRANSPARENT,
+                      offsetX: ZERO_LENGTH,
+                      offsetY: ZERO_LENGTH,
+                      blur: ZERO_LENGTH
+                  };
+                  var c = 0;
+                  for (var i = 0; i < values.length; i++) {
+                      var token = values[i];
+                      if (isLength(token)) {
+                          if (c === 0) {
+                              shadow.offsetX = token;
+                          }
+                          else if (c === 1) {
+                              shadow.offsetY = token;
+                          }
+                          else {
+                              shadow.blur = token;
+                          }
+                          c++;
+                      }
+                      else {
+                          shadow.color = color$1.parse(context, token);
+                      }
+                  }
+                  return shadow;
+              });
+          }
+      };
+
+      var textTransform = {
+          name: 'text-transform',
+          initialValue: 'none',
+          prefix: false,
+          type: 2 /* IDENT_VALUE */,
+          parse: function (_context, textTransform) {
+              switch (textTransform) {
+                  case 'uppercase':
+                      return 2 /* UPPERCASE */;
+                  case 'lowercase':
+                      return 1 /* LOWERCASE */;
+                  case 'capitalize':
+                      return 3 /* CAPITALIZE */;
+              }
+              return 0 /* NONE */;
+          }
+      };
+
+      var transform$1 = {
+          name: 'transform',
+          initialValue: 'none',
+          prefix: true,
+          type: 0 /* VALUE */,
+          parse: function (_context, token) {
+              if (token.type === 20 /* IDENT_TOKEN */ && token.value === 'none') {
+                  return null;
+              }
+              if (token.type === 18 /* FUNCTION */) {
+                  var transformFunction = SUPPORTED_TRANSFORM_FUNCTIONS[token.name];
+                  if (typeof transformFunction === 'undefined') {
+                      throw new Error("Attempting to parse an unsupported transform function \"" + token.name + "\"");
+                  }
+                  return transformFunction(token.values);
+              }
+              return null;
+          }
+      };
+      var matrix = function (args) {
+          var values = args.filter(function (arg) { return arg.type === 17 /* NUMBER_TOKEN */; }).map(function (arg) { return arg.number; });
+          return values.length === 6 ? values : null;
+      };
+      // doesn't support 3D transforms at the moment
+      var matrix3d = function (args) {
+          var values = args.filter(function (arg) { return arg.type === 17 /* NUMBER_TOKEN */; }).map(function (arg) { return arg.number; });
+          var a1 = values[0], b1 = values[1]; values[2]; values[3]; var a2 = values[4], b2 = values[5]; values[6]; values[7]; values[8]; values[9]; values[10]; values[11]; var a4 = values[12], b4 = values[13]; values[14]; values[15];
+          return values.length === 16 ? [a1, b1, a2, b2, a4, b4] : null;
+      };
+      var SUPPORTED_TRANSFORM_FUNCTIONS = {
+          matrix: matrix,
+          matrix3d: matrix3d
+      };
+
+      var DEFAULT_VALUE = {
+          type: 16 /* PERCENTAGE_TOKEN */,
+          number: 50,
+          flags: FLAG_INTEGER
+      };
+      var DEFAULT = [DEFAULT_VALUE, DEFAULT_VALUE];
+      var transformOrigin = {
+          name: 'transform-origin',
+          initialValue: '50% 50%',
+          prefix: true,
+          type: 1 /* LIST */,
+          parse: function (_context, tokens) {
+              var origins = tokens.filter(isLengthPercentage);
+              if (origins.length !== 2) {
+                  return DEFAULT;
+              }
+              return [origins[0], origins[1]];
+          }
+      };
+
+      var visibility = {
+          name: 'visible',
+          initialValue: 'none',
+          prefix: false,
+          type: 2 /* IDENT_VALUE */,
+          parse: function (_context, visibility) {
+              switch (visibility) {
+                  case 'hidden':
+                      return 1 /* HIDDEN */;
+                  case 'collapse':
+                      return 2 /* COLLAPSE */;
+                  case 'visible':
+                  default:
+                      return 0 /* VISIBLE */;
+              }
+          }
+      };
+
+      var WORD_BREAK;
+      (function (WORD_BREAK) {
+          WORD_BREAK["NORMAL"] = "normal";
+          WORD_BREAK["BREAK_ALL"] = "break-all";
+          WORD_BREAK["KEEP_ALL"] = "keep-all";
+      })(WORD_BREAK || (WORD_BREAK = {}));
+      var wordBreak = {
+          name: 'word-break',
+          initialValue: 'normal',
+          prefix: false,
+          type: 2 /* IDENT_VALUE */,
+          parse: function (_context, wordBreak) {
+              switch (wordBreak) {
+                  case 'break-all':
+                      return WORD_BREAK.BREAK_ALL;
+                  case 'keep-all':
+                      return WORD_BREAK.KEEP_ALL;
+                  case 'normal':
+                  default:
+                      return WORD_BREAK.NORMAL;
+              }
+          }
+      };
+
+      var zIndex = {
+          name: 'z-index',
+          initialValue: 'auto',
+          prefix: false,
+          type: 0 /* VALUE */,
+          parse: function (_context, token) {
+              if (token.type === 20 /* IDENT_TOKEN */) {
+                  return { auto: true, order: 0 };
+              }
+              if (isNumberToken(token)) {
+                  return { auto: false, order: token.number };
+              }
+              throw new Error("Invalid z-index number parsed");
+          }
+      };
+
+      var time = {
+          name: 'time',
+          parse: function (_context, value) {
+              if (value.type === 15 /* DIMENSION_TOKEN */) {
+                  switch (value.unit.toLowerCase()) {
+                      case 's':
+                          return 1000 * value.number;
+                      case 'ms':
+                          return value.number;
+                  }
+              }
+              throw new Error("Unsupported time type");
+          }
+      };
+
+      var opacity = {
+          name: 'opacity',
+          initialValue: '1',
+          type: 0 /* VALUE */,
+          prefix: false,
+          parse: function (_context, token) {
+              if (isNumberToken(token)) {
+                  return token.number;
+              }
+              return 1;
+          }
+      };
+
+      var textDecorationColor = {
+          name: "text-decoration-color",
+          initialValue: 'transparent',
+          prefix: false,
+          type: 3 /* TYPE_VALUE */,
+          format: 'color'
+      };
+
+      var textDecorationLine = {
+          name: 'text-decoration-line',
+          initialValue: 'none',
+          prefix: false,
+          type: 1 /* LIST */,
+          parse: function (_context, tokens) {
+              return tokens
+                  .filter(isIdentToken)
+                  .map(function (token) {
+                  switch (token.value) {
+                      case 'underline':
+                          return 1 /* UNDERLINE */;
+                      case 'overline':
+                          return 2 /* OVERLINE */;
+                      case 'line-through':
+                          return 3 /* LINE_THROUGH */;
+                      case 'none':
+                          return 4 /* BLINK */;
+                  }
+                  return 0 /* NONE */;
+              })
+                  .filter(function (line) { return line !== 0 /* NONE */; });
+          }
+      };
+
+      var fontFamily = {
+          name: "font-family",
+          initialValue: '',
+          prefix: false,
+          type: 1 /* LIST */,
+          parse: function (_context, tokens) {
+              var accumulator = [];
+              var results = [];
+              tokens.forEach(function (token) {
+                  switch (token.type) {
+                      case 20 /* IDENT_TOKEN */:
+                      case 0 /* STRING_TOKEN */:
+                          accumulator.push(token.value);
+                          break;
+                      case 17 /* NUMBER_TOKEN */:
+                          accumulator.push(token.number.toString());
+                          break;
+                      case 4 /* COMMA_TOKEN */:
+                          results.push(accumulator.join(' '));
+                          accumulator.length = 0;
+                          break;
+                  }
+              });
+              if (accumulator.length) {
+                  results.push(accumulator.join(' '));
+              }
+              return results.map(function (result) { return (result.indexOf(' ') === -1 ? result : "'" + result + "'"); });
+          }
+      };
+
+      var fontSize = {
+          name: "font-size",
+          initialValue: '0',
+          prefix: false,
+          type: 3 /* TYPE_VALUE */,
+          format: 'length'
+      };
+
+      var fontWeight = {
+          name: 'font-weight',
+          initialValue: 'normal',
+          type: 0 /* VALUE */,
+          prefix: false,
+          parse: function (_context, token) {
+              if (isNumberToken(token)) {
+                  return token.number;
+              }
+              if (isIdentToken(token)) {
+                  switch (token.value) {
+                      case 'bold':
+                          return 700;
+                      case 'normal':
+                      default:
+                          return 400;
+                  }
+              }
+              return 400;
+          }
+      };
+
+      var fontVariant = {
+          name: 'font-variant',
+          initialValue: 'none',
+          type: 1 /* LIST */,
+          prefix: false,
+          parse: function (_context, tokens) {
+              return tokens.filter(isIdentToken).map(function (token) { return token.value; });
+          }
+      };
+
+      var fontStyle = {
+          name: 'font-style',
+          initialValue: 'normal',
+          prefix: false,
+          type: 2 /* IDENT_VALUE */,
+          parse: function (_context, overflow) {
+              switch (overflow) {
+                  case 'oblique':
+                      return "oblique" /* OBLIQUE */;
+                  case 'italic':
+                      return "italic" /* ITALIC */;
+                  case 'normal':
+                  default:
+                      return "normal" /* NORMAL */;
+              }
+          }
+      };
+
+      var contains = function (bit, value) { return (bit & value) !== 0; };
+
+      var content = {
+          name: 'content',
+          initialValue: 'none',
+          type: 1 /* LIST */,
+          prefix: false,
+          parse: function (_context, tokens) {
+              if (tokens.length === 0) {
+                  return [];
+              }
+              var first = tokens[0];
+              if (first.type === 20 /* IDENT_TOKEN */ && first.value === 'none') {
+                  return [];
+              }
+              return tokens;
+          }
+      };
+
+      var counterIncrement = {
+          name: 'counter-increment',
+          initialValue: 'none',
+          prefix: true,
+          type: 1 /* LIST */,
+          parse: function (_context, tokens) {
+              if (tokens.length === 0) {
+                  return null;
+              }
+              var first = tokens[0];
+              if (first.type === 20 /* IDENT_TOKEN */ && first.value === 'none') {
+                  return null;
+              }
+              var increments = [];
+              var filtered = tokens.filter(nonWhiteSpace);
+              for (var i = 0; i < filtered.length; i++) {
+                  var counter = filtered[i];
+                  var next = filtered[i + 1];
+                  if (counter.type === 20 /* IDENT_TOKEN */) {
+                      var increment = next && isNumberToken(next) ? next.number : 1;
+                      increments.push({ counter: counter.value, increment: increment });
+                  }
+              }
+              return increments;
+          }
+      };
+
+      var counterReset = {
+          name: 'counter-reset',
+          initialValue: 'none',
+          prefix: true,
+          type: 1 /* LIST */,
+          parse: function (_context, tokens) {
+              if (tokens.length === 0) {
+                  return [];
+              }
+              var resets = [];
+              var filtered = tokens.filter(nonWhiteSpace);
+              for (var i = 0; i < filtered.length; i++) {
+                  var counter = filtered[i];
+                  var next = filtered[i + 1];
+                  if (isIdentToken(counter) && counter.value !== 'none') {
+                      var reset = next && isNumberToken(next) ? next.number : 0;
+                      resets.push({ counter: counter.value, reset: reset });
+                  }
+              }
+              return resets;
+          }
+      };
+
+      var duration = {
+          name: 'duration',
+          initialValue: '0s',
+          prefix: false,
+          type: 1 /* LIST */,
+          parse: function (context, tokens) {
+              return tokens.filter(isDimensionToken).map(function (token) { return time.parse(context, token); });
+          }
+      };
+
+      var quotes = {
+          name: 'quotes',
+          initialValue: 'none',
+          prefix: true,
+          type: 1 /* LIST */,
+          parse: function (_context, tokens) {
+              if (tokens.length === 0) {
+                  return null;
+              }
+              var first = tokens[0];
+              if (first.type === 20 /* IDENT_TOKEN */ && first.value === 'none') {
+                  return null;
+              }
+              var quotes = [];
+              var filtered = tokens.filter(isStringToken);
+              if (filtered.length % 2 !== 0) {
+                  return null;
+              }
+              for (var i = 0; i < filtered.length; i += 2) {
+                  var open_1 = filtered[i].value;
+                  var close_1 = filtered[i + 1].value;
+                  quotes.push({ open: open_1, close: close_1 });
+              }
+              return quotes;
+          }
+      };
+      var getQuote = function (quotes, depth, open) {
+          if (!quotes) {
+              return '';
+          }
+          var quote = quotes[Math.min(depth, quotes.length - 1)];
+          if (!quote) {
+              return '';
+          }
+          return open ? quote.open : quote.close;
+      };
+
+      var boxShadow = {
+          name: 'box-shadow',
+          initialValue: 'none',
+          type: 1 /* LIST */,
+          prefix: false,
+          parse: function (context, tokens) {
+              if (tokens.length === 1 && isIdentWithValue(tokens[0], 'none')) {
+                  return [];
+              }
+              return parseFunctionArgs(tokens).map(function (values) {
+                  var shadow = {
+                      color: 0x000000ff,
+                      offsetX: ZERO_LENGTH,
+                      offsetY: ZERO_LENGTH,
+                      blur: ZERO_LENGTH,
+                      spread: ZERO_LENGTH,
+                      inset: false
+                  };
+                  var c = 0;
+                  for (var i = 0; i < values.length; i++) {
+                      var token = values[i];
+                      if (isIdentWithValue(token, 'inset')) {
+                          shadow.inset = true;
+                      }
+                      else if (isLength(token)) {
+                          if (c === 0) {
+                              shadow.offsetX = token;
+                          }
+                          else if (c === 1) {
+                              shadow.offsetY = token;
+                          }
+                          else if (c === 2) {
+                              shadow.blur = token;
+                          }
+                          else {
+                              shadow.spread = token;
+                          }
+                          c++;
+                      }
+                      else {
+                          shadow.color = color$1.parse(context, token);
+                      }
+                  }
+                  return shadow;
+              });
+          }
+      };
+
+      var paintOrder = {
+          name: 'paint-order',
+          initialValue: 'normal',
+          prefix: false,
+          type: 1 /* LIST */,
+          parse: function (_context, tokens) {
+              var DEFAULT_VALUE = [0 /* FILL */, 1 /* STROKE */, 2 /* MARKERS */];
+              var layers = [];
+              tokens.filter(isIdentToken).forEach(function (token) {
+                  switch (token.value) {
+                      case 'stroke':
+                          layers.push(1 /* STROKE */);
+                          break;
+                      case 'fill':
+                          layers.push(0 /* FILL */);
+                          break;
+                      case 'markers':
+                          layers.push(2 /* MARKERS */);
+                          break;
+                  }
+              });
+              DEFAULT_VALUE.forEach(function (value) {
+                  if (layers.indexOf(value) === -1) {
+                      layers.push(value);
+                  }
+              });
+              return layers;
+          }
+      };
+
+      var webkitTextStrokeColor = {
+          name: "-webkit-text-stroke-color",
+          initialValue: 'currentcolor',
+          prefix: false,
+          type: 3 /* TYPE_VALUE */,
+          format: 'color'
+      };
+
+      var webkitTextStrokeWidth = {
+          name: "-webkit-text-stroke-width",
+          initialValue: '0',
+          type: 0 /* VALUE */,
+          prefix: false,
+          parse: function (_context, token) {
+              if (isDimensionToken(token)) {
+                  return token.number;
+              }
+              return 0;
+          }
+      };
+
+      var CSSParsedDeclaration = /** @class */ (function () {
+          function CSSParsedDeclaration(context, declaration) {
+              var _a, _b;
+              this.animationDuration = parse(context, duration, declaration.animationDuration);
+              this.backgroundClip = parse(context, backgroundClip, declaration.backgroundClip);
+              this.backgroundColor = parse(context, backgroundColor, declaration.backgroundColor);
+              this.backgroundImage = parse(context, backgroundImage, declaration.backgroundImage);
+              this.backgroundOrigin = parse(context, backgroundOrigin, declaration.backgroundOrigin);
+              this.backgroundPosition = parse(context, backgroundPosition, declaration.backgroundPosition);
+              this.backgroundRepeat = parse(context, backgroundRepeat, declaration.backgroundRepeat);
+              this.backgroundSize = parse(context, backgroundSize, declaration.backgroundSize);
+              this.borderTopColor = parse(context, borderTopColor, declaration.borderTopColor);
+              this.borderRightColor = parse(context, borderRightColor, declaration.borderRightColor);
+              this.borderBottomColor = parse(context, borderBottomColor, declaration.borderBottomColor);
+              this.borderLeftColor = parse(context, borderLeftColor, declaration.borderLeftColor);
+              this.borderTopLeftRadius = parse(context, borderTopLeftRadius, declaration.borderTopLeftRadius);
+              this.borderTopRightRadius = parse(context, borderTopRightRadius, declaration.borderTopRightRadius);
+              this.borderBottomRightRadius = parse(context, borderBottomRightRadius, declaration.borderBottomRightRadius);
+              this.borderBottomLeftRadius = parse(context, borderBottomLeftRadius, declaration.borderBottomLeftRadius);
+              this.borderTopStyle = parse(context, borderTopStyle, declaration.borderTopStyle);
+              this.borderRightStyle = parse(context, borderRightStyle, declaration.borderRightStyle);
+              this.borderBottomStyle = parse(context, borderBottomStyle, declaration.borderBottomStyle);
+              this.borderLeftStyle = parse(context, borderLeftStyle, declaration.borderLeftStyle);
+              this.borderTopWidth = parse(context, borderTopWidth, declaration.borderTopWidth);
+              this.borderRightWidth = parse(context, borderRightWidth, declaration.borderRightWidth);
+              this.borderBottomWidth = parse(context, borderBottomWidth, declaration.borderBottomWidth);
+              this.borderLeftWidth = parse(context, borderLeftWidth, declaration.borderLeftWidth);
+              this.boxShadow = parse(context, boxShadow, declaration.boxShadow);
+              this.color = parse(context, color, declaration.color);
+              this.direction = parse(context, direction, declaration.direction);
+              this.display = parse(context, display, declaration.display);
+              this.float = parse(context, float, declaration.cssFloat);
+              this.fontFamily = parse(context, fontFamily, declaration.fontFamily);
+              this.fontSize = parse(context, fontSize, declaration.fontSize);
+              this.fontStyle = parse(context, fontStyle, declaration.fontStyle);
+              this.fontVariant = parse(context, fontVariant, declaration.fontVariant);
+              this.fontWeight = parse(context, fontWeight, declaration.fontWeight);
+              this.letterSpacing = parse(context, letterSpacing, declaration.letterSpacing);
+              this.lineBreak = parse(context, lineBreak, declaration.lineBreak);
+              this.lineHeight = parse(context, lineHeight, declaration.lineHeight);
+              this.listStyleImage = parse(context, listStyleImage, declaration.listStyleImage);
+              this.listStylePosition = parse(context, listStylePosition, declaration.listStylePosition);
+              this.listStyleType = parse(context, listStyleType, declaration.listStyleType);
+              this.marginTop = parse(context, marginTop, declaration.marginTop);
+              this.marginRight = parse(context, marginRight, declaration.marginRight);
+              this.marginBottom = parse(context, marginBottom, declaration.marginBottom);
+              this.marginLeft = parse(context, marginLeft, declaration.marginLeft);
+              this.opacity = parse(context, opacity, declaration.opacity);
+              var overflowTuple = parse(context, overflow, declaration.overflow);
+              this.overflowX = overflowTuple[0];
+              this.overflowY = overflowTuple[overflowTuple.length > 1 ? 1 : 0];
+              this.overflowWrap = parse(context, overflowWrap, declaration.overflowWrap);
+              this.paddingTop = parse(context, paddingTop, declaration.paddingTop);
+              this.paddingRight = parse(context, paddingRight, declaration.paddingRight);
+              this.paddingBottom = parse(context, paddingBottom, declaration.paddingBottom);
+              this.paddingLeft = parse(context, paddingLeft, declaration.paddingLeft);
+              this.paintOrder = parse(context, paintOrder, declaration.paintOrder);
+              this.position = parse(context, position, declaration.position);
+              this.textAlign = parse(context, textAlign, declaration.textAlign);
+              this.textDecorationColor = parse(context, textDecorationColor, (_a = declaration.textDecorationColor) !== null && _a !== void 0 ? _a : declaration.color);
+              this.textDecorationLine = parse(context, textDecorationLine, (_b = declaration.textDecorationLine) !== null && _b !== void 0 ? _b : declaration.textDecoration);
+              this.textShadow = parse(context, textShadow, declaration.textShadow);
+              this.textTransform = parse(context, textTransform, declaration.textTransform);
+              this.transform = parse(context, transform$1, declaration.transform);
+              this.transformOrigin = parse(context, transformOrigin, declaration.transformOrigin);
+              this.visibility = parse(context, visibility, declaration.visibility);
+              this.webkitTextStrokeColor = parse(context, webkitTextStrokeColor, declaration.webkitTextStrokeColor);
+              this.webkitTextStrokeWidth = parse(context, webkitTextStrokeWidth, declaration.webkitTextStrokeWidth);
+              this.wordBreak = parse(context, wordBreak, declaration.wordBreak);
+              this.zIndex = parse(context, zIndex, declaration.zIndex);
+          }
+          CSSParsedDeclaration.prototype.isVisible = function () {
+              return this.display > 0 && this.opacity > 0 && this.visibility === 0 /* VISIBLE */;
+          };
+          CSSParsedDeclaration.prototype.isTransparent = function () {
+              return isTransparent(this.backgroundColor);
+          };
+          CSSParsedDeclaration.prototype.isTransformed = function () {
+              return this.transform !== null;
+          };
+          CSSParsedDeclaration.prototype.isPositioned = function () {
+              return this.position !== 0 /* STATIC */;
+          };
+          CSSParsedDeclaration.prototype.isPositionedWithZIndex = function () {
+              return this.isPositioned() && !this.zIndex.auto;
+          };
+          CSSParsedDeclaration.prototype.isFloating = function () {
+              return this.float !== 0 /* NONE */;
+          };
+          CSSParsedDeclaration.prototype.isInlineLevel = function () {
+              return (contains(this.display, 4 /* INLINE */) ||
+                  contains(this.display, 33554432 /* INLINE_BLOCK */) ||
+                  contains(this.display, 268435456 /* INLINE_FLEX */) ||
+                  contains(this.display, 536870912 /* INLINE_GRID */) ||
+                  contains(this.display, 67108864 /* INLINE_LIST_ITEM */) ||
+                  contains(this.display, 134217728 /* INLINE_TABLE */));
+          };
+          return CSSParsedDeclaration;
+      }());
+      var CSSParsedPseudoDeclaration = /** @class */ (function () {
+          function CSSParsedPseudoDeclaration(context, declaration) {
+              this.content = parse(context, content, declaration.content);
+              this.quotes = parse(context, quotes, declaration.quotes);
+          }
+          return CSSParsedPseudoDeclaration;
+      }());
+      var CSSParsedCounterDeclaration = /** @class */ (function () {
+          function CSSParsedCounterDeclaration(context, declaration) {
+              this.counterIncrement = parse(context, counterIncrement, declaration.counterIncrement);
+              this.counterReset = parse(context, counterReset, declaration.counterReset);
+          }
+          return CSSParsedCounterDeclaration;
+      }());
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      var parse = function (context, descriptor, style) {
+          var tokenizer = new Tokenizer();
+          var value = style !== null && typeof style !== 'undefined' ? style.toString() : descriptor.initialValue;
+          tokenizer.write(value);
+          var parser = new Parser(tokenizer.read());
+          switch (descriptor.type) {
+              case 2 /* IDENT_VALUE */:
+                  var token = parser.parseComponentValue();
+                  return descriptor.parse(context, isIdentToken(token) ? token.value : descriptor.initialValue);
+              case 0 /* VALUE */:
+                  return descriptor.parse(context, parser.parseComponentValue());
+              case 1 /* LIST */:
+                  return descriptor.parse(context, parser.parseComponentValues());
+              case 4 /* TOKEN_VALUE */:
+                  return parser.parseComponentValue();
+              case 3 /* TYPE_VALUE */:
+                  switch (descriptor.format) {
+                      case 'angle':
+                          return angle.parse(context, parser.parseComponentValue());
+                      case 'color':
+                          return color$1.parse(context, parser.parseComponentValue());
+                      case 'image':
+                          return image.parse(context, parser.parseComponentValue());
+                      case 'length':
+                          var length_1 = parser.parseComponentValue();
+                          return isLength(length_1) ? length_1 : ZERO_LENGTH;
+                      case 'length-percentage':
+                          var value_1 = parser.parseComponentValue();
+                          return isLengthPercentage(value_1) ? value_1 : ZERO_LENGTH;
+                      case 'time':
+                          return time.parse(context, parser.parseComponentValue());
+                  }
+                  break;
+          }
+      };
+
+      var elementDebuggerAttribute = 'data-html2canvas-debug';
+      var getElementDebugType = function (element) {
+          var attribute = element.getAttribute(elementDebuggerAttribute);
+          switch (attribute) {
+              case 'all':
+                  return 1 /* ALL */;
+              case 'clone':
+                  return 2 /* CLONE */;
+              case 'parse':
+                  return 3 /* PARSE */;
+              case 'render':
+                  return 4 /* RENDER */;
+              default:
+                  return 0 /* NONE */;
+          }
+      };
+      var isDebugging = function (element, type) {
+          var elementType = getElementDebugType(element);
+          return elementType === 1 /* ALL */ || type === elementType;
+      };
+
+      var ElementContainer = /** @class */ (function () {
+          function ElementContainer(context, element) {
+              this.context = context;
+              this.textNodes = [];
+              this.elements = [];
+              this.flags = 0;
+              if (isDebugging(element, 3 /* PARSE */)) {
+                  debugger;
+              }
+              this.styles = new CSSParsedDeclaration(context, window.getComputedStyle(element, null));
+              if (isHTMLElementNode(element)) {
+                  if (this.styles.animationDuration.some(function (duration) { return duration > 0; })) {
+                      element.style.animationDuration = '0s';
+                  }
+                  if (this.styles.transform !== null) {
+                      // getBoundingClientRect takes transforms into account
+                      element.style.transform = 'none';
+                  }
+              }
+              this.bounds = parseBounds(this.context, element);
+              if (isDebugging(element, 4 /* RENDER */)) {
+                  this.flags |= 16 /* DEBUG_RENDER */;
+              }
+          }
+          return ElementContainer;
+      }());
+
+      /*
+       * text-segmentation 1.0.3 <https://github.com/niklasvh/text-segmentation>
+       * Copyright (c) 2022 Niklas von Hertzen <https://hertzen.com>
+       * Released under MIT License
+       */
+      var base64 = 'AAAAAAAAAAAAEA4AGBkAAFAaAAACAAAAAAAIABAAGAAwADgACAAQAAgAEAAIABAACAAQAAgAEAAIABAACAAQAAgAEAAIABAAQABIAEQATAAIABAACAAQAAgAEAAIABAAVABcAAgAEAAIABAACAAQAGAAaABwAHgAgACIAI4AlgAIABAAmwCjAKgAsAC2AL4AvQDFAMoA0gBPAVYBWgEIAAgACACMANoAYgFkAWwBdAF8AX0BhQGNAZUBlgGeAaMBlQGWAasBswF8AbsBwwF0AcsBYwHTAQgA2wG/AOMBdAF8AekB8QF0AfkB+wHiAHQBfAEIAAMC5gQIAAsCEgIIAAgAFgIeAggAIgIpAggAMQI5AkACygEIAAgASAJQAlgCYAIIAAgACAAKBQoFCgUTBRMFGQUrBSsFCAAIAAgACAAIAAgACAAIAAgACABdAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACABoAmgCrwGvAQgAbgJ2AggAHgEIAAgACADnAXsCCAAIAAgAgwIIAAgACAAIAAgACACKAggAkQKZAggAPADJAAgAoQKkAqwCsgK6AsICCADJAggA0AIIAAgACAAIANYC3gIIAAgACAAIAAgACABAAOYCCAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAkASoB+QIEAAgACAA8AEMCCABCBQgACABJBVAFCAAIAAgACAAIAAgACAAIAAgACABTBVoFCAAIAFoFCABfBWUFCAAIAAgACAAIAAgAbQUIAAgACAAIAAgACABzBXsFfQWFBYoFigWKBZEFigWKBYoFmAWfBaYFrgWxBbkFCAAIAAgACAAIAAgACAAIAAgACAAIAMEFCAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAMgFCADQBQgACAAIAAgACAAIAAgACAAIAAgACAAIAO4CCAAIAAgAiQAIAAgACABAAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAD0AggACAD8AggACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIANYFCAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAMDvwAIAAgAJAIIAAgACAAIAAgACAAIAAgACwMTAwgACAB9BOsEGwMjAwgAKwMyAwsFYgE3A/MEPwMIAEUDTQNRAwgAWQOsAGEDCAAIAAgACAAIAAgACABpAzQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFIQUoBSwFCAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACABtAwgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACABMAEwACAAIAAgACAAIABgACAAIAAgACAC/AAgACAAyAQgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACACAAIAAwAAgACAAIAAgACAAIAAgACAAIAAAARABIAAgACAAIABQASAAIAAgAIABwAEAAjgCIABsAqAC2AL0AigDQAtwC+IJIQqVAZUBWQqVAZUBlQGVAZUBlQGrC5UBlQGVAZUBlQGVAZUBlQGVAXsKlQGVAbAK6wsrDGUMpQzlDJUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAfAKAAuZA64AtwCJALoC6ADwAAgAuACgA/oEpgO6AqsD+AAIAAgAswMIAAgACAAIAIkAuwP5AfsBwwPLAwgACAAIAAgACADRA9kDCAAIAOED6QMIAAgACAAIAAgACADuA/YDCAAIAP4DyQAIAAgABgQIAAgAXQAOBAgACAAIAAgACAAIABMECAAIAAgACAAIAAgACAD8AAQBCAAIAAgAGgQiBCoECAExBAgAEAEIAAgACAAIAAgACAAIAAgACAAIAAgACAA4BAgACABABEYECAAIAAgATAQYAQgAVAQIAAgACAAIAAgACAAIAAgACAAIAFoECAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgAOQEIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAB+BAcACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAEABhgSMBAgACAAIAAgAlAQIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAwAEAAQABAADAAMAAwADAAQABAAEAAQABAAEAAQABHATAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgAdQMIAAgACAAIAAgACAAIAMkACAAIAAgAfQMIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACACFA4kDCAAIAAgACAAIAOcBCAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAIcDCAAIAAgACAAIAAgACAAIAAgACAAIAJEDCAAIAAgACADFAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACABgBAgAZgQIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgAbAQCBXIECAAIAHkECAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACABAAJwEQACjBKoEsgQIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAC6BMIECAAIAAgACAAIAAgACABmBAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgAxwQIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAGYECAAIAAgAzgQIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgAigWKBYoFigWKBYoFigWKBd0FXwUIAOIF6gXxBYoF3gT5BQAGCAaKBYoFigWKBYoFigWKBYoFigWKBYoFigXWBIoFigWKBYoFigWKBYoFigWKBYsFEAaKBYoFigWKBYoFigWKBRQGCACKBYoFigWKBQgACAAIANEECAAIABgGigUgBggAJgYIAC4GMwaKBYoF0wQ3Bj4GigWKBYoFigWKBYoFigWKBYoFigWKBYoFigUIAAgACAAIAAgACAAIAAgAigWKBYoFigWKBYoFigWKBYoFigWKBYoFigWKBYoFigWKBYoFigWKBYoFigWKBYoFigWKBYoFigWKBYoFigWLBf///////wQABAAEAAQABAAEAAQABAAEAAQAAwAEAAQAAgAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAAAAAAAAAAAAAAAAAAAAAAAAAOAAAAAAAAAAQADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUABQAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAAAUAAAAFAAUAAAAFAAUAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAEAAQABAAEAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUABQAFAAUABQAFAAUABQAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUABQAFAAUAAQAAAAUABQAFAAUABQAFAAAAAAAFAAUAAAAFAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAUABQAFAAUABQAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAUABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAFAAUAAQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABwAFAAUABQAFAAAABwAHAAcAAAAHAAcABwAFAAEAAAAAAAAAAAAAAAAAAAAAAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHAAcABwAFAAUABQAFAAcABwAFAAUAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHAAAAAQABAAAAAAAAAAAAAAAFAAUABQAFAAAABwAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAHAAcABwAHAAcAAAAHAAcAAAAAAAUABQAHAAUAAQAHAAEABwAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUABQAFAAUABwABAAUABQAFAAUAAAAAAAAAAAAAAAEAAQABAAEAAQABAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABwAFAAUAAAAAAAAAAAAAAAAABQAFAAUABQAFAAUAAQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQABQANAAQABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQABAAEAAQABAAEAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAEAAQABAAEAAQABAAEAAQABAAEAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAQABAAEAAQABAAEAAQABAAAAAAAAAAAAAAAAAAAAAAABQAHAAUABQAFAAAAAAAAAAcABQAFAAUABQAFAAQABAAEAAQABAAEAAQABAAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUAAAAFAAUABQAFAAUAAAAFAAUABQAAAAUABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAAAAAAAAAAAAUABQAFAAcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAHAAUAAAAHAAcABwAFAAUABQAFAAUABQAFAAUABwAHAAcABwAFAAcABwAAAAUABQAFAAUABQAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABwAHAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAUABwAHAAUABQAFAAUAAAAAAAcABwAAAAAABwAHAAUAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAAABQAFAAcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAABwAHAAcABQAFAAAAAAAAAAAABQAFAAAAAAAFAAUABQAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAABwAFAAUABQAFAAUAAAAFAAUABwAAAAcABwAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUAAAAFAAUABwAFAAUABQAFAAAAAAAHAAcAAAAAAAcABwAFAAAAAAAAAAAAAAAAAAAABQAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAcABwAAAAAAAAAHAAcABwAAAAcABwAHAAUAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAAAAAAAAAAAAAAAAAAABQAHAAcABwAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABwAHAAcABwAAAAUABQAFAAAABQAFAAUABQAAAAAAAAAAAAAAAAAAAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAcABQAHAAcABQAHAAcAAAAFAAcABwAAAAcABwAFAAUAAAAAAAAAAAAAAAAAAAAFAAUAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAcABwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAAAAUABwAAAAAAAAAAAAAAAAAAAAAAAAAAAAUAAAAAAAAAAAAFAAcABwAFAAUABQAAAAUAAAAHAAcABwAHAAcABwAHAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUAAAAHAAUABQAFAAUABQAFAAUAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAABwAFAAUABQAFAAUABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUABQAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAUAAAAFAAAAAAAAAAAABwAHAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABwAFAAUABQAFAAUAAAAFAAUAAAAAAAAAAAAAAAUABQAFAAUABQAFAAUABQAFAAUABQAAAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUABwAFAAUABQAFAAUABQAAAAUABQAHAAcABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHAAcABQAFAAAAAAAAAAAABQAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAcABQAFAAAAAAAAAAAAAAAAAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAHAAUABQAFAAUABQAFAAUABwAHAAcABwAHAAcABwAHAAUABwAHAAUABQAFAAUABQAFAAUABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUABwAHAAcABwAFAAUABwAHAAcAAAAAAAAAAAAHAAcABQAHAAcABwAHAAcABwAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAcABwAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcABQAHAAUABQAFAAUABQAFAAUAAAAFAAAABQAAAAAABQAFAAUABQAFAAUABQAFAAcABwAHAAcABwAHAAUABQAFAAUABQAFAAUABQAFAAUAAAAAAAUABQAFAAUABQAHAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUABQAFAAUABwAFAAcABwAHAAcABwAFAAcABwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAUABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHAAUABQAFAAUABwAHAAUABQAHAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAcABQAFAAcABwAHAAUABwAFAAUABQAHAAcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABwAHAAcABwAHAAcABwAHAAUABQAFAAUABQAFAAUABQAHAAcABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUAAAAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAcABQAFAAUABQAFAAUABQAAAAAAAAAAAAUAAAAAAAAAAAAAAAAABQAAAAAABwAFAAUAAAAAAAAAAAAAAAAABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAAABQAFAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUABQAFAAUADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUAAAAFAAUABQAFAAUABQAFAAUABQAFAAAAAAAAAAAABQAAAAAAAAAFAAAAAAAAAAAABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABwAHAAUABQAHAAAAAAAAAAAABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcABwAHAAcABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUAAAAAAAAAAAAAAAAABQAFAAUABQAFAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUABQAFAAUABQAFAAUABQAHAAcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAcABwAFAAUABQAFAAcABwAFAAUABwAHAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUABQAFAAcABwAFAAUABwAHAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAFAAcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUAAAAFAAUABQAAAAAABQAFAAAAAAAAAAAAAAAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcABQAFAAcABwAAAAAAAAAAAAAABwAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcABwAFAAcABwAFAAcABwAAAAcABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUABQAAAAAAAAAAAAAAAAAFAAUABQAAAAUABQAAAAAAAAAAAAAABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAAAAAAAAAAAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcABQAHAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAUABwAFAAUABQAFAAUABQAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABwAHAAcABQAFAAUABQAFAAUABQAFAAUABwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHAAcABwAFAAUABQAHAAcABQAHAAUABQAAAAAAAAAAAAAAAAAFAAAABwAHAAcABQAFAAUABQAFAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABwAHAAcABwAAAAAABwAHAAAAAAAHAAcABwAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAABwAHAAAAAAAFAAUABQAFAAUABQAFAAAAAAAAAAUABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHAAcABwAFAAUABQAFAAUABQAFAAUABwAHAAUABQAFAAcABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAHAAcABQAFAAUABQAFAAUABwAFAAcABwAFAAcABQAFAAcABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAHAAcABQAFAAUABQAAAAAABwAHAAcABwAFAAUABwAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcABwAHAAUABQAFAAUABQAFAAUABQAHAAcABQAHAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABwAFAAcABwAFAAUABQAFAAUABQAHAAUAAAAAAAAAAAAAAAAAAAAAAAcABwAFAAUABQAFAAcABQAFAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHAAcABwAFAAUABQAFAAUABQAFAAUABQAHAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHAAcABwAFAAUABQAFAAAAAAAFAAUABwAHAAcABwAFAAAAAAAAAAcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAUABQAFAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUABQAFAAUABwAHAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcABQAFAAUABQAFAAUABQAAAAUABQAFAAUABQAFAAcABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAAAHAAUABQAFAAUABQAFAAUABwAFAAUABwAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUABQAFAAUAAAAAAAAABQAAAAUABQAAAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAHAAcABwAHAAcAAAAFAAUAAAAHAAcABQAHAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABwAHAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAAAAAAAAAAAAAAAAAAABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcABwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAAAAUABQAFAAAAAAAFAAUABQAFAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAAAAAAAAAAABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUABQAAAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUABQAFAAUABQAAAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAAAAABQAFAAUABQAFAAUABQAAAAUABQAAAAUABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAFAAUABQAFAAUADgAOAA4ADgAOAA4ADwAPAA8ADwAPAA8ADwAPAA8ADwAPAA8ADwAPAA8ADwAPAA8ADwAPAA8ADwAPAA8ADwAPAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcABwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABwAHAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAAAAAAAAAkACQAJAAkACQAJAAkACQAJAAkACQAJAAkACQAJAAkACQAJAAkACQAJAAkACQAJAAkACQAJAAkACQAJAAkACQAKAAoACgAKAAoACgAKAAoACgAKAAoACgAKAAoACgAKAAoACgAKAAoACgAKAAoACgAMAAwADAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAkACQAJAAkACQAJAAkACQAJAAkACQAJAAkACQAJAAkACQAJAAkAAAAAAAAAAAAKAAoACgAKAAoACgAKAAoACgAKAAoACgAKAAoACgAKAAoACgAKAAoACgAKAAoACgAKAAoACgAKAAoACgAKAAoACgAAAAAAAAAAAAsADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwACwAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAAAAAADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAA4ADgAOAA4ADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4ADgAAAAAAAAAAAAAAAAAAAAAADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAOAA4ADgAOAA4ADgAOAA4ADgAOAAAAAAAAAAAADgAOAA4AAAAAAAAAAAAAAAAAAAAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAOAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAAAAAAAAAAAAAAAAAAAAAAAAAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAOAA4ADgAAAA4ADgAOAA4ADgAOAAAADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4AAAAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4AAAAAAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAAAA4AAAAOAAAAAAAAAAAAAAAAAA4AAAAAAAAAAAAAAAAADgAAAAAAAAAAAAAAAAAAAAAAAAAAAA4ADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAAAAAADgAAAAAAAAAAAA4AAAAOAAAAAAAAAAAADgAOAA4AAAAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAA4ADgAOAA4AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAA4ADgAAAAAAAAAAAAAAAAAAAAAAAAAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAA4AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4ADgAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAAAAAAAAAAAA4AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAAAADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAA4ADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4ADgAOAA4ADgAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4ADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAAAAAADgAOAA4ADgAOAA4ADgAOAA4ADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAAAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4AAAAAAA4ADgAOAA4ADgAOAA4ADgAOAAAADgAOAA4ADgAAAAAAAAAAAAAAAAAAAAAAAAAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4AAAAAAAAAAAAAAAAADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAA4ADgAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAOAA4ADgAOAA4ADgAOAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAOAA4ADgAOAA4AAAAAAAAAAAAAAAAAAAAAAA4ADgAOAA4ADgAOAA4ADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4AAAAOAA4ADgAOAA4ADgAAAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4AAAAAAAAAAAA=';
+
+      /*
+       * utrie 1.0.2 <https://github.com/niklasvh/utrie>
+       * Copyright (c) 2022 Niklas von Hertzen <https://hertzen.com>
+       * Released under MIT License
+       */
+      var chars$1 = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/';
+      // Use a lookup table to find the index.
+      var lookup$1 = typeof Uint8Array === 'undefined' ? [] : new Uint8Array(256);
+      for (var i$1 = 0; i$1 < chars$1.length; i$1++) {
+          lookup$1[chars$1.charCodeAt(i$1)] = i$1;
+      }
+      var decode = function (base64) {
+          var bufferLength = base64.length * 0.75, len = base64.length, i, p = 0, encoded1, encoded2, encoded3, encoded4;
+          if (base64[base64.length - 1] === '=') {
+              bufferLength--;
+              if (base64[base64.length - 2] === '=') {
+                  bufferLength--;
+              }
+          }
+          var buffer = typeof ArrayBuffer !== 'undefined' &&
+              typeof Uint8Array !== 'undefined' &&
+              typeof Uint8Array.prototype.slice !== 'undefined'
+              ? new ArrayBuffer(bufferLength)
+              : new Array(bufferLength);
+          var bytes = Array.isArray(buffer) ? buffer : new Uint8Array(buffer);
+          for (i = 0; i < len; i += 4) {
+              encoded1 = lookup$1[base64.charCodeAt(i)];
+              encoded2 = lookup$1[base64.charCodeAt(i + 1)];
+              encoded3 = lookup$1[base64.charCodeAt(i + 2)];
+              encoded4 = lookup$1[base64.charCodeAt(i + 3)];
+              bytes[p++] = (encoded1 << 2) | (encoded2 >> 4);
+              bytes[p++] = ((encoded2 & 15) << 4) | (encoded3 >> 2);
+              bytes[p++] = ((encoded3 & 3) << 6) | (encoded4 & 63);
+          }
+          return buffer;
+      };
+      var polyUint16Array = function (buffer) {
+          var length = buffer.length;
+          var bytes = [];
+          for (var i = 0; i < length; i += 2) {
+              bytes.push((buffer[i + 1] << 8) | buffer[i]);
+          }
+          return bytes;
+      };
+      var polyUint32Array = function (buffer) {
+          var length = buffer.length;
+          var bytes = [];
+          for (var i = 0; i < length; i += 4) {
+              bytes.push((buffer[i + 3] << 24) | (buffer[i + 2] << 16) | (buffer[i + 1] << 8) | buffer[i]);
+          }
+          return bytes;
+      };
+
+      /** Shift size for getting the index-2 table offset. */
+      var UTRIE2_SHIFT_2 = 5;
+      /** Shift size for getting the index-1 table offset. */
+      var UTRIE2_SHIFT_1 = 6 + 5;
+      /**
+       * Shift size for shifting left the index array values.
+       * Increases possible data size with 16-bit index values at the cost
+       * of compactability.
+       * This requires data blocks to be aligned by UTRIE2_DATA_GRANULARITY.
+       */
+      var UTRIE2_INDEX_SHIFT = 2;
+      /**
+       * Difference between the two shift sizes,
+       * for getting an index-1 offset from an index-2 offset. 6=11-5
+       */
+      var UTRIE2_SHIFT_1_2 = UTRIE2_SHIFT_1 - UTRIE2_SHIFT_2;
+      /**
+       * The part of the index-2 table for U+D800..U+DBFF stores values for
+       * lead surrogate code _units_ not code _points_.
+       * Values for lead surrogate code _points_ are indexed with this portion of the table.
+       * Length=32=0x20=0x400>>UTRIE2_SHIFT_2. (There are 1024=0x400 lead surrogates.)
+       */
+      var UTRIE2_LSCP_INDEX_2_OFFSET = 0x10000 >> UTRIE2_SHIFT_2;
+      /** Number of entries in a data block. 32=0x20 */
+      var UTRIE2_DATA_BLOCK_LENGTH = 1 << UTRIE2_SHIFT_2;
+      /** Mask for getting the lower bits for the in-data-block offset. */
+      var UTRIE2_DATA_MASK = UTRIE2_DATA_BLOCK_LENGTH - 1;
+      var UTRIE2_LSCP_INDEX_2_LENGTH = 0x400 >> UTRIE2_SHIFT_2;
+      /** Count the lengths of both BMP pieces. 2080=0x820 */
+      var UTRIE2_INDEX_2_BMP_LENGTH = UTRIE2_LSCP_INDEX_2_OFFSET + UTRIE2_LSCP_INDEX_2_LENGTH;
+      /**
+       * The 2-byte UTF-8 version of the index-2 table follows at offset 2080=0x820.
+       * Length 32=0x20 for lead bytes C0..DF, regardless of UTRIE2_SHIFT_2.
+       */
+      var UTRIE2_UTF8_2B_INDEX_2_OFFSET = UTRIE2_INDEX_2_BMP_LENGTH;
+      var UTRIE2_UTF8_2B_INDEX_2_LENGTH = 0x800 >> 6; /* U+0800 is the first code point after 2-byte UTF-8 */
+      /**
+       * The index-1 table, only used for supplementary code points, at offset 2112=0x840.
+       * Variable length, for code points up to highStart, where the last single-value range starts.
+       * Maximum length 512=0x200=0x100000>>UTRIE2_SHIFT_1.
+       * (For 0x100000 supplementary code points U+10000..U+10ffff.)
+       *
+       * The part of the index-2 table for supplementary code points starts
+       * after this index-1 table.
+       *
+       * Both the index-1 table and the following part of the index-2 table
+       * are omitted completely if there is only BMP data.
+       */
+      var UTRIE2_INDEX_1_OFFSET = UTRIE2_UTF8_2B_INDEX_2_OFFSET + UTRIE2_UTF8_2B_INDEX_2_LENGTH;
+      /**
+       * Number of index-1 entries for the BMP. 32=0x20
+       * This part of the index-1 table is omitted from the serialized form.
+       */
+      var UTRIE2_OMITTED_BMP_INDEX_1_LENGTH = 0x10000 >> UTRIE2_SHIFT_1;
+      /** Number of entries in an index-2 block. 64=0x40 */
+      var UTRIE2_INDEX_2_BLOCK_LENGTH = 1 << UTRIE2_SHIFT_1_2;
+      /** Mask for getting the lower bits for the in-index-2-block offset. */
+      var UTRIE2_INDEX_2_MASK = UTRIE2_INDEX_2_BLOCK_LENGTH - 1;
+      var slice16 = function (view, start, end) {
+          if (view.slice) {
+              return view.slice(start, end);
+          }
+          return new Uint16Array(Array.prototype.slice.call(view, start, end));
+      };
+      var slice32 = function (view, start, end) {
+          if (view.slice) {
+              return view.slice(start, end);
+          }
+          return new Uint32Array(Array.prototype.slice.call(view, start, end));
+      };
+      var createTrieFromBase64 = function (base64, _byteLength) {
+          var buffer = decode(base64);
+          var view32 = Array.isArray(buffer) ? polyUint32Array(buffer) : new Uint32Array(buffer);
+          var view16 = Array.isArray(buffer) ? polyUint16Array(buffer) : new Uint16Array(buffer);
+          var headerLength = 24;
+          var index = slice16(view16, headerLength / 2, view32[4] / 2);
+          var data = view32[5] === 2
+              ? slice16(view16, (headerLength + view32[4]) / 2)
+              : slice32(view32, Math.ceil((headerLength + view32[4]) / 4));
+          return new Trie(view32[0], view32[1], view32[2], view32[3], index, data);
+      };
+      var Trie = /** @class */ (function () {
+          function Trie(initialValue, errorValue, highStart, highValueIndex, index, data) {
+              this.initialValue = initialValue;
+              this.errorValue = errorValue;
+              this.highStart = highStart;
+              this.highValueIndex = highValueIndex;
+              this.index = index;
+              this.data = data;
+          }
+          /**
+           * Get the value for a code point as stored in the Trie.
+           *
+           * @param codePoint the code point
+           * @return the value
+           */
+          Trie.prototype.get = function (codePoint) {
+              var ix;
+              if (codePoint >= 0) {
+                  if (codePoint < 0x0d800 || (codePoint > 0x0dbff && codePoint <= 0x0ffff)) {
+                      // Ordinary BMP code point, excluding leading surrogates.
+                      // BMP uses a single level lookup.  BMP index starts at offset 0 in the Trie2 index.
+                      // 16 bit data is stored in the index array itself.
+                      ix = this.index[codePoint >> UTRIE2_SHIFT_2];
+                      ix = (ix << UTRIE2_INDEX_SHIFT) + (codePoint & UTRIE2_DATA_MASK);
+                      return this.data[ix];
+                  }
+                  if (codePoint <= 0xffff) {
+                      // Lead Surrogate Code Point.  A Separate index section is stored for
+                      // lead surrogate code units and code points.
+                      //   The main index has the code unit data.
+                      //   For this function, we need the code point data.
+                      // Note: this expression could be refactored for slightly improved efficiency, but
+                      //       surrogate code points will be so rare in practice that it's not worth it.
+                      ix = this.index[UTRIE2_LSCP_INDEX_2_OFFSET + ((codePoint - 0xd800) >> UTRIE2_SHIFT_2)];
+                      ix = (ix << UTRIE2_INDEX_SHIFT) + (codePoint & UTRIE2_DATA_MASK);
+                      return this.data[ix];
+                  }
+                  if (codePoint < this.highStart) {
+                      // Supplemental code point, use two-level lookup.
+                      ix = UTRIE2_INDEX_1_OFFSET - UTRIE2_OMITTED_BMP_INDEX_1_LENGTH + (codePoint >> UTRIE2_SHIFT_1);
+                      ix = this.index[ix];
+                      ix += (codePoint >> UTRIE2_SHIFT_2) & UTRIE2_INDEX_2_MASK;
+                      ix = this.index[ix];
+                      ix = (ix << UTRIE2_INDEX_SHIFT) + (codePoint & UTRIE2_DATA_MASK);
+                      return this.data[ix];
+                  }
+                  if (codePoint <= 0x10ffff) {
+                      return this.data[this.highValueIndex];
+                  }
+              }
+              // Fall through.  The code point is outside of the legal range of 0..0x10ffff.
+              return this.errorValue;
+          };
+          return Trie;
+      }());
+
+      /*
+       * base64-arraybuffer 1.0.2 <https://github.com/niklasvh/base64-arraybuffer>
+       * Copyright (c) 2022 Niklas von Hertzen <https://hertzen.com>
+       * Released under MIT License
+       */
+      var chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/';
+      // Use a lookup table to find the index.
+      var lookup = typeof Uint8Array === 'undefined' ? [] : new Uint8Array(256);
+      for (var i = 0; i < chars.length; i++) {
+          lookup[chars.charCodeAt(i)] = i;
+      }
+
+      var Prepend = 1;
+      var CR = 2;
+      var LF = 3;
+      var Control = 4;
+      var Extend = 5;
+      var SpacingMark = 7;
+      var L = 8;
+      var V = 9;
+      var T = 10;
+      var LV = 11;
+      var LVT = 12;
+      var ZWJ = 13;
+      var Extended_Pictographic = 14;
+      var RI = 15;
+      var toCodePoints = function (str) {
+          var codePoints = [];
+          var i = 0;
+          var length = str.length;
+          while (i < length) {
+              var value = str.charCodeAt(i++);
+              if (value >= 0xd800 && value <= 0xdbff && i < length) {
+                  var extra = str.charCodeAt(i++);
+                  if ((extra & 0xfc00) === 0xdc00) {
+                      codePoints.push(((value & 0x3ff) << 10) + (extra & 0x3ff) + 0x10000);
+                  }
+                  else {
+                      codePoints.push(value);
+                      i--;
+                  }
+              }
+              else {
+                  codePoints.push(value);
+              }
+          }
+          return codePoints;
+      };
+      var fromCodePoint = function () {
+          var codePoints = [];
+          for (var _i = 0; _i < arguments.length; _i++) {
+              codePoints[_i] = arguments[_i];
+          }
+          if (String.fromCodePoint) {
+              return String.fromCodePoint.apply(String, codePoints);
+          }
+          var length = codePoints.length;
+          if (!length) {
+              return '';
+          }
+          var codeUnits = [];
+          var index = -1;
+          var result = '';
+          while (++index < length) {
+              var codePoint = codePoints[index];
+              if (codePoint <= 0xffff) {
+                  codeUnits.push(codePoint);
+              }
+              else {
+                  codePoint -= 0x10000;
+                  codeUnits.push((codePoint >> 10) + 0xd800, (codePoint % 0x400) + 0xdc00);
+              }
+              if (index + 1 === length || codeUnits.length > 0x4000) {
+                  result += String.fromCharCode.apply(String, codeUnits);
+                  codeUnits.length = 0;
+              }
+          }
+          return result;
+      };
+      var UnicodeTrie = createTrieFromBase64(base64);
+      var BREAK_NOT_ALLOWED = '×';
+      var BREAK_ALLOWED = '÷';
+      var codePointToClass = function (codePoint) { return UnicodeTrie.get(codePoint); };
+      var _graphemeBreakAtIndex = function (_codePoints, classTypes, index) {
+          var prevIndex = index - 2;
+          var prev = classTypes[prevIndex];
+          var current = classTypes[index - 1];
+          var next = classTypes[index];
+          // GB3 Do not break between a CR and LF
+          if (current === CR && next === LF) {
+              return BREAK_NOT_ALLOWED;
+          }
+          // GB4 Otherwise, break before and after controls.
+          if (current === CR || current === LF || current === Control) {
+              return BREAK_ALLOWED;
+          }
+          // GB5
+          if (next === CR || next === LF || next === Control) {
+              return BREAK_ALLOWED;
+          }
+          // Do not break Hangul syllable sequences.
+          // GB6
+          if (current === L && [L, V, LV, LVT].indexOf(next) !== -1) {
+              return BREAK_NOT_ALLOWED;
+          }
+          // GB7
+          if ((current === LV || current === V) && (next === V || next === T)) {
+              return BREAK_NOT_ALLOWED;
+          }
+          // GB8
+          if ((current === LVT || current === T) && next === T) {
+              return BREAK_NOT_ALLOWED;
+          }
+          // GB9 Do not break before extending characters or ZWJ.
+          if (next === ZWJ || next === Extend) {
+              return BREAK_NOT_ALLOWED;
+          }
+          // Do not break before SpacingMarks, or after Prepend characters.
+          // GB9a
+          if (next === SpacingMark) {
+              return BREAK_NOT_ALLOWED;
+          }
+          // GB9a
+          if (current === Prepend) {
+              return BREAK_NOT_ALLOWED;
+          }
+          // GB11 Do not break within emoji modifier sequences or emoji zwj sequences.
+          if (current === ZWJ && next === Extended_Pictographic) {
+              while (prev === Extend) {
+                  prev = classTypes[--prevIndex];
+              }
+              if (prev === Extended_Pictographic) {
+                  return BREAK_NOT_ALLOWED;
+              }
+          }
+          // GB12 Do not break within emoji flag sequences.
+          // That is, do not break between regional indicator (RI) symbols
+          // if there is an odd number of RI characters before the break point.
+          if (current === RI && next === RI) {
+              var countRI = 0;
+              while (prev === RI) {
+                  countRI++;
+                  prev = classTypes[--prevIndex];
+              }
+              if (countRI % 2 === 0) {
+                  return BREAK_NOT_ALLOWED;
+              }
+          }
+          return BREAK_ALLOWED;
+      };
+      var GraphemeBreaker = function (str) {
+          var codePoints = toCodePoints(str);
+          var length = codePoints.length;
+          var index = 0;
+          var lastEnd = 0;
+          var classTypes = codePoints.map(codePointToClass);
+          return {
+              next: function () {
+                  if (index >= length) {
+                      return { done: true, value: null };
+                  }
+                  var graphemeBreak = BREAK_NOT_ALLOWED;
+                  while (index < length &&
+                      (graphemeBreak = _graphemeBreakAtIndex(codePoints, classTypes, ++index)) === BREAK_NOT_ALLOWED) { }
+                  if (graphemeBreak !== BREAK_NOT_ALLOWED || index === length) {
+                      var value = fromCodePoint.apply(null, codePoints.slice(lastEnd, index));
+                      lastEnd = index;
+                      return { value: value, done: false };
+                  }
+                  return { done: true, value: null };
+              },
+          };
+      };
+      var splitGraphemes = function (str) {
+          var breaker = GraphemeBreaker(str);
+          var graphemes = [];
+          var bk;
+          while (!(bk = breaker.next()).done) {
+              if (bk.value) {
+                  graphemes.push(bk.value.slice());
+              }
+          }
+          return graphemes;
+      };
+
+      var testRangeBounds = function (document) {
+          var TEST_HEIGHT = 123;
+          if (document.createRange) {
+              var range = document.createRange();
+              if (range.getBoundingClientRect) {
+                  var testElement = document.createElement('boundtest');
+                  testElement.style.height = TEST_HEIGHT + "px";
+                  testElement.style.display = 'block';
+                  document.body.appendChild(testElement);
+                  range.selectNode(testElement);
+                  var rangeBounds = range.getBoundingClientRect();
+                  var rangeHeight = Math.round(rangeBounds.height);
+                  document.body.removeChild(testElement);
+                  if (rangeHeight === TEST_HEIGHT) {
+                      return true;
+                  }
+              }
+          }
+          return false;
+      };
+      var testIOSLineBreak = function (document) {
+          var testElement = document.createElement('boundtest');
+          testElement.style.width = '50px';
+          testElement.style.display = 'block';
+          testElement.style.fontSize = '12px';
+          testElement.style.letterSpacing = '0px';
+          testElement.style.wordSpacing = '0px';
+          document.body.appendChild(testElement);
+          var range = document.createRange();
+          testElement.innerHTML = typeof ''.repeat === 'function' ? '&#128104;'.repeat(10) : '';
+          var node = testElement.firstChild;
+          var textList = toCodePoints$1(node.data).map(function (i) { return fromCodePoint$1(i); });
+          var offset = 0;
+          var prev = {};
+          // ios 13 does not handle range getBoundingClientRect line changes correctly #2177
+          var supports = textList.every(function (text, i) {
+              range.setStart(node, offset);
+              range.setEnd(node, offset + text.length);
+              var rect = range.getBoundingClientRect();
+              offset += text.length;
+              var boundAhead = rect.x > prev.x || rect.y > prev.y;
+              prev = rect;
+              if (i === 0) {
+                  return true;
+              }
+              return boundAhead;
+          });
+          document.body.removeChild(testElement);
+          return supports;
+      };
+      var testCORS = function () { return typeof new Image().crossOrigin !== 'undefined'; };
+      var testResponseType = function () { return typeof new XMLHttpRequest().responseType === 'string'; };
+      var testSVG = function (document) {
+          var img = new Image();
+          var canvas = document.createElement('canvas');
+          var ctx = canvas.getContext('2d');
+          if (!ctx) {
+              return false;
+          }
+          img.src = "data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg'></svg>";
+          try {
+              ctx.drawImage(img, 0, 0);
+              canvas.toDataURL();
+          }
+          catch (e) {
+              return false;
+          }
+          return true;
+      };
+      var isGreenPixel = function (data) {
+          return data[0] === 0 && data[1] === 255 && data[2] === 0 && data[3] === 255;
+      };
+      var testForeignObject = function (document) {
+          var canvas = document.createElement('canvas');
+          var size = 100;
+          canvas.width = size;
+          canvas.height = size;
+          var ctx = canvas.getContext('2d');
+          if (!ctx) {
+              return Promise.reject(false);
+          }
+          ctx.fillStyle = 'rgb(0, 255, 0)';
+          ctx.fillRect(0, 0, size, size);
+          var img = new Image();
+          var greenImageSrc = canvas.toDataURL();
+          img.src = greenImageSrc;
+          var svg = createForeignObjectSVG(size, size, 0, 0, img);
+          ctx.fillStyle = 'red';
+          ctx.fillRect(0, 0, size, size);
+          return loadSerializedSVG$1(svg)
+              .then(function (img) {
+              ctx.drawImage(img, 0, 0);
+              var data = ctx.getImageData(0, 0, size, size).data;
+              ctx.fillStyle = 'red';
+              ctx.fillRect(0, 0, size, size);
+              var node = document.createElement('div');
+              node.style.backgroundImage = "url(" + greenImageSrc + ")";
+              node.style.height = size + "px";
+              // Firefox 55 does not render inline <img /> tags
+              return isGreenPixel(data)
+                  ? loadSerializedSVG$1(createForeignObjectSVG(size, size, 0, 0, node))
+                  : Promise.reject(false);
+          })
+              .then(function (img) {
+              ctx.drawImage(img, 0, 0);
+              // Edge does not render background-images
+              return isGreenPixel(ctx.getImageData(0, 0, size, size).data);
+          })
+              .catch(function () { return false; });
+      };
+      var createForeignObjectSVG = function (width, height, x, y, node) {
+          var xmlns = 'http://www.w3.org/2000/svg';
+          var svg = document.createElementNS(xmlns, 'svg');
+          var foreignObject = document.createElementNS(xmlns, 'foreignObject');
+          svg.setAttributeNS(null, 'width', width.toString());
+          svg.setAttributeNS(null, 'height', height.toString());
+          foreignObject.setAttributeNS(null, 'width', '100%');
+          foreignObject.setAttributeNS(null, 'height', '100%');
+          foreignObject.setAttributeNS(null, 'x', x.toString());
+          foreignObject.setAttributeNS(null, 'y', y.toString());
+          foreignObject.setAttributeNS(null, 'externalResourcesRequired', 'true');
+          svg.appendChild(foreignObject);
+          foreignObject.appendChild(node);
+          return svg;
+      };
+      var loadSerializedSVG$1 = function (svg) {
+          return new Promise(function (resolve, reject) {
+              var img = new Image();
+              img.onload = function () { return resolve(img); };
+              img.onerror = reject;
+              img.src = "data:image/svg+xml;charset=utf-8," + encodeURIComponent(new XMLSerializer().serializeToString(svg));
+          });
+      };
+      var FEATURES = {
+          get SUPPORT_RANGE_BOUNDS() {
+              var value = testRangeBounds(document);
+              Object.defineProperty(FEATURES, 'SUPPORT_RANGE_BOUNDS', { value: value });
+              return value;
+          },
+          get SUPPORT_WORD_BREAKING() {
+              var value = FEATURES.SUPPORT_RANGE_BOUNDS && testIOSLineBreak(document);
+              Object.defineProperty(FEATURES, 'SUPPORT_WORD_BREAKING', { value: value });
+              return value;
+          },
+          get SUPPORT_SVG_DRAWING() {
+              var value = testSVG(document);
+              Object.defineProperty(FEATURES, 'SUPPORT_SVG_DRAWING', { value: value });
+              return value;
+          },
+          get SUPPORT_FOREIGNOBJECT_DRAWING() {
+              var value = typeof Array.from === 'function' && typeof window.fetch === 'function'
+                  ? testForeignObject(document)
+                  : Promise.resolve(false);
+              Object.defineProperty(FEATURES, 'SUPPORT_FOREIGNOBJECT_DRAWING', { value: value });
+              return value;
+          },
+          get SUPPORT_CORS_IMAGES() {
+              var value = testCORS();
+              Object.defineProperty(FEATURES, 'SUPPORT_CORS_IMAGES', { value: value });
+              return value;
+          },
+          get SUPPORT_RESPONSE_TYPE() {
+              var value = testResponseType();
+              Object.defineProperty(FEATURES, 'SUPPORT_RESPONSE_TYPE', { value: value });
+              return value;
+          },
+          get SUPPORT_CORS_XHR() {
+              var value = 'withCredentials' in new XMLHttpRequest();
+              Object.defineProperty(FEATURES, 'SUPPORT_CORS_XHR', { value: value });
+              return value;
+          },
+          get SUPPORT_NATIVE_TEXT_SEGMENTATION() {
+              // eslint-disable-next-line @typescript-eslint/no-explicit-any
+              var value = !!(typeof Intl !== 'undefined' && Intl.Segmenter);
+              Object.defineProperty(FEATURES, 'SUPPORT_NATIVE_TEXT_SEGMENTATION', { value: value });
+              return value;
+          }
+      };
+
+      var TextBounds = /** @class */ (function () {
+          function TextBounds(text, bounds) {
+              this.text = text;
+              this.bounds = bounds;
+          }
+          return TextBounds;
+      }());
+      var parseTextBounds = function (context, value, styles, node) {
+          var textList = breakText(value, styles);
+          var textBounds = [];
+          var offset = 0;
+          textList.forEach(function (text) {
+              if (styles.textDecorationLine.length || text.trim().length > 0) {
+                  if (FEATURES.SUPPORT_RANGE_BOUNDS) {
+                      var clientRects = createRange(node, offset, text.length).getClientRects();
+                      if (clientRects.length > 1) {
+                          var subSegments = segmentGraphemes(text);
+                          var subOffset_1 = 0;
+                          subSegments.forEach(function (subSegment) {
+                              textBounds.push(new TextBounds(subSegment, Bounds.fromDOMRectList(context, createRange(node, subOffset_1 + offset, subSegment.length).getClientRects())));
+                              subOffset_1 += subSegment.length;
+                          });
+                      }
+                      else {
+                          textBounds.push(new TextBounds(text, Bounds.fromDOMRectList(context, clientRects)));
+                      }
+                  }
+                  else {
+                      var replacementNode = node.splitText(text.length);
+                      textBounds.push(new TextBounds(text, getWrapperBounds(context, node)));
+                      node = replacementNode;
+                  }
+              }
+              else if (!FEATURES.SUPPORT_RANGE_BOUNDS) {
+                  node = node.splitText(text.length);
+              }
+              offset += text.length;
+          });
+          return textBounds;
+      };
+      var getWrapperBounds = function (context, node) {
+          var ownerDocument = node.ownerDocument;
+          if (ownerDocument) {
+              var wrapper = ownerDocument.createElement('html2canvaswrapper');
+              wrapper.appendChild(node.cloneNode(true));
+              var parentNode = node.parentNode;
+              if (parentNode) {
+                  parentNode.replaceChild(wrapper, node);
+                  var bounds = parseBounds(context, wrapper);
+                  if (wrapper.firstChild) {
+                      parentNode.replaceChild(wrapper.firstChild, wrapper);
+                  }
+                  return bounds;
+              }
+          }
+          return Bounds.EMPTY;
+      };
+      var createRange = function (node, offset, length) {
+          var ownerDocument = node.ownerDocument;
+          if (!ownerDocument) {
+              throw new Error('Node has no owner document');
+          }
+          var range = ownerDocument.createRange();
+          range.setStart(node, offset);
+          range.setEnd(node, offset + length);
+          return range;
+      };
+      var segmentGraphemes = function (value) {
+          if (FEATURES.SUPPORT_NATIVE_TEXT_SEGMENTATION) {
+              // eslint-disable-next-line @typescript-eslint/no-explicit-any
+              var segmenter = new Intl.Segmenter(void 0, { granularity: 'grapheme' });
+              // eslint-disable-next-line @typescript-eslint/no-explicit-any
+              return Array.from(segmenter.segment(value)).map(function (segment) { return segment.segment; });
+          }
+          return splitGraphemes(value);
+      };
+      var segmentWords = function (value, styles) {
+          if (FEATURES.SUPPORT_NATIVE_TEXT_SEGMENTATION) {
+              // eslint-disable-next-line @typescript-eslint/no-explicit-any
+              var segmenter = new Intl.Segmenter(void 0, {
+                  granularity: 'word'
+              });
+              // eslint-disable-next-line @typescript-eslint/no-explicit-any
+              return Array.from(segmenter.segment(value)).map(function (segment) { return segment.segment; });
+          }
+          return breakWords(value, styles);
+      };
+      var breakText = function (value, styles) {
+          return styles.letterSpacing !== 0 ? segmentGraphemes(value) : segmentWords(value, styles);
+      };
+      // https://drafts.csswg.org/css-text/#word-separator
+      var wordSeparators = [0x0020, 0x00a0, 0x1361, 0x10100, 0x10101, 0x1039, 0x1091];
+      var breakWords = function (str, styles) {
+          var breaker = LineBreaker(str, {
+              lineBreak: styles.lineBreak,
+              wordBreak: styles.overflowWrap === "break-word" /* BREAK_WORD */ ? 'break-word' : styles.wordBreak
+          });
+          var words = [];
+          var bk;
+          var _loop_1 = function () {
+              if (bk.value) {
+                  var value = bk.value.slice();
+                  var codePoints = toCodePoints$1(value);
+                  var word_1 = '';
+                  codePoints.forEach(function (codePoint) {
+                      if (wordSeparators.indexOf(codePoint) === -1) {
+                          word_1 += fromCodePoint$1(codePoint);
+                      }
+                      else {
+                          if (word_1.length) {
+                              words.push(word_1);
+                          }
+                          words.push(fromCodePoint$1(codePoint));
+                          word_1 = '';
+                      }
+                  });
+                  if (word_1.length) {
+                      words.push(word_1);
+                  }
+              }
+          };
+          while (!(bk = breaker.next()).done) {
+              _loop_1();
+          }
+          return words;
+      };
+
+      var TextContainer = /** @class */ (function () {
+          function TextContainer(context, node, styles) {
+              this.text = transform(node.data, styles.textTransform);
+              this.textBounds = parseTextBounds(context, this.text, styles, node);
+          }
+          return TextContainer;
+      }());
+      var transform = function (text, transform) {
+          switch (transform) {
+              case 1 /* LOWERCASE */:
+                  return text.toLowerCase();
+              case 3 /* CAPITALIZE */:
+                  return text.replace(CAPITALIZE, capitalize);
+              case 2 /* UPPERCASE */:
+                  return text.toUpperCase();
+              default:
+                  return text;
+          }
+      };
+      var CAPITALIZE = /(^|\s|:|-|\(|\))([a-z])/g;
+      var capitalize = function (m, p1, p2) {
+          if (m.length > 0) {
+              return p1 + p2.toUpperCase();
+          }
+          return m;
+      };
+
+      var ImageElementContainer = /** @class */ (function (_super) {
+          __extends(ImageElementContainer, _super);
+          function ImageElementContainer(context, img) {
+              var _this = _super.call(this, context, img) || this;
+              _this.src = img.currentSrc || img.src;
+              _this.intrinsicWidth = img.naturalWidth;
+              _this.intrinsicHeight = img.naturalHeight;
+              _this.context.cache.addImage(_this.src);
+              return _this;
+          }
+          return ImageElementContainer;
+      }(ElementContainer));
+
+      var CanvasElementContainer = /** @class */ (function (_super) {
+          __extends(CanvasElementContainer, _super);
+          function CanvasElementContainer(context, canvas) {
+              var _this = _super.call(this, context, canvas) || this;
+              _this.canvas = canvas;
+              _this.intrinsicWidth = canvas.width;
+              _this.intrinsicHeight = canvas.height;
+              return _this;
+          }
+          return CanvasElementContainer;
+      }(ElementContainer));
+
+      var SVGElementContainer = /** @class */ (function (_super) {
+          __extends(SVGElementContainer, _super);
+          function SVGElementContainer(context, img) {
+              var _this = _super.call(this, context, img) || this;
+              var s = new XMLSerializer();
+              var bounds = parseBounds(context, img);
+              img.setAttribute('width', bounds.width + "px");
+              img.setAttribute('height', bounds.height + "px");
+              _this.svg = "data:image/svg+xml," + encodeURIComponent(s.serializeToString(img));
+              _this.intrinsicWidth = img.width.baseVal.value;
+              _this.intrinsicHeight = img.height.baseVal.value;
+              _this.context.cache.addImage(_this.svg);
+              return _this;
+          }
+          return SVGElementContainer;
+      }(ElementContainer));
+
+      var LIElementContainer = /** @class */ (function (_super) {
+          __extends(LIElementContainer, _super);
+          function LIElementContainer(context, element) {
+              var _this = _super.call(this, context, element) || this;
+              _this.value = element.value;
+              return _this;
+          }
+          return LIElementContainer;
+      }(ElementContainer));
+
+      var OLElementContainer = /** @class */ (function (_super) {
+          __extends(OLElementContainer, _super);
+          function OLElementContainer(context, element) {
+              var _this = _super.call(this, context, element) || this;
+              _this.start = element.start;
+              _this.reversed = typeof element.reversed === 'boolean' && element.reversed === true;
+              return _this;
+          }
+          return OLElementContainer;
+      }(ElementContainer));
+
+      var CHECKBOX_BORDER_RADIUS = [
+          {
+              type: 15 /* DIMENSION_TOKEN */,
+              flags: 0,
+              unit: 'px',
+              number: 3
+          }
+      ];
+      var RADIO_BORDER_RADIUS = [
+          {
+              type: 16 /* PERCENTAGE_TOKEN */,
+              flags: 0,
+              number: 50
+          }
+      ];
+      var reformatInputBounds = function (bounds) {
+          if (bounds.width > bounds.height) {
+              return new Bounds(bounds.left + (bounds.width - bounds.height) / 2, bounds.top, bounds.height, bounds.height);
+          }
+          else if (bounds.width < bounds.height) {
+              return new Bounds(bounds.left, bounds.top + (bounds.height - bounds.width) / 2, bounds.width, bounds.width);
+          }
+          return bounds;
+      };
+      var getInputValue = function (node) {
+          var value = node.type === PASSWORD ? new Array(node.value.length + 1).join('\u2022') : node.value;
+          return value.length === 0 ? node.placeholder || '' : value;
+      };
+      var CHECKBOX = 'checkbox';
+      var RADIO = 'radio';
+      var PASSWORD = 'password';
+      var INPUT_COLOR = 0x2a2a2aff;
+      var InputElementContainer = /** @class */ (function (_super) {
+          __extends(InputElementContainer, _super);
+          function InputElementContainer(context, input) {
+              var _this = _super.call(this, context, input) || this;
+              _this.type = input.type.toLowerCase();
+              _this.checked = input.checked;
+              _this.value = getInputValue(input);
+              if (_this.type === CHECKBOX || _this.type === RADIO) {
+                  _this.styles.backgroundColor = 0xdededeff;
+                  _this.styles.borderTopColor =
+                      _this.styles.borderRightColor =
+                          _this.styles.borderBottomColor =
+                              _this.styles.borderLeftColor =
+                                  0xa5a5a5ff;
+                  _this.styles.borderTopWidth =
+                      _this.styles.borderRightWidth =
+                          _this.styles.borderBottomWidth =
+                              _this.styles.borderLeftWidth =
+                                  1;
+                  _this.styles.borderTopStyle =
+                      _this.styles.borderRightStyle =
+                          _this.styles.borderBottomStyle =
+                              _this.styles.borderLeftStyle =
+                                  1 /* SOLID */;
+                  _this.styles.backgroundClip = [0 /* BORDER_BOX */];
+                  _this.styles.backgroundOrigin = [0 /* BORDER_BOX */];
+                  _this.bounds = reformatInputBounds(_this.bounds);
+              }
+              switch (_this.type) {
+                  case CHECKBOX:
+                      _this.styles.borderTopRightRadius =
+                          _this.styles.borderTopLeftRadius =
+                              _this.styles.borderBottomRightRadius =
+                                  _this.styles.borderBottomLeftRadius =
+                                      CHECKBOX_BORDER_RADIUS;
+                      break;
+                  case RADIO:
+                      _this.styles.borderTopRightRadius =
+                          _this.styles.borderTopLeftRadius =
+                              _this.styles.borderBottomRightRadius =
+                                  _this.styles.borderBottomLeftRadius =
+                                      RADIO_BORDER_RADIUS;
+                      break;
+              }
+              return _this;
+          }
+          return InputElementContainer;
+      }(ElementContainer));
+
+      var SelectElementContainer = /** @class */ (function (_super) {
+          __extends(SelectElementContainer, _super);
+          function SelectElementContainer(context, element) {
+              var _this = _super.call(this, context, element) || this;
+              var option = element.options[element.selectedIndex || 0];
+              _this.value = option ? option.text || '' : '';
+              return _this;
+          }
+          return SelectElementContainer;
+      }(ElementContainer));
+
+      var TextareaElementContainer = /** @class */ (function (_super) {
+          __extends(TextareaElementContainer, _super);
+          function TextareaElementContainer(context, element) {
+              var _this = _super.call(this, context, element) || this;
+              _this.value = element.value;
+              return _this;
+          }
+          return TextareaElementContainer;
+      }(ElementContainer));
+
+      var IFrameElementContainer = /** @class */ (function (_super) {
+          __extends(IFrameElementContainer, _super);
+          function IFrameElementContainer(context, iframe) {
+              var _this = _super.call(this, context, iframe) || this;
+              _this.src = iframe.src;
+              _this.width = parseInt(iframe.width, 10) || 0;
+              _this.height = parseInt(iframe.height, 10) || 0;
+              _this.backgroundColor = _this.styles.backgroundColor;
+              try {
+                  if (iframe.contentWindow &&
+                      iframe.contentWindow.document &&
+                      iframe.contentWindow.document.documentElement) {
+                      _this.tree = parseTree(context, iframe.contentWindow.document.documentElement);
+                      // http://www.w3.org/TR/css3-background/#special-backgrounds
+                      var documentBackgroundColor = iframe.contentWindow.document.documentElement
+                          ? parseColor(context, getComputedStyle(iframe.contentWindow.document.documentElement).backgroundColor)
+                          : COLORS.TRANSPARENT;
+                      var bodyBackgroundColor = iframe.contentWindow.document.body
+                          ? parseColor(context, getComputedStyle(iframe.contentWindow.document.body).backgroundColor)
+                          : COLORS.TRANSPARENT;
+                      _this.backgroundColor = isTransparent(documentBackgroundColor)
+                          ? isTransparent(bodyBackgroundColor)
+                              ? _this.styles.backgroundColor
+                              : bodyBackgroundColor
+                          : documentBackgroundColor;
+                  }
+              }
+              catch (e) { }
+              return _this;
+          }
+          return IFrameElementContainer;
+      }(ElementContainer));
+
+      var LIST_OWNERS = ['OL', 'UL', 'MENU'];
+      var parseNodeTree = function (context, node, parent, root) {
+          for (var childNode = node.firstChild, nextNode = void 0; childNode; childNode = nextNode) {
+              nextNode = childNode.nextSibling;
+              if (isTextNode(childNode) && childNode.data.trim().length > 0) {
+                  parent.textNodes.push(new TextContainer(context, childNode, parent.styles));
+              }
+              else if (isElementNode(childNode)) {
+                  if (isSlotElement(childNode) && childNode.assignedNodes) {
+                      childNode.assignedNodes().forEach(function (childNode) { return parseNodeTree(context, childNode, parent, root); });
+                  }
+                  else {
+                      var container = createContainer(context, childNode);
+                      if (container.styles.isVisible()) {
+                          if (createsRealStackingContext(childNode, container, root)) {
+                              container.flags |= 4 /* CREATES_REAL_STACKING_CONTEXT */;
+                          }
+                          else if (createsStackingContext(container.styles)) {
+                              container.flags |= 2 /* CREATES_STACKING_CONTEXT */;
+                          }
+                          if (LIST_OWNERS.indexOf(childNode.tagName) !== -1) {
+                              container.flags |= 8 /* IS_LIST_OWNER */;
+                          }
+                          parent.elements.push(container);
+                          childNode.slot;
+                          if (childNode.shadowRoot) {
+                              parseNodeTree(context, childNode.shadowRoot, container, root);
+                          }
+                          else if (!isTextareaElement(childNode) &&
+                              !isSVGElement(childNode) &&
+                              !isSelectElement(childNode)) {
+                              parseNodeTree(context, childNode, container, root);
+                          }
+                      }
+                  }
+              }
+          }
+      };
+      var createContainer = function (context, element) {
+          if (isImageElement(element)) {
+              return new ImageElementContainer(context, element);
+          }
+          if (isCanvasElement(element)) {
+              return new CanvasElementContainer(context, element);
+          }
+          if (isSVGElement(element)) {
+              return new SVGElementContainer(context, element);
+          }
+          if (isLIElement(element)) {
+              return new LIElementContainer(context, element);
+          }
+          if (isOLElement(element)) {
+              return new OLElementContainer(context, element);
+          }
+          if (isInputElement(element)) {
+              return new InputElementContainer(context, element);
+          }
+          if (isSelectElement(element)) {
+              return new SelectElementContainer(context, element);
+          }
+          if (isTextareaElement(element)) {
+              return new TextareaElementContainer(context, element);
+          }
+          if (isIFrameElement(element)) {
+              return new IFrameElementContainer(context, element);
+          }
+          return new ElementContainer(context, element);
+      };
+      var parseTree = function (context, element) {
+          var container = createContainer(context, element);
+          container.flags |= 4 /* CREATES_REAL_STACKING_CONTEXT */;
+          parseNodeTree(context, element, container, container);
+          return container;
+      };
+      var createsRealStackingContext = function (node, container, root) {
+          return (container.styles.isPositionedWithZIndex() ||
+              container.styles.opacity < 1 ||
+              container.styles.isTransformed() ||
+              (isBodyElement(node) && root.styles.isTransparent()));
+      };
+      var createsStackingContext = function (styles) { return styles.isPositioned() || styles.isFloating(); };
+      var isTextNode = function (node) { return node.nodeType === Node.TEXT_NODE; };
+      var isElementNode = function (node) { return node.nodeType === Node.ELEMENT_NODE; };
+      var isHTMLElementNode = function (node) {
+          return isElementNode(node) && typeof node.style !== 'undefined' && !isSVGElementNode(node);
+      };
+      var isSVGElementNode = function (element) {
+          return typeof element.className === 'object';
+      };
+      var isLIElement = function (node) { return node.tagName === 'LI'; };
+      var isOLElement = function (node) { return node.tagName === 'OL'; };
+      var isInputElement = function (node) { return node.tagName === 'INPUT'; };
+      var isHTMLElement = function (node) { return node.tagName === 'HTML'; };
+      var isSVGElement = function (node) { return node.tagName === 'svg'; };
+      var isBodyElement = function (node) { return node.tagName === 'BODY'; };
+      var isCanvasElement = function (node) { return node.tagName === 'CANVAS'; };
+      var isVideoElement = function (node) { return node.tagName === 'VIDEO'; };
+      var isImageElement = function (node) { return node.tagName === 'IMG'; };
+      var isIFrameElement = function (node) { return node.tagName === 'IFRAME'; };
+      var isStyleElement = function (node) { return node.tagName === 'STYLE'; };
+      var isScriptElement = function (node) { return node.tagName === 'SCRIPT'; };
+      var isTextareaElement = function (node) { return node.tagName === 'TEXTAREA'; };
+      var isSelectElement = function (node) { return node.tagName === 'SELECT'; };
+      var isSlotElement = function (node) { return node.tagName === 'SLOT'; };
+      // https://html.spec.whatwg.org/multipage/custom-elements.html#valid-custom-element-name
+      var isCustomElement = function (node) { return node.tagName.indexOf('-') > 0; };
+
+      var CounterState = /** @class */ (function () {
+          function CounterState() {
+              this.counters = {};
+          }
+          CounterState.prototype.getCounterValue = function (name) {
+              var counter = this.counters[name];
+              if (counter && counter.length) {
+                  return counter[counter.length - 1];
+              }
+              return 1;
+          };
+          CounterState.prototype.getCounterValues = function (name) {
+              var counter = this.counters[name];
+              return counter ? counter : [];
+          };
+          CounterState.prototype.pop = function (counters) {
+              var _this = this;
+              counters.forEach(function (counter) { return _this.counters[counter].pop(); });
+          };
+          CounterState.prototype.parse = function (style) {
+              var _this = this;
+              var counterIncrement = style.counterIncrement;
+              var counterReset = style.counterReset;
+              var canReset = true;
+              if (counterIncrement !== null) {
+                  counterIncrement.forEach(function (entry) {
+                      var counter = _this.counters[entry.counter];
+                      if (counter && entry.increment !== 0) {
+                          canReset = false;
+                          if (!counter.length) {
+                              counter.push(1);
+                          }
+                          counter[Math.max(0, counter.length - 1)] += entry.increment;
+                      }
+                  });
+              }
+              var counterNames = [];
+              if (canReset) {
+                  counterReset.forEach(function (entry) {
+                      var counter = _this.counters[entry.counter];
+                      counterNames.push(entry.counter);
+                      if (!counter) {
+                          counter = _this.counters[entry.counter] = [];
+                      }
+                      counter.push(entry.reset);
+                  });
+              }
+              return counterNames;
+          };
+          return CounterState;
+      }());
+      var ROMAN_UPPER = {
+          integers: [1000, 900, 500, 400, 100, 90, 50, 40, 10, 9, 5, 4, 1],
+          values: ['M', 'CM', 'D', 'CD', 'C', 'XC', 'L', 'XL', 'X', 'IX', 'V', 'IV', 'I']
+      };
+      var ARMENIAN = {
+          integers: [
+              9000, 8000, 7000, 6000, 5000, 4000, 3000, 2000, 1000, 900, 800, 700, 600, 500, 400, 300, 200, 100, 90, 80, 70,
+              60, 50, 40, 30, 20, 10, 9, 8, 7, 6, 5, 4, 3, 2, 1
+          ],
+          values: [
+              'Ք',
+              'Փ',
+              'Ւ',
+              'Ց',
+              'Ր',
+              'Տ',
+              'Վ',
+              'Ս',
+              'Ռ',
+              'Ջ',
+              'Պ',
+              'Չ',
+              'Ո',
+              'Շ',
+              'Ն',
+              'Յ',
+              'Մ',
+              'Ճ',
+              'Ղ',
+              'Ձ',
+              'Հ',
+              'Կ',
+              'Ծ',
+              'Խ',
+              'Լ',
+              'Ի',
+              'Ժ',
+              'Թ',
+              'Ը',
+              'Է',
+              'Զ',
+              'Ե',
+              'Դ',
+              'Գ',
+              'Բ',
+              'Ա'
+          ]
+      };
+      var HEBREW = {
+          integers: [
+              10000, 9000, 8000, 7000, 6000, 5000, 4000, 3000, 2000, 1000, 400, 300, 200, 100, 90, 80, 70, 60, 50, 40, 30, 20,
+              19, 18, 17, 16, 15, 10, 9, 8, 7, 6, 5, 4, 3, 2, 1
+          ],
+          values: [
+              'י׳',
+              'ט׳',
+              'ח׳',
+              'ז׳',
+              'ו׳',
+              'ה׳',
+              'ד׳',
+              'ג׳',
+              'ב׳',
+              'א׳',
+              'ת',
+              'ש',
+              'ר',
+              'ק',
+              'צ',
+              'פ',
+              'ע',
+              'ס',
+              'נ',
+              'מ',
+              'ל',
+              'כ',
+              'יט',
+              'יח',
+              'יז',
+              'טז',
+              'טו',
+              'י',
+              'ט',
+              'ח',
+              'ז',
+              'ו',
+              'ה',
+              'ד',
+              'ג',
+              'ב',
+              'א'
+          ]
+      };
+      var GEORGIAN = {
+          integers: [
+              10000, 9000, 8000, 7000, 6000, 5000, 4000, 3000, 2000, 1000, 900, 800, 700, 600, 500, 400, 300, 200, 100, 90,
+              80, 70, 60, 50, 40, 30, 20, 10, 9, 8, 7, 6, 5, 4, 3, 2, 1
+          ],
+          values: [
+              'ჵ',
+              'ჰ',
+              'ჯ',
+              'ჴ',
+              'ხ',
+              'ჭ',
+              'წ',
+              'ძ',
+              'ც',
+              'ჩ',
+              'შ',
+              'ყ',
+              'ღ',
+              'ქ',
+              'ფ',
+              'ჳ',
+              'ტ',
+              'ს',
+              'რ',
+              'ჟ',
+              'პ',
+              'ო',
+              'ჲ',
+              'ნ',
+              'მ',
+              'ლ',
+              'კ',
+              'ი',
+              'თ',
+              'ჱ',
+              'ზ',
+              'ვ',
+              'ე',
+              'დ',
+              'გ',
+              'ბ',
+              'ა'
+          ]
+      };
+      var createAdditiveCounter = function (value, min, max, symbols, fallback, suffix) {
+          if (value < min || value > max) {
+              return createCounterText(value, fallback, suffix.length > 0);
+          }
+          return (symbols.integers.reduce(function (string, integer, index) {
+              while (value >= integer) {
+                  value -= integer;
+                  string += symbols.values[index];
+              }
+              return string;
+          }, '') + suffix);
+      };
+      var createCounterStyleWithSymbolResolver = function (value, codePointRangeLength, isNumeric, resolver) {
+          var string = '';
+          do {
+              if (!isNumeric) {
+                  value--;
+              }
+              string = resolver(value) + string;
+              value /= codePointRangeLength;
+          } while (value * codePointRangeLength >= codePointRangeLength);
+          return string;
+      };
+      var createCounterStyleFromRange = function (value, codePointRangeStart, codePointRangeEnd, isNumeric, suffix) {
+          var codePointRangeLength = codePointRangeEnd - codePointRangeStart + 1;
+          return ((value < 0 ? '-' : '') +
+              (createCounterStyleWithSymbolResolver(Math.abs(value), codePointRangeLength, isNumeric, function (codePoint) {
+                  return fromCodePoint$1(Math.floor(codePoint % codePointRangeLength) + codePointRangeStart);
+              }) +
+                  suffix));
+      };
+      var createCounterStyleFromSymbols = function (value, symbols, suffix) {
+          if (suffix === void 0) { suffix = '. '; }
+          var codePointRangeLength = symbols.length;
+          return (createCounterStyleWithSymbolResolver(Math.abs(value), codePointRangeLength, false, function (codePoint) { return symbols[Math.floor(codePoint % codePointRangeLength)]; }) + suffix);
+      };
+      var CJK_ZEROS = 1 << 0;
+      var CJK_TEN_COEFFICIENTS = 1 << 1;
+      var CJK_TEN_HIGH_COEFFICIENTS = 1 << 2;
+      var CJK_HUNDRED_COEFFICIENTS = 1 << 3;
+      var createCJKCounter = function (value, numbers, multipliers, negativeSign, suffix, flags) {
+          if (value < -9999 || value > 9999) {
+              return createCounterText(value, 4 /* CJK_DECIMAL */, suffix.length > 0);
+          }
+          var tmp = Math.abs(value);
+          var string = suffix;
+          if (tmp === 0) {
+              return numbers[0] + string;
+          }
+          for (var digit = 0; tmp > 0 && digit <= 4; digit++) {
+              var coefficient = tmp % 10;
+              if (coefficient === 0 && contains(flags, CJK_ZEROS) && string !== '') {
+                  string = numbers[coefficient] + string;
+              }
+              else if (coefficient > 1 ||
+                  (coefficient === 1 && digit === 0) ||
+                  (coefficient === 1 && digit === 1 && contains(flags, CJK_TEN_COEFFICIENTS)) ||
+                  (coefficient === 1 && digit === 1 && contains(flags, CJK_TEN_HIGH_COEFFICIENTS) && value > 100) ||
+                  (coefficient === 1 && digit > 1 && contains(flags, CJK_HUNDRED_COEFFICIENTS))) {
+                  string = numbers[coefficient] + (digit > 0 ? multipliers[digit - 1] : '') + string;
+              }
+              else if (coefficient === 1 && digit > 0) {
+                  string = multipliers[digit - 1] + string;
+              }
+              tmp = Math.floor(tmp / 10);
+          }
+          return (value < 0 ? negativeSign : '') + string;
+      };
+      var CHINESE_INFORMAL_MULTIPLIERS = '十百千萬';
+      var CHINESE_FORMAL_MULTIPLIERS = '拾佰仟萬';
+      var JAPANESE_NEGATIVE = 'マイナス';
+      var KOREAN_NEGATIVE = '마이너스';
+      var createCounterText = function (value, type, appendSuffix) {
+          var defaultSuffix = appendSuffix ? '. ' : '';
+          var cjkSuffix = appendSuffix ? '、' : '';
+          var koreanSuffix = appendSuffix ? ', ' : '';
+          var spaceSuffix = appendSuffix ? ' ' : '';
+          switch (type) {
+              case 0 /* DISC */:
+                  return '•' + spaceSuffix;
+              case 1 /* CIRCLE */:
+                  return '◦' + spaceSuffix;
+              case 2 /* SQUARE */:
+                  return '◾' + spaceSuffix;
+              case 5 /* DECIMAL_LEADING_ZERO */:
+                  var string = createCounterStyleFromRange(value, 48, 57, true, defaultSuffix);
+                  return string.length < 4 ? "0" + string : string;
+              case 4 /* CJK_DECIMAL */:
+                  return createCounterStyleFromSymbols(value, '〇一二三四五六七八九', cjkSuffix);
+              case 6 /* LOWER_ROMAN */:
+                  return createAdditiveCounter(value, 1, 3999, ROMAN_UPPER, 3 /* DECIMAL */, defaultSuffix).toLowerCase();
+              case 7 /* UPPER_ROMAN */:
+                  return createAdditiveCounter(value, 1, 3999, ROMAN_UPPER, 3 /* DECIMAL */, defaultSuffix);
+              case 8 /* LOWER_GREEK */:
+                  return createCounterStyleFromRange(value, 945, 969, false, defaultSuffix);
+              case 9 /* LOWER_ALPHA */:
+                  return createCounterStyleFromRange(value, 97, 122, false, defaultSuffix);
+              case 10 /* UPPER_ALPHA */:
+                  return createCounterStyleFromRange(value, 65, 90, false, defaultSuffix);
+              case 11 /* ARABIC_INDIC */:
+                  return createCounterStyleFromRange(value, 1632, 1641, true, defaultSuffix);
+              case 12 /* ARMENIAN */:
+              case 49 /* UPPER_ARMENIAN */:
+                  return createAdditiveCounter(value, 1, 9999, ARMENIAN, 3 /* DECIMAL */, defaultSuffix);
+              case 35 /* LOWER_ARMENIAN */:
+                  return createAdditiveCounter(value, 1, 9999, ARMENIAN, 3 /* DECIMAL */, defaultSuffix).toLowerCase();
+              case 13 /* BENGALI */:
+                  return createCounterStyleFromRange(value, 2534, 2543, true, defaultSuffix);
+              case 14 /* CAMBODIAN */:
+              case 30 /* KHMER */:
+                  return createCounterStyleFromRange(value, 6112, 6121, true, defaultSuffix);
+              case 15 /* CJK_EARTHLY_BRANCH */:
+                  return createCounterStyleFromSymbols(value, '子丑寅卯辰巳午未申酉戌亥', cjkSuffix);
+              case 16 /* CJK_HEAVENLY_STEM */:
+                  return createCounterStyleFromSymbols(value, '甲乙丙丁戊己庚辛壬癸', cjkSuffix);
+              case 17 /* CJK_IDEOGRAPHIC */:
+              case 48 /* TRAD_CHINESE_INFORMAL */:
+                  return createCJKCounter(value, '零一二三四五六七八九', CHINESE_INFORMAL_MULTIPLIERS, '負', cjkSuffix, CJK_TEN_COEFFICIENTS | CJK_TEN_HIGH_COEFFICIENTS | CJK_HUNDRED_COEFFICIENTS);
+              case 47 /* TRAD_CHINESE_FORMAL */:
+                  return createCJKCounter(value, '零壹貳參肆伍陸柒捌玖', CHINESE_FORMAL_MULTIPLIERS, '負', cjkSuffix, CJK_ZEROS | CJK_TEN_COEFFICIENTS | CJK_TEN_HIGH_COEFFICIENTS | CJK_HUNDRED_COEFFICIENTS);
+              case 42 /* SIMP_CHINESE_INFORMAL */:
+                  return createCJKCounter(value, '零一二三四五六七八九', CHINESE_INFORMAL_MULTIPLIERS, '负', cjkSuffix, CJK_TEN_COEFFICIENTS | CJK_TEN_HIGH_COEFFICIENTS | CJK_HUNDRED_COEFFICIENTS);
+              case 41 /* SIMP_CHINESE_FORMAL */:
+                  return createCJKCounter(value, '零壹贰叁肆伍陆柒捌玖', CHINESE_FORMAL_MULTIPLIERS, '负', cjkSuffix, CJK_ZEROS | CJK_TEN_COEFFICIENTS | CJK_TEN_HIGH_COEFFICIENTS | CJK_HUNDRED_COEFFICIENTS);
+              case 26 /* JAPANESE_INFORMAL */:
+                  return createCJKCounter(value, '〇一二三四五六七八九', '十百千万', JAPANESE_NEGATIVE, cjkSuffix, 0);
+              case 25 /* JAPANESE_FORMAL */:
+                  return createCJKCounter(value, '零壱弐参四伍六七八九', '拾百千万', JAPANESE_NEGATIVE, cjkSuffix, CJK_ZEROS | CJK_TEN_COEFFICIENTS | CJK_TEN_HIGH_COEFFICIENTS);
+              case 31 /* KOREAN_HANGUL_FORMAL */:
+                  return createCJKCounter(value, '영일이삼사오육칠팔구', '십백천만', KOREAN_NEGATIVE, koreanSuffix, CJK_ZEROS | CJK_TEN_COEFFICIENTS | CJK_TEN_HIGH_COEFFICIENTS);
+              case 33 /* KOREAN_HANJA_INFORMAL */:
+                  return createCJKCounter(value, '零一二三四五六七八九', '十百千萬', KOREAN_NEGATIVE, koreanSuffix, 0);
+              case 32 /* KOREAN_HANJA_FORMAL */:
+                  return createCJKCounter(value, '零壹貳參四五六七八九', '拾百千', KOREAN_NEGATIVE, koreanSuffix, CJK_ZEROS | CJK_TEN_COEFFICIENTS | CJK_TEN_HIGH_COEFFICIENTS);
+              case 18 /* DEVANAGARI */:
+                  return createCounterStyleFromRange(value, 0x966, 0x96f, true, defaultSuffix);
+              case 20 /* GEORGIAN */:
+                  return createAdditiveCounter(value, 1, 19999, GEORGIAN, 3 /* DECIMAL */, defaultSuffix);
+              case 21 /* GUJARATI */:
+                  return createCounterStyleFromRange(value, 0xae6, 0xaef, true, defaultSuffix);
+              case 22 /* GURMUKHI */:
+                  return createCounterStyleFromRange(value, 0xa66, 0xa6f, true, defaultSuffix);
+              case 22 /* HEBREW */:
+                  return createAdditiveCounter(value, 1, 10999, HEBREW, 3 /* DECIMAL */, defaultSuffix);
+              case 23 /* HIRAGANA */:
+                  return createCounterStyleFromSymbols(value, 'あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわゐゑをん');
+              case 24 /* HIRAGANA_IROHA */:
+                  return createCounterStyleFromSymbols(value, 'いろはにほへとちりぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせす');
+              case 27 /* KANNADA */:
+                  return createCounterStyleFromRange(value, 0xce6, 0xcef, true, defaultSuffix);
+              case 28 /* KATAKANA */:
+                  return createCounterStyleFromSymbols(value, 'アイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤユヨラリルレロワヰヱヲン', cjkSuffix);
+              case 29 /* KATAKANA_IROHA */:
+                  return createCounterStyleFromSymbols(value, 'イロハニホヘトチリヌルヲワカヨタレソツネナラムウヰノオクヤマケフコエテアサキユメミシヱヒモセス', cjkSuffix);
+              case 34 /* LAO */:
+                  return createCounterStyleFromRange(value, 0xed0, 0xed9, true, defaultSuffix);
+              case 37 /* MONGOLIAN */:
+                  return createCounterStyleFromRange(value, 0x1810, 0x1819, true, defaultSuffix);
+              case 38 /* MYANMAR */:
+                  return createCounterStyleFromRange(value, 0x1040, 0x1049, true, defaultSuffix);
+              case 39 /* ORIYA */:
+                  return createCounterStyleFromRange(value, 0xb66, 0xb6f, true, defaultSuffix);
+              case 40 /* PERSIAN */:
+                  return createCounterStyleFromRange(value, 0x6f0, 0x6f9, true, defaultSuffix);
+              case 43 /* TAMIL */:
+                  return createCounterStyleFromRange(value, 0xbe6, 0xbef, true, defaultSuffix);
+              case 44 /* TELUGU */:
+                  return createCounterStyleFromRange(value, 0xc66, 0xc6f, true, defaultSuffix);
+              case 45 /* THAI */:
+                  return createCounterStyleFromRange(value, 0xe50, 0xe59, true, defaultSuffix);
+              case 46 /* TIBETAN */:
+                  return createCounterStyleFromRange(value, 0xf20, 0xf29, true, defaultSuffix);
+              case 3 /* DECIMAL */:
+              default:
+                  return createCounterStyleFromRange(value, 48, 57, true, defaultSuffix);
+          }
+      };
+
+      var IGNORE_ATTRIBUTE = 'data-html2canvas-ignore';
+      var DocumentCloner = /** @class */ (function () {
+          function DocumentCloner(context, element, options) {
+              this.context = context;
+              this.options = options;
+              this.scrolledElements = [];
+              this.referenceElement = element;
+              this.counters = new CounterState();
+              this.quoteDepth = 0;
+              if (!element.ownerDocument) {
+                  throw new Error('Cloned element does not have an owner document');
+              }
+              this.documentElement = this.cloneNode(element.ownerDocument.documentElement, false);
+          }
+          DocumentCloner.prototype.toIFrame = function (ownerDocument, windowSize) {
+              var _this = this;
+              var iframe = createIFrameContainer(ownerDocument, windowSize);
+              if (!iframe.contentWindow) {
+                  return Promise.reject("Unable to find iframe window");
+              }
+              var scrollX = ownerDocument.defaultView.pageXOffset;
+              var scrollY = ownerDocument.defaultView.pageYOffset;
+              var cloneWindow = iframe.contentWindow;
+              var documentClone = cloneWindow.document;
+              /* Chrome doesn't detect relative background-images assigned in inline <style> sheets when fetched through getComputedStyle
+               if window url is about:blank, we can assign the url to current by writing onto the document
+               */
+              var iframeLoad = iframeLoader(iframe).then(function () { return __awaiter(_this, void 0, void 0, function () {
+                  var onclone, referenceElement;
+                  return __generator(this, function (_a) {
+                      switch (_a.label) {
+                          case 0:
+                              this.scrolledElements.forEach(restoreNodeScroll);
+                              if (cloneWindow) {
+                                  cloneWindow.scrollTo(windowSize.left, windowSize.top);
+                                  if (/(iPad|iPhone|iPod)/g.test(navigator.userAgent) &&
+                                      (cloneWindow.scrollY !== windowSize.top || cloneWindow.scrollX !== windowSize.left)) {
+                                      this.context.logger.warn('Unable to restore scroll position for cloned document');
+                                      this.context.windowBounds = this.context.windowBounds.add(cloneWindow.scrollX - windowSize.left, cloneWindow.scrollY - windowSize.top, 0, 0);
+                                  }
+                              }
+                              onclone = this.options.onclone;
+                              referenceElement = this.clonedReferenceElement;
+                              if (typeof referenceElement === 'undefined') {
+                                  return [2 /*return*/, Promise.reject("Error finding the " + this.referenceElement.nodeName + " in the cloned document")];
+                              }
+                              if (!(documentClone.fonts && documentClone.fonts.ready)) return [3 /*break*/, 2];
+                              return [4 /*yield*/, documentClone.fonts.ready];
+                          case 1:
+                              _a.sent();
+                              _a.label = 2;
+                          case 2:
+                              if (!/(AppleWebKit)/g.test(navigator.userAgent)) return [3 /*break*/, 4];
+                              return [4 /*yield*/, imagesReady(documentClone)];
+                          case 3:
+                              _a.sent();
+                              _a.label = 4;
+                          case 4:
+                              if (typeof onclone === 'function') {
+                                  return [2 /*return*/, Promise.resolve()
+                                          .then(function () { return onclone(documentClone, referenceElement); })
+                                          .then(function () { return iframe; })];
+                              }
+                              return [2 /*return*/, iframe];
+                      }
+                  });
+              }); });
+              documentClone.open();
+              documentClone.write(serializeDoctype(document.doctype) + "<html></html>");
+              // Chrome scrolls the parent document for some reason after the write to the cloned window???
+              restoreOwnerScroll(this.referenceElement.ownerDocument, scrollX, scrollY);
+              documentClone.replaceChild(documentClone.adoptNode(this.documentElement), documentClone.documentElement);
+              documentClone.close();
+              return iframeLoad;
+          };
+          DocumentCloner.prototype.createElementClone = function (node) {
+              if (isDebugging(node, 2 /* CLONE */)) {
+                  debugger;
+              }
+              if (isCanvasElement(node)) {
+                  return this.createCanvasClone(node);
+              }
+              if (isVideoElement(node)) {
+                  return this.createVideoClone(node);
+              }
+              if (isStyleElement(node)) {
+                  return this.createStyleClone(node);
+              }
+              var clone = node.cloneNode(false);
+              if (isImageElement(clone)) {
+                  if (isImageElement(node) && node.currentSrc && node.currentSrc !== node.src) {
+                      clone.src = node.currentSrc;
+                      clone.srcset = '';
+                  }
+                  if (clone.loading === 'lazy') {
+                      clone.loading = 'eager';
+                  }
+              }
+              if (isCustomElement(clone)) {
+                  return this.createCustomElementClone(clone);
+              }
+              return clone;
+          };
+          DocumentCloner.prototype.createCustomElementClone = function (node) {
+              var clone = document.createElement('html2canvascustomelement');
+              copyCSSStyles(node.style, clone);
+              return clone;
+          };
+          DocumentCloner.prototype.createStyleClone = function (node) {
+              try {
+                  var sheet = node.sheet;
+                  if (sheet && sheet.cssRules) {
+                      var css = [].slice.call(sheet.cssRules, 0).reduce(function (css, rule) {
+                          if (rule && typeof rule.cssText === 'string') {
+                              return css + rule.cssText;
+                          }
+                          return css;
+                      }, '');
+                      var style = node.cloneNode(false);
+                      style.textContent = css;
+                      return style;
+                  }
+              }
+              catch (e) {
+                  // accessing node.sheet.cssRules throws a DOMException
+                  this.context.logger.error('Unable to access cssRules property', e);
+                  if (e.name !== 'SecurityError') {
+                      throw e;
+                  }
+              }
+              return node.cloneNode(false);
+          };
+          DocumentCloner.prototype.createCanvasClone = function (canvas) {
+              var _a;
+              if (this.options.inlineImages && canvas.ownerDocument) {
+                  var img = canvas.ownerDocument.createElement('img');
+                  try {
+                      img.src = canvas.toDataURL();
+                      return img;
+                  }
+                  catch (e) {
+                      this.context.logger.info("Unable to inline canvas contents, canvas is tainted", canvas);
+                  }
+              }
+              var clonedCanvas = canvas.cloneNode(false);
+              try {
+                  clonedCanvas.width = canvas.width;
+                  clonedCanvas.height = canvas.height;
+                  var ctx = canvas.getContext('2d');
+                  var clonedCtx = clonedCanvas.getContext('2d');
+                  if (clonedCtx) {
+                      if (!this.options.allowTaint && ctx) {
+                          clonedCtx.putImageData(ctx.getImageData(0, 0, canvas.width, canvas.height), 0, 0);
+                      }
+                      else {
+                          var gl = (_a = canvas.getContext('webgl2')) !== null && _a !== void 0 ? _a : canvas.getContext('webgl');
+                          if (gl) {
+                              var attribs = gl.getContextAttributes();
+                              if ((attribs === null || attribs === void 0 ? void 0 : attribs.preserveDrawingBuffer) === false) {
+                                  this.context.logger.warn('Unable to clone WebGL context as it has preserveDrawingBuffer=false', canvas);
+                              }
+                          }
+                          clonedCtx.drawImage(canvas, 0, 0);
+                      }
+                  }
+                  return clonedCanvas;
+              }
+              catch (e) {
+                  this.context.logger.info("Unable to clone canvas as it is tainted", canvas);
+              }
+              return clonedCanvas;
+          };
+          DocumentCloner.prototype.createVideoClone = function (video) {
+              var canvas = video.ownerDocument.createElement('canvas');
+              canvas.width = video.offsetWidth;
+              canvas.height = video.offsetHeight;
+              var ctx = canvas.getContext('2d');
+              try {
+                  if (ctx) {
+                      ctx.drawImage(video, 0, 0, canvas.width, canvas.height);
+                      if (!this.options.allowTaint) {
+                          ctx.getImageData(0, 0, canvas.width, canvas.height);
+                      }
+                  }
+                  return canvas;
+              }
+              catch (e) {
+                  this.context.logger.info("Unable to clone video as it is tainted", video);
+              }
+              var blankCanvas = video.ownerDocument.createElement('canvas');
+              blankCanvas.width = video.offsetWidth;
+              blankCanvas.height = video.offsetHeight;
+              return blankCanvas;
+          };
+          DocumentCloner.prototype.appendChildNode = function (clone, child, copyStyles) {
+              if (!isElementNode(child) ||
+                  (!isScriptElement(child) &&
+                      !child.hasAttribute(IGNORE_ATTRIBUTE) &&
+                      (typeof this.options.ignoreElements !== 'function' || !this.options.ignoreElements(child)))) {
+                  if (!this.options.copyStyles || !isElementNode(child) || !isStyleElement(child)) {
+                      clone.appendChild(this.cloneNode(child, copyStyles));
+                  }
+              }
+          };
+          DocumentCloner.prototype.cloneChildNodes = function (node, clone, copyStyles) {
+              var _this = this;
+              for (var child = node.shadowRoot ? node.shadowRoot.firstChild : node.firstChild; child; child = child.nextSibling) {
+                  if (isElementNode(child) && isSlotElement(child) && typeof child.assignedNodes === 'function') {
+                      var assignedNodes = child.assignedNodes();
+                      if (assignedNodes.length) {
+                          assignedNodes.forEach(function (assignedNode) { return _this.appendChildNode(clone, assignedNode, copyStyles); });
+                      }
+                  }
+                  else {
+                      this.appendChildNode(clone, child, copyStyles);
+                  }
+              }
+          };
+          DocumentCloner.prototype.cloneNode = function (node, copyStyles) {
+              if (isTextNode(node)) {
+                  return document.createTextNode(node.data);
+              }
+              if (!node.ownerDocument) {
+                  return node.cloneNode(false);
+              }
+              var window = node.ownerDocument.defaultView;
+              if (window && isElementNode(node) && (isHTMLElementNode(node) || isSVGElementNode(node))) {
+                  var clone = this.createElementClone(node);
+                  clone.style.transitionProperty = 'none';
+                  var style = window.getComputedStyle(node);
+                  var styleBefore = window.getComputedStyle(node, ':before');
+                  var styleAfter = window.getComputedStyle(node, ':after');
+                  if (this.referenceElement === node && isHTMLElementNode(clone)) {
+                      this.clonedReferenceElement = clone;
+                  }
+                  if (isBodyElement(clone)) {
+                      createPseudoHideStyles(clone);
+                  }
+                  var counters = this.counters.parse(new CSSParsedCounterDeclaration(this.context, style));
+                  var before = this.resolvePseudoContent(node, clone, styleBefore, PseudoElementType.BEFORE);
+                  if (isCustomElement(node)) {
+                      copyStyles = true;
+                  }
+                  if (!isVideoElement(node)) {
+                      this.cloneChildNodes(node, clone, copyStyles);
+                  }
+                  if (before) {
+                      clone.insertBefore(before, clone.firstChild);
+                  }
+                  var after = this.resolvePseudoContent(node, clone, styleAfter, PseudoElementType.AFTER);
+                  if (after) {
+                      clone.appendChild(after);
+                  }
+                  this.counters.pop(counters);
+                  if ((style && (this.options.copyStyles || isSVGElementNode(node)) && !isIFrameElement(node)) ||
+                      copyStyles) {
+                      copyCSSStyles(style, clone);
+                  }
+                  if (node.scrollTop !== 0 || node.scrollLeft !== 0) {
+                      this.scrolledElements.push([clone, node.scrollLeft, node.scrollTop]);
+                  }
+                  if ((isTextareaElement(node) || isSelectElement(node)) &&
+                      (isTextareaElement(clone) || isSelectElement(clone))) {
+                      clone.value = node.value;
+                  }
+                  return clone;
+              }
+              return node.cloneNode(false);
+          };
+          DocumentCloner.prototype.resolvePseudoContent = function (node, clone, style, pseudoElt) {
+              var _this = this;
+              if (!style) {
+                  return;
+              }
+              var value = style.content;
+              var document = clone.ownerDocument;
+              if (!document || !value || value === 'none' || value === '-moz-alt-content' || style.display === 'none') {
+                  return;
+              }
+              this.counters.parse(new CSSParsedCounterDeclaration(this.context, style));
+              var declaration = new CSSParsedPseudoDeclaration(this.context, style);
+              var anonymousReplacedElement = document.createElement('html2canvaspseudoelement');
+              copyCSSStyles(style, anonymousReplacedElement);
+              declaration.content.forEach(function (token) {
+                  if (token.type === 0 /* STRING_TOKEN */) {
+                      anonymousReplacedElement.appendChild(document.createTextNode(token.value));
+                  }
+                  else if (token.type === 22 /* URL_TOKEN */) {
+                      var img = document.createElement('img');
+                      img.src = token.value;
+                      img.style.opacity = '1';
+                      anonymousReplacedElement.appendChild(img);
+                  }
+                  else if (token.type === 18 /* FUNCTION */) {
+                      if (token.name === 'attr') {
+                          var attr = token.values.filter(isIdentToken);
+                          if (attr.length) {
+                              anonymousReplacedElement.appendChild(document.createTextNode(node.getAttribute(attr[0].value) || ''));
+                          }
+                      }
+                      else if (token.name === 'counter') {
+                          var _a = token.values.filter(nonFunctionArgSeparator), counter = _a[0], counterStyle = _a[1];
+                          if (counter && isIdentToken(counter)) {
+                              var counterState = _this.counters.getCounterValue(counter.value);
+                              var counterType = counterStyle && isIdentToken(counterStyle)
+                                  ? listStyleType.parse(_this.context, counterStyle.value)
+                                  : 3 /* DECIMAL */;
+                              anonymousReplacedElement.appendChild(document.createTextNode(createCounterText(counterState, counterType, false)));
+                          }
+                      }
+                      else if (token.name === 'counters') {
+                          var _b = token.values.filter(nonFunctionArgSeparator), counter = _b[0], delim = _b[1], counterStyle = _b[2];
+                          if (counter && isIdentToken(counter)) {
+                              var counterStates = _this.counters.getCounterValues(counter.value);
+                              var counterType_1 = counterStyle && isIdentToken(counterStyle)
+                                  ? listStyleType.parse(_this.context, counterStyle.value)
+                                  : 3 /* DECIMAL */;
+                              var separator = delim && delim.type === 0 /* STRING_TOKEN */ ? delim.value : '';
+                              var text = counterStates
+                                  .map(function (value) { return createCounterText(value, counterType_1, false); })
+                                  .join(separator);
+                              anonymousReplacedElement.appendChild(document.createTextNode(text));
+                          }
+                      }
+                      else ;
+                  }
+                  else if (token.type === 20 /* IDENT_TOKEN */) {
+                      switch (token.value) {
+                          case 'open-quote':
+                              anonymousReplacedElement.appendChild(document.createTextNode(getQuote(declaration.quotes, _this.quoteDepth++, true)));
+                              break;
+                          case 'close-quote':
+                              anonymousReplacedElement.appendChild(document.createTextNode(getQuote(declaration.quotes, --_this.quoteDepth, false)));
+                              break;
+                          default:
+                              // safari doesn't parse string tokens correctly because of lack of quotes
+                              anonymousReplacedElement.appendChild(document.createTextNode(token.value));
+                      }
+                  }
+              });
+              anonymousReplacedElement.className = PSEUDO_HIDE_ELEMENT_CLASS_BEFORE + " " + PSEUDO_HIDE_ELEMENT_CLASS_AFTER;
+              var newClassName = pseudoElt === PseudoElementType.BEFORE
+                  ? " " + PSEUDO_HIDE_ELEMENT_CLASS_BEFORE
+                  : " " + PSEUDO_HIDE_ELEMENT_CLASS_AFTER;
+              if (isSVGElementNode(clone)) {
+                  clone.className.baseValue += newClassName;
+              }
+              else {
+                  clone.className += newClassName;
+              }
+              return anonymousReplacedElement;
+          };
+          DocumentCloner.destroy = function (container) {
+              if (container.parentNode) {
+                  container.parentNode.removeChild(container);
+                  return true;
+              }
+              return false;
+          };
+          return DocumentCloner;
+      }());
+      var PseudoElementType;
+      (function (PseudoElementType) {
+          PseudoElementType[PseudoElementType["BEFORE"] = 0] = "BEFORE";
+          PseudoElementType[PseudoElementType["AFTER"] = 1] = "AFTER";
+      })(PseudoElementType || (PseudoElementType = {}));
+      var createIFrameContainer = function (ownerDocument, bounds) {
+          var cloneIframeContainer = ownerDocument.createElement('iframe');
+          cloneIframeContainer.className = 'html2canvas-container';
+          cloneIframeContainer.style.visibility = 'hidden';
+          cloneIframeContainer.style.position = 'fixed';
+          cloneIframeContainer.style.left = '-10000px';
+          cloneIframeContainer.style.top = '0px';
+          cloneIframeContainer.style.border = '0';
+          cloneIframeContainer.width = bounds.width.toString();
+          cloneIframeContainer.height = bounds.height.toString();
+          cloneIframeContainer.scrolling = 'no'; // ios won't scroll without it
+          cloneIframeContainer.setAttribute(IGNORE_ATTRIBUTE, 'true');
+          ownerDocument.body.appendChild(cloneIframeContainer);
+          return cloneIframeContainer;
+      };
+      var imageReady = function (img) {
+          return new Promise(function (resolve) {
+              if (img.complete) {
+                  resolve();
+                  return;
+              }
+              if (!img.src) {
+                  resolve();
+                  return;
+              }
+              img.onload = resolve;
+              img.onerror = resolve;
+          });
+      };
+      var imagesReady = function (document) {
+          return Promise.all([].slice.call(document.images, 0).map(imageReady));
+      };
+      var iframeLoader = function (iframe) {
+          return new Promise(function (resolve, reject) {
+              var cloneWindow = iframe.contentWindow;
+              if (!cloneWindow) {
+                  return reject("No window assigned for iframe");
+              }
+              var documentClone = cloneWindow.document;
+              cloneWindow.onload = iframe.onload = function () {
+                  cloneWindow.onload = iframe.onload = null;
+                  var interval = setInterval(function () {
+                      if (documentClone.body.childNodes.length > 0 && documentClone.readyState === 'complete') {
+                          clearInterval(interval);
+                          resolve(iframe);
+                      }
+                  }, 50);
+              };
+          });
+      };
+      var ignoredStyleProperties = [
+          'all',
+          'd',
+          'content' // Safari shows pseudoelements if content is set
+      ];
+      var copyCSSStyles = function (style, target) {
+          // Edge does not provide value for cssText
+          for (var i = style.length - 1; i >= 0; i--) {
+              var property = style.item(i);
+              if (ignoredStyleProperties.indexOf(property) === -1) {
+                  target.style.setProperty(property, style.getPropertyValue(property));
+              }
+          }
+          return target;
+      };
+      var serializeDoctype = function (doctype) {
+          var str = '';
+          if (doctype) {
+              str += '<!DOCTYPE ';
+              if (doctype.name) {
+                  str += doctype.name;
+              }
+              if (doctype.internalSubset) {
+                  str += doctype.internalSubset;
+              }
+              if (doctype.publicId) {
+                  str += "\"" + doctype.publicId + "\"";
+              }
+              if (doctype.systemId) {
+                  str += "\"" + doctype.systemId + "\"";
+              }
+              str += '>';
+          }
+          return str;
+      };
+      var restoreOwnerScroll = function (ownerDocument, x, y) {
+          if (ownerDocument &&
+              ownerDocument.defaultView &&
+              (x !== ownerDocument.defaultView.pageXOffset || y !== ownerDocument.defaultView.pageYOffset)) {
+              ownerDocument.defaultView.scrollTo(x, y);
+          }
+      };
+      var restoreNodeScroll = function (_a) {
+          var element = _a[0], x = _a[1], y = _a[2];
+          element.scrollLeft = x;
+          element.scrollTop = y;
+      };
+      var PSEUDO_BEFORE = ':before';
+      var PSEUDO_AFTER = ':after';
+      var PSEUDO_HIDE_ELEMENT_CLASS_BEFORE = '___html2canvas___pseudoelement_before';
+      var PSEUDO_HIDE_ELEMENT_CLASS_AFTER = '___html2canvas___pseudoelement_after';
+      var PSEUDO_HIDE_ELEMENT_STYLE = "{\n    content: \"\" !important;\n    display: none !important;\n}";
+      var createPseudoHideStyles = function (body) {
+          createStyles(body, "." + PSEUDO_HIDE_ELEMENT_CLASS_BEFORE + PSEUDO_BEFORE + PSEUDO_HIDE_ELEMENT_STYLE + "\n         ." + PSEUDO_HIDE_ELEMENT_CLASS_AFTER + PSEUDO_AFTER + PSEUDO_HIDE_ELEMENT_STYLE);
+      };
+      var createStyles = function (body, styles) {
+          var document = body.ownerDocument;
+          if (document) {
+              var style = document.createElement('style');
+              style.textContent = styles;
+              body.appendChild(style);
+          }
+      };
+
+      var CacheStorage = /** @class */ (function () {
+          function CacheStorage() {
+          }
+          CacheStorage.getOrigin = function (url) {
+              var link = CacheStorage._link;
+              if (!link) {
+                  return 'about:blank';
+              }
+              link.href = url;
+              link.href = link.href; // IE9, LOL! - http://jsfiddle.net/niklasvh/2e48b/
+              return link.protocol + link.hostname + link.port;
+          };
+          CacheStorage.isSameOrigin = function (src) {
+              return CacheStorage.getOrigin(src) === CacheStorage._origin;
+          };
+          CacheStorage.setContext = function (window) {
+              CacheStorage._link = window.document.createElement('a');
+              CacheStorage._origin = CacheStorage.getOrigin(window.location.href);
+          };
+          CacheStorage._origin = 'about:blank';
+          return CacheStorage;
+      }());
+      var Cache = /** @class */ (function () {
+          function Cache(context, _options) {
+              this.context = context;
+              this._options = _options;
+              // eslint-disable-next-line @typescript-eslint/no-explicit-any
+              this._cache = {};
+          }
+          Cache.prototype.addImage = function (src) {
+              var result = Promise.resolve();
+              if (this.has(src)) {
+                  return result;
+              }
+              if (isBlobImage(src) || isRenderable(src)) {
+                  (this._cache[src] = this.loadImage(src)).catch(function () {
+                      // prevent unhandled rejection
+                  });
+                  return result;
+              }
+              return result;
+          };
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+          Cache.prototype.match = function (src) {
+              return this._cache[src];
+          };
+          Cache.prototype.loadImage = function (key) {
+              return __awaiter(this, void 0, void 0, function () {
+                  var isSameOrigin, useCORS, useProxy, src;
+                  var _this = this;
+                  return __generator(this, function (_a) {
+                      switch (_a.label) {
+                          case 0:
+                              isSameOrigin = CacheStorage.isSameOrigin(key);
+                              useCORS = !isInlineImage(key) && this._options.useCORS === true && FEATURES.SUPPORT_CORS_IMAGES && !isSameOrigin;
+                              useProxy = !isInlineImage(key) &&
+                                  !isSameOrigin &&
+                                  !isBlobImage(key) &&
+                                  typeof this._options.proxy === 'string' &&
+                                  FEATURES.SUPPORT_CORS_XHR &&
+                                  !useCORS;
+                              if (!isSameOrigin &&
+                                  this._options.allowTaint === false &&
+                                  !isInlineImage(key) &&
+                                  !isBlobImage(key) &&
+                                  !useProxy &&
+                                  !useCORS) {
+                                  return [2 /*return*/];
+                              }
+                              src = key;
+                              if (!useProxy) return [3 /*break*/, 2];
+                              return [4 /*yield*/, this.proxy(src)];
+                          case 1:
+                              src = _a.sent();
+                              _a.label = 2;
+                          case 2:
+                              this.context.logger.debug("Added image " + key.substring(0, 256));
+                              return [4 /*yield*/, new Promise(function (resolve, reject) {
+                                      var img = new Image();
+                                      img.onload = function () { return resolve(img); };
+                                      img.onerror = reject;
+                                      //ios safari 10.3 taints canvas with data urls unless crossOrigin is set to anonymous
+                                      if (isInlineBase64Image(src) || useCORS) {
+                                          img.crossOrigin = 'anonymous';
+                                      }
+                                      img.src = src;
+                                      if (img.complete === true) {
+                                          // Inline XML images may fail to parse, throwing an Error later on
+                                          setTimeout(function () { return resolve(img); }, 500);
+                                      }
+                                      if (_this._options.imageTimeout > 0) {
+                                          setTimeout(function () { return reject("Timed out (" + _this._options.imageTimeout + "ms) loading image"); }, _this._options.imageTimeout);
+                                      }
+                                  })];
+                          case 3: return [2 /*return*/, _a.sent()];
+                      }
+                  });
+              });
+          };
+          Cache.prototype.has = function (key) {
+              return typeof this._cache[key] !== 'undefined';
+          };
+          Cache.prototype.keys = function () {
+              return Promise.resolve(Object.keys(this._cache));
+          };
+          Cache.prototype.proxy = function (src) {
+              var _this = this;
+              var proxy = this._options.proxy;
+              if (!proxy) {
+                  throw new Error('No proxy defined');
+              }
+              var key = src.substring(0, 256);
+              return new Promise(function (resolve, reject) {
+                  var responseType = FEATURES.SUPPORT_RESPONSE_TYPE ? 'blob' : 'text';
+                  var xhr = new XMLHttpRequest();
+                  xhr.onload = function () {
+                      if (xhr.status === 200) {
+                          if (responseType === 'text') {
+                              resolve(xhr.response);
+                          }
+                          else {
+                              var reader_1 = new FileReader();
+                              reader_1.addEventListener('load', function () { return resolve(reader_1.result); }, false);
+                              reader_1.addEventListener('error', function (e) { return reject(e); }, false);
+                              reader_1.readAsDataURL(xhr.response);
+                          }
+                      }
+                      else {
+                          reject("Failed to proxy resource " + key + " with status code " + xhr.status);
+                      }
+                  };
+                  xhr.onerror = reject;
+                  var queryString = proxy.indexOf('?') > -1 ? '&' : '?';
+                  xhr.open('GET', "" + proxy + queryString + "url=" + encodeURIComponent(src) + "&responseType=" + responseType);
+                  if (responseType !== 'text' && xhr instanceof XMLHttpRequest) {
+                      xhr.responseType = responseType;
+                  }
+                  if (_this._options.imageTimeout) {
+                      var timeout_1 = _this._options.imageTimeout;
+                      xhr.timeout = timeout_1;
+                      xhr.ontimeout = function () { return reject("Timed out (" + timeout_1 + "ms) proxying " + key); };
+                  }
+                  xhr.send();
+              });
+          };
+          return Cache;
+      }());
+      var INLINE_SVG = /^data:image\/svg\+xml/i;
+      var INLINE_BASE64 = /^data:image\/.*;base64,/i;
+      var INLINE_IMG = /^data:image\/.*/i;
+      var isRenderable = function (src) { return FEATURES.SUPPORT_SVG_DRAWING || !isSVG(src); };
+      var isInlineImage = function (src) { return INLINE_IMG.test(src); };
+      var isInlineBase64Image = function (src) { return INLINE_BASE64.test(src); };
+      var isBlobImage = function (src) { return src.substr(0, 4) === 'blob'; };
+      var isSVG = function (src) { return src.substr(-3).toLowerCase() === 'svg' || INLINE_SVG.test(src); };
+
+      var Vector = /** @class */ (function () {
+          function Vector(x, y) {
+              this.type = 0 /* VECTOR */;
+              this.x = x;
+              this.y = y;
+          }
+          Vector.prototype.add = function (deltaX, deltaY) {
+              return new Vector(this.x + deltaX, this.y + deltaY);
+          };
+          return Vector;
+      }());
+
+      var lerp = function (a, b, t) {
+          return new Vector(a.x + (b.x - a.x) * t, a.y + (b.y - a.y) * t);
+      };
+      var BezierCurve = /** @class */ (function () {
+          function BezierCurve(start, startControl, endControl, end) {
+              this.type = 1 /* BEZIER_CURVE */;
+              this.start = start;
+              this.startControl = startControl;
+              this.endControl = endControl;
+              this.end = end;
+          }
+          BezierCurve.prototype.subdivide = function (t, firstHalf) {
+              var ab = lerp(this.start, this.startControl, t);
+              var bc = lerp(this.startControl, this.endControl, t);
+              var cd = lerp(this.endControl, this.end, t);
+              var abbc = lerp(ab, bc, t);
+              var bccd = lerp(bc, cd, t);
+              var dest = lerp(abbc, bccd, t);
+              return firstHalf ? new BezierCurve(this.start, ab, abbc, dest) : new BezierCurve(dest, bccd, cd, this.end);
+          };
+          BezierCurve.prototype.add = function (deltaX, deltaY) {
+              return new BezierCurve(this.start.add(deltaX, deltaY), this.startControl.add(deltaX, deltaY), this.endControl.add(deltaX, deltaY), this.end.add(deltaX, deltaY));
+          };
+          BezierCurve.prototype.reverse = function () {
+              return new BezierCurve(this.end, this.endControl, this.startControl, this.start);
+          };
+          return BezierCurve;
+      }());
+      var isBezierCurve = function (path) { return path.type === 1 /* BEZIER_CURVE */; };
+
+      var BoundCurves = /** @class */ (function () {
+          function BoundCurves(element) {
+              var styles = element.styles;
+              var bounds = element.bounds;
+              var _a = getAbsoluteValueForTuple(styles.borderTopLeftRadius, bounds.width, bounds.height), tlh = _a[0], tlv = _a[1];
+              var _b = getAbsoluteValueForTuple(styles.borderTopRightRadius, bounds.width, bounds.height), trh = _b[0], trv = _b[1];
+              var _c = getAbsoluteValueForTuple(styles.borderBottomRightRadius, bounds.width, bounds.height), brh = _c[0], brv = _c[1];
+              var _d = getAbsoluteValueForTuple(styles.borderBottomLeftRadius, bounds.width, bounds.height), blh = _d[0], blv = _d[1];
+              var factors = [];
+              factors.push((tlh + trh) / bounds.width);
+              factors.push((blh + brh) / bounds.width);
+              factors.push((tlv + blv) / bounds.height);
+              factors.push((trv + brv) / bounds.height);
+              var maxFactor = Math.max.apply(Math, factors);
+              if (maxFactor > 1) {
+                  tlh /= maxFactor;
+                  tlv /= maxFactor;
+                  trh /= maxFactor;
+                  trv /= maxFactor;
+                  brh /= maxFactor;
+                  brv /= maxFactor;
+                  blh /= maxFactor;
+                  blv /= maxFactor;
+              }
+              var topWidth = bounds.width - trh;
+              var rightHeight = bounds.height - brv;
+              var bottomWidth = bounds.width - brh;
+              var leftHeight = bounds.height - blv;
+              var borderTopWidth = styles.borderTopWidth;
+              var borderRightWidth = styles.borderRightWidth;
+              var borderBottomWidth = styles.borderBottomWidth;
+              var borderLeftWidth = styles.borderLeftWidth;
+              var paddingTop = getAbsoluteValue(styles.paddingTop, element.bounds.width);
+              var paddingRight = getAbsoluteValue(styles.paddingRight, element.bounds.width);
+              var paddingBottom = getAbsoluteValue(styles.paddingBottom, element.bounds.width);
+              var paddingLeft = getAbsoluteValue(styles.paddingLeft, element.bounds.width);
+              this.topLeftBorderDoubleOuterBox =
+                  tlh > 0 || tlv > 0
+                      ? getCurvePoints(bounds.left + borderLeftWidth / 3, bounds.top + borderTopWidth / 3, tlh - borderLeftWidth / 3, tlv - borderTopWidth / 3, CORNER.TOP_LEFT)
+                      : new Vector(bounds.left + borderLeftWidth / 3, bounds.top + borderTopWidth / 3);
+              this.topRightBorderDoubleOuterBox =
+                  tlh > 0 || tlv > 0
+                      ? getCurvePoints(bounds.left + topWidth, bounds.top + borderTopWidth / 3, trh - borderRightWidth / 3, trv - borderTopWidth / 3, CORNER.TOP_RIGHT)
+                      : new Vector(bounds.left + bounds.width - borderRightWidth / 3, bounds.top + borderTopWidth / 3);
+              this.bottomRightBorderDoubleOuterBox =
+                  brh > 0 || brv > 0
+                      ? getCurvePoints(bounds.left + bottomWidth, bounds.top + rightHeight, brh - borderRightWidth / 3, brv - borderBottomWidth / 3, CORNER.BOTTOM_RIGHT)
+                      : new Vector(bounds.left + bounds.width - borderRightWidth / 3, bounds.top + bounds.height - borderBottomWidth / 3);
+              this.bottomLeftBorderDoubleOuterBox =
+                  blh > 0 || blv > 0
+                      ? getCurvePoints(bounds.left + borderLeftWidth / 3, bounds.top + leftHeight, blh - borderLeftWidth / 3, blv - borderBottomWidth / 3, CORNER.BOTTOM_LEFT)
+                      : new Vector(bounds.left + borderLeftWidth / 3, bounds.top + bounds.height - borderBottomWidth / 3);
+              this.topLeftBorderDoubleInnerBox =
+                  tlh > 0 || tlv > 0
+                      ? getCurvePoints(bounds.left + (borderLeftWidth * 2) / 3, bounds.top + (borderTopWidth * 2) / 3, tlh - (borderLeftWidth * 2) / 3, tlv - (borderTopWidth * 2) / 3, CORNER.TOP_LEFT)
+                      : new Vector(bounds.left + (borderLeftWidth * 2) / 3, bounds.top + (borderTopWidth * 2) / 3);
+              this.topRightBorderDoubleInnerBox =
+                  tlh > 0 || tlv > 0
+                      ? getCurvePoints(bounds.left + topWidth, bounds.top + (borderTopWidth * 2) / 3, trh - (borderRightWidth * 2) / 3, trv - (borderTopWidth * 2) / 3, CORNER.TOP_RIGHT)
+                      : new Vector(bounds.left + bounds.width - (borderRightWidth * 2) / 3, bounds.top + (borderTopWidth * 2) / 3);
+              this.bottomRightBorderDoubleInnerBox =
+                  brh > 0 || brv > 0
+                      ? getCurvePoints(bounds.left + bottomWidth, bounds.top + rightHeight, brh - (borderRightWidth * 2) / 3, brv - (borderBottomWidth * 2) / 3, CORNER.BOTTOM_RIGHT)
+                      : new Vector(bounds.left + bounds.width - (borderRightWidth * 2) / 3, bounds.top + bounds.height - (borderBottomWidth * 2) / 3);
+              this.bottomLeftBorderDoubleInnerBox =
+                  blh > 0 || blv > 0
+                      ? getCurvePoints(bounds.left + (borderLeftWidth * 2) / 3, bounds.top + leftHeight, blh - (borderLeftWidth * 2) / 3, blv - (borderBottomWidth * 2) / 3, CORNER.BOTTOM_LEFT)
+                      : new Vector(bounds.left + (borderLeftWidth * 2) / 3, bounds.top + bounds.height - (borderBottomWidth * 2) / 3);
+              this.topLeftBorderStroke =
+                  tlh > 0 || tlv > 0
+                      ? getCurvePoints(bounds.left + borderLeftWidth / 2, bounds.top + borderTopWidth / 2, tlh - borderLeftWidth / 2, tlv - borderTopWidth / 2, CORNER.TOP_LEFT)
+                      : new Vector(bounds.left + borderLeftWidth / 2, bounds.top + borderTopWidth / 2);
+              this.topRightBorderStroke =
+                  tlh > 0 || tlv > 0
+                      ? getCurvePoints(bounds.left + topWidth, bounds.top + borderTopWidth / 2, trh - borderRightWidth / 2, trv - borderTopWidth / 2, CORNER.TOP_RIGHT)
+                      : new Vector(bounds.left + bounds.width - borderRightWidth / 2, bounds.top + borderTopWidth / 2);
+              this.bottomRightBorderStroke =
+                  brh > 0 || brv > 0
+                      ? getCurvePoints(bounds.left + bottomWidth, bounds.top + rightHeight, brh - borderRightWidth / 2, brv - borderBottomWidth / 2, CORNER.BOTTOM_RIGHT)
+                      : new Vector(bounds.left + bounds.width - borderRightWidth / 2, bounds.top + bounds.height - borderBottomWidth / 2);
+              this.bottomLeftBorderStroke =
+                  blh > 0 || blv > 0
+                      ? getCurvePoints(bounds.left + borderLeftWidth / 2, bounds.top + leftHeight, blh - borderLeftWidth / 2, blv - borderBottomWidth / 2, CORNER.BOTTOM_LEFT)
+                      : new Vector(bounds.left + borderLeftWidth / 2, bounds.top + bounds.height - borderBottomWidth / 2);
+              this.topLeftBorderBox =
+                  tlh > 0 || tlv > 0
+                      ? getCurvePoints(bounds.left, bounds.top, tlh, tlv, CORNER.TOP_LEFT)
+                      : new Vector(bounds.left, bounds.top);
+              this.topRightBorderBox =
+                  trh > 0 || trv > 0
+                      ? getCurvePoints(bounds.left + topWidth, bounds.top, trh, trv, CORNER.TOP_RIGHT)
+                      : new Vector(bounds.left + bounds.width, bounds.top);
+              this.bottomRightBorderBox =
+                  brh > 0 || brv > 0
+                      ? getCurvePoints(bounds.left + bottomWidth, bounds.top + rightHeight, brh, brv, CORNER.BOTTOM_RIGHT)
+                      : new Vector(bounds.left + bounds.width, bounds.top + bounds.height);
+              this.bottomLeftBorderBox =
+                  blh > 0 || blv > 0
+                      ? getCurvePoints(bounds.left, bounds.top + leftHeight, blh, blv, CORNER.BOTTOM_LEFT)
+                      : new Vector(bounds.left, bounds.top + bounds.height);
+              this.topLeftPaddingBox =
+                  tlh > 0 || tlv > 0
+                      ? getCurvePoints(bounds.left + borderLeftWidth, bounds.top + borderTopWidth, Math.max(0, tlh - borderLeftWidth), Math.max(0, tlv - borderTopWidth), CORNER.TOP_LEFT)
+                      : new Vector(bounds.left + borderLeftWidth, bounds.top + borderTopWidth);
+              this.topRightPaddingBox =
+                  trh > 0 || trv > 0
+                      ? getCurvePoints(bounds.left + Math.min(topWidth, bounds.width - borderRightWidth), bounds.top + borderTopWidth, topWidth > bounds.width + borderRightWidth ? 0 : Math.max(0, trh - borderRightWidth), Math.max(0, trv - borderTopWidth), CORNER.TOP_RIGHT)
+                      : new Vector(bounds.left + bounds.width - borderRightWidth, bounds.top + borderTopWidth);
+              this.bottomRightPaddingBox =
+                  brh > 0 || brv > 0
+                      ? getCurvePoints(bounds.left + Math.min(bottomWidth, bounds.width - borderLeftWidth), bounds.top + Math.min(rightHeight, bounds.height - borderBottomWidth), Math.max(0, brh - borderRightWidth), Math.max(0, brv - borderBottomWidth), CORNER.BOTTOM_RIGHT)
+                      : new Vector(bounds.left + bounds.width - borderRightWidth, bounds.top + bounds.height - borderBottomWidth);
+              this.bottomLeftPaddingBox =
+                  blh > 0 || blv > 0
+                      ? getCurvePoints(bounds.left + borderLeftWidth, bounds.top + Math.min(leftHeight, bounds.height - borderBottomWidth), Math.max(0, blh - borderLeftWidth), Math.max(0, blv - borderBottomWidth), CORNER.BOTTOM_LEFT)
+                      : new Vector(bounds.left + borderLeftWidth, bounds.top + bounds.height - borderBottomWidth);
+              this.topLeftContentBox =
+                  tlh > 0 || tlv > 0
+                      ? getCurvePoints(bounds.left + borderLeftWidth + paddingLeft, bounds.top + borderTopWidth + paddingTop, Math.max(0, tlh - (borderLeftWidth + paddingLeft)), Math.max(0, tlv - (borderTopWidth + paddingTop)), CORNER.TOP_LEFT)
+                      : new Vector(bounds.left + borderLeftWidth + paddingLeft, bounds.top + borderTopWidth + paddingTop);
+              this.topRightContentBox =
+                  trh > 0 || trv > 0
+                      ? getCurvePoints(bounds.left + Math.min(topWidth, bounds.width + borderLeftWidth + paddingLeft), bounds.top + borderTopWidth + paddingTop, topWidth > bounds.width + borderLeftWidth + paddingLeft ? 0 : trh - borderLeftWidth + paddingLeft, trv - (borderTopWidth + paddingTop), CORNER.TOP_RIGHT)
+                      : new Vector(bounds.left + bounds.width - (borderRightWidth + paddingRight), bounds.top + borderTopWidth + paddingTop);
+              this.bottomRightContentBox =
+                  brh > 0 || brv > 0
+                      ? getCurvePoints(bounds.left + Math.min(bottomWidth, bounds.width - (borderLeftWidth + paddingLeft)), bounds.top + Math.min(rightHeight, bounds.height + borderTopWidth + paddingTop), Math.max(0, brh - (borderRightWidth + paddingRight)), brv - (borderBottomWidth + paddingBottom), CORNER.BOTTOM_RIGHT)
+                      : new Vector(bounds.left + bounds.width - (borderRightWidth + paddingRight), bounds.top + bounds.height - (borderBottomWidth + paddingBottom));
+              this.bottomLeftContentBox =
+                  blh > 0 || blv > 0
+                      ? getCurvePoints(bounds.left + borderLeftWidth + paddingLeft, bounds.top + leftHeight, Math.max(0, blh - (borderLeftWidth + paddingLeft)), blv - (borderBottomWidth + paddingBottom), CORNER.BOTTOM_LEFT)
+                      : new Vector(bounds.left + borderLeftWidth + paddingLeft, bounds.top + bounds.height - (borderBottomWidth + paddingBottom));
+          }
+          return BoundCurves;
+      }());
+      var CORNER;
+      (function (CORNER) {
+          CORNER[CORNER["TOP_LEFT"] = 0] = "TOP_LEFT";
+          CORNER[CORNER["TOP_RIGHT"] = 1] = "TOP_RIGHT";
+          CORNER[CORNER["BOTTOM_RIGHT"] = 2] = "BOTTOM_RIGHT";
+          CORNER[CORNER["BOTTOM_LEFT"] = 3] = "BOTTOM_LEFT";
+      })(CORNER || (CORNER = {}));
+      var getCurvePoints = function (x, y, r1, r2, position) {
+          var kappa = 4 * ((Math.sqrt(2) - 1) / 3);
+          var ox = r1 * kappa; // control point offset horizontal
+          var oy = r2 * kappa; // control point offset vertical
+          var xm = x + r1; // x-middle
+          var ym = y + r2; // y-middle
+          switch (position) {
+              case CORNER.TOP_LEFT:
+                  return new BezierCurve(new Vector(x, ym), new Vector(x, ym - oy), new Vector(xm - ox, y), new Vector(xm, y));
+              case CORNER.TOP_RIGHT:
+                  return new BezierCurve(new Vector(x, y), new Vector(x + ox, y), new Vector(xm, ym - oy), new Vector(xm, ym));
+              case CORNER.BOTTOM_RIGHT:
+                  return new BezierCurve(new Vector(xm, y), new Vector(xm, y + oy), new Vector(x + ox, ym), new Vector(x, ym));
+              case CORNER.BOTTOM_LEFT:
+              default:
+                  return new BezierCurve(new Vector(xm, ym), new Vector(xm - ox, ym), new Vector(x, y + oy), new Vector(x, y));
+          }
+      };
+      var calculateBorderBoxPath = function (curves) {
+          return [curves.topLeftBorderBox, curves.topRightBorderBox, curves.bottomRightBorderBox, curves.bottomLeftBorderBox];
+      };
+      var calculateContentBoxPath = function (curves) {
+          return [
+              curves.topLeftContentBox,
+              curves.topRightContentBox,
+              curves.bottomRightContentBox,
+              curves.bottomLeftContentBox
+          ];
+      };
+      var calculatePaddingBoxPath = function (curves) {
+          return [
+              curves.topLeftPaddingBox,
+              curves.topRightPaddingBox,
+              curves.bottomRightPaddingBox,
+              curves.bottomLeftPaddingBox
+          ];
+      };
+
+      var TransformEffect = /** @class */ (function () {
+          function TransformEffect(offsetX, offsetY, matrix) {
+              this.offsetX = offsetX;
+              this.offsetY = offsetY;
+              this.matrix = matrix;
+              this.type = 0 /* TRANSFORM */;
+              this.target = 2 /* BACKGROUND_BORDERS */ | 4 /* CONTENT */;
+          }
+          return TransformEffect;
+      }());
+      var ClipEffect = /** @class */ (function () {
+          function ClipEffect(path, target) {
+              this.path = path;
+              this.target = target;
+              this.type = 1 /* CLIP */;
+          }
+          return ClipEffect;
+      }());
+      var OpacityEffect = /** @class */ (function () {
+          function OpacityEffect(opacity) {
+              this.opacity = opacity;
+              this.type = 2 /* OPACITY */;
+              this.target = 2 /* BACKGROUND_BORDERS */ | 4 /* CONTENT */;
+          }
+          return OpacityEffect;
+      }());
+      var isTransformEffect = function (effect) {
+          return effect.type === 0 /* TRANSFORM */;
+      };
+      var isClipEffect = function (effect) { return effect.type === 1 /* CLIP */; };
+      var isOpacityEffect = function (effect) { return effect.type === 2 /* OPACITY */; };
+
+      var equalPath = function (a, b) {
+          if (a.length === b.length) {
+              return a.some(function (v, i) { return v === b[i]; });
+          }
+          return false;
+      };
+      var transformPath = function (path, deltaX, deltaY, deltaW, deltaH) {
+          return path.map(function (point, index) {
+              switch (index) {
+                  case 0:
+                      return point.add(deltaX, deltaY);
+                  case 1:
+                      return point.add(deltaX + deltaW, deltaY);
+                  case 2:
+                      return point.add(deltaX + deltaW, deltaY + deltaH);
+                  case 3:
+                      return point.add(deltaX, deltaY + deltaH);
+              }
+              return point;
+          });
+      };
+
+      var StackingContext = /** @class */ (function () {
+          function StackingContext(container) {
+              this.element = container;
+              this.inlineLevel = [];
+              this.nonInlineLevel = [];
+              this.negativeZIndex = [];
+              this.zeroOrAutoZIndexOrTransformedOrOpacity = [];
+              this.positiveZIndex = [];
+              this.nonPositionedFloats = [];
+              this.nonPositionedInlineLevel = [];
+          }
+          return StackingContext;
+      }());
+      var ElementPaint = /** @class */ (function () {
+          function ElementPaint(container, parent) {
+              this.container = container;
+              this.parent = parent;
+              this.effects = [];
+              this.curves = new BoundCurves(this.container);
+              if (this.container.styles.opacity < 1) {
+                  this.effects.push(new OpacityEffect(this.container.styles.opacity));
+              }
+              if (this.container.styles.transform !== null) {
+                  var offsetX = this.container.bounds.left + this.container.styles.transformOrigin[0].number;
+                  var offsetY = this.container.bounds.top + this.container.styles.transformOrigin[1].number;
+                  var matrix = this.container.styles.transform;
+                  this.effects.push(new TransformEffect(offsetX, offsetY, matrix));
+              }
+              if (this.container.styles.overflowX !== 0 /* VISIBLE */) {
+                  var borderBox = calculateBorderBoxPath(this.curves);
+                  var paddingBox = calculatePaddingBoxPath(this.curves);
+                  if (equalPath(borderBox, paddingBox)) {
+                      this.effects.push(new ClipEffect(borderBox, 2 /* BACKGROUND_BORDERS */ | 4 /* CONTENT */));
+                  }
+                  else {
+                      this.effects.push(new ClipEffect(borderBox, 2 /* BACKGROUND_BORDERS */));
+                      this.effects.push(new ClipEffect(paddingBox, 4 /* CONTENT */));
+                  }
+              }
+          }
+          ElementPaint.prototype.getEffects = function (target) {
+              var inFlow = [2 /* ABSOLUTE */, 3 /* FIXED */].indexOf(this.container.styles.position) === -1;
+              var parent = this.parent;
+              var effects = this.effects.slice(0);
+              while (parent) {
+                  var croplessEffects = parent.effects.filter(function (effect) { return !isClipEffect(effect); });
+                  if (inFlow || parent.container.styles.position !== 0 /* STATIC */ || !parent.parent) {
+                      effects.unshift.apply(effects, croplessEffects);
+                      inFlow = [2 /* ABSOLUTE */, 3 /* FIXED */].indexOf(parent.container.styles.position) === -1;
+                      if (parent.container.styles.overflowX !== 0 /* VISIBLE */) {
+                          var borderBox = calculateBorderBoxPath(parent.curves);
+                          var paddingBox = calculatePaddingBoxPath(parent.curves);
+                          if (!equalPath(borderBox, paddingBox)) {
+                              effects.unshift(new ClipEffect(paddingBox, 2 /* BACKGROUND_BORDERS */ | 4 /* CONTENT */));
+                          }
+                      }
+                  }
+                  else {
+                      effects.unshift.apply(effects, croplessEffects);
+                  }
+                  parent = parent.parent;
+              }
+              return effects.filter(function (effect) { return contains(effect.target, target); });
+          };
+          return ElementPaint;
+      }());
+      var parseStackTree = function (parent, stackingContext, realStackingContext, listItems) {
+          parent.container.elements.forEach(function (child) {
+              var treatAsRealStackingContext = contains(child.flags, 4 /* CREATES_REAL_STACKING_CONTEXT */);
+              var createsStackingContext = contains(child.flags, 2 /* CREATES_STACKING_CONTEXT */);
+              var paintContainer = new ElementPaint(child, parent);
+              if (contains(child.styles.display, 2048 /* LIST_ITEM */)) {
+                  listItems.push(paintContainer);
+              }
+              var listOwnerItems = contains(child.flags, 8 /* IS_LIST_OWNER */) ? [] : listItems;
+              if (treatAsRealStackingContext || createsStackingContext) {
+                  var parentStack = treatAsRealStackingContext || child.styles.isPositioned() ? realStackingContext : stackingContext;
+                  var stack = new StackingContext(paintContainer);
+                  if (child.styles.isPositioned() || child.styles.opacity < 1 || child.styles.isTransformed()) {
+                      var order_1 = child.styles.zIndex.order;
+                      if (order_1 < 0) {
+                          var index_1 = 0;
+                          parentStack.negativeZIndex.some(function (current, i) {
+                              if (order_1 > current.element.container.styles.zIndex.order) {
+                                  index_1 = i;
+                                  return false;
+                              }
+                              else if (index_1 > 0) {
+                                  return true;
+                              }
+                              return false;
+                          });
+                          parentStack.negativeZIndex.splice(index_1, 0, stack);
+                      }
+                      else if (order_1 > 0) {
+                          var index_2 = 0;
+                          parentStack.positiveZIndex.some(function (current, i) {
+                              if (order_1 >= current.element.container.styles.zIndex.order) {
+                                  index_2 = i + 1;
+                                  return false;
+                              }
+                              else if (index_2 > 0) {
+                                  return true;
+                              }
+                              return false;
+                          });
+                          parentStack.positiveZIndex.splice(index_2, 0, stack);
+                      }
+                      else {
+                          parentStack.zeroOrAutoZIndexOrTransformedOrOpacity.push(stack);
+                      }
+                  }
+                  else {
+                      if (child.styles.isFloating()) {
+                          parentStack.nonPositionedFloats.push(stack);
+                      }
+                      else {
+                          parentStack.nonPositionedInlineLevel.push(stack);
+                      }
+                  }
+                  parseStackTree(paintContainer, stack, treatAsRealStackingContext ? stack : realStackingContext, listOwnerItems);
+              }
+              else {
+                  if (child.styles.isInlineLevel()) {
+                      stackingContext.inlineLevel.push(paintContainer);
+                  }
+                  else {
+                      stackingContext.nonInlineLevel.push(paintContainer);
+                  }
+                  parseStackTree(paintContainer, stackingContext, realStackingContext, listOwnerItems);
+              }
+              if (contains(child.flags, 8 /* IS_LIST_OWNER */)) {
+                  processListItems(child, listOwnerItems);
+              }
+          });
+      };
+      var processListItems = function (owner, elements) {
+          var numbering = owner instanceof OLElementContainer ? owner.start : 1;
+          var reversed = owner instanceof OLElementContainer ? owner.reversed : false;
+          for (var i = 0; i < elements.length; i++) {
+              var item = elements[i];
+              if (item.container instanceof LIElementContainer &&
+                  typeof item.container.value === 'number' &&
+                  item.container.value !== 0) {
+                  numbering = item.container.value;
+              }
+              item.listValue = createCounterText(numbering, item.container.styles.listStyleType, true);
+              numbering += reversed ? -1 : 1;
+          }
+      };
+      var parseStackingContexts = function (container) {
+          var paintContainer = new ElementPaint(container, null);
+          var root = new StackingContext(paintContainer);
+          var listItems = [];
+          parseStackTree(paintContainer, root, root, listItems);
+          processListItems(paintContainer.container, listItems);
+          return root;
+      };
+
+      var parsePathForBorder = function (curves, borderSide) {
+          switch (borderSide) {
+              case 0:
+                  return createPathFromCurves(curves.topLeftBorderBox, curves.topLeftPaddingBox, curves.topRightBorderBox, curves.topRightPaddingBox);
+              case 1:
+                  return createPathFromCurves(curves.topRightBorderBox, curves.topRightPaddingBox, curves.bottomRightBorderBox, curves.bottomRightPaddingBox);
+              case 2:
+                  return createPathFromCurves(curves.bottomRightBorderBox, curves.bottomRightPaddingBox, curves.bottomLeftBorderBox, curves.bottomLeftPaddingBox);
+              case 3:
+              default:
+                  return createPathFromCurves(curves.bottomLeftBorderBox, curves.bottomLeftPaddingBox, curves.topLeftBorderBox, curves.topLeftPaddingBox);
+          }
+      };
+      var parsePathForBorderDoubleOuter = function (curves, borderSide) {
+          switch (borderSide) {
+              case 0:
+                  return createPathFromCurves(curves.topLeftBorderBox, curves.topLeftBorderDoubleOuterBox, curves.topRightBorderBox, curves.topRightBorderDoubleOuterBox);
+              case 1:
+                  return createPathFromCurves(curves.topRightBorderBox, curves.topRightBorderDoubleOuterBox, curves.bottomRightBorderBox, curves.bottomRightBorderDoubleOuterBox);
+              case 2:
+                  return createPathFromCurves(curves.bottomRightBorderBox, curves.bottomRightBorderDoubleOuterBox, curves.bottomLeftBorderBox, curves.bottomLeftBorderDoubleOuterBox);
+              case 3:
+              default:
+                  return createPathFromCurves(curves.bottomLeftBorderBox, curves.bottomLeftBorderDoubleOuterBox, curves.topLeftBorderBox, curves.topLeftBorderDoubleOuterBox);
+          }
+      };
+      var parsePathForBorderDoubleInner = function (curves, borderSide) {
+          switch (borderSide) {
+              case 0:
+                  return createPathFromCurves(curves.topLeftBorderDoubleInnerBox, curves.topLeftPaddingBox, curves.topRightBorderDoubleInnerBox, curves.topRightPaddingBox);
+              case 1:
+                  return createPathFromCurves(curves.topRightBorderDoubleInnerBox, curves.topRightPaddingBox, curves.bottomRightBorderDoubleInnerBox, curves.bottomRightPaddingBox);
+              case 2:
+                  return createPathFromCurves(curves.bottomRightBorderDoubleInnerBox, curves.bottomRightPaddingBox, curves.bottomLeftBorderDoubleInnerBox, curves.bottomLeftPaddingBox);
+              case 3:
+              default:
+                  return createPathFromCurves(curves.bottomLeftBorderDoubleInnerBox, curves.bottomLeftPaddingBox, curves.topLeftBorderDoubleInnerBox, curves.topLeftPaddingBox);
+          }
+      };
+      var parsePathForBorderStroke = function (curves, borderSide) {
+          switch (borderSide) {
+              case 0:
+                  return createStrokePathFromCurves(curves.topLeftBorderStroke, curves.topRightBorderStroke);
+              case 1:
+                  return createStrokePathFromCurves(curves.topRightBorderStroke, curves.bottomRightBorderStroke);
+              case 2:
+                  return createStrokePathFromCurves(curves.bottomRightBorderStroke, curves.bottomLeftBorderStroke);
+              case 3:
+              default:
+                  return createStrokePathFromCurves(curves.bottomLeftBorderStroke, curves.topLeftBorderStroke);
+          }
+      };
+      var createStrokePathFromCurves = function (outer1, outer2) {
+          var path = [];
+          if (isBezierCurve(outer1)) {
+              path.push(outer1.subdivide(0.5, false));
+          }
+          else {
+              path.push(outer1);
+          }
+          if (isBezierCurve(outer2)) {
+              path.push(outer2.subdivide(0.5, true));
+          }
+          else {
+              path.push(outer2);
+          }
+          return path;
+      };
+      var createPathFromCurves = function (outer1, inner1, outer2, inner2) {
+          var path = [];
+          if (isBezierCurve(outer1)) {
+              path.push(outer1.subdivide(0.5, false));
+          }
+          else {
+              path.push(outer1);
+          }
+          if (isBezierCurve(outer2)) {
+              path.push(outer2.subdivide(0.5, true));
+          }
+          else {
+              path.push(outer2);
+          }
+          if (isBezierCurve(inner2)) {
+              path.push(inner2.subdivide(0.5, true).reverse());
+          }
+          else {
+              path.push(inner2);
+          }
+          if (isBezierCurve(inner1)) {
+              path.push(inner1.subdivide(0.5, false).reverse());
+          }
+          else {
+              path.push(inner1);
+          }
+          return path;
+      };
+
+      var paddingBox = function (element) {
+          var bounds = element.bounds;
+          var styles = element.styles;
+          return bounds.add(styles.borderLeftWidth, styles.borderTopWidth, -(styles.borderRightWidth + styles.borderLeftWidth), -(styles.borderTopWidth + styles.borderBottomWidth));
+      };
+      var contentBox = function (element) {
+          var styles = element.styles;
+          var bounds = element.bounds;
+          var paddingLeft = getAbsoluteValue(styles.paddingLeft, bounds.width);
+          var paddingRight = getAbsoluteValue(styles.paddingRight, bounds.width);
+          var paddingTop = getAbsoluteValue(styles.paddingTop, bounds.width);
+          var paddingBottom = getAbsoluteValue(styles.paddingBottom, bounds.width);
+          return bounds.add(paddingLeft + styles.borderLeftWidth, paddingTop + styles.borderTopWidth, -(styles.borderRightWidth + styles.borderLeftWidth + paddingLeft + paddingRight), -(styles.borderTopWidth + styles.borderBottomWidth + paddingTop + paddingBottom));
+      };
+
+      var calculateBackgroundPositioningArea = function (backgroundOrigin, element) {
+          if (backgroundOrigin === 0 /* BORDER_BOX */) {
+              return element.bounds;
+          }
+          if (backgroundOrigin === 2 /* CONTENT_BOX */) {
+              return contentBox(element);
+          }
+          return paddingBox(element);
+      };
+      var calculateBackgroundPaintingArea = function (backgroundClip, element) {
+          if (backgroundClip === 0 /* BORDER_BOX */) {
+              return element.bounds;
+          }
+          if (backgroundClip === 2 /* CONTENT_BOX */) {
+              return contentBox(element);
+          }
+          return paddingBox(element);
+      };
+      var calculateBackgroundRendering = function (container, index, intrinsicSize) {
+          var backgroundPositioningArea = calculateBackgroundPositioningArea(getBackgroundValueForIndex(container.styles.backgroundOrigin, index), container);
+          var backgroundPaintingArea = calculateBackgroundPaintingArea(getBackgroundValueForIndex(container.styles.backgroundClip, index), container);
+          var backgroundImageSize = calculateBackgroundSize(getBackgroundValueForIndex(container.styles.backgroundSize, index), intrinsicSize, backgroundPositioningArea);
+          var sizeWidth = backgroundImageSize[0], sizeHeight = backgroundImageSize[1];
+          var position = getAbsoluteValueForTuple(getBackgroundValueForIndex(container.styles.backgroundPosition, index), backgroundPositioningArea.width - sizeWidth, backgroundPositioningArea.height - sizeHeight);
+          var path = calculateBackgroundRepeatPath(getBackgroundValueForIndex(container.styles.backgroundRepeat, index), position, backgroundImageSize, backgroundPositioningArea, backgroundPaintingArea);
+          var offsetX = Math.round(backgroundPositioningArea.left + position[0]);
+          var offsetY = Math.round(backgroundPositioningArea.top + position[1]);
+          return [path, offsetX, offsetY, sizeWidth, sizeHeight];
+      };
+      var isAuto = function (token) { return isIdentToken(token) && token.value === BACKGROUND_SIZE.AUTO; };
+      var hasIntrinsicValue = function (value) { return typeof value === 'number'; };
+      var calculateBackgroundSize = function (size, _a, bounds) {
+          var intrinsicWidth = _a[0], intrinsicHeight = _a[1], intrinsicProportion = _a[2];
+          var first = size[0], second = size[1];
+          if (!first) {
+              return [0, 0];
+          }
+          if (isLengthPercentage(first) && second && isLengthPercentage(second)) {
+              return [getAbsoluteValue(first, bounds.width), getAbsoluteValue(second, bounds.height)];
+          }
+          var hasIntrinsicProportion = hasIntrinsicValue(intrinsicProportion);
+          if (isIdentToken(first) && (first.value === BACKGROUND_SIZE.CONTAIN || first.value === BACKGROUND_SIZE.COVER)) {
+              if (hasIntrinsicValue(intrinsicProportion)) {
+                  var targetRatio = bounds.width / bounds.height;
+                  return targetRatio < intrinsicProportion !== (first.value === BACKGROUND_SIZE.COVER)
+                      ? [bounds.width, bounds.width / intrinsicProportion]
+                      : [bounds.height * intrinsicProportion, bounds.height];
+              }
+              return [bounds.width, bounds.height];
+          }
+          var hasIntrinsicWidth = hasIntrinsicValue(intrinsicWidth);
+          var hasIntrinsicHeight = hasIntrinsicValue(intrinsicHeight);
+          var hasIntrinsicDimensions = hasIntrinsicWidth || hasIntrinsicHeight;
+          // If the background-size is auto or auto auto:
+          if (isAuto(first) && (!second || isAuto(second))) {
+              // If the image has both horizontal and vertical intrinsic dimensions, it's rendered at that size.
+              if (hasIntrinsicWidth && hasIntrinsicHeight) {
+                  return [intrinsicWidth, intrinsicHeight];
+              }
+              // If the image has no intrinsic dimensions and has no intrinsic proportions,
+              // it's rendered at the size of the background positioning area.
+              if (!hasIntrinsicProportion && !hasIntrinsicDimensions) {
+                  return [bounds.width, bounds.height];
+              }
+              // TODO If the image has no intrinsic dimensions but has intrinsic proportions, it's rendered as if contain had been specified instead.
+              // If the image has only one intrinsic dimension and has intrinsic proportions, it's rendered at the size corresponding to that one dimension.
+              // The other dimension is computed using the specified dimension and the intrinsic proportions.
+              if (hasIntrinsicDimensions && hasIntrinsicProportion) {
+                  var width_1 = hasIntrinsicWidth
+                      ? intrinsicWidth
+                      : intrinsicHeight * intrinsicProportion;
+                  var height_1 = hasIntrinsicHeight
+                      ? intrinsicHeight
+                      : intrinsicWidth / intrinsicProportion;
+                  return [width_1, height_1];
+              }
+              // If the image has only one intrinsic dimension but has no intrinsic proportions,
+              // it's rendered using the specified dimension and the other dimension of the background positioning area.
+              var width_2 = hasIntrinsicWidth ? intrinsicWidth : bounds.width;
+              var height_2 = hasIntrinsicHeight ? intrinsicHeight : bounds.height;
+              return [width_2, height_2];
+          }
+          // If the image has intrinsic proportions, it's stretched to the specified dimension.
+          // The unspecified dimension is computed using the specified dimension and the intrinsic proportions.
+          if (hasIntrinsicProportion) {
+              var width_3 = 0;
+              var height_3 = 0;
+              if (isLengthPercentage(first)) {
+                  width_3 = getAbsoluteValue(first, bounds.width);
+              }
+              else if (isLengthPercentage(second)) {
+                  height_3 = getAbsoluteValue(second, bounds.height);
+              }
+              if (isAuto(first)) {
+                  width_3 = height_3 * intrinsicProportion;
+              }
+              else if (!second || isAuto(second)) {
+                  height_3 = width_3 / intrinsicProportion;
+              }
+              return [width_3, height_3];
+          }
+          // If the image has no intrinsic proportions, it's stretched to the specified dimension.
+          // The unspecified dimension is computed using the image's corresponding intrinsic dimension,
+          // if there is one. If there is no such intrinsic dimension,
+          // it becomes the corresponding dimension of the background positioning area.
+          var width = null;
+          var height = null;
+          if (isLengthPercentage(first)) {
+              width = getAbsoluteValue(first, bounds.width);
+          }
+          else if (second && isLengthPercentage(second)) {
+              height = getAbsoluteValue(second, bounds.height);
+          }
+          if (width !== null && (!second || isAuto(second))) {
+              height =
+                  hasIntrinsicWidth && hasIntrinsicHeight
+                      ? (width / intrinsicWidth) * intrinsicHeight
+                      : bounds.height;
+          }
+          if (height !== null && isAuto(first)) {
+              width =
+                  hasIntrinsicWidth && hasIntrinsicHeight
+                      ? (height / intrinsicHeight) * intrinsicWidth
+                      : bounds.width;
+          }
+          if (width !== null && height !== null) {
+              return [width, height];
+          }
+          throw new Error("Unable to calculate background-size for element");
+      };
+      var getBackgroundValueForIndex = function (values, index) {
+          var value = values[index];
+          if (typeof value === 'undefined') {
+              return values[0];
+          }
+          return value;
+      };
+      var calculateBackgroundRepeatPath = function (repeat, _a, _b, backgroundPositioningArea, backgroundPaintingArea) {
+          var x = _a[0], y = _a[1];
+          var width = _b[0], height = _b[1];
+          switch (repeat) {
+              case 2 /* REPEAT_X */:
+                  return [
+                      new Vector(Math.round(backgroundPositioningArea.left), Math.round(backgroundPositioningArea.top + y)),
+                      new Vector(Math.round(backgroundPositioningArea.left + backgroundPositioningArea.width), Math.round(backgroundPositioningArea.top + y)),
+                      new Vector(Math.round(backgroundPositioningArea.left + backgroundPositioningArea.width), Math.round(height + backgroundPositioningArea.top + y)),
+                      new Vector(Math.round(backgroundPositioningArea.left), Math.round(height + backgroundPositioningArea.top + y))
+                  ];
+              case 3 /* REPEAT_Y */:
+                  return [
+                      new Vector(Math.round(backgroundPositioningArea.left + x), Math.round(backgroundPositioningArea.top)),
+                      new Vector(Math.round(backgroundPositioningArea.left + x + width), Math.round(backgroundPositioningArea.top)),
+                      new Vector(Math.round(backgroundPositioningArea.left + x + width), Math.round(backgroundPositioningArea.height + backgroundPositioningArea.top)),
+                      new Vector(Math.round(backgroundPositioningArea.left + x), Math.round(backgroundPositioningArea.height + backgroundPositioningArea.top))
+                  ];
+              case 1 /* NO_REPEAT */:
+                  return [
+                      new Vector(Math.round(backgroundPositioningArea.left + x), Math.round(backgroundPositioningArea.top + y)),
+                      new Vector(Math.round(backgroundPositioningArea.left + x + width), Math.round(backgroundPositioningArea.top + y)),
+                      new Vector(Math.round(backgroundPositioningArea.left + x + width), Math.round(backgroundPositioningArea.top + y + height)),
+                      new Vector(Math.round(backgroundPositioningArea.left + x), Math.round(backgroundPositioningArea.top + y + height))
+                  ];
+              default:
+                  return [
+                      new Vector(Math.round(backgroundPaintingArea.left), Math.round(backgroundPaintingArea.top)),
+                      new Vector(Math.round(backgroundPaintingArea.left + backgroundPaintingArea.width), Math.round(backgroundPaintingArea.top)),
+                      new Vector(Math.round(backgroundPaintingArea.left + backgroundPaintingArea.width), Math.round(backgroundPaintingArea.height + backgroundPaintingArea.top)),
+                      new Vector(Math.round(backgroundPaintingArea.left), Math.round(backgroundPaintingArea.height + backgroundPaintingArea.top))
+                  ];
+          }
+      };
+
+      var SMALL_IMAGE = 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7';
+
+      var SAMPLE_TEXT = 'Hidden Text';
+      var FontMetrics = /** @class */ (function () {
+          function FontMetrics(document) {
+              this._data = {};
+              this._document = document;
+          }
+          FontMetrics.prototype.parseMetrics = function (fontFamily, fontSize) {
+              var container = this._document.createElement('div');
+              var img = this._document.createElement('img');
+              var span = this._document.createElement('span');
+              var body = this._document.body;
+              container.style.visibility = 'hidden';
+              container.style.fontFamily = fontFamily;
+              container.style.fontSize = fontSize;
+              container.style.margin = '0';
+              container.style.padding = '0';
+              container.style.whiteSpace = 'nowrap';
+              body.appendChild(container);
+              img.src = SMALL_IMAGE;
+              img.width = 1;
+              img.height = 1;
+              img.style.margin = '0';
+              img.style.padding = '0';
+              img.style.verticalAlign = 'baseline';
+              span.style.fontFamily = fontFamily;
+              span.style.fontSize = fontSize;
+              span.style.margin = '0';
+              span.style.padding = '0';
+              span.appendChild(this._document.createTextNode(SAMPLE_TEXT));
+              container.appendChild(span);
+              container.appendChild(img);
+              var baseline = img.offsetTop - span.offsetTop + 2;
+              container.removeChild(span);
+              container.appendChild(this._document.createTextNode(SAMPLE_TEXT));
+              container.style.lineHeight = 'normal';
+              img.style.verticalAlign = 'super';
+              var middle = img.offsetTop - container.offsetTop + 2;
+              body.removeChild(container);
+              return { baseline: baseline, middle: middle };
+          };
+          FontMetrics.prototype.getMetrics = function (fontFamily, fontSize) {
+              var key = fontFamily + " " + fontSize;
+              if (typeof this._data[key] === 'undefined') {
+                  this._data[key] = this.parseMetrics(fontFamily, fontSize);
+              }
+              return this._data[key];
+          };
+          return FontMetrics;
+      }());
+
+      var Renderer = /** @class */ (function () {
+          function Renderer(context, options) {
+              this.context = context;
+              this.options = options;
+          }
+          return Renderer;
+      }());
+
+      var MASK_OFFSET = 10000;
+      var CanvasRenderer = /** @class */ (function (_super) {
+          __extends(CanvasRenderer, _super);
+          function CanvasRenderer(context, options) {
+              var _this = _super.call(this, context, options) || this;
+              _this._activeEffects = [];
+              _this.canvas = options.canvas ? options.canvas : document.createElement('canvas');
+              _this.ctx = _this.canvas.getContext('2d');
+              if (!options.canvas) {
+                  _this.canvas.width = Math.floor(options.width * options.scale);
+                  _this.canvas.height = Math.floor(options.height * options.scale);
+                  _this.canvas.style.width = options.width + "px";
+                  _this.canvas.style.height = options.height + "px";
+              }
+              _this.fontMetrics = new FontMetrics(document);
+              _this.ctx.scale(_this.options.scale, _this.options.scale);
+              _this.ctx.translate(-options.x, -options.y);
+              _this.ctx.textBaseline = 'bottom';
+              _this._activeEffects = [];
+              _this.context.logger.debug("Canvas renderer initialized (" + options.width + "x" + options.height + ") with scale " + options.scale);
+              return _this;
+          }
+          CanvasRenderer.prototype.applyEffects = function (effects) {
+              var _this = this;
+              while (this._activeEffects.length) {
+                  this.popEffect();
+              }
+              effects.forEach(function (effect) { return _this.applyEffect(effect); });
+          };
+          CanvasRenderer.prototype.applyEffect = function (effect) {
+              this.ctx.save();
+              if (isOpacityEffect(effect)) {
+                  this.ctx.globalAlpha = effect.opacity;
+              }
+              if (isTransformEffect(effect)) {
+                  this.ctx.translate(effect.offsetX, effect.offsetY);
+                  this.ctx.transform(effect.matrix[0], effect.matrix[1], effect.matrix[2], effect.matrix[3], effect.matrix[4], effect.matrix[5]);
+                  this.ctx.translate(-effect.offsetX, -effect.offsetY);
+              }
+              if (isClipEffect(effect)) {
+                  this.path(effect.path);
+                  this.ctx.clip();
+              }
+              this._activeEffects.push(effect);
+          };
+          CanvasRenderer.prototype.popEffect = function () {
+              this._activeEffects.pop();
+              this.ctx.restore();
+          };
+          CanvasRenderer.prototype.renderStack = function (stack) {
+              return __awaiter(this, void 0, void 0, function () {
+                  var styles;
+                  return __generator(this, function (_a) {
+                      switch (_a.label) {
+                          case 0:
+                              styles = stack.element.container.styles;
+                              if (!styles.isVisible()) return [3 /*break*/, 2];
+                              return [4 /*yield*/, this.renderStackContent(stack)];
+                          case 1:
+                              _a.sent();
+                              _a.label = 2;
+                          case 2: return [2 /*return*/];
+                      }
+                  });
+              });
+          };
+          CanvasRenderer.prototype.renderNode = function (paint) {
+              return __awaiter(this, void 0, void 0, function () {
+                  return __generator(this, function (_a) {
+                      switch (_a.label) {
+                          case 0:
+                              if (contains(paint.container.flags, 16 /* DEBUG_RENDER */)) {
+                                  debugger;
+                              }
+                              if (!paint.container.styles.isVisible()) return [3 /*break*/, 3];
+                              return [4 /*yield*/, this.renderNodeBackgroundAndBorders(paint)];
+                          case 1:
+                              _a.sent();
+                              return [4 /*yield*/, this.renderNodeContent(paint)];
+                          case 2:
+                              _a.sent();
+                              _a.label = 3;
+                          case 3: return [2 /*return*/];
+                      }
+                  });
+              });
+          };
+          CanvasRenderer.prototype.renderTextWithLetterSpacing = function (text, letterSpacing, baseline) {
+              var _this = this;
+              if (letterSpacing === 0) {
+                  this.ctx.fillText(text.text, text.bounds.left, text.bounds.top + baseline);
+              }
+              else {
+                  var letters = segmentGraphemes(text.text);
+                  letters.reduce(function (left, letter) {
+                      _this.ctx.fillText(letter, left, text.bounds.top + baseline);
+                      return left + _this.ctx.measureText(letter).width;
+                  }, text.bounds.left);
+              }
+          };
+          CanvasRenderer.prototype.createFontStyle = function (styles) {
+              var fontVariant = styles.fontVariant
+                  .filter(function (variant) { return variant === 'normal' || variant === 'small-caps'; })
+                  .join('');
+              var fontFamily = fixIOSSystemFonts(styles.fontFamily).join(', ');
+              var fontSize = isDimensionToken(styles.fontSize)
+                  ? "" + styles.fontSize.number + styles.fontSize.unit
+                  : styles.fontSize.number + "px";
+              return [
+                  [styles.fontStyle, fontVariant, styles.fontWeight, fontSize, fontFamily].join(' '),
+                  fontFamily,
+                  fontSize
+              ];
+          };
+          CanvasRenderer.prototype.renderTextNode = function (text, styles) {
+              return __awaiter(this, void 0, void 0, function () {
+                  var _a, font, fontFamily, fontSize, _b, baseline, middle, paintOrder;
+                  var _this = this;
+                  return __generator(this, function (_c) {
+                      _a = this.createFontStyle(styles), font = _a[0], fontFamily = _a[1], fontSize = _a[2];
+                      this.ctx.font = font;
+                      this.ctx.direction = styles.direction === 1 /* RTL */ ? 'rtl' : 'ltr';
+                      this.ctx.textAlign = 'left';
+                      this.ctx.textBaseline = 'alphabetic';
+                      _b = this.fontMetrics.getMetrics(fontFamily, fontSize), baseline = _b.baseline, middle = _b.middle;
+                      paintOrder = styles.paintOrder;
+                      text.textBounds.forEach(function (text) {
+                          paintOrder.forEach(function (paintOrderLayer) {
+                              switch (paintOrderLayer) {
+                                  case 0 /* FILL */:
+                                      _this.ctx.fillStyle = asString(styles.color);
+                                      _this.renderTextWithLetterSpacing(text, styles.letterSpacing, baseline);
+                                      var textShadows = styles.textShadow;
+                                      if (textShadows.length && text.text.trim().length) {
+                                          textShadows
+                                              .slice(0)
+                                              .reverse()
+                                              .forEach(function (textShadow) {
+                                              _this.ctx.shadowColor = asString(textShadow.color);
+                                              _this.ctx.shadowOffsetX = textShadow.offsetX.number * _this.options.scale;
+                                              _this.ctx.shadowOffsetY = textShadow.offsetY.number * _this.options.scale;
+                                              _this.ctx.shadowBlur = textShadow.blur.number;
+                                              _this.renderTextWithLetterSpacing(text, styles.letterSpacing, baseline);
+                                          });
+                                          _this.ctx.shadowColor = '';
+                                          _this.ctx.shadowOffsetX = 0;
+                                          _this.ctx.shadowOffsetY = 0;
+                                          _this.ctx.shadowBlur = 0;
+                                      }
+                                      if (styles.textDecorationLine.length) {
+                                          _this.ctx.fillStyle = asString(styles.textDecorationColor || styles.color);
+                                          styles.textDecorationLine.forEach(function (textDecorationLine) {
+                                              switch (textDecorationLine) {
+                                                  case 1 /* UNDERLINE */:
+                                                      // Draws a line at the baseline of the font
+                                                      // TODO As some browsers display the line as more than 1px if the font-size is big,
+                                                      // need to take that into account both in position and size
+                                                      _this.ctx.fillRect(text.bounds.left, Math.round(text.bounds.top + baseline), text.bounds.width, 1);
+                                                      break;
+                                                  case 2 /* OVERLINE */:
+                                                      _this.ctx.fillRect(text.bounds.left, Math.round(text.bounds.top), text.bounds.width, 1);
+                                                      break;
+                                                  case 3 /* LINE_THROUGH */:
+                                                      // TODO try and find exact position for line-through
+                                                      _this.ctx.fillRect(text.bounds.left, Math.ceil(text.bounds.top + middle), text.bounds.width, 1);
+                                                      break;
+                                              }
+                                          });
+                                      }
+                                      break;
+                                  case 1 /* STROKE */:
+                                      if (styles.webkitTextStrokeWidth && text.text.trim().length) {
+                                          _this.ctx.strokeStyle = asString(styles.webkitTextStrokeColor);
+                                          _this.ctx.lineWidth = styles.webkitTextStrokeWidth;
+                                          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                                          _this.ctx.lineJoin = !!window.chrome ? 'miter' : 'round';
+                                          _this.ctx.strokeText(text.text, text.bounds.left, text.bounds.top + baseline);
+                                      }
+                                      _this.ctx.strokeStyle = '';
+                                      _this.ctx.lineWidth = 0;
+                                      _this.ctx.lineJoin = 'miter';
+                                      break;
+                              }
+                          });
+                      });
+                      return [2 /*return*/];
+                  });
+              });
+          };
+          CanvasRenderer.prototype.renderReplacedElement = function (container, curves, image) {
+              if (image && container.intrinsicWidth > 0 && container.intrinsicHeight > 0) {
+                  var box = contentBox(container);
+                  var path = calculatePaddingBoxPath(curves);
+                  this.path(path);
+                  this.ctx.save();
+                  this.ctx.clip();
+                  this.ctx.drawImage(image, 0, 0, container.intrinsicWidth, container.intrinsicHeight, box.left, box.top, box.width, box.height);
+                  this.ctx.restore();
+              }
+          };
+          CanvasRenderer.prototype.renderNodeContent = function (paint) {
+              return __awaiter(this, void 0, void 0, function () {
+                  var container, curves, styles, _i, _a, child, image, image, iframeRenderer, canvas, size, _b, fontFamily, fontSize, baseline, bounds, x, textBounds, img, image, url, fontFamily, bounds;
+                  return __generator(this, function (_c) {
+                      switch (_c.label) {
+                          case 0:
+                              this.applyEffects(paint.getEffects(4 /* CONTENT */));
+                              container = paint.container;
+                              curves = paint.curves;
+                              styles = container.styles;
+                              _i = 0, _a = container.textNodes;
+                              _c.label = 1;
+                          case 1:
+                              if (!(_i < _a.length)) return [3 /*break*/, 4];
+                              child = _a[_i];
+                              return [4 /*yield*/, this.renderTextNode(child, styles)];
+                          case 2:
+                              _c.sent();
+                              _c.label = 3;
+                          case 3:
+                              _i++;
+                              return [3 /*break*/, 1];
+                          case 4:
+                              if (!(container instanceof ImageElementContainer)) return [3 /*break*/, 8];
+                              _c.label = 5;
+                          case 5:
+                              _c.trys.push([5, 7, , 8]);
+                              return [4 /*yield*/, this.context.cache.match(container.src)];
+                          case 6:
+                              image = _c.sent();
+                              this.renderReplacedElement(container, curves, image);
+                              return [3 /*break*/, 8];
+                          case 7:
+                              _c.sent();
+                              this.context.logger.error("Error loading image " + container.src);
+                              return [3 /*break*/, 8];
+                          case 8:
+                              if (container instanceof CanvasElementContainer) {
+                                  this.renderReplacedElement(container, curves, container.canvas);
+                              }
+                              if (!(container instanceof SVGElementContainer)) return [3 /*break*/, 12];
+                              _c.label = 9;
+                          case 9:
+                              _c.trys.push([9, 11, , 12]);
+                              return [4 /*yield*/, this.context.cache.match(container.svg)];
+                          case 10:
+                              image = _c.sent();
+                              this.renderReplacedElement(container, curves, image);
+                              return [3 /*break*/, 12];
+                          case 11:
+                              _c.sent();
+                              this.context.logger.error("Error loading svg " + container.svg.substring(0, 255));
+                              return [3 /*break*/, 12];
+                          case 12:
+                              if (!(container instanceof IFrameElementContainer && container.tree)) return [3 /*break*/, 14];
+                              iframeRenderer = new CanvasRenderer(this.context, {
+                                  scale: this.options.scale,
+                                  backgroundColor: container.backgroundColor,
+                                  x: 0,
+                                  y: 0,
+                                  width: container.width,
+                                  height: container.height
+                              });
+                              return [4 /*yield*/, iframeRenderer.render(container.tree)];
+                          case 13:
+                              canvas = _c.sent();
+                              if (container.width && container.height) {
+                                  this.ctx.drawImage(canvas, 0, 0, container.width, container.height, container.bounds.left, container.bounds.top, container.bounds.width, container.bounds.height);
+                              }
+                              _c.label = 14;
+                          case 14:
+                              if (container instanceof InputElementContainer) {
+                                  size = Math.min(container.bounds.width, container.bounds.height);
+                                  if (container.type === CHECKBOX) {
+                                      if (container.checked) {
+                                          this.ctx.save();
+                                          this.path([
+                                              new Vector(container.bounds.left + size * 0.39363, container.bounds.top + size * 0.79),
+                                              new Vector(container.bounds.left + size * 0.16, container.bounds.top + size * 0.5549),
+                                              new Vector(container.bounds.left + size * 0.27347, container.bounds.top + size * 0.44071),
+                                              new Vector(container.bounds.left + size * 0.39694, container.bounds.top + size * 0.5649),
+                                              new Vector(container.bounds.left + size * 0.72983, container.bounds.top + size * 0.23),
+                                              new Vector(container.bounds.left + size * 0.84, container.bounds.top + size * 0.34085),
+                                              new Vector(container.bounds.left + size * 0.39363, container.bounds.top + size * 0.79)
+                                          ]);
+                                          this.ctx.fillStyle = asString(INPUT_COLOR);
+                                          this.ctx.fill();
+                                          this.ctx.restore();
+                                      }
+                                  }
+                                  else if (container.type === RADIO) {
+                                      if (container.checked) {
+                                          this.ctx.save();
+                                          this.ctx.beginPath();
+                                          this.ctx.arc(container.bounds.left + size / 2, container.bounds.top + size / 2, size / 4, 0, Math.PI * 2, true);
+                                          this.ctx.fillStyle = asString(INPUT_COLOR);
+                                          this.ctx.fill();
+                                          this.ctx.restore();
+                                      }
+                                  }
+                              }
+                              if (isTextInputElement(container) && container.value.length) {
+                                  _b = this.createFontStyle(styles), fontFamily = _b[0], fontSize = _b[1];
+                                  baseline = this.fontMetrics.getMetrics(fontFamily, fontSize).baseline;
+                                  this.ctx.font = fontFamily;
+                                  this.ctx.fillStyle = asString(styles.color);
+                                  this.ctx.textBaseline = 'alphabetic';
+                                  this.ctx.textAlign = canvasTextAlign(container.styles.textAlign);
+                                  bounds = contentBox(container);
+                                  x = 0;
+                                  switch (container.styles.textAlign) {
+                                      case 1 /* CENTER */:
+                                          x += bounds.width / 2;
+                                          break;
+                                      case 2 /* RIGHT */:
+                                          x += bounds.width;
+                                          break;
+                                  }
+                                  textBounds = bounds.add(x, 0, 0, -bounds.height / 2 + 1);
+                                  this.ctx.save();
+                                  this.path([
+                                      new Vector(bounds.left, bounds.top),
+                                      new Vector(bounds.left + bounds.width, bounds.top),
+                                      new Vector(bounds.left + bounds.width, bounds.top + bounds.height),
+                                      new Vector(bounds.left, bounds.top + bounds.height)
+                                  ]);
+                                  this.ctx.clip();
+                                  this.renderTextWithLetterSpacing(new TextBounds(container.value, textBounds), styles.letterSpacing, baseline);
+                                  this.ctx.restore();
+                                  this.ctx.textBaseline = 'alphabetic';
+                                  this.ctx.textAlign = 'left';
+                              }
+                              if (!contains(container.styles.display, 2048 /* LIST_ITEM */)) return [3 /*break*/, 20];
+                              if (!(container.styles.listStyleImage !== null)) return [3 /*break*/, 19];
+                              img = container.styles.listStyleImage;
+                              if (!(img.type === 0 /* URL */)) return [3 /*break*/, 18];
+                              image = void 0;
+                              url = img.url;
+                              _c.label = 15;
+                          case 15:
+                              _c.trys.push([15, 17, , 18]);
+                              return [4 /*yield*/, this.context.cache.match(url)];
+                          case 16:
+                              image = _c.sent();
+                              this.ctx.drawImage(image, container.bounds.left - (image.width + 10), container.bounds.top);
+                              return [3 /*break*/, 18];
+                          case 17:
+                              _c.sent();
+                              this.context.logger.error("Error loading list-style-image " + url);
+                              return [3 /*break*/, 18];
+                          case 18: return [3 /*break*/, 20];
+                          case 19:
+                              if (paint.listValue && container.styles.listStyleType !== -1 /* NONE */) {
+                                  fontFamily = this.createFontStyle(styles)[0];
+                                  this.ctx.font = fontFamily;
+                                  this.ctx.fillStyle = asString(styles.color);
+                                  this.ctx.textBaseline = 'middle';
+                                  this.ctx.textAlign = 'right';
+                                  bounds = new Bounds(container.bounds.left, container.bounds.top + getAbsoluteValue(container.styles.paddingTop, container.bounds.width), container.bounds.width, computeLineHeight(styles.lineHeight, styles.fontSize.number) / 2 + 1);
+                                  this.renderTextWithLetterSpacing(new TextBounds(paint.listValue, bounds), styles.letterSpacing, computeLineHeight(styles.lineHeight, styles.fontSize.number) / 2 + 2);
+                                  this.ctx.textBaseline = 'bottom';
+                                  this.ctx.textAlign = 'left';
+                              }
+                              _c.label = 20;
+                          case 20: return [2 /*return*/];
+                      }
+                  });
+              });
+          };
+          CanvasRenderer.prototype.renderStackContent = function (stack) {
+              return __awaiter(this, void 0, void 0, function () {
+                  var _i, _a, child, _b, _c, child, _d, _e, child, _f, _g, child, _h, _j, child, _k, _l, child, _m, _o, child;
+                  return __generator(this, function (_p) {
+                      switch (_p.label) {
+                          case 0:
+                              if (contains(stack.element.container.flags, 16 /* DEBUG_RENDER */)) {
+                                  debugger;
+                              }
+                              // https://www.w3.org/TR/css-position-3/#painting-order
+                              // 1. the background and borders of the element forming the stacking context.
+                              return [4 /*yield*/, this.renderNodeBackgroundAndBorders(stack.element)];
+                          case 1:
+                              // https://www.w3.org/TR/css-position-3/#painting-order
+                              // 1. the background and borders of the element forming the stacking context.
+                              _p.sent();
+                              _i = 0, _a = stack.negativeZIndex;
+                              _p.label = 2;
+                          case 2:
+                              if (!(_i < _a.length)) return [3 /*break*/, 5];
+                              child = _a[_i];
+                              return [4 /*yield*/, this.renderStack(child)];
+                          case 3:
+                              _p.sent();
+                              _p.label = 4;
+                          case 4:
+                              _i++;
+                              return [3 /*break*/, 2];
+                          case 5: 
+                          // 3. For all its in-flow, non-positioned, block-level descendants in tree order:
+                          return [4 /*yield*/, this.renderNodeContent(stack.element)];
+                          case 6:
+                              // 3. For all its in-flow, non-positioned, block-level descendants in tree order:
+                              _p.sent();
+                              _b = 0, _c = stack.nonInlineLevel;
+                              _p.label = 7;
+                          case 7:
+                              if (!(_b < _c.length)) return [3 /*break*/, 10];
+                              child = _c[_b];
+                              return [4 /*yield*/, this.renderNode(child)];
+                          case 8:
+                              _p.sent();
+                              _p.label = 9;
+                          case 9:
+                              _b++;
+                              return [3 /*break*/, 7];
+                          case 10:
+                              _d = 0, _e = stack.nonPositionedFloats;
+                              _p.label = 11;
+                          case 11:
+                              if (!(_d < _e.length)) return [3 /*break*/, 14];
+                              child = _e[_d];
+                              return [4 /*yield*/, this.renderStack(child)];
+                          case 12:
+                              _p.sent();
+                              _p.label = 13;
+                          case 13:
+                              _d++;
+                              return [3 /*break*/, 11];
+                          case 14:
+                              _f = 0, _g = stack.nonPositionedInlineLevel;
+                              _p.label = 15;
+                          case 15:
+                              if (!(_f < _g.length)) return [3 /*break*/, 18];
+                              child = _g[_f];
+                              return [4 /*yield*/, this.renderStack(child)];
+                          case 16:
+                              _p.sent();
+                              _p.label = 17;
+                          case 17:
+                              _f++;
+                              return [3 /*break*/, 15];
+                          case 18:
+                              _h = 0, _j = stack.inlineLevel;
+                              _p.label = 19;
+                          case 19:
+                              if (!(_h < _j.length)) return [3 /*break*/, 22];
+                              child = _j[_h];
+                              return [4 /*yield*/, this.renderNode(child)];
+                          case 20:
+                              _p.sent();
+                              _p.label = 21;
+                          case 21:
+                              _h++;
+                              return [3 /*break*/, 19];
+                          case 22:
+                              _k = 0, _l = stack.zeroOrAutoZIndexOrTransformedOrOpacity;
+                              _p.label = 23;
+                          case 23:
+                              if (!(_k < _l.length)) return [3 /*break*/, 26];
+                              child = _l[_k];
+                              return [4 /*yield*/, this.renderStack(child)];
+                          case 24:
+                              _p.sent();
+                              _p.label = 25;
+                          case 25:
+                              _k++;
+                              return [3 /*break*/, 23];
+                          case 26:
+                              _m = 0, _o = stack.positiveZIndex;
+                              _p.label = 27;
+                          case 27:
+                              if (!(_m < _o.length)) return [3 /*break*/, 30];
+                              child = _o[_m];
+                              return [4 /*yield*/, this.renderStack(child)];
+                          case 28:
+                              _p.sent();
+                              _p.label = 29;
+                          case 29:
+                              _m++;
+                              return [3 /*break*/, 27];
+                          case 30: return [2 /*return*/];
+                      }
+                  });
+              });
+          };
+          CanvasRenderer.prototype.mask = function (paths) {
+              this.ctx.beginPath();
+              this.ctx.moveTo(0, 0);
+              this.ctx.lineTo(this.canvas.width, 0);
+              this.ctx.lineTo(this.canvas.width, this.canvas.height);
+              this.ctx.lineTo(0, this.canvas.height);
+              this.ctx.lineTo(0, 0);
+              this.formatPath(paths.slice(0).reverse());
+              this.ctx.closePath();
+          };
+          CanvasRenderer.prototype.path = function (paths) {
+              this.ctx.beginPath();
+              this.formatPath(paths);
+              this.ctx.closePath();
+          };
+          CanvasRenderer.prototype.formatPath = function (paths) {
+              var _this = this;
+              paths.forEach(function (point, index) {
+                  var start = isBezierCurve(point) ? point.start : point;
+                  if (index === 0) {
+                      _this.ctx.moveTo(start.x, start.y);
+                  }
+                  else {
+                      _this.ctx.lineTo(start.x, start.y);
+                  }
+                  if (isBezierCurve(point)) {
+                      _this.ctx.bezierCurveTo(point.startControl.x, point.startControl.y, point.endControl.x, point.endControl.y, point.end.x, point.end.y);
+                  }
+              });
+          };
+          CanvasRenderer.prototype.renderRepeat = function (path, pattern, offsetX, offsetY) {
+              this.path(path);
+              this.ctx.fillStyle = pattern;
+              this.ctx.translate(offsetX, offsetY);
+              this.ctx.fill();
+              this.ctx.translate(-offsetX, -offsetY);
+          };
+          CanvasRenderer.prototype.resizeImage = function (image, width, height) {
+              var _a;
+              if (image.width === width && image.height === height) {
+                  return image;
+              }
+              var ownerDocument = (_a = this.canvas.ownerDocument) !== null && _a !== void 0 ? _a : document;
+              var canvas = ownerDocument.createElement('canvas');
+              canvas.width = Math.max(1, width);
+              canvas.height = Math.max(1, height);
+              var ctx = canvas.getContext('2d');
+              ctx.drawImage(image, 0, 0, image.width, image.height, 0, 0, width, height);
+              return canvas;
+          };
+          CanvasRenderer.prototype.renderBackgroundImage = function (container) {
+              return __awaiter(this, void 0, void 0, function () {
+                  var index, _loop_1, this_1, _i, _a, backgroundImage;
+                  return __generator(this, function (_b) {
+                      switch (_b.label) {
+                          case 0:
+                              index = container.styles.backgroundImage.length - 1;
+                              _loop_1 = function (backgroundImage) {
+                                  var image, url, _c, path, x, y, width, height, pattern, _d, path, x, y, width, height, _e, lineLength, x0, x1, y0, y1, canvas, ctx, gradient_1, pattern, _f, path, left, top_1, width, height, position, x, y, _g, rx, ry, radialGradient_1, midX, midY, f, invF;
+                                  return __generator(this, function (_h) {
+                                      switch (_h.label) {
+                                          case 0:
+                                              if (!(backgroundImage.type === 0 /* URL */)) return [3 /*break*/, 5];
+                                              image = void 0;
+                                              url = backgroundImage.url;
+                                              _h.label = 1;
+                                          case 1:
+                                              _h.trys.push([1, 3, , 4]);
+                                              return [4 /*yield*/, this_1.context.cache.match(url)];
+                                          case 2:
+                                              image = _h.sent();
+                                              return [3 /*break*/, 4];
+                                          case 3:
+                                              _h.sent();
+                                              this_1.context.logger.error("Error loading background-image " + url);
+                                              return [3 /*break*/, 4];
+                                          case 4:
+                                              if (image) {
+                                                  _c = calculateBackgroundRendering(container, index, [
+                                                      image.width,
+                                                      image.height,
+                                                      image.width / image.height
+                                                  ]), path = _c[0], x = _c[1], y = _c[2], width = _c[3], height = _c[4];
+                                                  pattern = this_1.ctx.createPattern(this_1.resizeImage(image, width, height), 'repeat');
+                                                  this_1.renderRepeat(path, pattern, x, y);
+                                              }
+                                              return [3 /*break*/, 6];
+                                          case 5:
+                                              if (isLinearGradient(backgroundImage)) {
+                                                  _d = calculateBackgroundRendering(container, index, [null, null, null]), path = _d[0], x = _d[1], y = _d[2], width = _d[3], height = _d[4];
+                                                  _e = calculateGradientDirection(backgroundImage.angle, width, height), lineLength = _e[0], x0 = _e[1], x1 = _e[2], y0 = _e[3], y1 = _e[4];
+                                                  canvas = document.createElement('canvas');
+                                                  canvas.width = width;
+                                                  canvas.height = height;
+                                                  ctx = canvas.getContext('2d');
+                                                  gradient_1 = ctx.createLinearGradient(x0, y0, x1, y1);
+                                                  processColorStops(backgroundImage.stops, lineLength).forEach(function (colorStop) {
+                                                      return gradient_1.addColorStop(colorStop.stop, asString(colorStop.color));
+                                                  });
+                                                  ctx.fillStyle = gradient_1;
+                                                  ctx.fillRect(0, 0, width, height);
+                                                  if (width > 0 && height > 0) {
+                                                      pattern = this_1.ctx.createPattern(canvas, 'repeat');
+                                                      this_1.renderRepeat(path, pattern, x, y);
+                                                  }
+                                              }
+                                              else if (isRadialGradient(backgroundImage)) {
+                                                  _f = calculateBackgroundRendering(container, index, [
+                                                      null,
+                                                      null,
+                                                      null
+                                                  ]), path = _f[0], left = _f[1], top_1 = _f[2], width = _f[3], height = _f[4];
+                                                  position = backgroundImage.position.length === 0 ? [FIFTY_PERCENT] : backgroundImage.position;
+                                                  x = getAbsoluteValue(position[0], width);
+                                                  y = getAbsoluteValue(position[position.length - 1], height);
+                                                  _g = calculateRadius(backgroundImage, x, y, width, height), rx = _g[0], ry = _g[1];
+                                                  if (rx > 0 && ry > 0) {
+                                                      radialGradient_1 = this_1.ctx.createRadialGradient(left + x, top_1 + y, 0, left + x, top_1 + y, rx);
+                                                      processColorStops(backgroundImage.stops, rx * 2).forEach(function (colorStop) {
+                                                          return radialGradient_1.addColorStop(colorStop.stop, asString(colorStop.color));
+                                                      });
+                                                      this_1.path(path);
+                                                      this_1.ctx.fillStyle = radialGradient_1;
+                                                      if (rx !== ry) {
+                                                          midX = container.bounds.left + 0.5 * container.bounds.width;
+                                                          midY = container.bounds.top + 0.5 * container.bounds.height;
+                                                          f = ry / rx;
+                                                          invF = 1 / f;
+                                                          this_1.ctx.save();
+                                                          this_1.ctx.translate(midX, midY);
+                                                          this_1.ctx.transform(1, 0, 0, f, 0, 0);
+                                                          this_1.ctx.translate(-midX, -midY);
+                                                          this_1.ctx.fillRect(left, invF * (top_1 - midY) + midY, width, height * invF);
+                                                          this_1.ctx.restore();
+                                                      }
+                                                      else {
+                                                          this_1.ctx.fill();
+                                                      }
+                                                  }
+                                              }
+                                              _h.label = 6;
+                                          case 6:
+                                              index--;
+                                              return [2 /*return*/];
+                                      }
+                                  });
+                              };
+                              this_1 = this;
+                              _i = 0, _a = container.styles.backgroundImage.slice(0).reverse();
+                              _b.label = 1;
+                          case 1:
+                              if (!(_i < _a.length)) return [3 /*break*/, 4];
+                              backgroundImage = _a[_i];
+                              return [5 /*yield**/, _loop_1(backgroundImage)];
+                          case 2:
+                              _b.sent();
+                              _b.label = 3;
+                          case 3:
+                              _i++;
+                              return [3 /*break*/, 1];
+                          case 4: return [2 /*return*/];
+                      }
+                  });
+              });
+          };
+          CanvasRenderer.prototype.renderSolidBorder = function (color, side, curvePoints) {
+              return __awaiter(this, void 0, void 0, function () {
+                  return __generator(this, function (_a) {
+                      this.path(parsePathForBorder(curvePoints, side));
+                      this.ctx.fillStyle = asString(color);
+                      this.ctx.fill();
+                      return [2 /*return*/];
+                  });
+              });
+          };
+          CanvasRenderer.prototype.renderDoubleBorder = function (color, width, side, curvePoints) {
+              return __awaiter(this, void 0, void 0, function () {
+                  var outerPaths, innerPaths;
+                  return __generator(this, function (_a) {
+                      switch (_a.label) {
+                          case 0:
+                              if (!(width < 3)) return [3 /*break*/, 2];
+                              return [4 /*yield*/, this.renderSolidBorder(color, side, curvePoints)];
+                          case 1:
+                              _a.sent();
+                              return [2 /*return*/];
+                          case 2:
+                              outerPaths = parsePathForBorderDoubleOuter(curvePoints, side);
+                              this.path(outerPaths);
+                              this.ctx.fillStyle = asString(color);
+                              this.ctx.fill();
+                              innerPaths = parsePathForBorderDoubleInner(curvePoints, side);
+                              this.path(innerPaths);
+                              this.ctx.fill();
+                              return [2 /*return*/];
+                      }
+                  });
+              });
+          };
+          CanvasRenderer.prototype.renderNodeBackgroundAndBorders = function (paint) {
+              return __awaiter(this, void 0, void 0, function () {
+                  var styles, hasBackground, borders, backgroundPaintingArea, side, _i, borders_1, border;
+                  var _this = this;
+                  return __generator(this, function (_a) {
+                      switch (_a.label) {
+                          case 0:
+                              this.applyEffects(paint.getEffects(2 /* BACKGROUND_BORDERS */));
+                              styles = paint.container.styles;
+                              hasBackground = !isTransparent(styles.backgroundColor) || styles.backgroundImage.length;
+                              borders = [
+                                  { style: styles.borderTopStyle, color: styles.borderTopColor, width: styles.borderTopWidth },
+                                  { style: styles.borderRightStyle, color: styles.borderRightColor, width: styles.borderRightWidth },
+                                  { style: styles.borderBottomStyle, color: styles.borderBottomColor, width: styles.borderBottomWidth },
+                                  { style: styles.borderLeftStyle, color: styles.borderLeftColor, width: styles.borderLeftWidth }
+                              ];
+                              backgroundPaintingArea = calculateBackgroundCurvedPaintingArea(getBackgroundValueForIndex(styles.backgroundClip, 0), paint.curves);
+                              if (!(hasBackground || styles.boxShadow.length)) return [3 /*break*/, 2];
+                              this.ctx.save();
+                              this.path(backgroundPaintingArea);
+                              this.ctx.clip();
+                              if (!isTransparent(styles.backgroundColor)) {
+                                  this.ctx.fillStyle = asString(styles.backgroundColor);
+                                  this.ctx.fill();
+                              }
+                              return [4 /*yield*/, this.renderBackgroundImage(paint.container)];
+                          case 1:
+                              _a.sent();
+                              this.ctx.restore();
+                              styles.boxShadow
+                                  .slice(0)
+                                  .reverse()
+                                  .forEach(function (shadow) {
+                                  _this.ctx.save();
+                                  var borderBoxArea = calculateBorderBoxPath(paint.curves);
+                                  var maskOffset = shadow.inset ? 0 : MASK_OFFSET;
+                                  var shadowPaintingArea = transformPath(borderBoxArea, -maskOffset + (shadow.inset ? 1 : -1) * shadow.spread.number, (shadow.inset ? 1 : -1) * shadow.spread.number, shadow.spread.number * (shadow.inset ? -2 : 2), shadow.spread.number * (shadow.inset ? -2 : 2));
+                                  if (shadow.inset) {
+                                      _this.path(borderBoxArea);
+                                      _this.ctx.clip();
+                                      _this.mask(shadowPaintingArea);
+                                  }
+                                  else {
+                                      _this.mask(borderBoxArea);
+                                      _this.ctx.clip();
+                                      _this.path(shadowPaintingArea);
+                                  }
+                                  _this.ctx.shadowOffsetX = shadow.offsetX.number + maskOffset;
+                                  _this.ctx.shadowOffsetY = shadow.offsetY.number;
+                                  _this.ctx.shadowColor = asString(shadow.color);
+                                  _this.ctx.shadowBlur = shadow.blur.number;
+                                  _this.ctx.fillStyle = shadow.inset ? asString(shadow.color) : 'rgba(0,0,0,1)';
+                                  _this.ctx.fill();
+                                  _this.ctx.restore();
+                              });
+                              _a.label = 2;
+                          case 2:
+                              side = 0;
+                              _i = 0, borders_1 = borders;
+                              _a.label = 3;
+                          case 3:
+                              if (!(_i < borders_1.length)) return [3 /*break*/, 13];
+                              border = borders_1[_i];
+                              if (!(border.style !== 0 /* NONE */ && !isTransparent(border.color) && border.width > 0)) return [3 /*break*/, 11];
+                              if (!(border.style === 2 /* DASHED */)) return [3 /*break*/, 5];
+                              return [4 /*yield*/, this.renderDashedDottedBorder(border.color, border.width, side, paint.curves, 2 /* DASHED */)];
+                          case 4:
+                              _a.sent();
+                              return [3 /*break*/, 11];
+                          case 5:
+                              if (!(border.style === 3 /* DOTTED */)) return [3 /*break*/, 7];
+                              return [4 /*yield*/, this.renderDashedDottedBorder(border.color, border.width, side, paint.curves, 3 /* DOTTED */)];
+                          case 6:
+                              _a.sent();
+                              return [3 /*break*/, 11];
+                          case 7:
+                              if (!(border.style === 4 /* DOUBLE */)) return [3 /*break*/, 9];
+                              return [4 /*yield*/, this.renderDoubleBorder(border.color, border.width, side, paint.curves)];
+                          case 8:
+                              _a.sent();
+                              return [3 /*break*/, 11];
+                          case 9: return [4 /*yield*/, this.renderSolidBorder(border.color, side, paint.curves)];
+                          case 10:
+                              _a.sent();
+                              _a.label = 11;
+                          case 11:
+                              side++;
+                              _a.label = 12;
+                          case 12:
+                              _i++;
+                              return [3 /*break*/, 3];
+                          case 13: return [2 /*return*/];
+                      }
+                  });
+              });
+          };
+          CanvasRenderer.prototype.renderDashedDottedBorder = function (color, width, side, curvePoints, style) {
+              return __awaiter(this, void 0, void 0, function () {
+                  var strokePaths, boxPaths, startX, startY, endX, endY, length, dashLength, spaceLength, useLineDash, multiplier, numberOfDashes, minSpace, maxSpace, path1, path2, path1, path2;
+                  return __generator(this, function (_a) {
+                      this.ctx.save();
+                      strokePaths = parsePathForBorderStroke(curvePoints, side);
+                      boxPaths = parsePathForBorder(curvePoints, side);
+                      if (style === 2 /* DASHED */) {
+                          this.path(boxPaths);
+                          this.ctx.clip();
+                      }
+                      if (isBezierCurve(boxPaths[0])) {
+                          startX = boxPaths[0].start.x;
+                          startY = boxPaths[0].start.y;
+                      }
+                      else {
+                          startX = boxPaths[0].x;
+                          startY = boxPaths[0].y;
+                      }
+                      if (isBezierCurve(boxPaths[1])) {
+                          endX = boxPaths[1].end.x;
+                          endY = boxPaths[1].end.y;
+                      }
+                      else {
+                          endX = boxPaths[1].x;
+                          endY = boxPaths[1].y;
+                      }
+                      if (side === 0 || side === 2) {
+                          length = Math.abs(startX - endX);
+                      }
+                      else {
+                          length = Math.abs(startY - endY);
+                      }
+                      this.ctx.beginPath();
+                      if (style === 3 /* DOTTED */) {
+                          this.formatPath(strokePaths);
+                      }
+                      else {
+                          this.formatPath(boxPaths.slice(0, 2));
+                      }
+                      dashLength = width < 3 ? width * 3 : width * 2;
+                      spaceLength = width < 3 ? width * 2 : width;
+                      if (style === 3 /* DOTTED */) {
+                          dashLength = width;
+                          spaceLength = width;
+                      }
+                      useLineDash = true;
+                      if (length <= dashLength * 2) {
+                          useLineDash = false;
+                      }
+                      else if (length <= dashLength * 2 + spaceLength) {
+                          multiplier = length / (2 * dashLength + spaceLength);
+                          dashLength *= multiplier;
+                          spaceLength *= multiplier;
+                      }
+                      else {
+                          numberOfDashes = Math.floor((length + spaceLength) / (dashLength + spaceLength));
+                          minSpace = (length - numberOfDashes * dashLength) / (numberOfDashes - 1);
+                          maxSpace = (length - (numberOfDashes + 1) * dashLength) / numberOfDashes;
+                          spaceLength =
+                              maxSpace <= 0 || Math.abs(spaceLength - minSpace) < Math.abs(spaceLength - maxSpace)
+                                  ? minSpace
+                                  : maxSpace;
+                      }
+                      if (useLineDash) {
+                          if (style === 3 /* DOTTED */) {
+                              this.ctx.setLineDash([0, dashLength + spaceLength]);
+                          }
+                          else {
+                              this.ctx.setLineDash([dashLength, spaceLength]);
+                          }
+                      }
+                      if (style === 3 /* DOTTED */) {
+                          this.ctx.lineCap = 'round';
+                          this.ctx.lineWidth = width;
+                      }
+                      else {
+                          this.ctx.lineWidth = width * 2 + 1.1;
+                      }
+                      this.ctx.strokeStyle = asString(color);
+                      this.ctx.stroke();
+                      this.ctx.setLineDash([]);
+                      // dashed round edge gap
+                      if (style === 2 /* DASHED */) {
+                          if (isBezierCurve(boxPaths[0])) {
+                              path1 = boxPaths[3];
+                              path2 = boxPaths[0];
+                              this.ctx.beginPath();
+                              this.formatPath([new Vector(path1.end.x, path1.end.y), new Vector(path2.start.x, path2.start.y)]);
+                              this.ctx.stroke();
+                          }
+                          if (isBezierCurve(boxPaths[1])) {
+                              path1 = boxPaths[1];
+                              path2 = boxPaths[2];
+                              this.ctx.beginPath();
+                              this.formatPath([new Vector(path1.end.x, path1.end.y), new Vector(path2.start.x, path2.start.y)]);
+                              this.ctx.stroke();
+                          }
+                      }
+                      this.ctx.restore();
+                      return [2 /*return*/];
+                  });
+              });
+          };
+          CanvasRenderer.prototype.render = function (element) {
+              return __awaiter(this, void 0, void 0, function () {
+                  var stack;
+                  return __generator(this, function (_a) {
+                      switch (_a.label) {
+                          case 0:
+                              if (this.options.backgroundColor) {
+                                  this.ctx.fillStyle = asString(this.options.backgroundColor);
+                                  this.ctx.fillRect(this.options.x, this.options.y, this.options.width, this.options.height);
+                              }
+                              stack = parseStackingContexts(element);
+                              return [4 /*yield*/, this.renderStack(stack)];
+                          case 1:
+                              _a.sent();
+                              this.applyEffects([]);
+                              return [2 /*return*/, this.canvas];
+                      }
+                  });
+              });
+          };
+          return CanvasRenderer;
+      }(Renderer));
+      var isTextInputElement = function (container) {
+          if (container instanceof TextareaElementContainer) {
+              return true;
+          }
+          else if (container instanceof SelectElementContainer) {
+              return true;
+          }
+          else if (container instanceof InputElementContainer && container.type !== RADIO && container.type !== CHECKBOX) {
+              return true;
+          }
+          return false;
+      };
+      var calculateBackgroundCurvedPaintingArea = function (clip, curves) {
+          switch (clip) {
+              case 0 /* BORDER_BOX */:
+                  return calculateBorderBoxPath(curves);
+              case 2 /* CONTENT_BOX */:
+                  return calculateContentBoxPath(curves);
+              case 1 /* PADDING_BOX */:
+              default:
+                  return calculatePaddingBoxPath(curves);
+          }
+      };
+      var canvasTextAlign = function (textAlign) {
+          switch (textAlign) {
+              case 1 /* CENTER */:
+                  return 'center';
+              case 2 /* RIGHT */:
+                  return 'right';
+              case 0 /* LEFT */:
+              default:
+                  return 'left';
+          }
+      };
+      // see https://github.com/niklasvh/html2canvas/pull/2645
+      var iOSBrokenFonts = ['-apple-system', 'system-ui'];
+      var fixIOSSystemFonts = function (fontFamilies) {
+          return /iPhone OS 15_(0|1)/.test(window.navigator.userAgent)
+              ? fontFamilies.filter(function (fontFamily) { return iOSBrokenFonts.indexOf(fontFamily) === -1; })
+              : fontFamilies;
+      };
+
+      var ForeignObjectRenderer = /** @class */ (function (_super) {
+          __extends(ForeignObjectRenderer, _super);
+          function ForeignObjectRenderer(context, options) {
+              var _this = _super.call(this, context, options) || this;
+              _this.canvas = options.canvas ? options.canvas : document.createElement('canvas');
+              _this.ctx = _this.canvas.getContext('2d');
+              _this.options = options;
+              _this.canvas.width = Math.floor(options.width * options.scale);
+              _this.canvas.height = Math.floor(options.height * options.scale);
+              _this.canvas.style.width = options.width + "px";
+              _this.canvas.style.height = options.height + "px";
+              _this.ctx.scale(_this.options.scale, _this.options.scale);
+              _this.ctx.translate(-options.x, -options.y);
+              _this.context.logger.debug("EXPERIMENTAL ForeignObject renderer initialized (" + options.width + "x" + options.height + " at " + options.x + "," + options.y + ") with scale " + options.scale);
+              return _this;
+          }
+          ForeignObjectRenderer.prototype.render = function (element) {
+              return __awaiter(this, void 0, void 0, function () {
+                  var svg, img;
+                  return __generator(this, function (_a) {
+                      switch (_a.label) {
+                          case 0:
+                              svg = createForeignObjectSVG(this.options.width * this.options.scale, this.options.height * this.options.scale, this.options.scale, this.options.scale, element);
+                              return [4 /*yield*/, loadSerializedSVG(svg)];
+                          case 1:
+                              img = _a.sent();
+                              if (this.options.backgroundColor) {
+                                  this.ctx.fillStyle = asString(this.options.backgroundColor);
+                                  this.ctx.fillRect(0, 0, this.options.width * this.options.scale, this.options.height * this.options.scale);
+                              }
+                              this.ctx.drawImage(img, -this.options.x * this.options.scale, -this.options.y * this.options.scale);
+                              return [2 /*return*/, this.canvas];
+                      }
+                  });
+              });
+          };
+          return ForeignObjectRenderer;
+      }(Renderer));
+      var loadSerializedSVG = function (svg) {
+          return new Promise(function (resolve, reject) {
+              var img = new Image();
+              img.onload = function () {
+                  resolve(img);
+              };
+              img.onerror = reject;
+              img.src = "data:image/svg+xml;charset=utf-8," + encodeURIComponent(new XMLSerializer().serializeToString(svg));
+          });
+      };
+
+      var Logger = /** @class */ (function () {
+          function Logger(_a) {
+              var id = _a.id, enabled = _a.enabled;
+              this.id = id;
+              this.enabled = enabled;
+              this.start = Date.now();
+          }
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+          Logger.prototype.debug = function () {
+              var args = [];
+              for (var _i = 0; _i < arguments.length; _i++) {
+                  args[_i] = arguments[_i];
+              }
+              if (this.enabled) {
+                  // eslint-disable-next-line no-console
+                  if (typeof window !== 'undefined' && window.console && typeof console.debug === 'function') {
+                      // eslint-disable-next-line no-console
+                      console.debug.apply(console, __spreadArray([this.id, this.getTime() + "ms"], args));
+                  }
+                  else {
+                      this.info.apply(this, args);
+                  }
+              }
+          };
+          Logger.prototype.getTime = function () {
+              return Date.now() - this.start;
+          };
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+          Logger.prototype.info = function () {
+              var args = [];
+              for (var _i = 0; _i < arguments.length; _i++) {
+                  args[_i] = arguments[_i];
+              }
+              if (this.enabled) {
+                  // eslint-disable-next-line no-console
+                  if (typeof window !== 'undefined' && window.console && typeof console.info === 'function') {
+                      // eslint-disable-next-line no-console
+                      console.info.apply(console, __spreadArray([this.id, this.getTime() + "ms"], args));
+                  }
+              }
+          };
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+          Logger.prototype.warn = function () {
+              var args = [];
+              for (var _i = 0; _i < arguments.length; _i++) {
+                  args[_i] = arguments[_i];
+              }
+              if (this.enabled) {
+                  // eslint-disable-next-line no-console
+                  if (typeof window !== 'undefined' && window.console && typeof console.warn === 'function') {
+                      // eslint-disable-next-line no-console
+                      console.warn.apply(console, __spreadArray([this.id, this.getTime() + "ms"], args));
+                  }
+                  else {
+                      this.info.apply(this, args);
+                  }
+              }
+          };
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+          Logger.prototype.error = function () {
+              var args = [];
+              for (var _i = 0; _i < arguments.length; _i++) {
+                  args[_i] = arguments[_i];
+              }
+              if (this.enabled) {
+                  // eslint-disable-next-line no-console
+                  if (typeof window !== 'undefined' && window.console && typeof console.error === 'function') {
+                      // eslint-disable-next-line no-console
+                      console.error.apply(console, __spreadArray([this.id, this.getTime() + "ms"], args));
+                  }
+                  else {
+                      this.info.apply(this, args);
+                  }
+              }
+          };
+          Logger.instances = {};
+          return Logger;
+      }());
+
+      var Context = /** @class */ (function () {
+          function Context(options, windowBounds) {
+              var _a;
+              this.windowBounds = windowBounds;
+              this.instanceName = "#" + Context.instanceCount++;
+              this.logger = new Logger({ id: this.instanceName, enabled: options.logging });
+              this.cache = (_a = options.cache) !== null && _a !== void 0 ? _a : new Cache(this, options);
+          }
+          Context.instanceCount = 1;
+          return Context;
+      }());
+
+      var html2canvas = function (element, options) {
+          if (options === void 0) { options = {}; }
+          return renderElement(element, options);
+      };
+      if (typeof window !== 'undefined') {
+          CacheStorage.setContext(window);
+      }
+      var renderElement = function (element, opts) { return __awaiter(void 0, void 0, void 0, function () {
+          var ownerDocument, defaultView, resourceOptions, contextOptions, windowOptions, windowBounds, context, foreignObjectRendering, cloneOptions, documentCloner, clonedElement, container, _a, width, height, left, top, backgroundColor, renderOptions, canvas, renderer, root, renderer;
+          var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
+          return __generator(this, function (_u) {
+              switch (_u.label) {
+                  case 0:
+                      if (!element || typeof element !== 'object') {
+                          return [2 /*return*/, Promise.reject('Invalid element provided as first argument')];
+                      }
+                      ownerDocument = element.ownerDocument;
+                      if (!ownerDocument) {
+                          throw new Error("Element is not attached to a Document");
+                      }
+                      defaultView = ownerDocument.defaultView;
+                      if (!defaultView) {
+                          throw new Error("Document is not attached to a Window");
+                      }
+                      resourceOptions = {
+                          allowTaint: (_b = opts.allowTaint) !== null && _b !== void 0 ? _b : false,
+                          imageTimeout: (_c = opts.imageTimeout) !== null && _c !== void 0 ? _c : 15000,
+                          proxy: opts.proxy,
+                          useCORS: (_d = opts.useCORS) !== null && _d !== void 0 ? _d : false
+                      };
+                      contextOptions = __assign({ logging: (_e = opts.logging) !== null && _e !== void 0 ? _e : true, cache: opts.cache }, resourceOptions);
+                      windowOptions = {
+                          windowWidth: (_f = opts.windowWidth) !== null && _f !== void 0 ? _f : defaultView.innerWidth,
+                          windowHeight: (_g = opts.windowHeight) !== null && _g !== void 0 ? _g : defaultView.innerHeight,
+                          scrollX: (_h = opts.scrollX) !== null && _h !== void 0 ? _h : defaultView.pageXOffset,
+                          scrollY: (_j = opts.scrollY) !== null && _j !== void 0 ? _j : defaultView.pageYOffset
+                      };
+                      windowBounds = new Bounds(windowOptions.scrollX, windowOptions.scrollY, windowOptions.windowWidth, windowOptions.windowHeight);
+                      context = new Context(contextOptions, windowBounds);
+                      foreignObjectRendering = (_k = opts.foreignObjectRendering) !== null && _k !== void 0 ? _k : false;
+                      cloneOptions = {
+                          allowTaint: (_l = opts.allowTaint) !== null && _l !== void 0 ? _l : false,
+                          onclone: opts.onclone,
+                          ignoreElements: opts.ignoreElements,
+                          inlineImages: foreignObjectRendering,
+                          copyStyles: foreignObjectRendering
+                      };
+                      context.logger.debug("Starting document clone with size " + windowBounds.width + "x" + windowBounds.height + " scrolled to " + -windowBounds.left + "," + -windowBounds.top);
+                      documentCloner = new DocumentCloner(context, element, cloneOptions);
+                      clonedElement = documentCloner.clonedReferenceElement;
+                      if (!clonedElement) {
+                          return [2 /*return*/, Promise.reject("Unable to find element in cloned iframe")];
+                      }
+                      return [4 /*yield*/, documentCloner.toIFrame(ownerDocument, windowBounds)];
+                  case 1:
+                      container = _u.sent();
+                      _a = isBodyElement(clonedElement) || isHTMLElement(clonedElement)
+                          ? parseDocumentSize(clonedElement.ownerDocument)
+                          : parseBounds(context, clonedElement), width = _a.width, height = _a.height, left = _a.left, top = _a.top;
+                      backgroundColor = parseBackgroundColor(context, clonedElement, opts.backgroundColor);
+                      renderOptions = {
+                          canvas: opts.canvas,
+                          backgroundColor: backgroundColor,
+                          scale: (_o = (_m = opts.scale) !== null && _m !== void 0 ? _m : defaultView.devicePixelRatio) !== null && _o !== void 0 ? _o : 1,
+                          x: ((_p = opts.x) !== null && _p !== void 0 ? _p : 0) + left,
+                          y: ((_q = opts.y) !== null && _q !== void 0 ? _q : 0) + top,
+                          width: (_r = opts.width) !== null && _r !== void 0 ? _r : Math.ceil(width),
+                          height: (_s = opts.height) !== null && _s !== void 0 ? _s : Math.ceil(height)
+                      };
+                      if (!foreignObjectRendering) return [3 /*break*/, 3];
+                      context.logger.debug("Document cloned, using foreign object rendering");
+                      renderer = new ForeignObjectRenderer(context, renderOptions);
+                      return [4 /*yield*/, renderer.render(clonedElement)];
+                  case 2:
+                      canvas = _u.sent();
+                      return [3 /*break*/, 5];
+                  case 3:
+                      context.logger.debug("Document cloned, element located at " + left + "," + top + " with size " + width + "x" + height + " using computed rendering");
+                      context.logger.debug("Starting DOM parsing");
+                      root = parseTree(context, clonedElement);
+                      if (backgroundColor === root.styles.backgroundColor) {
+                          root.styles.backgroundColor = COLORS.TRANSPARENT;
+                      }
+                      context.logger.debug("Starting renderer for element at " + renderOptions.x + "," + renderOptions.y + " with size " + renderOptions.width + "x" + renderOptions.height);
+                      renderer = new CanvasRenderer(context, renderOptions);
+                      return [4 /*yield*/, renderer.render(root)];
+                  case 4:
+                      canvas = _u.sent();
+                      _u.label = 5;
+                  case 5:
+                      if ((_t = opts.removeContainer) !== null && _t !== void 0 ? _t : true) {
+                          if (!DocumentCloner.destroy(container)) {
+                              context.logger.error("Cannot detach cloned iframe as it is not in the DOM anymore");
+                          }
+                      }
+                      context.logger.debug("Finished rendering");
+                      return [2 /*return*/, canvas];
+              }
+          });
+      }); };
+      var parseBackgroundColor = function (context, element, backgroundColorOverride) {
+          var ownerDocument = element.ownerDocument;
+          // http://www.w3.org/TR/css3-background/#special-backgrounds
+          var documentBackgroundColor = ownerDocument.documentElement
+              ? parseColor(context, getComputedStyle(ownerDocument.documentElement).backgroundColor)
+              : COLORS.TRANSPARENT;
+          var bodyBackgroundColor = ownerDocument.body
+              ? parseColor(context, getComputedStyle(ownerDocument.body).backgroundColor)
+              : COLORS.TRANSPARENT;
+          var defaultBackgroundColor = typeof backgroundColorOverride === 'string'
+              ? parseColor(context, backgroundColorOverride)
+              : backgroundColorOverride === null
+                  ? COLORS.TRANSPARENT
+                  : 0xffffffff;
+          return element === ownerDocument.documentElement
+              ? isTransparent(documentBackgroundColor)
+                  ? isTransparent(bodyBackgroundColor)
+                      ? defaultBackgroundColor
+                      : bodyBackgroundColor
+                  : documentBackgroundColor
+              : defaultBackgroundColor;
+      };
+
+      return html2canvas;
+
+  })));
+
+  });
+
+  /* src/SearchFaces.svelte generated by Svelte v3.59.2 */
+
+  const { console: console_1 } = globals;
+  const file$2 = "src/SearchFaces.svelte";
+
+  function create_fragment$2(ctx) {
+  	let button;
+  	let svg;
+  	let path;
+  	let mounted;
+  	let dispose;
+
+  	const block = {
+  		c: function create() {
+  			button = element("button");
+  			svg = svg_element("svg");
+  			path = svg_element("path");
+  			attr_dev(path, "d", "M9,11.75A1.25,1.25 0 0,0 7.75,13A1.25,1.25 0 0,0 9,14.25A1.25,1.25 0 0,0 10.25,13A1.25,1.25 0 0,0 9,11.75M15,11.75A1.25,1.25 0 0,0 13.75,13A1.25,1.25 0 0,0 15,14.25A1.25,1.25 0 0,0 16.25,13A1.25,1.25 0 0,0 15,11.75M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20A8,8 0 0,1 4,12C3.97,11.71 3.97,11.43 4,11.14C6.38,10.1 8.27,8.17 9.26,5.77C11.13,8.42 14.17,10 17.42,10C18.18,10 18.93,9.91 19.67,9.74C20.92,14 18.5,18.43 14.26,19.67C13.5,19.89 12.76,20 12,20M0,2A2,2 0 0,1 2,0H6V2H2V6H0V2M24,22A2,2 0 0,1 22,24H18V22H22V18H24V22M2,24A2,2 0 0,1 0,22V18H2V22H6V24H2M22,0A2,2 0 0,1 24,2V6H22V2H18V0H22Z");
+  			add_location(path, file$2, 66, 4, 1826);
+  			attr_dev(svg, "xmlns", "http://www.w3.org/2000/svg");
+  			attr_dev(svg, "width", "20px");
+  			attr_dev(svg, "height", "20px");
+  			attr_dev(svg, "viewBox", "0 0 24 24");
+  			attr_dev(svg, "class", "svelte-1m5gxnd");
+  			add_location(svg, file$2, 65, 2, 1733);
+  			attr_dev(button, "id", "visage");
+  			attr_dev(button, "class", "svelte-1m5gxnd");
+  			toggle_class(button, "scanner", /*scanner*/ ctx[0]);
+  			add_location(button, file$2, 64, 0, 1675);
+  		},
+  		l: function claim(nodes) {
+  			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
+  		},
+  		m: function mount(target, anchor) {
+  			insert_dev(target, button, anchor);
+  			append_dev(button, svg);
+  			append_dev(svg, path);
+
+  			if (!mounted) {
+  				dispose = listen_dev(button, "click", /*recognize*/ ctx[1], false, false, false, false);
+  				mounted = true;
+  			}
+  		},
+  		p: function update(ctx, [dirty]) {
+  			if (dirty & /*scanner*/ 1) {
+  				toggle_class(button, "scanner", /*scanner*/ ctx[0]);
+  			}
+  		},
+  		i: noop,
+  		o: noop,
+  		d: function destroy(detaching) {
+  			if (detaching) detach_dev(button);
+  			mounted = false;
+  			dispose();
+  		}
+  	};
+
+  	dispatch_dev("SvelteRegisterBlock", {
+  		block,
+  		id: create_fragment$2.name,
+  		type: "component",
+  		source: "",
+  		ctx
+  	});
+
+  	return block;
+  }
+
+  function instance$2($$self, $$props, $$invalidate) {
+  	let { $$slots: slots = {}, $$scope } = $$props;
+  	validate_slots('SearchFaces', slots, []);
+  	let scanner = false;
+
+  	function recognize() {
+  		let [scenario] = getScenarioAndID();
+  		let selector;
+
+  		if (scenario === "scenes") {
+  			selector = "#VideoJsPlayer";
+  		} else if (scenario === "images") {
+  			selector = ".image-image";
+  		}
+
+  		html2canvas(document.querySelector(selector)).then(canvas => {
+  			$$invalidate(0, scanner = true);
+  			let image = canvas.toDataURL("image/jpg");
+  			let data = { data: [image, THRESHOLD, MAX_RESULTS] };
+
+  			fetch(VISAGE_API_URL + "_1", {
+  				method: "POST",
+  				headers: {
+  					"Content-Type": "application/json; charset=utf-8"
+  				},
+  				body: JSON.stringify(data)
+  			}).then(response => {
+  				console.log(response.responseText);
+
+  				if (response.status !== 200) {
+  					$$invalidate(0, scanner = false);
+  					alert("Something went wrong. It's likely a server issue, Please try again later.");
+  					return;
+  				}
+
+  				return response.json();
+  			}).then(data => {
+  				$$invalidate(0, scanner = false);
+
+  				if (data.data[0].length === 0) {
+  					alert("No matches found");
+  					return;
+  				}
+
+  				new Match({
+  						target: document.body,
+  						props: { matches: data.data[0] }
+  					});
+  			}).catch(error => {
+  				$$invalidate(0, scanner = false);
+  				alert("Error: " + error.message);
+  			});
+  		});
+  	}
+
+  	const calls = {
+  		recog() {
+  			recognize();
+  		}
+  	};
+
+  	const writable_props = [];
+
+  	Object.keys($$props).forEach(key => {
+  		if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console_1.warn(`<SearchFaces> was created with unknown prop '${key}'`);
+  	});
+
+  	$$self.$capture_state = () => ({
+  		getScenarioAndID,
+  		VISAGE_API_URL,
+  		THRESHOLD,
+  		MAX_RESULTS,
+  		Match,
+  		html2canvas,
+  		scanner,
+  		recognize,
+  		calls
+  	});
+
+  	$$self.$inject_state = $$props => {
+  		if ('scanner' in $$props) $$invalidate(0, scanner = $$props.scanner);
+  	};
+
+  	if ($$props && "$$inject" in $$props) {
+  		$$self.$inject_state($$props.$$inject);
+  	}
+
+  	return [scanner, recognize, calls];
+  }
+
+  class SearchFaces extends SvelteComponentDev {
+  	constructor(options) {
+  		super(options);
+  		init(this, options, instance$2, create_fragment$2, safe_not_equal, { calls: 2 });
+
+  		dispatch_dev("SvelteRegisterComponent", {
+  			component: this,
+  			tagName: "SearchFaces",
+  			options,
+  			id: create_fragment$2.name
+  		});
+  	}
+
+  	get calls() {
+  		return this.$$.ctx[2];
+  	}
+
+  	set calls(value) {
+  		throw new Error("<SearchFaces>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
+  	}
+  }
+
+  function flip(node, { from, to }, params = {}) {
+      const style = getComputedStyle(node);
+      const transform = style.transform === 'none' ? '' : style.transform;
+      const [ox, oy] = style.transformOrigin.split(' ').map(parseFloat);
+      const dx = (from.left + from.width * ox / to.width) - (to.left + ox);
+      const dy = (from.top + from.height * oy / to.height) - (to.top + oy);
+      const { delay = 0, duration = (d) => Math.sqrt(d) * 120, easing = cubicOut } = params;
+      return {
+          delay,
+          duration: is_function(duration) ? duration(Math.sqrt(dx * dx + dy * dy)) : duration,
+          easing,
+          css: (t, u) => {
+              const x = u * dx;
+              const y = u * dy;
+              const sx = t + u * from.width / to.width;
+              const sy = t + u * from.height / to.height;
+              return `transform: ${transform} translate(${x}px, ${y}px) scale(${sx}, ${sy});`;
+          }
+      };
+  }
+
+  /* src/Faces.svelte generated by Svelte v3.59.2 */
+  const file$1 = "src/Faces.svelte";
+
+  function get_each_context(ctx, list, i) {
+  	const child_ctx = ctx.slice();
+  	child_ctx[10] = list[i];
+  	return child_ctx;
+  }
+
+  // (49:10) {#each frames as frame (frame.id)}
+  function create_each_block(key_1, ctx) {
+  	let div2;
+  	let div1;
+  	let div0;
+  	let div0_data_offset_value;
+  	let t;
+  	let div2_intro;
+  	let div2_outro;
+  	let rect;
+  	let stop_animation = noop;
+  	let current;
+  	let mounted;
+  	let dispose;
+
+  	function click_handler() {
+  		return /*click_handler*/ ctx[8](/*frame*/ ctx[10]);
+  	}
+
+  	const block = {
+  		key: key_1,
+  		first: null,
+  		c: function create() {
+  			div2 = element("div");
+  			div1 = element("div");
+  			div0 = element("div");
+  			t = space();
+  			attr_dev(div0, "class", "face-item svelte-p95y28");
+  			set_style(div0, "background-position", "-" + /*frame*/ ctx[10].offset[0] + "px -" + /*frame*/ ctx[10].offset[1] + "px");
+  			set_style(div0, "background-image", "url('" + /*url*/ ctx[0] + "')");
+  			attr_dev(div0, "data-offset", div0_data_offset_value = /*frame*/ ctx[10].offset);
+  			add_location(div0, file$1, 57, 16, 1631);
+  			set_style(div1, "padding", "10px");
+  			add_location(div1, file$1, 55, 14, 1513);
+  			attr_dev(div2, "class", "svelte-p95y28");
+  			toggle_class(div2, "selected", /*selected*/ ctx[3] === /*frame*/ ctx[10].id);
+  			add_location(div2, file$1, 49, 12, 1317);
+  			this.first = div2;
+  		},
+  		m: function mount(target, anchor) {
+  			insert_dev(target, div2, anchor);
+  			append_dev(div2, div1);
+  			append_dev(div1, div0);
+  			append_dev(div2, t);
+  			current = true;
+
+  			if (!mounted) {
+  				dispose = listen_dev(div0, "click", click_handler, false, false, false, false);
+  				mounted = true;
+  			}
+  		},
+  		p: function update(new_ctx, dirty) {
+  			ctx = new_ctx;
+
+  			if (!current || dirty & /*frames*/ 2) {
+  				set_style(div0, "background-position", "-" + /*frame*/ ctx[10].offset[0] + "px -" + /*frame*/ ctx[10].offset[1] + "px");
+  			}
+
+  			if (!current || dirty & /*url*/ 1) {
+  				set_style(div0, "background-image", "url('" + /*url*/ ctx[0] + "')");
+  			}
+
+  			if (!current || dirty & /*frames*/ 2 && div0_data_offset_value !== (div0_data_offset_value = /*frame*/ ctx[10].offset)) {
+  				attr_dev(div0, "data-offset", div0_data_offset_value);
+  			}
+
+  			if (!current || dirty & /*selected, frames*/ 10) {
+  				toggle_class(div2, "selected", /*selected*/ ctx[3] === /*frame*/ ctx[10].id);
+  			}
+  		},
+  		r: function measure() {
+  			rect = div2.getBoundingClientRect();
+  		},
+  		f: function fix() {
+  			fix_position(div2);
+  			stop_animation();
+  			add_transform(div2, rect);
+  		},
+  		a: function animate() {
+  			stop_animation();
+  			stop_animation = create_animation(div2, rect, flip, { duration: 250, easing: quintOut });
+  		},
+  		i: function intro(local) {
+  			if (current) return;
+
+  			add_render_callback(() => {
+  				if (!current) return;
+  				if (div2_outro) div2_outro.end(1);
+  				div2_intro = create_in_transition(div2, fade, {});
+  				div2_intro.start();
+  			});
+
+  			current = true;
+  		},
+  		o: function outro(local) {
+  			if (div2_intro) div2_intro.invalidate();
+  			div2_outro = create_out_transition(div2, fade, {});
+  			current = false;
+  		},
+  		d: function destroy(detaching) {
+  			if (detaching) detach_dev(div2);
+  			if (detaching && div2_outro) div2_outro.end();
+  			mounted = false;
+  			dispose();
+  		}
+  	};
+
+  	dispatch_dev("SvelteRegisterBlock", {
+  		block,
+  		id: create_each_block.name,
+  		type: "each",
+  		source: "(49:10) {#each frames as frame (frame.id)}",
+  		ctx
+  	});
+
+  	return block;
+  }
+
+  function create_fragment$1(ctx) {
+  	let div6;
+  	let div5;
+  	let div4;
+  	let div1;
+  	let div0;
+  	let searchfaces;
+  	let updating_calls;
+  	let t0;
+  	let button;
+  	let t2;
+  	let div3;
+  	let div2;
+  	let each_blocks = [];
+  	let each_1_lookup = new Map();
+  	let current;
+  	let mounted;
+  	let dispose;
+
+  	function searchfaces_calls_binding(value) {
+  		/*searchfaces_calls_binding*/ ctx[7](value);
+  	}
+
+  	let searchfaces_props = {};
+
+  	if (/*calls*/ ctx[4] !== void 0) {
+  		searchfaces_props.calls = /*calls*/ ctx[4];
+  	}
+
+  	searchfaces = new SearchFaces({ props: searchfaces_props, $$inline: true });
+  	binding_callbacks.push(() => bind(searchfaces, 'calls', searchfaces_calls_binding));
+  	let each_value = /*frames*/ ctx[1];
+  	validate_each_argument(each_value);
+  	const get_key = ctx => /*frame*/ ctx[10].id;
+  	validate_each_keys(ctx, each_value, get_each_context, get_key);
+
+  	for (let i = 0; i < each_value.length; i += 1) {
+  		let child_ctx = get_each_context(ctx, each_value, i);
+  		let key = get_key(child_ctx);
+  		each_1_lookup.set(key, each_blocks[i] = create_each_block(key, child_ctx));
+  	}
+
+  	const block = {
+  		c: function create() {
+  			div6 = element("div");
+  			div5 = element("div");
+  			div4 = element("div");
+  			div1 = element("div");
+  			div0 = element("div");
+  			create_component(searchfaces.$$.fragment);
+  			t0 = space();
+  			button = element("button");
+  			button.textContent = "Close";
+  			t2 = space();
+  			div3 = element("div");
+  			div2 = element("div");
+
+  			for (let i = 0; i < each_blocks.length; i += 1) {
+  				each_blocks[i].c();
+  			}
+
+  			attr_dev(button, "id", "tags-cancel");
+  			attr_dev(button, "type", "button");
+  			attr_dev(button, "class", "ml-2 btn btn-secondary");
+  			add_location(button, file$1, 38, 10, 991);
+  			add_location(div0, file$1, 36, 8, 931);
+  			attr_dev(div1, "class", "ModalFooter modal-header");
+  			add_location(div1, file$1, 35, 6, 884);
+  			attr_dev(div2, "class", "row justify-content-center");
+  			add_location(div2, file$1, 47, 8, 1219);
+  			attr_dev(div3, "class", "modal-body");
+  			add_location(div3, file$1, 46, 6, 1186);
+  			attr_dev(div4, "class", "modal-content");
+  			add_location(div4, file$1, 34, 4, 850);
+  			attr_dev(div5, "class", "modal-dialog modal-xl top-accent");
+  			add_location(div5, file$1, 33, 2, 799);
+  			attr_dev(div6, "class", "face-tabs svelte-p95y28");
+  			add_location(div6, file$1, 32, 0, 756);
+  		},
+  		l: function claim(nodes) {
+  			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
+  		},
+  		m: function mount(target, anchor) {
+  			insert_dev(target, div6, anchor);
+  			append_dev(div6, div5);
+  			append_dev(div5, div4);
+  			append_dev(div4, div1);
+  			append_dev(div1, div0);
+  			mount_component(searchfaces, div0, null);
+  			append_dev(div0, t0);
+  			append_dev(div0, button);
+  			append_dev(div4, t2);
+  			append_dev(div4, div3);
+  			append_dev(div3, div2);
+
+  			for (let i = 0; i < each_blocks.length; i += 1) {
+  				if (each_blocks[i]) {
+  					each_blocks[i].m(div2, null);
+  				}
+  			}
+
+  			/*div6_binding*/ ctx[9](div6);
+  			current = true;
+
+  			if (!mounted) {
+  				dispose = listen_dev(button, "click", /*close*/ ctx[5], false, false, false, false);
+  				mounted = true;
+  			}
+  		},
+  		p: function update(ctx, [dirty]) {
+  			const searchfaces_changes = {};
+
+  			if (!updating_calls && dirty & /*calls*/ 16) {
+  				updating_calls = true;
+  				searchfaces_changes.calls = /*calls*/ ctx[4];
+  				add_flush_callback(() => updating_calls = false);
+  			}
+
+  			searchfaces.$set(searchfaces_changes);
+
+  			if (dirty & /*selected, frames, url, select*/ 75) {
+  				each_value = /*frames*/ ctx[1];
+  				validate_each_argument(each_value);
+  				group_outros();
+  				for (let i = 0; i < each_blocks.length; i += 1) each_blocks[i].r();
+  				validate_each_keys(ctx, each_value, get_each_context, get_key);
+  				each_blocks = update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, div2, fix_and_outro_and_destroy_block, create_each_block, null, get_each_context);
+  				for (let i = 0; i < each_blocks.length; i += 1) each_blocks[i].a();
+  				check_outros();
+  			}
+  		},
+  		i: function intro(local) {
+  			if (current) return;
+  			transition_in(searchfaces.$$.fragment, local);
+
+  			for (let i = 0; i < each_value.length; i += 1) {
+  				transition_in(each_blocks[i]);
+  			}
+
+  			current = true;
+  		},
+  		o: function outro(local) {
+  			transition_out(searchfaces.$$.fragment, local);
+
+  			for (let i = 0; i < each_blocks.length; i += 1) {
+  				transition_out(each_blocks[i]);
+  			}
+
+  			current = false;
+  		},
+  		d: function destroy(detaching) {
+  			if (detaching) detach_dev(div6);
+  			destroy_component(searchfaces);
+
+  			for (let i = 0; i < each_blocks.length; i += 1) {
+  				each_blocks[i].d();
+  			}
+
+  			/*div6_binding*/ ctx[9](null);
+  			mounted = false;
+  			dispose();
+  		}
+  	};
+
+  	dispatch_dev("SvelteRegisterBlock", {
+  		block,
+  		id: create_fragment$1.name,
+  		type: "component",
+  		source: "",
+  		ctx
+  	});
+
+  	return block;
+  }
+
+  function getCurrentVideo() {
+  	return document.querySelector("#VideoJsPlayer_html5_api");
+  }
+
+  async function playVideoAtTime(time) {
+  	const video = getCurrentVideo();
+  	await video.play();
+  	video.currentTime = time;
+  	await video.pause();
+  }
+
+  function instance$1($$self, $$props, $$invalidate) {
+  	let { $$slots: slots = {}, $$scope } = $$props;
+  	validate_slots('Faces', slots, []);
+  	let { url = "" } = $$props;
+  	let { frames = [] } = $$props;
+  	let self;
+  	let selected = null;
+  	let calls;
+
+  	async function close() {
+  		self.remove();
+  	}
+
+  	function select(frame) {
+  		if (selected === frame.id) {
+  			calls.recog();
+  		} else {
+  			$$invalidate(3, selected = frame.id);
+  			playVideoAtTime(frame.time);
+  		}
+  	}
+
+  	const writable_props = ['url', 'frames'];
+
+  	Object.keys($$props).forEach(key => {
+  		if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console.warn(`<Faces> was created with unknown prop '${key}'`);
+  	});
+
+  	function searchfaces_calls_binding(value) {
+  		calls = value;
+  		$$invalidate(4, calls);
+  	}
+
+  	const click_handler = frame => {
+  		select(frame);
+  	};
+
+  	function div6_binding($$value) {
+  		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
+  			self = $$value;
+  			$$invalidate(2, self);
+  		});
+  	}
+
+  	$$self.$$set = $$props => {
+  		if ('url' in $$props) $$invalidate(0, url = $$props.url);
+  		if ('frames' in $$props) $$invalidate(1, frames = $$props.frames);
+  	};
+
+  	$$self.$capture_state = () => ({
+  		flip,
+  		quintOut,
+  		fade,
+  		SearchFaces,
+  		url,
+  		frames,
+  		self,
+  		selected,
+  		calls,
+  		getCurrentVideo,
+  		close,
+  		select,
+  		playVideoAtTime
+  	});
+
+  	$$self.$inject_state = $$props => {
+  		if ('url' in $$props) $$invalidate(0, url = $$props.url);
+  		if ('frames' in $$props) $$invalidate(1, frames = $$props.frames);
+  		if ('self' in $$props) $$invalidate(2, self = $$props.self);
+  		if ('selected' in $$props) $$invalidate(3, selected = $$props.selected);
+  		if ('calls' in $$props) $$invalidate(4, calls = $$props.calls);
+  	};
+
+  	if ($$props && "$$inject" in $$props) {
+  		$$self.$inject_state($$props.$$inject);
+  	}
+
+  	return [
+  		url,
+  		frames,
+  		self,
+  		selected,
+  		calls,
+  		close,
+  		select,
+  		searchfaces_calls_binding,
+  		click_handler,
+  		div6_binding
+  	];
+  }
+
+  class Faces extends SvelteComponentDev {
+  	constructor(options) {
+  		super(options);
+  		init(this, options, instance$1, create_fragment$1, safe_not_equal, { url: 0, frames: 1 });
+
+  		dispatch_dev("SvelteRegisterComponent", {
+  			component: this,
+  			tagName: "Faces",
+  			options,
+  			id: create_fragment$1.name
+  		});
+  	}
+
+  	get url() {
+  		throw new Error("<Faces>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
+  	}
+
+  	set url(value) {
+  		throw new Error("<Faces>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
+  	}
+
+  	get frames() {
+  		throw new Error("<Faces>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
+  	}
+
+  	set frames(value) {
+  		throw new Error("<Faces>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
+  	}
+  }
+
+  /* src/FindFaces.svelte generated by Svelte v3.59.2 */
+  const file = "src/FindFaces.svelte";
+
+  function create_fragment(ctx) {
+  	let button;
+  	let svg;
+  	let path;
+  	let mounted;
+  	let dispose;
+
+  	const block = {
+  		c: function create() {
+  			button = element("button");
+  			svg = svg_element("svg");
+  			path = svg_element("path");
+  			attr_dev(path, "d", "M17,10.5L21,6.5V17.5L17,13.5V17A1,1 0 0,1 16,18H4A1,1 0 0,1 3,17V7A1,1 0 0,1 4,6H16A1,1 0 0,1 17,7V10.5M14,16V15C14,13.67 11.33,13 10,13C8.67,13 6,13.67 6,15V16H14M10,8A2,2 0 0,0 8,10A2,2 0 0,0 10,12A2,2 0 0,0 12,10A2,2 0 0,0 10,8Z");
+  			add_location(path, file, 69, 5, 2175);
+  			attr_dev(svg, "xmlns", "http://www.w3.org/2000/svg");
+  			attr_dev(svg, "width", "20px");
+  			attr_dev(svg, "height", "20px");
+  			attr_dev(svg, "viewBox", "0 0 24 24");
+  			attr_dev(svg, "class", "svelte-1m5gxnd");
+  			add_location(svg, file, 64, 2, 2067);
+  			attr_dev(button, "id", "faces");
+  			attr_dev(button, "class", "svelte-1m5gxnd");
+  			toggle_class(button, "scanner", /*scanner*/ ctx[0]);
+  			add_location(button, file, 63, 0, 2011);
+  		},
+  		l: function claim(nodes) {
+  			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
+  		},
+  		m: function mount(target, anchor) {
+  			insert_dev(target, button, anchor);
+  			append_dev(button, svg);
+  			append_dev(svg, path);
+
+  			if (!mounted) {
+  				dispose = listen_dev(button, "click", /*getFaces*/ ctx[1], false, false, false, false);
+  				mounted = true;
+  			}
+  		},
+  		p: function update(ctx, [dirty]) {
+  			if (dirty & /*scanner*/ 1) {
+  				toggle_class(button, "scanner", /*scanner*/ ctx[0]);
+  			}
+  		},
+  		i: noop,
+  		o: noop,
+  		d: function destroy(detaching) {
+  			if (detaching) detach_dev(button);
+  			mounted = false;
+  			dispose();
+  		}
+  	};
+
+  	dispatch_dev("SvelteRegisterBlock", {
+  		block,
+  		id: create_fragment.name,
+  		type: "component",
+  		source: "",
+  		ctx
+  	});
+
+  	return block;
+  }
+
+  async function download(url) {
+  	const vblob = await fetch(url).then(res => res.blob());
+
+  	return new Promise(resolve => {
+  			let reader = new FileReader();
+  			reader.onload = () => resolve(reader.result);
+  			reader.readAsDataURL(vblob);
+  		});
+  }
+
+  function instance($$self, $$props, $$invalidate) {
+  	let { $$slots: slots = {}, $$scope } = $$props;
+  	validate_slots('FindFaces', slots, []);
+  	let scanner = false;
+
+  	async function getFaces() {
+  		$$invalidate(0, scanner = true);
+  		const [,scene_id] = getScenarioAndID();
+  		let url = await getUrlSprite(scene_id);
+
+  		if (!url) {
+  			alert("No sprite found, please ensure you have sprites enabled and generated for your scenes.");
+  			$$invalidate(0, scanner = false);
+  			return;
+  		}
+
+  		// get image blob
+  		let image = await download(url);
+
+  		// get vtt blob
+  		const vtt_url = url.replace("_sprite.jpg", "_thumbs.vtt");
+
+  		let vtt = await download(vtt_url);
+
+  		// query the api with a threshold of 0.4 as we want to do the filtering ourselves
+  		var data = { data: [image, vtt] };
+
+  		fetch(VISAGE_API_URL + "_3", {
+  			method: "POST",
+  			headers: {
+  				"Content-Type": "application/json; charset=utf-8"
+  			},
+  			body: JSON.stringify(data)
+  		}).then(response => {
+  			if (response.status !== 200) {
+  				$$invalidate(0, scanner = false);
+  				alert("Something went wrong. It's likely a server issue, Please try again later.");
+  				return;
+  			}
+
+  			return response.json();
+  		}).then(data => {
+  			$$invalidate(0, scanner = false);
+
+  			// find a div with class row
+  			let row = document.querySelector(".row");
+
+  			new Faces({
+  					target: row,
+  					props: { frames: data.data[0], url }
+  				});
+  		}).catch(error => {
+  			$$invalidate(0, scanner = false);
+
+  			if (error.message === "") {
+  				alert("Error: Service may be down. please try again later.");
+  			} else {
+  				alert("Error: " + error.message);
+  			}
+  		});
+  	}
+
+  	const writable_props = [];
+
+  	Object.keys($$props).forEach(key => {
+  		if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console.warn(`<FindFaces> was created with unknown prop '${key}'`);
+  	});
+
+  	$$self.$capture_state = () => ({
+  		getScenarioAndID,
+  		getUrlSprite,
+  		VISAGE_API_URL,
+  		Faces,
+  		scanner,
+  		download,
+  		getFaces
+  	});
+
+  	$$self.$inject_state = $$props => {
+  		if ('scanner' in $$props) $$invalidate(0, scanner = $$props.scanner);
+  	};
+
+  	if ($$props && "$$inject" in $$props) {
+  		$$self.$inject_state($$props.$$inject);
+  	}
+
+  	return [scanner, getFaces];
+  }
+
+  class FindFaces extends SvelteComponentDev {
+  	constructor(options) {
+  		super(options);
+  		init(this, options, instance, create_fragment, safe_not_equal, {});
+
+  		dispatch_dev("SvelteRegisterComponent", {
+  			component: this,
+  			tagName: "FindFaces",
+  			options,
+  			id: create_fragment.name
+  		});
+  	}
+  }
+
+  stash.addEventListener("page:scene", function () {
+      let elms = ".ml-auto .btn-group";
+      waitForElm(elms).then(() => {
+          const e = document.querySelector(elms);
+          if (!document.querySelector("#visage")) {
+              new SearchFaces({ target: e });
+          }
+          if (!document.querySelector("#faces")) {
+              const e = document.querySelector(elms);
+              new FindFaces({ target: e });
+          }
+      });
+  });
+  stash.addEventListener("page:image", function () {
+      let elms = ".ml-auto .btn-group";
+      waitForElm(elms).then(() => {
+          if (!document.querySelector("#visage")) {
+              const e = document.querySelector(elms);
+              new SearchFaces({ target: e });
+          }
+      });
+  });
+
+})();
diff --git a/plugins/visage/visage.yml b/plugins/visage/visage.yml
new file mode 100644
index 00000000..9d924d76
--- /dev/null
+++ b/plugins/visage/visage.yml
@@ -0,0 +1,13 @@
+name: Visage
+description: Use facial Recognition To Lookup Performers.
+version: 1.0
+ui:
+  requires: 
+  - StashUserscriptLibrary
+  javascript:
+  - visage.js
+  css:
+  - visage.css
+  csp:
+    connect-src:
+    - "https://cc1234-stashface.hf.space"

From 67ad80821f8d92d5e45b5585b51e5701ae451ae3 Mon Sep 17 00:00:00 2001
From: raghavan <raghavanmarch2002@gmail.com>
Date: Sat, 20 Jan 2024 19:15:06 +0530
Subject: [PATCH 57/91] touchup

---
 .../stashUserscriptLibrary.js                 | 25 +++++++++----------
 1 file changed, 12 insertions(+), 13 deletions(-)

diff --git a/plugins/stashUserscriptLibrary/stashUserscriptLibrary.js b/plugins/stashUserscriptLibrary/stashUserscriptLibrary.js
index 0e5f6777..91d77dec 100644
--- a/plugins/stashUserscriptLibrary/stashUserscriptLibrary.js
+++ b/plugins/stashUserscriptLibrary/stashUserscriptLibrary.js
@@ -62,7 +62,7 @@ class Stash extends EventTarget {
                 ) {
                     this._dispatchPageEvent("stash:page", false)
 
-                    this.gmMain({
+                    this._handlePageChange({
                         lastPathStr: this._lastPathStr,
                         lastQueryStr: this._lastQueryStr,
                         lastHashStr: this._lastHashStr,
@@ -291,7 +291,6 @@ class Stash extends EventTarget {
     }
     matchUrl(href, fragment) {
         const regexp = concatRegexp(new RegExp(window.location.origin), fragment);
-        this.log.debug(regexp, location.href.match(regexp));
         return href.match(regexp) != null;
     }
     createSettings() {
@@ -473,7 +472,7 @@ class Stash extends EventTarget {
             }
         })
     }
-    async _listenForNonPageChanges({selector = "", location = document.body, listenType = "", event = "", recursive = false, reRunGmMain = false, condition = () => true, listenDefaultTab = true, callback = () => {}} = {}){
+    async _listenForNonPageChanges({selector = "", location = document.body, listenType = "", event = "", recursive = false, reRunHandlePageChange = false, condition = () => true, listenDefaultTab = true, callback = () => {}} = {}){
         if (recursive) return
 
         if (listenType === "tabs") {
@@ -512,10 +511,10 @@ class Stash extends EventTarget {
             this._dispatchPageEvent(event)
 
             if (await this.waitForElementDeath(selector, location, true)) {
-                if (this._lastPathStr === window.location.pathname && !reRunGmMain) {
+                if (this._lastPathStr === window.location.pathname && !reRunHandlePageChange) {
                     await this._listenForNonPageChanges({selector: selector, event: event})
-                } else if (this._lastPathStr === window.location.pathname && reRunGmMain)  {
-                    this.gmMain({
+                } else if (this._lastPathStr === window.location.pathname && reRunHandlePageChange)  {
+                    this._handlePageChange({
                         recursive: true,
                         lastPathStr: this._lastPathStr,
                         lastQueryStr: this._lastQueryStr,
@@ -601,7 +600,7 @@ class Stash extends EventTarget {
                 regex: /\/scenes\/new/
             },
             "stash:page:scene": {
-                regex: /\/scenes\/\d+/,
+                regex: /\/scenes\/\d+\?/,
                 callBack: ({recursive = false}) => this._listenForNonPageChanges({
                     location: ".scene-tabs .nav-tabs",
                     listenType: "tabs",
@@ -653,7 +652,7 @@ class Stash extends EventTarget {
                 manuallyHandleDispatchEvent: true,
                 handleDisplayView: "ignoreDisplayViewCondition",
                 callBack: ({lastHref, recursive = false}, event) => {
-                    if(!this.matchUrl(lastHref, /\/galleries\/\d+/)){
+                    if(!this.matchUrl(lastHref, /\/galleries\/\d+\//)){
                         this._dispatchPageEvent("stash:page:gallery");
                         this._listenForNonPageChanges({selector: ".gallery-tabs .nav-tabs .nav-link.active", event: "stash:page:gallery:details"})
                     }
@@ -711,7 +710,7 @@ class Stash extends EventTarget {
                     this._listenForNonPageChanges({
                         selector: "#performer-edit",
                         event: "stash:page:performer:edit",
-                        reRunGmMain: true,
+                        reRunHandlePageChange: true,
                         callback: () => this._detectReRenders ? this._dispatchPageEvent(event) : null
                     })
                 }
@@ -757,7 +756,7 @@ class Stash extends EventTarget {
                     this._listenForNonPageChanges({
                         selector: "#studio-edit",
                         event: "stash:page:studio:edit",
-                        reRunGmMain: true,
+                        reRunHandlePageChange: true,
                         callback: () => this._detectReRenders ? this._dispatchPageEvent(event) : null
                     })
                 }
@@ -806,7 +805,7 @@ class Stash extends EventTarget {
                     this._listenForNonPageChanges({
                         selector: "#tag-edit",
                         event: "stash:page:tag:edit",
-                        reRunGmMain: true,
+                        reRunHandlePageChange: true,
                         callback: () => this._detectReRenders ? this._dispatchPageEvent(event) : null
                     })
                 }
@@ -884,11 +883,11 @@ class Stash extends EventTarget {
             // home page
             "stash:page:home": {
                 regex: /\/$/,
-                callBack: () => this._listenForNonPageChanges({selector: ".recommendations-container-edit", event: "stash:page:home:edit", reRunGmMain: true})
+                callBack: () => this._listenForNonPageChanges({selector: ".recommendations-container-edit", event: "stash:page:home:edit", reRunHandlePageChange: true})
             },
         }
     }
-    gmMain(args) {
+    _handlePageChange(args) {
         const events = Object.keys(this._pageListeners)
 
         for (const event of events) {

From c036eeb55f422a708c70d5a5711a4c7ab939a9f6 Mon Sep 17 00:00:00 2001
From: cc1234 <oc1mfiuzicg0@opayq.com>
Date: Sat, 20 Jan 2024 13:47:17 +0000
Subject: [PATCH 58/91] Add initial stashAI plugin

---
 plugins/stashAI/stashai.css |    1 +
 plugins/stashAI/stashai.js  | 3635 +++++++++++++++++++++++++++++++++++
 plugins/stashAI/stashai.yml |   13 +
 3 files changed, 3649 insertions(+)
 create mode 100644 plugins/stashAI/stashai.css
 create mode 100644 plugins/stashAI/stashai.js
 create mode 100644 plugins/stashAI/stashai.yml

diff --git a/plugins/stashAI/stashai.css b/plugins/stashAI/stashai.css
new file mode 100644
index 00000000..cfee3991
--- /dev/null
+++ b/plugins/stashAI/stashai.css
@@ -0,0 +1 @@
+button.svelte-1m5gxnd{background-color:var(--nav-color);border:0px}.scanner.svelte-1m5gxnd{animation:svelte-1m5gxnd-pulse 2s infinite}@keyframes svelte-1m5gxnd-pulse{0%{transform:scale(0.95);box-shadow:0 0 0 0 var(--light)}70%{transform:scale(1.1);box-shadow:0 0 0 10px var(--info)}100%{transform:scale(0.95);box-shadow:0 0 0 0 var(--primary)}}svg.svelte-1m5gxnd{fill:#ffffff}.modal-header.svelte-qsvzsw{font-size:1rem;border-bottom:0px;padding:20px}.modal-footer.svelte-qsvzsw{border-top:0px}.selected.svelte-qsvzsw{border:2px solid #007bff}.tagger-tabs.svelte-qsvzsw{position:absolute;flex:0 0 450px;max-width:450px;min-width:450px;height:100%;overflow:auto;order:-1;background-color:var(--body-color)}.tag-item.svelte-zeu5yg{background-color:var(--card-color);width:100%;padding:5px;margin:0px}.tag-item-accept.svelte-zeu5yg:hover{fill:#45a82c;transition:fill 0.2s ease-out}.tag-item-reject.svelte-zeu5yg:hover{fill:#a82c2c;transition:fill 0.2s ease-out}.tag-item-select.svelte-zeu5yg{border:none;outline:none;scroll-behavior:smooth}.scrubber-item.svelte-zeu5yg{width:160px;height:90px;border-radius:5px 5px 0px 0px;position:relative;cursor:pointer}svg.svelte-zeu5yg{fill:#ffffff}button.svelte-xcs6vi{background-color:var(--nav-color);border:0px}.scanner.svelte-xcs6vi{animation:svelte-xcs6vi-pulse 2s infinite}@keyframes svelte-xcs6vi-pulse{0%{transform:scale(0.95);box-shadow:0 0 0 0 var(--light)}70%{transform:scale(1.1);box-shadow:0 0 0 10px var(--info)}100%{transform:scale(0.95);box-shadow:0 0 0 0 var(--primary)}}.top-accent.svelte-9viihb{border-top:10px solid var(--primary);border-radius:3px}.modal-header.svelte-9viihb{font-size:2.4rem;border-bottom:0px;padding:20px}.modal-footer.svelte-9viihb{border-top:0px}.lds-dual-ring.svelte-9viihb{display:inline-block;width:16px;height:16px}.lds-dual-ring.svelte-9viihb:after{content:" ";display:block;width:12px;height:12px;margin:3px;border-radius:50%;border:6px solid #fff;border-color:#fff transparent #fff transparent;animation:svelte-9viihb-lds-dual-ring 1.2s linear infinite}@keyframes svelte-9viihb-lds-dual-ring{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.tag-item.svelte-1d03wug{background-color:var(--card-color);width:100%;padding:5px;margin:0px}.tag-item-select.svelte-1d03wug{border:none;outline:none;scroll-behavior:smooth}.tag-item-reject.svelte-1d03wug:hover{fill:#a82c2c;transition:fill 0.2s ease-out}.scrubber-item.svelte-1d03wug{width:160px;height:90px;border-radius:5px 5px 0px 0px;position:relative}svg.svelte-1d03wug{fill:#ffffff}
\ No newline at end of file
diff --git a/plugins/stashAI/stashai.js b/plugins/stashAI/stashai.js
new file mode 100644
index 00000000..9b66c1d3
--- /dev/null
+++ b/plugins/stashAI/stashai.js
@@ -0,0 +1,3635 @@
+(function () {
+  'use strict';
+
+  let STASHMARKER_API_URL = "https://cc1234-stashtag.hf.space/api/predict";
+
+  var OPTIONS = [
+    "Anal",
+    "Vaginal Penetration",
+    "Blow Job",
+    "Doggy Style",
+    "Cowgirl",
+    "Reverse Cowgirl",
+    "Side Fuck",
+    "Seashell",
+    "Gape",
+    "Face Fuck",
+    "Fingering",
+    "Kneeling",
+    "Butter Churner",
+    "Table Top",
+    "Double Penetration",
+    "Missionary",
+    "Scissoring",
+    "Flatiron",
+    "Pussy Licking",
+    "Ass Licking",
+    "Ball Licking",
+    "Face Sitting",
+    "Hand Job",
+    "Tit Job",
+    "69",
+    "Kissing",
+    "Dildo",
+    "Cumshot",
+  ];
+
+  function waitForElm(selector) {
+    return new Promise((resolve) => {
+      if (document.querySelector(selector)) {
+        return resolve(document.querySelector(selector));
+      }
+
+      const observer = new MutationObserver((mutations) => {
+        if (document.querySelector(selector)) {
+          resolve(document.querySelector(selector));
+          observer.disconnect();
+        }
+      });
+
+      observer.observe(document.body, {
+        childList: true,
+        subtree: true,
+      });
+    });
+  }
+
+
+  /**
+   * Retrieves the tags associated with a given scene ID.
+   *
+   * @param {string} scene_id - The ID of the scene to retrieve tags for.
+   * @returns {Promise<string[]>} - A promise that resolves with an array of tag IDs.
+   */
+  async function getTagsForScene(scene_id) {
+    const reqData = {
+      query: `{
+      findScene(id: "${scene_id}") {
+        tags {
+          id
+        }
+      }
+    }`,
+    };
+    var result = await stash.callGQL(reqData);
+    return result.data.findScene.tags.map((p) => p.id);
+  }
+
+
+  /**
+   * Updates a scene with the given scene_id and tag_ids.
+   * @param {string} scene_id - The ID of the scene to update.
+   * @param {Array<string>} tag_ids - An array of tag IDs to associate with the scene.
+   * @returns {Promise<Object>} - A promise that resolves with the updated scene object.
+   */
+  async function updateScene(scene_id, tag_ids) {
+    const reqData = {
+      variables: { input: { id: scene_id, tag_ids: tag_ids } },
+      query: `mutation sceneUpdate($input: SceneUpdateInput!){
+      sceneUpdate(input: $input) {
+        id
+      }
+    }`,
+    };
+    return stash.callGQL(reqData);
+  }
+
+
+
+  /**
+   * Returns an array with the scenario and scenario ID parsed from the current URL.
+   * @returns {Array<string>} An array with the scenario and scenario ID.
+   */
+  function getScenarioAndID() {
+    var result = document.URL.match(/(scenes|images)\/(\d+)/);
+    var scenario = result[1];
+    var scenario_id = result[2];
+    return [scenario, scenario_id];
+  }
+
+  /**
+   * Creates a new tag with the given name.
+   * @param {string} tag_name - The name of the tag to create.
+   * @returns {Promise<string>} - A Promise that resolves with the ID of the newly created tag.
+   */
+  async function createTag(tag_name) {
+    const reqData = {
+      variables: { input: {name: tag_name} },
+      query: `mutation tagCreate($input: TagCreateInput!) {
+      tagCreate(input: $input){
+            id
+        }
+      }`,
+    };
+    let result = await stash.callGQL(reqData);
+    return result.data.tagCreate.id;
+  }
+
+
+  /**
+   * Creates a marker for a scene with the given parameters.
+   * @param {string} scene_id - The ID of the scene.
+   * @param {string} primary_tag_id - The ID of the primary tag.
+   * @param {number} seconds - The number of seconds for the marker.
+   * @returns {Promise<string>} - The ID of the created marker.
+   */
+  async function createMarker(scene_id, primary_tag_id, seconds) {
+    const reqData = {
+      variables: {
+        scene_id: scene_id,
+        primary_tag_id: primary_tag_id,
+        seconds: seconds,
+      },
+      query: `mutation SceneMarkerCreate($seconds: Float!, $scene_id: ID!, $primary_tag_id: ID!) {
+      sceneMarkerCreate(input: {title:"", seconds: $seconds, scene_id: $scene_id, primary_tag_id: $primary_tag_id}) {
+        id
+      }
+    }`,
+    };
+    let result = await stash.callGQL(reqData);
+    return result.data.sceneMarkerCreate.id;
+  }
+
+  /**
+   * Retrieves all tags from the server and returns them as an object with tag names as keys and tag IDs as values.
+   * @returns {Promise<Object>} An object with tag names as keys and tag IDs as values.
+   */
+  async function getAllTags() {
+    const reqData = {
+      query: `{
+      allTags{
+        id
+        name
+        aliases
+      }
+    }`,
+    };
+    var result = await stash.callGQL(reqData);
+    return result.data.allTags.reduce((map, obj) => {
+      map[obj.name.toLowerCase()] = obj.id;
+      obj.aliases.forEach((alias) => {
+        map[alias.toLowerCase()] = obj.id;
+      });
+      return map;
+    }, {});
+  }
+
+  /**
+   * Retrieves the URL of the sprite for a given scene ID.
+   * @param {number} scene_id - The ID of the scene to retrieve the sprite URL for.
+   * @returns {Promise<string|null>} - A Promise that resolves with the sprite URL if it exists, or null if it does not.
+   */
+  async function getUrlSprite(scene_id) {
+    const reqData = {
+      query: `{
+      findScene(id: ${scene_id}){
+        paths{
+          sprite
+        }
+      }
+    }`,
+    };
+    var result = await stash.callGQL(reqData);
+    const url = result.data.findScene.paths["sprite"];
+    const response = await fetch(url);
+    if (response.status === 404) {
+      return null;
+    } else {
+      return result.data.findScene.paths["sprite"];
+    }
+  }
+
+  function noop() { }
+  const identity = x => x;
+  function add_location(element, file, line, column, char) {
+      element.__svelte_meta = {
+          loc: { file, line, column, char }
+      };
+  }
+  function run(fn) {
+      return fn();
+  }
+  function blank_object() {
+      return Object.create(null);
+  }
+  function run_all(fns) {
+      fns.forEach(run);
+  }
+  function is_function(thing) {
+      return typeof thing === 'function';
+  }
+  function safe_not_equal(a, b) {
+      return a != a ? b == b : a !== b || ((a && typeof a === 'object') || typeof a === 'function');
+  }
+  function is_empty(obj) {
+      return Object.keys(obj).length === 0;
+  }
+  function split_css_unit(value) {
+      const split = typeof value === 'string' && value.match(/^\s*(-?[\d.]+)([^\s]*)\s*$/);
+      return split ? [parseFloat(split[1]), split[2] || 'px'] : [value, 'px'];
+  }
+
+  const is_client = typeof window !== 'undefined';
+  let now = is_client
+      ? () => window.performance.now()
+      : () => Date.now();
+  let raf = is_client ? cb => requestAnimationFrame(cb) : noop;
+
+  const tasks = new Set();
+  function run_tasks(now) {
+      tasks.forEach(task => {
+          if (!task.c(now)) {
+              tasks.delete(task);
+              task.f();
+          }
+      });
+      if (tasks.size !== 0)
+          raf(run_tasks);
+  }
+  /**
+   * Creates a new task that runs on each raf frame
+   * until it returns a falsy value or is aborted
+   */
+  function loop(callback) {
+      let task;
+      if (tasks.size === 0)
+          raf(run_tasks);
+      return {
+          promise: new Promise(fulfill => {
+              tasks.add(task = { c: callback, f: fulfill });
+          }),
+          abort() {
+              tasks.delete(task);
+          }
+      };
+  }
+
+  const globals = (typeof window !== 'undefined'
+      ? window
+      : typeof globalThis !== 'undefined'
+          ? globalThis
+          : global);
+  function append(target, node) {
+      target.appendChild(node);
+  }
+  function get_root_for_style(node) {
+      if (!node)
+          return document;
+      const root = node.getRootNode ? node.getRootNode() : node.ownerDocument;
+      if (root && root.host) {
+          return root;
+      }
+      return node.ownerDocument;
+  }
+  function append_empty_stylesheet(node) {
+      const style_element = element('style');
+      append_stylesheet(get_root_for_style(node), style_element);
+      return style_element.sheet;
+  }
+  function append_stylesheet(node, style) {
+      append(node.head || node, style);
+      return style.sheet;
+  }
+  function insert(target, node, anchor) {
+      target.insertBefore(node, anchor || null);
+  }
+  function detach(node) {
+      if (node.parentNode) {
+          node.parentNode.removeChild(node);
+      }
+  }
+  function destroy_each(iterations, detaching) {
+      for (let i = 0; i < iterations.length; i += 1) {
+          if (iterations[i])
+              iterations[i].d(detaching);
+      }
+  }
+  function element(name) {
+      return document.createElement(name);
+  }
+  function svg_element(name) {
+      return document.createElementNS('http://www.w3.org/2000/svg', name);
+  }
+  function text(data) {
+      return document.createTextNode(data);
+  }
+  function space() {
+      return text(' ');
+  }
+  function empty() {
+      return text('');
+  }
+  function listen(node, event, handler, options) {
+      node.addEventListener(event, handler, options);
+      return () => node.removeEventListener(event, handler, options);
+  }
+  function attr(node, attribute, value) {
+      if (value == null)
+          node.removeAttribute(attribute);
+      else if (node.getAttribute(attribute) !== value)
+          node.setAttribute(attribute, value);
+  }
+  function to_number(value) {
+      return value === '' ? null : +value;
+  }
+  function children(element) {
+      return Array.from(element.childNodes);
+  }
+  function set_input_value(input, value) {
+      input.value = value == null ? '' : value;
+  }
+  function set_style(node, key, value, important) {
+      if (value == null) {
+          node.style.removeProperty(key);
+      }
+      else {
+          node.style.setProperty(key, value, important ? 'important' : '');
+      }
+  }
+  function select_option(select, value, mounting) {
+      for (let i = 0; i < select.options.length; i += 1) {
+          const option = select.options[i];
+          if (option.__value === value) {
+              option.selected = true;
+              return;
+          }
+      }
+      if (!mounting || value !== undefined) {
+          select.selectedIndex = -1; // no option should be selected
+      }
+  }
+  function select_value(select) {
+      const selected_option = select.querySelector(':checked');
+      return selected_option && selected_option.__value;
+  }
+  function toggle_class(element, name, toggle) {
+      element.classList[toggle ? 'add' : 'remove'](name);
+  }
+  function custom_event(type, detail, { bubbles = false, cancelable = false } = {}) {
+      const e = document.createEvent('CustomEvent');
+      e.initCustomEvent(type, bubbles, cancelable, detail);
+      return e;
+  }
+
+  // we need to store the information for multiple documents because a Svelte application could also contain iframes
+  // https://github.com/sveltejs/svelte/issues/3624
+  const managed_styles = new Map();
+  let active = 0;
+  // https://github.com/darkskyapp/string-hash/blob/master/index.js
+  function hash(str) {
+      let hash = 5381;
+      let i = str.length;
+      while (i--)
+          hash = ((hash << 5) - hash) ^ str.charCodeAt(i);
+      return hash >>> 0;
+  }
+  function create_style_information(doc, node) {
+      const info = { stylesheet: append_empty_stylesheet(node), rules: {} };
+      managed_styles.set(doc, info);
+      return info;
+  }
+  function create_rule(node, a, b, duration, delay, ease, fn, uid = 0) {
+      const step = 16.666 / duration;
+      let keyframes = '{\n';
+      for (let p = 0; p <= 1; p += step) {
+          const t = a + (b - a) * ease(p);
+          keyframes += p * 100 + `%{${fn(t, 1 - t)}}\n`;
+      }
+      const rule = keyframes + `100% {${fn(b, 1 - b)}}\n}`;
+      const name = `__svelte_${hash(rule)}_${uid}`;
+      const doc = get_root_for_style(node);
+      const { stylesheet, rules } = managed_styles.get(doc) || create_style_information(doc, node);
+      if (!rules[name]) {
+          rules[name] = true;
+          stylesheet.insertRule(`@keyframes ${name} ${rule}`, stylesheet.cssRules.length);
+      }
+      const animation = node.style.animation || '';
+      node.style.animation = `${animation ? `${animation}, ` : ''}${name} ${duration}ms linear ${delay}ms 1 both`;
+      active += 1;
+      return name;
+  }
+  function delete_rule(node, name) {
+      const previous = (node.style.animation || '').split(', ');
+      const next = previous.filter(name
+          ? anim => anim.indexOf(name) < 0 // remove specific animation
+          : anim => anim.indexOf('__svelte') === -1 // remove all Svelte animations
+      );
+      const deleted = previous.length - next.length;
+      if (deleted) {
+          node.style.animation = next.join(', ');
+          active -= deleted;
+          if (!active)
+              clear_rules();
+      }
+  }
+  function clear_rules() {
+      raf(() => {
+          if (active)
+              return;
+          managed_styles.forEach(info => {
+              const { ownerNode } = info.stylesheet;
+              // there is no ownerNode if it runs on jsdom.
+              if (ownerNode)
+                  detach(ownerNode);
+          });
+          managed_styles.clear();
+      });
+  }
+
+  function create_animation(node, from, fn, params) {
+      if (!from)
+          return noop;
+      const to = node.getBoundingClientRect();
+      if (from.left === to.left && from.right === to.right && from.top === to.top && from.bottom === to.bottom)
+          return noop;
+      const { delay = 0, duration = 300, easing = identity, 
+      // @ts-ignore todo: should this be separated from destructuring? Or start/end added to public api and documentation?
+      start: start_time = now() + delay, 
+      // @ts-ignore todo:
+      end = start_time + duration, tick = noop, css } = fn(node, { from, to }, params);
+      let running = true;
+      let started = false;
+      let name;
+      function start() {
+          if (css) {
+              name = create_rule(node, 0, 1, duration, delay, easing, css);
+          }
+          if (!delay) {
+              started = true;
+          }
+      }
+      function stop() {
+          if (css)
+              delete_rule(node, name);
+          running = false;
+      }
+      loop(now => {
+          if (!started && now >= start_time) {
+              started = true;
+          }
+          if (started && now >= end) {
+              tick(1, 0);
+              stop();
+          }
+          if (!running) {
+              return false;
+          }
+          if (started) {
+              const p = now - start_time;
+              const t = 0 + 1 * easing(p / duration);
+              tick(t, 1 - t);
+          }
+          return true;
+      });
+      start();
+      tick(0, 1);
+      return stop;
+  }
+  function fix_position(node) {
+      const style = getComputedStyle(node);
+      if (style.position !== 'absolute' && style.position !== 'fixed') {
+          const { width, height } = style;
+          const a = node.getBoundingClientRect();
+          node.style.position = 'absolute';
+          node.style.width = width;
+          node.style.height = height;
+          add_transform(node, a);
+      }
+  }
+  function add_transform(node, a) {
+      const b = node.getBoundingClientRect();
+      if (a.left !== b.left || a.top !== b.top) {
+          const style = getComputedStyle(node);
+          const transform = style.transform === 'none' ? '' : style.transform;
+          node.style.transform = `${transform} translate(${a.left - b.left}px, ${a.top - b.top}px)`;
+      }
+  }
+
+  let current_component;
+  function set_current_component(component) {
+      current_component = component;
+  }
+  function get_current_component() {
+      if (!current_component)
+          throw new Error('Function called outside component initialization');
+      return current_component;
+  }
+  /**
+   * The `onMount` function schedules a callback to run as soon as the component has been mounted to the DOM.
+   * It must be called during the component's initialisation (but doesn't need to live *inside* the component;
+   * it can be called from an external module).
+   *
+   * `onMount` does not run inside a [server-side component](/docs#run-time-server-side-component-api).
+   *
+   * https://svelte.dev/docs#run-time-svelte-onmount
+   */
+  function onMount(fn) {
+      get_current_component().$$.on_mount.push(fn);
+  }
+  /**
+   * Creates an event dispatcher that can be used to dispatch [component events](/docs#template-syntax-component-directives-on-eventname).
+   * Event dispatchers are functions that can take two arguments: `name` and `detail`.
+   *
+   * Component events created with `createEventDispatcher` create a
+   * [CustomEvent](https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent).
+   * These events do not [bubble](https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Building_blocks/Events#Event_bubbling_and_capture).
+   * The `detail` argument corresponds to the [CustomEvent.detail](https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent/detail)
+   * property and can contain any type of data.
+   *
+   * https://svelte.dev/docs#run-time-svelte-createeventdispatcher
+   */
+  function createEventDispatcher() {
+      const component = get_current_component();
+      return (type, detail, { cancelable = false } = {}) => {
+          const callbacks = component.$$.callbacks[type];
+          if (callbacks) {
+              // TODO are there situations where events could be dispatched
+              // in a server (non-DOM) environment?
+              const event = custom_event(type, detail, { cancelable });
+              callbacks.slice().forEach(fn => {
+                  fn.call(component, event);
+              });
+              return !event.defaultPrevented;
+          }
+          return true;
+      };
+  }
+
+  const dirty_components = [];
+  const binding_callbacks = [];
+  let render_callbacks = [];
+  const flush_callbacks = [];
+  const resolved_promise = /* @__PURE__ */ Promise.resolve();
+  let update_scheduled = false;
+  function schedule_update() {
+      if (!update_scheduled) {
+          update_scheduled = true;
+          resolved_promise.then(flush);
+      }
+  }
+  function add_render_callback(fn) {
+      render_callbacks.push(fn);
+  }
+  function add_flush_callback(fn) {
+      flush_callbacks.push(fn);
+  }
+  // flush() calls callbacks in this order:
+  // 1. All beforeUpdate callbacks, in order: parents before children
+  // 2. All bind:this callbacks, in reverse order: children before parents.
+  // 3. All afterUpdate callbacks, in order: parents before children. EXCEPT
+  //    for afterUpdates called during the initial onMount, which are called in
+  //    reverse order: children before parents.
+  // Since callbacks might update component values, which could trigger another
+  // call to flush(), the following steps guard against this:
+  // 1. During beforeUpdate, any updated components will be added to the
+  //    dirty_components array and will cause a reentrant call to flush(). Because
+  //    the flush index is kept outside the function, the reentrant call will pick
+  //    up where the earlier call left off and go through all dirty components. The
+  //    current_component value is saved and restored so that the reentrant call will
+  //    not interfere with the "parent" flush() call.
+  // 2. bind:this callbacks cannot trigger new flush() calls.
+  // 3. During afterUpdate, any updated components will NOT have their afterUpdate
+  //    callback called a second time; the seen_callbacks set, outside the flush()
+  //    function, guarantees this behavior.
+  const seen_callbacks = new Set();
+  let flushidx = 0; // Do *not* move this inside the flush() function
+  function flush() {
+      // Do not reenter flush while dirty components are updated, as this can
+      // result in an infinite loop. Instead, let the inner flush handle it.
+      // Reentrancy is ok afterwards for bindings etc.
+      if (flushidx !== 0) {
+          return;
+      }
+      const saved_component = current_component;
+      do {
+          // first, call beforeUpdate functions
+          // and update components
+          try {
+              while (flushidx < dirty_components.length) {
+                  const component = dirty_components[flushidx];
+                  flushidx++;
+                  set_current_component(component);
+                  update(component.$$);
+              }
+          }
+          catch (e) {
+              // reset dirty state to not end up in a deadlocked state and then rethrow
+              dirty_components.length = 0;
+              flushidx = 0;
+              throw e;
+          }
+          set_current_component(null);
+          dirty_components.length = 0;
+          flushidx = 0;
+          while (binding_callbacks.length)
+              binding_callbacks.pop()();
+          // then, once components are updated, call
+          // afterUpdate functions. This may cause
+          // subsequent updates...
+          for (let i = 0; i < render_callbacks.length; i += 1) {
+              const callback = render_callbacks[i];
+              if (!seen_callbacks.has(callback)) {
+                  // ...so guard against infinite loops
+                  seen_callbacks.add(callback);
+                  callback();
+              }
+          }
+          render_callbacks.length = 0;
+      } while (dirty_components.length);
+      while (flush_callbacks.length) {
+          flush_callbacks.pop()();
+      }
+      update_scheduled = false;
+      seen_callbacks.clear();
+      set_current_component(saved_component);
+  }
+  function update($$) {
+      if ($$.fragment !== null) {
+          $$.update();
+          run_all($$.before_update);
+          const dirty = $$.dirty;
+          $$.dirty = [-1];
+          $$.fragment && $$.fragment.p($$.ctx, dirty);
+          $$.after_update.forEach(add_render_callback);
+      }
+  }
+  /**
+   * Useful for example to execute remaining `afterUpdate` callbacks before executing `destroy`.
+   */
+  function flush_render_callbacks(fns) {
+      const filtered = [];
+      const targets = [];
+      render_callbacks.forEach((c) => fns.indexOf(c) === -1 ? filtered.push(c) : targets.push(c));
+      targets.forEach((c) => c());
+      render_callbacks = filtered;
+  }
+
+  let promise;
+  function wait() {
+      if (!promise) {
+          promise = Promise.resolve();
+          promise.then(() => {
+              promise = null;
+          });
+      }
+      return promise;
+  }
+  function dispatch(node, direction, kind) {
+      node.dispatchEvent(custom_event(`${direction ? 'intro' : 'outro'}${kind}`));
+  }
+  const outroing = new Set();
+  let outros;
+  function group_outros() {
+      outros = {
+          r: 0,
+          c: [],
+          p: outros // parent group
+      };
+  }
+  function check_outros() {
+      if (!outros.r) {
+          run_all(outros.c);
+      }
+      outros = outros.p;
+  }
+  function transition_in(block, local) {
+      if (block && block.i) {
+          outroing.delete(block);
+          block.i(local);
+      }
+  }
+  function transition_out(block, local, detach, callback) {
+      if (block && block.o) {
+          if (outroing.has(block))
+              return;
+          outroing.add(block);
+          outros.c.push(() => {
+              outroing.delete(block);
+              if (callback) {
+                  if (detach)
+                      block.d(1);
+                  callback();
+              }
+          });
+          block.o(local);
+      }
+      else if (callback) {
+          callback();
+      }
+  }
+  const null_transition = { duration: 0 };
+  function create_in_transition(node, fn, params) {
+      const options = { direction: 'in' };
+      let config = fn(node, params, options);
+      let running = false;
+      let animation_name;
+      let task;
+      let uid = 0;
+      function cleanup() {
+          if (animation_name)
+              delete_rule(node, animation_name);
+      }
+      function go() {
+          const { delay = 0, duration = 300, easing = identity, tick = noop, css } = config || null_transition;
+          if (css)
+              animation_name = create_rule(node, 0, 1, duration, delay, easing, css, uid++);
+          tick(0, 1);
+          const start_time = now() + delay;
+          const end_time = start_time + duration;
+          if (task)
+              task.abort();
+          running = true;
+          add_render_callback(() => dispatch(node, true, 'start'));
+          task = loop(now => {
+              if (running) {
+                  if (now >= end_time) {
+                      tick(1, 0);
+                      dispatch(node, true, 'end');
+                      cleanup();
+                      return running = false;
+                  }
+                  if (now >= start_time) {
+                      const t = easing((now - start_time) / duration);
+                      tick(t, 1 - t);
+                  }
+              }
+              return running;
+          });
+      }
+      let started = false;
+      return {
+          start() {
+              if (started)
+                  return;
+              started = true;
+              delete_rule(node);
+              if (is_function(config)) {
+                  config = config(options);
+                  wait().then(go);
+              }
+              else {
+                  go();
+              }
+          },
+          invalidate() {
+              started = false;
+          },
+          end() {
+              if (running) {
+                  cleanup();
+                  running = false;
+              }
+          }
+      };
+  }
+  function create_out_transition(node, fn, params) {
+      const options = { direction: 'out' };
+      let config = fn(node, params, options);
+      let running = true;
+      let animation_name;
+      const group = outros;
+      group.r += 1;
+      function go() {
+          const { delay = 0, duration = 300, easing = identity, tick = noop, css } = config || null_transition;
+          if (css)
+              animation_name = create_rule(node, 1, 0, duration, delay, easing, css);
+          const start_time = now() + delay;
+          const end_time = start_time + duration;
+          add_render_callback(() => dispatch(node, false, 'start'));
+          loop(now => {
+              if (running) {
+                  if (now >= end_time) {
+                      tick(0, 1);
+                      dispatch(node, false, 'end');
+                      if (!--group.r) {
+                          // this will result in `end()` being called,
+                          // so we don't need to clean up here
+                          run_all(group.c);
+                      }
+                      return false;
+                  }
+                  if (now >= start_time) {
+                      const t = easing((now - start_time) / duration);
+                      tick(1 - t, t);
+                  }
+              }
+              return running;
+          });
+      }
+      if (is_function(config)) {
+          wait().then(() => {
+              // @ts-ignore
+              config = config(options);
+              go();
+          });
+      }
+      else {
+          go();
+      }
+      return {
+          end(reset) {
+              if (reset && config.tick) {
+                  config.tick(1, 0);
+              }
+              if (running) {
+                  if (animation_name)
+                      delete_rule(node, animation_name);
+                  running = false;
+              }
+          }
+      };
+  }
+  function outro_and_destroy_block(block, lookup) {
+      transition_out(block, 1, 1, () => {
+          lookup.delete(block.key);
+      });
+  }
+  function fix_and_outro_and_destroy_block(block, lookup) {
+      block.f();
+      outro_and_destroy_block(block, lookup);
+  }
+  function update_keyed_each(old_blocks, dirty, get_key, dynamic, ctx, list, lookup, node, destroy, create_each_block, next, get_context) {
+      let o = old_blocks.length;
+      let n = list.length;
+      let i = o;
+      const old_indexes = {};
+      while (i--)
+          old_indexes[old_blocks[i].key] = i;
+      const new_blocks = [];
+      const new_lookup = new Map();
+      const deltas = new Map();
+      const updates = [];
+      i = n;
+      while (i--) {
+          const child_ctx = get_context(ctx, list, i);
+          const key = get_key(child_ctx);
+          let block = lookup.get(key);
+          if (!block) {
+              block = create_each_block(key, child_ctx);
+              block.c();
+          }
+          else if (dynamic) {
+              // defer updates until all the DOM shuffling is done
+              updates.push(() => block.p(child_ctx, dirty));
+          }
+          new_lookup.set(key, new_blocks[i] = block);
+          if (key in old_indexes)
+              deltas.set(key, Math.abs(i - old_indexes[key]));
+      }
+      const will_move = new Set();
+      const did_move = new Set();
+      function insert(block) {
+          transition_in(block, 1);
+          block.m(node, next);
+          lookup.set(block.key, block);
+          next = block.first;
+          n--;
+      }
+      while (o && n) {
+          const new_block = new_blocks[n - 1];
+          const old_block = old_blocks[o - 1];
+          const new_key = new_block.key;
+          const old_key = old_block.key;
+          if (new_block === old_block) {
+              // do nothing
+              next = new_block.first;
+              o--;
+              n--;
+          }
+          else if (!new_lookup.has(old_key)) {
+              // remove old block
+              destroy(old_block, lookup);
+              o--;
+          }
+          else if (!lookup.has(new_key) || will_move.has(new_key)) {
+              insert(new_block);
+          }
+          else if (did_move.has(old_key)) {
+              o--;
+          }
+          else if (deltas.get(new_key) > deltas.get(old_key)) {
+              did_move.add(new_key);
+              insert(new_block);
+          }
+          else {
+              will_move.add(old_key);
+              o--;
+          }
+      }
+      while (o--) {
+          const old_block = old_blocks[o];
+          if (!new_lookup.has(old_block.key))
+              destroy(old_block, lookup);
+      }
+      while (n)
+          insert(new_blocks[n - 1]);
+      run_all(updates);
+      return new_blocks;
+  }
+  function validate_each_keys(ctx, list, get_context, get_key) {
+      const keys = new Set();
+      for (let i = 0; i < list.length; i++) {
+          const key = get_key(get_context(ctx, list, i));
+          if (keys.has(key)) {
+              throw new Error('Cannot have duplicate keys in a keyed each');
+          }
+          keys.add(key);
+      }
+  }
+
+  function bind(component, name, callback) {
+      const index = component.$$.props[name];
+      if (index !== undefined) {
+          component.$$.bound[index] = callback;
+          callback(component.$$.ctx[index]);
+      }
+  }
+  function create_component(block) {
+      block && block.c();
+  }
+  function mount_component(component, target, anchor, customElement) {
+      const { fragment, after_update } = component.$$;
+      fragment && fragment.m(target, anchor);
+      if (!customElement) {
+          // onMount happens before the initial afterUpdate
+          add_render_callback(() => {
+              const new_on_destroy = component.$$.on_mount.map(run).filter(is_function);
+              // if the component was destroyed immediately
+              // it will update the `$$.on_destroy` reference to `null`.
+              // the destructured on_destroy may still reference to the old array
+              if (component.$$.on_destroy) {
+                  component.$$.on_destroy.push(...new_on_destroy);
+              }
+              else {
+                  // Edge case - component was destroyed immediately,
+                  // most likely as a result of a binding initialising
+                  run_all(new_on_destroy);
+              }
+              component.$$.on_mount = [];
+          });
+      }
+      after_update.forEach(add_render_callback);
+  }
+  function destroy_component(component, detaching) {
+      const $$ = component.$$;
+      if ($$.fragment !== null) {
+          flush_render_callbacks($$.after_update);
+          run_all($$.on_destroy);
+          $$.fragment && $$.fragment.d(detaching);
+          // TODO null out other refs, including component.$$ (but need to
+          // preserve final state?)
+          $$.on_destroy = $$.fragment = null;
+          $$.ctx = [];
+      }
+  }
+  function make_dirty(component, i) {
+      if (component.$$.dirty[0] === -1) {
+          dirty_components.push(component);
+          schedule_update();
+          component.$$.dirty.fill(0);
+      }
+      component.$$.dirty[(i / 31) | 0] |= (1 << (i % 31));
+  }
+  function init(component, options, instance, create_fragment, not_equal, props, append_styles, dirty = [-1]) {
+      const parent_component = current_component;
+      set_current_component(component);
+      const $$ = component.$$ = {
+          fragment: null,
+          ctx: [],
+          // state
+          props,
+          update: noop,
+          not_equal,
+          bound: blank_object(),
+          // lifecycle
+          on_mount: [],
+          on_destroy: [],
+          on_disconnect: [],
+          before_update: [],
+          after_update: [],
+          context: new Map(options.context || (parent_component ? parent_component.$$.context : [])),
+          // everything else
+          callbacks: blank_object(),
+          dirty,
+          skip_bound: false,
+          root: options.target || parent_component.$$.root
+      };
+      append_styles && append_styles($$.root);
+      let ready = false;
+      $$.ctx = instance
+          ? instance(component, options.props || {}, (i, ret, ...rest) => {
+              const value = rest.length ? rest[0] : ret;
+              if ($$.ctx && not_equal($$.ctx[i], $$.ctx[i] = value)) {
+                  if (!$$.skip_bound && $$.bound[i])
+                      $$.bound[i](value);
+                  if (ready)
+                      make_dirty(component, i);
+              }
+              return ret;
+          })
+          : [];
+      $$.update();
+      ready = true;
+      run_all($$.before_update);
+      // `false` as a special case of no DOM component
+      $$.fragment = create_fragment ? create_fragment($$.ctx) : false;
+      if (options.target) {
+          if (options.hydrate) {
+              const nodes = children(options.target);
+              // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+              $$.fragment && $$.fragment.l(nodes);
+              nodes.forEach(detach);
+          }
+          else {
+              // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+              $$.fragment && $$.fragment.c();
+          }
+          if (options.intro)
+              transition_in(component.$$.fragment);
+          mount_component(component, options.target, options.anchor, options.customElement);
+          flush();
+      }
+      set_current_component(parent_component);
+  }
+  /**
+   * Base class for Svelte components. Used when dev=false.
+   */
+  class SvelteComponent {
+      $destroy() {
+          destroy_component(this, 1);
+          this.$destroy = noop;
+      }
+      $on(type, callback) {
+          if (!is_function(callback)) {
+              return noop;
+          }
+          const callbacks = (this.$$.callbacks[type] || (this.$$.callbacks[type] = []));
+          callbacks.push(callback);
+          return () => {
+              const index = callbacks.indexOf(callback);
+              if (index !== -1)
+                  callbacks.splice(index, 1);
+          };
+      }
+      $set($$props) {
+          if (this.$$set && !is_empty($$props)) {
+              this.$$.skip_bound = true;
+              this.$$set($$props);
+              this.$$.skip_bound = false;
+          }
+      }
+  }
+
+  function dispatch_dev(type, detail) {
+      document.dispatchEvent(custom_event(type, Object.assign({ version: '3.59.2' }, detail), { bubbles: true }));
+  }
+  function append_dev(target, node) {
+      dispatch_dev('SvelteDOMInsert', { target, node });
+      append(target, node);
+  }
+  function insert_dev(target, node, anchor) {
+      dispatch_dev('SvelteDOMInsert', { target, node, anchor });
+      insert(target, node, anchor);
+  }
+  function detach_dev(node) {
+      dispatch_dev('SvelteDOMRemove', { node });
+      detach(node);
+  }
+  function listen_dev(node, event, handler, options, has_prevent_default, has_stop_propagation, has_stop_immediate_propagation) {
+      const modifiers = options === true ? ['capture'] : options ? Array.from(Object.keys(options)) : [];
+      if (has_prevent_default)
+          modifiers.push('preventDefault');
+      if (has_stop_propagation)
+          modifiers.push('stopPropagation');
+      if (has_stop_immediate_propagation)
+          modifiers.push('stopImmediatePropagation');
+      dispatch_dev('SvelteDOMAddEventListener', { node, event, handler, modifiers });
+      const dispose = listen(node, event, handler, options);
+      return () => {
+          dispatch_dev('SvelteDOMRemoveEventListener', { node, event, handler, modifiers });
+          dispose();
+      };
+  }
+  function attr_dev(node, attribute, value) {
+      attr(node, attribute, value);
+      if (value == null)
+          dispatch_dev('SvelteDOMRemoveAttribute', { node, attribute });
+      else
+          dispatch_dev('SvelteDOMSetAttribute', { node, attribute, value });
+  }
+  function set_data_dev(text, data) {
+      data = '' + data;
+      if (text.data === data)
+          return;
+      dispatch_dev('SvelteDOMSetData', { node: text, data });
+      text.data = data;
+  }
+  function validate_each_argument(arg) {
+      if (typeof arg !== 'string' && !(arg && typeof arg === 'object' && 'length' in arg)) {
+          let msg = '{#each} only iterates over array-like objects.';
+          if (typeof Symbol === 'function' && arg && Symbol.iterator in arg) {
+              msg += ' You can use a spread to convert this iterable into an array.';
+          }
+          throw new Error(msg);
+      }
+  }
+  function validate_slots(name, slot, keys) {
+      for (const slot_key of Object.keys(slot)) {
+          if (!~keys.indexOf(slot_key)) {
+              console.warn(`<${name}> received an unexpected slot "${slot_key}".`);
+          }
+      }
+  }
+  /**
+   * Base class for Svelte components with some minor dev-enhancements. Used when dev=true.
+   */
+  class SvelteComponentDev extends SvelteComponent {
+      constructor(options) {
+          if (!options || (!options.target && !options.$$inline)) {
+              throw new Error("'target' is a required option");
+          }
+          super();
+      }
+      $destroy() {
+          super.$destroy();
+          this.$destroy = () => {
+              console.warn('Component was already destroyed'); // eslint-disable-line no-console
+          };
+      }
+      $capture_state() { }
+      $inject_state() { }
+  }
+
+  /* src/Marker.svelte generated by Svelte v3.59.2 */
+  const file$5 = "src/Marker.svelte";
+
+  function get_each_context$3(ctx, list, i) {
+  	const child_ctx = ctx.slice();
+  	child_ctx[7] = list[i];
+  	return child_ctx;
+  }
+
+  // (92:6) {#each OPTIONS as name}
+  function create_each_block$3(ctx) {
+  	let option;
+  	let t_value = /*name*/ ctx[7] + "";
+  	let t;
+
+  	const block = {
+  		c: function create() {
+  			option = element("option");
+  			t = text(t_value);
+  			set_style(option, "background-color", "var(--gray)");
+  			option.__value = /*name*/ ctx[7];
+  			option.value = option.__value;
+  			add_location(option, file$5, 92, 8, 3418);
+  		},
+  		m: function mount(target, anchor) {
+  			insert_dev(target, option, anchor);
+  			append_dev(option, t);
+  		},
+  		p: noop,
+  		d: function destroy(detaching) {
+  			if (detaching) detach_dev(option);
+  		}
+  	};
+
+  	dispatch_dev("SvelteRegisterBlock", {
+  		block,
+  		id: create_each_block$3.name,
+  		type: "each",
+  		source: "(92:6) {#each OPTIONS as name}",
+  		ctx
+  	});
+
+  	return block;
+  }
+
+  function create_fragment$5(ctx) {
+  	let div4;
+  	let div0;
+  	let div0_data_offset_value;
+  	let t0;
+  	let div2;
+  	let div1;
+  	let div1_class_value;
+  	let div1_aria_valuenow_value;
+  	let t1;
+  	let span;
+  	let div3;
+  	let svg0;
+  	let path0;
+  	let t2;
+  	let select;
+  	let t3;
+  	let svg1;
+  	let path1;
+  	let mounted;
+  	let dispose;
+  	let each_value = OPTIONS;
+  	validate_each_argument(each_value);
+  	let each_blocks = [];
+
+  	for (let i = 0; i < each_value.length; i += 1) {
+  		each_blocks[i] = create_each_block$3(get_each_context$3(ctx, each_value, i));
+  	}
+
+  	const block = {
+  		c: function create() {
+  			div4 = element("div");
+  			div0 = element("div");
+  			t0 = space();
+  			div2 = element("div");
+  			div1 = element("div");
+  			t1 = space();
+  			span = element("span");
+  			div3 = element("div");
+  			svg0 = svg_element("svg");
+  			path0 = svg_element("path");
+  			t2 = space();
+  			select = element("select");
+
+  			for (let i = 0; i < each_blocks.length; i += 1) {
+  				each_blocks[i].c();
+  			}
+
+  			t3 = space();
+  			svg1 = svg_element("svg");
+  			path1 = svg_element("path");
+  			attr_dev(div0, "class", "scrubber-item svelte-zeu5yg");
+  			set_style(div0, "background-position", "-" + /*frame*/ ctx[0].offset[0] + "px -" + /*frame*/ ctx[0].offset[1] + "px");
+  			set_style(div0, "background-image", "url('" + /*url*/ ctx[1] + "')");
+  			attr_dev(div0, "data-offset", div0_data_offset_value = /*frame*/ ctx[0].offset);
+  			add_location(div0, file$5, 47, 2, 1619);
+  			attr_dev(div1, "class", div1_class_value = "progress-bar progress-bar-striped bg-" + confidence$1(/*frame*/ ctx[0].tag.prob) + " svelte-zeu5yg");
+  			attr_dev(div1, "role", "progressbar");
+  			set_style(div1, "width", /*frame*/ ctx[0].tag.prob * 100 + "%");
+  			attr_dev(div1, "aria-valuenow", div1_aria_valuenow_value = /*frame*/ ctx[0].tag.prob * 100);
+  			attr_dev(div1, "aria-valuemin", 0);
+  			attr_dev(div1, "aria-valuemax", 100);
+  			add_location(div1, file$5, 59, 4, 1978);
+  			attr_dev(div2, "class", "progress");
+  			set_style(div2, "height", "5px");
+  			add_location(div2, file$5, 58, 2, 1931);
+  			attr_dev(path0, "d", "M313.4 32.9c26 5.2 42.9 30.5 37.7 56.5l-2.3 11.4c-5.3 26.7-15.1 52.1-28.8 75.2H464c26.5 0 48 21.5 48 48c0 18.5-10.5 34.6-25.9 42.6C497 275.4 504 288.9 504 304c0 23.4-16.8 42.9-38.9 47.1c4.4 7.3 6.9 15.8 6.9 24.9c0 21.3-13.9 39.4-33.1 45.6c.7 3.3 1.1 6.8 1.1 10.4c0 26.5-21.5 48-48 48H294.5c-19 0-37.5-5.6-53.3-16.1l-38.5-25.7C176 420.4 160 390.4 160 358.3V320 272 247.1c0-29.2 13.3-56.7 36-75l7.4-5.9c26.5-21.2 44.6-51 51.2-84.2l2.3-11.4c5.2-26 30.5-42.9 56.5-37.7zM32 192H96c17.7 0 32 14.3 32 32V448c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32V224c0-17.7 14.3-32 32-32z");
+  			add_location(path0, file$5, 81, 9, 2640);
+  			attr_dev(svg0, "class", "tag-item-accept svelte-zeu5yg");
+  			attr_dev(svg0, "xmlns", "http://www.w3.org/2000/svg");
+  			attr_dev(svg0, "height", "1em");
+  			attr_dev(svg0, "viewBox", "0 0 512 512");
+  			add_location(svg0, file$5, 76, 6, 2500);
+  			set_style(div3, "padding-right", "10px");
+  			set_style(div3, "display", "inline");
+  			add_location(div3, file$5, 70, 4, 2355);
+  			set_style(select, "color", "#f5f8fa");
+  			attr_dev(select, "class", "tag-item-select svelte-zeu5yg");
+  			if (/*frame*/ ctx[0].tag.label === void 0) add_render_callback(() => /*select_change_handler*/ ctx[5].call(select));
+  			add_location(select, file$5, 86, 4, 3272);
+  			attr_dev(path1, "d", "M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z");
+  			add_location(path1, file$5, 105, 7, 3754);
+  			attr_dev(svg1, "height", "20");
+  			attr_dev(svg1, "width", "20");
+  			attr_dev(svg1, "viewBox", "0 0 20 20");
+  			attr_dev(svg1, "aria-hidden", "true");
+  			attr_dev(svg1, "focusable", "false");
+  			attr_dev(svg1, "class", "tag-item-reject svelte-zeu5yg");
+  			add_location(svg1, file$5, 95, 4, 3526);
+  			attr_dev(span, "class", "tag-item badge badge-secondary svelte-zeu5yg");
+  			add_location(span, file$5, 68, 2, 2244);
+  			set_style(div4, "padding", "10px");
+  			add_location(div4, file$5, 45, 0, 1529);
+  		},
+  		l: function claim(nodes) {
+  			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
+  		},
+  		m: function mount(target, anchor) {
+  			insert_dev(target, div4, anchor);
+  			append_dev(div4, div0);
+  			append_dev(div4, t0);
+  			append_dev(div4, div2);
+  			append_dev(div2, div1);
+  			append_dev(div4, t1);
+  			append_dev(div4, span);
+  			append_dev(span, div3);
+  			append_dev(div3, svg0);
+  			append_dev(svg0, path0);
+  			append_dev(span, t2);
+  			append_dev(span, select);
+
+  			for (let i = 0; i < each_blocks.length; i += 1) {
+  				if (each_blocks[i]) {
+  					each_blocks[i].m(select, null);
+  				}
+  			}
+
+  			select_option(select, /*frame*/ ctx[0].tag.label, true);
+  			append_dev(span, t3);
+  			append_dev(span, svg1);
+  			append_dev(svg1, path1);
+
+  			if (!mounted) {
+  				dispose = [
+  					listen_dev(div0, "click", /*click_handler*/ ctx[3], false, false, false, false),
+  					listen_dev(div0, "mousemove", scrubberMove$1, false, false, false, false),
+  					listen_dev(div0, "mouseleave", scrubberReset$1, false, false, false, false),
+  					listen_dev(div3, "click", /*click_handler_1*/ ctx[4], { once: true }, false, false, false),
+  					listen_dev(select, "change", /*select_change_handler*/ ctx[5]),
+  					listen_dev(svg1, "click", /*click_handler_2*/ ctx[6], { once: true }, false, false, false)
+  				];
+
+  				mounted = true;
+  			}
+  		},
+  		p: function update(ctx, [dirty]) {
+  			if (dirty & /*frame*/ 1) {
+  				set_style(div0, "background-position", "-" + /*frame*/ ctx[0].offset[0] + "px -" + /*frame*/ ctx[0].offset[1] + "px");
+  			}
+
+  			if (dirty & /*url*/ 2) {
+  				set_style(div0, "background-image", "url('" + /*url*/ ctx[1] + "')");
+  			}
+
+  			if (dirty & /*frame, OPTIONS*/ 1 && div0_data_offset_value !== (div0_data_offset_value = /*frame*/ ctx[0].offset)) {
+  				attr_dev(div0, "data-offset", div0_data_offset_value);
+  			}
+
+  			if (dirty & /*frame, OPTIONS*/ 1 && div1_class_value !== (div1_class_value = "progress-bar progress-bar-striped bg-" + confidence$1(/*frame*/ ctx[0].tag.prob) + " svelte-zeu5yg")) {
+  				attr_dev(div1, "class", div1_class_value);
+  			}
+
+  			if (dirty & /*frame*/ 1) {
+  				set_style(div1, "width", /*frame*/ ctx[0].tag.prob * 100 + "%");
+  			}
+
+  			if (dirty & /*frame, OPTIONS*/ 1 && div1_aria_valuenow_value !== (div1_aria_valuenow_value = /*frame*/ ctx[0].tag.prob * 100)) {
+  				attr_dev(div1, "aria-valuenow", div1_aria_valuenow_value);
+  			}
+
+  			if (dirty & /*OPTIONS*/ 0) {
+  				each_value = OPTIONS;
+  				validate_each_argument(each_value);
+  				let i;
+
+  				for (i = 0; i < each_value.length; i += 1) {
+  					const child_ctx = get_each_context$3(ctx, each_value, i);
+
+  					if (each_blocks[i]) {
+  						each_blocks[i].p(child_ctx, dirty);
+  					} else {
+  						each_blocks[i] = create_each_block$3(child_ctx);
+  						each_blocks[i].c();
+  						each_blocks[i].m(select, null);
+  					}
+  				}
+
+  				for (; i < each_blocks.length; i += 1) {
+  					each_blocks[i].d(1);
+  				}
+
+  				each_blocks.length = each_value.length;
+  			}
+
+  			if (dirty & /*frame, OPTIONS*/ 1) {
+  				select_option(select, /*frame*/ ctx[0].tag.label);
+  			}
+  		},
+  		i: noop,
+  		o: noop,
+  		d: function destroy(detaching) {
+  			if (detaching) detach_dev(div4);
+  			destroy_each(each_blocks, detaching);
+  			mounted = false;
+  			run_all(dispose);
+  		}
+  	};
+
+  	dispatch_dev("SvelteRegisterBlock", {
+  		block,
+  		id: create_fragment$5.name,
+  		type: "component",
+  		source: "",
+  		ctx
+  	});
+
+  	return block;
+  }
+
+  function confidence$1(prob) {
+  	prob = prob * 100;
+
+  	if (prob < 50.0) {
+  		return "danger";
+  	} else if (prob < 75.0) {
+  		return "warning";
+  	} else {
+  		return "success";
+  	}
+  }
+
+  function scrubberMove$1(event) {
+  	let target = event.target;
+  	let imageWidth = 160;
+  	let left = 53;
+  	let right = 106;
+  	let backgroundPosition = target.style.backgroundPosition.split(" ");
+  	let offset = Number(target.getAttribute("data-offset").split(",")[0]);
+
+  	if (event.offsetX < left) {
+  		backgroundPosition[0] = `-${offset - imageWidth}px`;
+  		target.style.backgroundPosition = backgroundPosition.join(" ");
+  	} else if (event.offsetX > left && event.offsetX < right) {
+  		backgroundPosition[0] = `-${offset}px`;
+  		target.style.backgroundPosition = backgroundPosition.join(" ");
+  	} else if (event.offsetX > right) {
+  		backgroundPosition[0] = `-${offset + imageWidth}px`;
+  		target.style.backgroundPosition = backgroundPosition.join(" ");
+  	}
+  }
+
+  function scrubberReset$1(event) {
+  	let backgroundPosition = event.target.style.backgroundPosition.split(" ");
+  	let offset = Number(event.target.getAttribute("data-offset").split(",")[0]);
+  	backgroundPosition[0] = `-${offset}px`;
+  	event.target.style.backgroundPosition = backgroundPosition.join(" ");
+  }
+
+  function instance$5($$self, $$props, $$invalidate) {
+  	let { $$slots: slots = {}, $$scope } = $$props;
+  	validate_slots('Marker', slots, []);
+  	const dispatch = createEventDispatcher();
+  	let { frame } = $$props;
+  	let { url = "" } = $$props;
+
+  	$$self.$$.on_mount.push(function () {
+  		if (frame === undefined && !('frame' in $$props || $$self.$$.bound[$$self.$$.props['frame']])) {
+  			console.warn("<Marker> was created without expected prop 'frame'");
+  		}
+  	});
+
+  	const writable_props = ['frame', 'url'];
+
+  	Object.keys($$props).forEach(key => {
+  		if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console.warn(`<Marker> was created with unknown prop '${key}'`);
+  	});
+
+  	const click_handler = () => {
+  		dispatch("select", frame);
+  	};
+
+  	const click_handler_1 = () => {
+  		dispatch("addMarker", frame);
+  	};
+
+  	function select_change_handler() {
+  		frame.tag.label = select_value(this);
+  		$$invalidate(0, frame);
+  	}
+
+  	const click_handler_2 = () => {
+  		dispatch("remove", frame.id);
+  	};
+
+  	$$self.$$set = $$props => {
+  		if ('frame' in $$props) $$invalidate(0, frame = $$props.frame);
+  		if ('url' in $$props) $$invalidate(1, url = $$props.url);
+  	};
+
+  	$$self.$capture_state = () => ({
+  		OPTIONS,
+  		createEventDispatcher,
+  		dispatch,
+  		frame,
+  		url,
+  		confidence: confidence$1,
+  		scrubberMove: scrubberMove$1,
+  		scrubberReset: scrubberReset$1
+  	});
+
+  	$$self.$inject_state = $$props => {
+  		if ('frame' in $$props) $$invalidate(0, frame = $$props.frame);
+  		if ('url' in $$props) $$invalidate(1, url = $$props.url);
+  	};
+
+  	if ($$props && "$$inject" in $$props) {
+  		$$self.$inject_state($$props.$$inject);
+  	}
+
+  	return [
+  		frame,
+  		url,
+  		dispatch,
+  		click_handler,
+  		click_handler_1,
+  		select_change_handler,
+  		click_handler_2
+  	];
+  }
+
+  class Marker extends SvelteComponentDev {
+  	constructor(options) {
+  		super(options);
+  		init(this, options, instance$5, create_fragment$5, safe_not_equal, { frame: 0, url: 1 });
+
+  		dispatch_dev("SvelteRegisterComponent", {
+  			component: this,
+  			tagName: "Marker",
+  			options,
+  			id: create_fragment$5.name
+  		});
+  	}
+
+  	get frame() {
+  		throw new Error("<Marker>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
+  	}
+
+  	set frame(value) {
+  		throw new Error("<Marker>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
+  	}
+
+  	get url() {
+  		throw new Error("<Marker>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
+  	}
+
+  	set url(value) {
+  		throw new Error("<Marker>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
+  	}
+  }
+
+  function cubicOut(t) {
+      const f = t - 1.0;
+      return f * f * f + 1.0;
+  }
+  function quintOut(t) {
+      return --t * t * t * t * t + 1;
+  }
+
+  function flip(node, { from, to }, params = {}) {
+      const style = getComputedStyle(node);
+      const transform = style.transform === 'none' ? '' : style.transform;
+      const [ox, oy] = style.transformOrigin.split(' ').map(parseFloat);
+      const dx = (from.left + from.width * ox / to.width) - (to.left + ox);
+      const dy = (from.top + from.height * oy / to.height) - (to.top + oy);
+      const { delay = 0, duration = (d) => Math.sqrt(d) * 120, easing = cubicOut } = params;
+      return {
+          delay,
+          duration: is_function(duration) ? duration(Math.sqrt(dx * dx + dy * dy)) : duration,
+          easing,
+          css: (t, u) => {
+              const x = u * dx;
+              const y = u * dy;
+              const sx = t + u * from.width / to.width;
+              const sy = t + u * from.height / to.height;
+              return `transform: ${transform} translate(${x}px, ${y}px) scale(${sx}, ${sy});`;
+          }
+      };
+  }
+
+  function fade(node, { delay = 0, duration = 400, easing = identity } = {}) {
+      const o = +getComputedStyle(node).opacity;
+      return {
+          delay,
+          duration,
+          easing,
+          css: t => `opacity: ${t * o}`
+      };
+  }
+  function fly(node, { delay = 0, duration = 400, easing = cubicOut, x = 0, y = 0, opacity = 0 } = {}) {
+      const style = getComputedStyle(node);
+      const target_opacity = +style.opacity;
+      const transform = style.transform === 'none' ? '' : style.transform;
+      const od = target_opacity * (1 - opacity);
+      const [xValue, xUnit] = split_css_unit(x);
+      const [yValue, yUnit] = split_css_unit(y);
+      return {
+          delay,
+          duration,
+          easing,
+          css: (t, u) => `
+			transform: ${transform} translate(${(1 - t) * xValue}${xUnit}, ${(1 - t) * yValue}${yUnit});
+			opacity: ${target_opacity - (od * u)}`
+      };
+  }
+
+  /* src/MarkerMatches.svelte generated by Svelte v3.59.2 */
+  const file$4 = "src/MarkerMatches.svelte";
+
+  function get_each_context$2(ctx, list, i) {
+  	const child_ctx = ctx.slice();
+  	child_ctx[19] = list[i];
+  	child_ctx[20] = list;
+  	child_ctx[21] = i;
+  	return child_ctx;
+  }
+
+  // (93:10) {#each filteredFrames as frame (frame.id)}
+  function create_each_block$2(key_1, ctx) {
+  	let div;
+  	let marker;
+  	let updating_frame;
+  	let t;
+  	let div_intro;
+  	let div_outro;
+  	let rect;
+  	let stop_animation = noop;
+  	let current;
+
+  	function marker_frame_binding(value) {
+  		/*marker_frame_binding*/ ctx[14](value, /*frame*/ ctx[19], /*each_value*/ ctx[20], /*frame_index*/ ctx[21]);
+  	}
+
+  	let marker_props = { url: /*url*/ ctx[1] };
+
+  	if (/*frame*/ ctx[19] !== void 0) {
+  		marker_props.frame = /*frame*/ ctx[19];
+  	}
+
+  	marker = new Marker({ props: marker_props, $$inline: true });
+  	binding_callbacks.push(() => bind(marker, 'frame', marker_frame_binding));
+  	marker.$on("addMarker", /*addMarker_handler*/ ctx[15]);
+  	marker.$on("remove", /*remove_handler*/ ctx[16]);
+  	marker.$on("select", /*select*/ ctx[7]);
+
+  	const block = {
+  		key: key_1,
+  		first: null,
+  		c: function create() {
+  			div = element("div");
+  			create_component(marker.$$.fragment);
+  			t = space();
+  			attr_dev(div, "class", "svelte-qsvzsw");
+  			toggle_class(div, "selected", /*selected*/ ctx[3] === /*frame*/ ctx[19].id);
+  			add_location(div, file$4, 93, 12, 2646);
+  			this.first = div;
+  		},
+  		m: function mount(target, anchor) {
+  			insert_dev(target, div, anchor);
+  			mount_component(marker, div, null);
+  			append_dev(div, t);
+  			current = true;
+  		},
+  		p: function update(new_ctx, dirty) {
+  			ctx = new_ctx;
+  			const marker_changes = {};
+  			if (dirty & /*url*/ 2) marker_changes.url = /*url*/ ctx[1];
+
+  			if (!updating_frame && dirty & /*filteredFrames*/ 32) {
+  				updating_frame = true;
+  				marker_changes.frame = /*frame*/ ctx[19];
+  				add_flush_callback(() => updating_frame = false);
+  			}
+
+  			marker.$set(marker_changes);
+
+  			if (!current || dirty & /*selected, filteredFrames*/ 40) {
+  				toggle_class(div, "selected", /*selected*/ ctx[3] === /*frame*/ ctx[19].id);
+  			}
+  		},
+  		r: function measure() {
+  			rect = div.getBoundingClientRect();
+  		},
+  		f: function fix() {
+  			fix_position(div);
+  			stop_animation();
+  			add_transform(div, rect);
+  		},
+  		a: function animate() {
+  			stop_animation();
+  			stop_animation = create_animation(div, rect, flip, { duration: 250, easing: quintOut });
+  		},
+  		i: function intro(local) {
+  			if (current) return;
+  			transition_in(marker.$$.fragment, local);
+
+  			add_render_callback(() => {
+  				if (!current) return;
+  				if (div_outro) div_outro.end(1);
+  				div_intro = create_in_transition(div, fade, {});
+  				div_intro.start();
+  			});
+
+  			current = true;
+  		},
+  		o: function outro(local) {
+  			transition_out(marker.$$.fragment, local);
+  			if (div_intro) div_intro.invalidate();
+  			div_outro = create_out_transition(div, fade, {});
+  			current = false;
+  		},
+  		d: function destroy(detaching) {
+  			if (detaching) detach_dev(div);
+  			destroy_component(marker);
+  			if (detaching && div_outro) div_outro.end();
+  		}
+  	};
+
+  	dispatch_dev("SvelteRegisterBlock", {
+  		block,
+  		id: create_each_block$2.name,
+  		type: "each",
+  		source: "(93:10) {#each filteredFrames as frame (frame.id)}",
+  		ctx
+  	});
+
+  	return block;
+  }
+
+  // (114:12) {#if saving}
+  function create_if_block$1(ctx) {
+  	let div;
+
+  	const block = {
+  		c: function create() {
+  			div = element("div");
+  			attr_dev(div, "class", "lds-dual-ring");
+  			add_location(div, file$4, 114, 14, 3426);
+  		},
+  		m: function mount(target, anchor) {
+  			insert_dev(target, div, anchor);
+  		},
+  		d: function destroy(detaching) {
+  			if (detaching) detach_dev(div);
+  		}
+  	};
+
+  	dispatch_dev("SvelteRegisterBlock", {
+  		block,
+  		id: create_if_block$1.name,
+  		type: "if",
+  		source: "(114:12) {#if saving}",
+  		ctx
+  	});
+
+  	return block;
+  }
+
+  function create_fragment$4(ctx) {
+  	let div7;
+  	let div6;
+  	let div5;
+  	let div0;
+  	let t0;
+  	let input;
+  	let t1;
+  	let t2_value = /*threshold*/ ctx[0] * 100 + "";
+  	let t2;
+  	let t3;
+  	let t4;
+  	let div2;
+  	let div1;
+  	let each_blocks = [];
+  	let each_1_lookup = new Map();
+  	let t5;
+  	let div4;
+  	let div3;
+  	let button0;
+  	let t7;
+  	let button1;
+  	let t8;
+  	let current;
+  	let mounted;
+  	let dispose;
+  	let each_value = /*filteredFrames*/ ctx[5];
+  	validate_each_argument(each_value);
+  	const get_key = ctx => /*frame*/ ctx[19].id;
+  	validate_each_keys(ctx, each_value, get_each_context$2, get_key);
+
+  	for (let i = 0; i < each_value.length; i += 1) {
+  		let child_ctx = get_each_context$2(ctx, each_value, i);
+  		let key = get_key(child_ctx);
+  		each_1_lookup.set(key, each_blocks[i] = create_each_block$2(key, child_ctx));
+  	}
+
+  	let if_block = /*saving*/ ctx[4] && create_if_block$1(ctx);
+
+  	const block = {
+  		c: function create() {
+  			div7 = element("div");
+  			div6 = element("div");
+  			div5 = element("div");
+  			div0 = element("div");
+  			t0 = text("Threshold: ");
+  			input = element("input");
+  			t1 = space();
+  			t2 = text(t2_value);
+  			t3 = text(" %");
+  			t4 = space();
+  			div2 = element("div");
+  			div1 = element("div");
+
+  			for (let i = 0; i < each_blocks.length; i += 1) {
+  				each_blocks[i].c();
+  			}
+
+  			t5 = space();
+  			div4 = element("div");
+  			div3 = element("div");
+  			button0 = element("button");
+  			button0.textContent = "Close";
+  			t7 = space();
+  			button1 = element("button");
+  			if (if_block) if_block.c();
+  			t8 = text("\n            Add All Markers");
+  			attr_dev(input, "type", "range");
+  			attr_dev(input, "min", "0.4");
+  			attr_dev(input, "max", "0.9");
+  			attr_dev(input, "step", "0.1");
+  			attr_dev(input, "id", "stash-tag-threshold");
+  			set_style(input, "margin", "0px");
+  			set_style(input, "height", "10px");
+  			add_location(input, file$4, 78, 19, 2149);
+  			attr_dev(div0, "class", "modal-header svelte-qsvzsw");
+  			add_location(div0, file$4, 77, 6, 2103);
+  			attr_dev(div1, "class", "row justify-content-center");
+  			add_location(div1, file$4, 91, 8, 2540);
+  			attr_dev(div2, "class", "modal-body");
+  			add_location(div2, file$4, 90, 6, 2507);
+  			attr_dev(button0, "id", "tags-cancel");
+  			attr_dev(button0, "type", "button");
+  			attr_dev(button0, "class", "ml-2 btn btn-secondary");
+  			add_location(button0, file$4, 106, 10, 3128);
+  			attr_dev(button1, "id", "tags-accept");
+  			attr_dev(button1, "type", "button");
+  			attr_dev(button1, "class", "ml-2 btn btn-primary");
+  			add_location(button1, file$4, 112, 10, 3299);
+  			add_location(div3, file$4, 105, 8, 3112);
+  			attr_dev(div4, "class", "ModalFooter modal-footer svelte-qsvzsw");
+  			add_location(div4, file$4, 104, 6, 3065);
+  			attr_dev(div5, "class", "modal-content");
+  			add_location(div5, file$4, 76, 4, 2069);
+  			attr_dev(div6, "class", "modal-dialog modal-xl top-accent");
+  			add_location(div6, file$4, 75, 2, 2018);
+  			attr_dev(div7, "class", "tagger-tabs svelte-qsvzsw");
+  			add_location(div7, file$4, 74, 0, 1973);
+  		},
+  		l: function claim(nodes) {
+  			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
+  		},
+  		m: function mount(target, anchor) {
+  			insert_dev(target, div7, anchor);
+  			append_dev(div7, div6);
+  			append_dev(div6, div5);
+  			append_dev(div5, div0);
+  			append_dev(div0, t0);
+  			append_dev(div0, input);
+  			set_input_value(input, /*threshold*/ ctx[0]);
+  			append_dev(div0, t1);
+  			append_dev(div0, t2);
+  			append_dev(div0, t3);
+  			append_dev(div5, t4);
+  			append_dev(div5, div2);
+  			append_dev(div2, div1);
+
+  			for (let i = 0; i < each_blocks.length; i += 1) {
+  				if (each_blocks[i]) {
+  					each_blocks[i].m(div1, null);
+  				}
+  			}
+
+  			append_dev(div5, t5);
+  			append_dev(div5, div4);
+  			append_dev(div4, div3);
+  			append_dev(div3, button0);
+  			append_dev(div3, t7);
+  			append_dev(div3, button1);
+  			if (if_block) if_block.m(button1, null);
+  			append_dev(button1, t8);
+  			/*div7_binding*/ ctx[17](div7);
+  			current = true;
+
+  			if (!mounted) {
+  				dispose = [
+  					listen_dev(input, "change", /*input_change_input_handler*/ ctx[12]),
+  					listen_dev(input, "input", /*input_change_input_handler*/ ctx[12]),
+  					listen_dev(input, "change", /*change_handler*/ ctx[13], false, false, false, false),
+  					listen_dev(button0, "click", /*close*/ ctx[6], false, false, false, false),
+  					listen_dev(button1, "click", /*saveAll*/ ctx[10], false, false, false, false)
+  				];
+
+  				mounted = true;
+  			}
+  		},
+  		p: function update(ctx, [dirty]) {
+  			if (dirty & /*threshold*/ 1) {
+  				set_input_value(input, /*threshold*/ ctx[0]);
+  			}
+
+  			if ((!current || dirty & /*threshold*/ 1) && t2_value !== (t2_value = /*threshold*/ ctx[0] * 100 + "")) set_data_dev(t2, t2_value);
+
+  			if (dirty & /*selected, filteredFrames, url, addMarker, remove, select*/ 938) {
+  				each_value = /*filteredFrames*/ ctx[5];
+  				validate_each_argument(each_value);
+  				group_outros();
+  				for (let i = 0; i < each_blocks.length; i += 1) each_blocks[i].r();
+  				validate_each_keys(ctx, each_value, get_each_context$2, get_key);
+  				each_blocks = update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, div1, fix_and_outro_and_destroy_block, create_each_block$2, null, get_each_context$2);
+  				for (let i = 0; i < each_blocks.length; i += 1) each_blocks[i].a();
+  				check_outros();
+  			}
+
+  			if (/*saving*/ ctx[4]) {
+  				if (if_block) ; else {
+  					if_block = create_if_block$1(ctx);
+  					if_block.c();
+  					if_block.m(button1, t8);
+  				}
+  			} else if (if_block) {
+  				if_block.d(1);
+  				if_block = null;
+  			}
+  		},
+  		i: function intro(local) {
+  			if (current) return;
+
+  			for (let i = 0; i < each_value.length; i += 1) {
+  				transition_in(each_blocks[i]);
+  			}
+
+  			current = true;
+  		},
+  		o: function outro(local) {
+  			for (let i = 0; i < each_blocks.length; i += 1) {
+  				transition_out(each_blocks[i]);
+  			}
+
+  			current = false;
+  		},
+  		d: function destroy(detaching) {
+  			if (detaching) detach_dev(div7);
+
+  			for (let i = 0; i < each_blocks.length; i += 1) {
+  				each_blocks[i].d();
+  			}
+
+  			if (if_block) if_block.d();
+  			/*div7_binding*/ ctx[17](null);
+  			mounted = false;
+  			run_all(dispose);
+  		}
+  	};
+
+  	dispatch_dev("SvelteRegisterBlock", {
+  		block,
+  		id: create_fragment$4.name,
+  		type: "component",
+  		source: "",
+  		ctx
+  	});
+
+  	return block;
+  }
+
+  function getCurrentVideo() {
+  	return document.querySelector("#VideoJsPlayer_html5_api");
+  }
+
+  async function playVideoAtTime(time) {
+  	const video = getCurrentVideo();
+  	await video.play();
+  	video.currentTime = time;
+  }
+
+  function instance$4($$self, $$props, $$invalidate) {
+  	let filteredFrames;
+  	let { $$slots: slots = {}, $$scope } = $$props;
+  	validate_slots('MarkerMatches', slots, []);
+  	let { url = "" } = $$props;
+  	let { frames = [] } = $$props;
+  	let { threshold = 0.4 } = $$props;
+  	let tags;
+  	let self;
+  	let selected = null;
+  	let saving = false;
+
+  	onMount(async () => {
+  		tags = await getAllTags();
+  		$$invalidate(0, threshold = Number(localStorage.getItem('stash-marker-threshold')) || 0.4);
+  	});
+
+  	async function close() {
+  		self.remove();
+  	}
+
+  	function select(event) {
+  		let frame = event.detail;
+
+  		if (selected === frame.id) {
+  			$$invalidate(3, selected = null);
+  		} else {
+  			$$invalidate(3, selected = frame.id);
+  			playVideoAtTime(frame.time);
+  		}
+  	}
+
+  	async function remove(id) {
+  		$$invalidate(11, frames = frames.filter(x => x.id !== id));
+  	}
+
+  	async function addMarker(frame) {
+  		const [,scene_id] = getScenarioAndID();
+  		let time;
+  		const tagLower = frame.tag.label.toLowerCase();
+
+  		if (tags[tagLower] === undefined) {
+  			const tagID = await createTag(tagLower);
+  			tags[tagLower] = tagID;
+  		}
+
+  		let tagId = tags[tagLower];
+
+  		if (selected && selected === frame.id) {
+  			const video = getCurrentVideo();
+  			time = video.currentTime;
+  		} else {
+  			time = frame.time;
+  		}
+
+  		await createMarker(scene_id, tagId, time);
+  		remove(frame.id);
+  		$$invalidate(3, selected = null);
+  	}
+
+  	function saveAll() {
+  		$$invalidate(3, selected = null);
+  		$$invalidate(4, saving = true);
+
+  		filteredFrames.forEach(async frame => {
+  			await addMarker(frame);
+  		});
+
+  		$$invalidate(4, saving = false);
+  		window.location.reload();
+  		close();
+  	}
+
+  	const writable_props = ['url', 'frames', 'threshold'];
+
+  	Object.keys($$props).forEach(key => {
+  		if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console.warn(`<MarkerMatches> was created with unknown prop '${key}'`);
+  	});
+
+  	function input_change_input_handler() {
+  		threshold = to_number(this.value);
+  		$$invalidate(0, threshold);
+  	}
+
+  	const change_handler = () => {
+  		localStorage.setItem("stash-marker-threshold", String(threshold));
+  	};
+
+  	function marker_frame_binding(value, frame, each_value, frame_index) {
+  		each_value[frame_index] = value;
+  		(($$invalidate(5, filteredFrames), $$invalidate(11, frames)), $$invalidate(0, threshold));
+  	}
+
+  	const addMarker_handler = event => {
+  		addMarker(event.detail);
+  	};
+
+  	const remove_handler = event => {
+  		remove(event.detail);
+  	};
+
+  	function div7_binding($$value) {
+  		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
+  			self = $$value;
+  			$$invalidate(2, self);
+  		});
+  	}
+
+  	$$self.$$set = $$props => {
+  		if ('url' in $$props) $$invalidate(1, url = $$props.url);
+  		if ('frames' in $$props) $$invalidate(11, frames = $$props.frames);
+  		if ('threshold' in $$props) $$invalidate(0, threshold = $$props.threshold);
+  	};
+
+  	$$self.$capture_state = () => ({
+  		Marker,
+  		flip,
+  		quintOut,
+  		fade,
+  		createMarker,
+  		getAllTags,
+  		createTag,
+  		getScenarioAndID,
+  		onMount,
+  		url,
+  		frames,
+  		threshold,
+  		tags,
+  		self,
+  		selected,
+  		saving,
+  		getCurrentVideo,
+  		close,
+  		select,
+  		playVideoAtTime,
+  		remove,
+  		addMarker,
+  		saveAll,
+  		filteredFrames
+  	});
+
+  	$$self.$inject_state = $$props => {
+  		if ('url' in $$props) $$invalidate(1, url = $$props.url);
+  		if ('frames' in $$props) $$invalidate(11, frames = $$props.frames);
+  		if ('threshold' in $$props) $$invalidate(0, threshold = $$props.threshold);
+  		if ('tags' in $$props) tags = $$props.tags;
+  		if ('self' in $$props) $$invalidate(2, self = $$props.self);
+  		if ('selected' in $$props) $$invalidate(3, selected = $$props.selected);
+  		if ('saving' in $$props) $$invalidate(4, saving = $$props.saving);
+  		if ('filteredFrames' in $$props) $$invalidate(5, filteredFrames = $$props.filteredFrames);
+  	};
+
+  	if ($$props && "$$inject" in $$props) {
+  		$$self.$inject_state($$props.$$inject);
+  	}
+
+  	$$self.$$.update = () => {
+  		if ($$self.$$.dirty & /*frames, threshold*/ 2049) {
+  			$$invalidate(5, filteredFrames = frames.filter(x => x.tag.prob > threshold));
+  		}
+  	};
+
+  	return [
+  		threshold,
+  		url,
+  		self,
+  		selected,
+  		saving,
+  		filteredFrames,
+  		close,
+  		select,
+  		remove,
+  		addMarker,
+  		saveAll,
+  		frames,
+  		input_change_input_handler,
+  		change_handler,
+  		marker_frame_binding,
+  		addMarker_handler,
+  		remove_handler,
+  		div7_binding
+  	];
+  }
+
+  class MarkerMatches extends SvelteComponentDev {
+  	constructor(options) {
+  		super(options);
+  		init(this, options, instance$4, create_fragment$4, safe_not_equal, { url: 1, frames: 11, threshold: 0 });
+
+  		dispatch_dev("SvelteRegisterComponent", {
+  			component: this,
+  			tagName: "MarkerMatches",
+  			options,
+  			id: create_fragment$4.name
+  		});
+  	}
+
+  	get url() {
+  		throw new Error("<MarkerMatches>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
+  	}
+
+  	set url(value) {
+  		throw new Error("<MarkerMatches>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
+  	}
+
+  	get frames() {
+  		throw new Error("<MarkerMatches>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
+  	}
+
+  	set frames(value) {
+  		throw new Error("<MarkerMatches>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
+  	}
+
+  	get threshold() {
+  		throw new Error("<MarkerMatches>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
+  	}
+
+  	set threshold(value) {
+  		throw new Error("<MarkerMatches>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
+  	}
+  }
+
+  /* src/MarkerButton.svelte generated by Svelte v3.59.2 */
+  const file$3 = "src/MarkerButton.svelte";
+
+  function create_fragment$3(ctx) {
+  	let button;
+  	let svg;
+  	let path;
+  	let mounted;
+  	let dispose;
+
+  	const block = {
+  		c: function create() {
+  			button = element("button");
+  			svg = svg_element("svg");
+  			path = svg_element("path");
+  			attr_dev(path, "d", "M215.7 499.2C267 435 384 279.4 384 192C384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2c12.3 15.3 35.1 15.3 47.4 0zM192 128a64 64 0 1 1 0 128 64 64 0 1 1 0-128z");
+  			add_location(path, file$3, 70, 77, 2369);
+  			attr_dev(svg, "xmlns", "http://www.w3.org/2000/svg");
+  			attr_dev(svg, "height", "1em");
+  			attr_dev(svg, "viewBox", "0 0 384 512");
+  			attr_dev(svg, "class", "svelte-1m5gxnd");
+  			add_location(svg, file$3, 70, 2, 2294);
+  			attr_dev(button, "id", "stashmarker");
+  			attr_dev(button, "title", "Scan for markers");
+  			attr_dev(button, "class", "svelte-1m5gxnd");
+  			toggle_class(button, "scanner", /*scanner*/ ctx[0]);
+  			add_location(button, file$3, 69, 0, 2205);
+  		},
+  		l: function claim(nodes) {
+  			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
+  		},
+  		m: function mount(target, anchor) {
+  			insert_dev(target, button, anchor);
+  			append_dev(button, svg);
+  			append_dev(svg, path);
+
+  			if (!mounted) {
+  				dispose = listen_dev(button, "click", /*getMarkers*/ ctx[1], false, false, false, false);
+  				mounted = true;
+  			}
+  		},
+  		p: function update(ctx, [dirty]) {
+  			if (dirty & /*scanner*/ 1) {
+  				toggle_class(button, "scanner", /*scanner*/ ctx[0]);
+  			}
+  		},
+  		i: noop,
+  		o: noop,
+  		d: function destroy(detaching) {
+  			if (detaching) detach_dev(button);
+  			mounted = false;
+  			dispose();
+  		}
+  	};
+
+  	dispatch_dev("SvelteRegisterBlock", {
+  		block,
+  		id: create_fragment$3.name,
+  		type: "component",
+  		source: "",
+  		ctx
+  	});
+
+  	return block;
+  }
+
+  async function download(url) {
+  	const vblob = await fetch(url).then(res => res.blob());
+
+  	return new Promise(resolve => {
+  			let reader = new FileReader();
+  			reader.onload = () => resolve(reader.result);
+  			reader.readAsDataURL(vblob);
+  		});
+  }
+
+  function instance$3($$self, $$props, $$invalidate) {
+  	let { $$slots: slots = {}, $$scope } = $$props;
+  	validate_slots('MarkerButton', slots, []);
+  	let scanner = false;
+
+  	async function getMarkers() {
+  		$$invalidate(0, scanner = true);
+  		const [,scene_id] = getScenarioAndID();
+  		let url = await getUrlSprite(scene_id);
+
+  		if (!url) {
+  			alert("No sprite found, please ensure you have sprites enabled and generated for your scenes.");
+  			$$invalidate(0, scanner = false);
+  			return;
+  		}
+
+  		// get image blob
+  		let image = await download(url);
+
+  		// get vtt blob
+  		const vtt_url = url.replace("_sprite.jpg", "_thumbs.vtt");
+
+  		let vtt = await download(vtt_url);
+
+  		// query the api with a threshold of 0.4 as we want to do the filtering ourselves
+  		var data = { "data": [image, vtt, 0.4] };
+
+  		fetch(STASHMARKER_API_URL + "_1", {
+  			method: "POST",
+  			headers: {
+  				"Content-Type": "application/json; charset=utf-8"
+  			},
+  			body: JSON.stringify(data)
+  		}).then(response => {
+  			if (response.status !== 200) {
+  				$$invalidate(0, scanner = false);
+  				alert("Something went wrong. It's likely a server issue, Please try again later.");
+  				return;
+  			}
+
+  			return response.json();
+  		}).then(data => {
+  			$$invalidate(0, scanner = false);
+  			let frames = data.data[0];
+  			$$invalidate(0, scanner = false);
+
+  			if (frames.length === 0) {
+  				alert("No tags found");
+  				return;
+  			}
+
+  			// find a div with class row
+  			let row = document.querySelector(".row");
+
+  			new MarkerMatches({ target: row, props: { frames, url } });
+  		}).catch(error => {
+  			$$invalidate(0, scanner = false);
+
+  			if (error.message === "") {
+  				alert("Error: Service may be down. please try again later.");
+  			} else {
+  				alert("Error: " + error.message);
+  			}
+  		});
+  	}
+
+  	const writable_props = [];
+
+  	Object.keys($$props).forEach(key => {
+  		if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console.warn(`<MarkerButton> was created with unknown prop '${key}'`);
+  	});
+
+  	$$self.$capture_state = () => ({
+  		getScenarioAndID,
+  		getUrlSprite,
+  		STASHMARKER_API_URL,
+  		MarkerMatches,
+  		scanner,
+  		download,
+  		getMarkers
+  	});
+
+  	$$self.$inject_state = $$props => {
+  		if ('scanner' in $$props) $$invalidate(0, scanner = $$props.scanner);
+  	};
+
+  	if ($$props && "$$inject" in $$props) {
+  		$$self.$inject_state($$props.$$inject);
+  	}
+
+  	return [scanner, getMarkers];
+  }
+
+  class MarkerButton extends SvelteComponentDev {
+  	constructor(options) {
+  		super(options);
+  		init(this, options, instance$3, create_fragment$3, safe_not_equal, {});
+
+  		dispatch_dev("SvelteRegisterComponent", {
+  			component: this,
+  			tagName: "MarkerButton",
+  			options,
+  			id: create_fragment$3.name
+  		});
+  	}
+  }
+
+  /* src/Tag.svelte generated by Svelte v3.59.2 */
+  const file$2 = "src/Tag.svelte";
+
+  function get_each_context$1(ctx, list, i) {
+  	const child_ctx = ctx.slice();
+  	child_ctx[0] = list[i];
+  	return child_ctx;
+  }
+
+  // (74:6) {#each OPTIONS as name}
+  function create_each_block$1(ctx) {
+  	let option;
+  	let t_value = /*name*/ ctx[0] + "";
+  	let t;
+
+  	const block = {
+  		c: function create() {
+  			option = element("option");
+  			t = text(t_value);
+  			set_style(option, "color", "#f5f8fa");
+  			option.__value = /*name*/ ctx[0];
+  			option.value = option.__value;
+  			add_location(option, file$2, 74, 8, 2272);
+  		},
+  		m: function mount(target, anchor) {
+  			insert_dev(target, option, anchor);
+  			append_dev(option, t);
+  		},
+  		p: noop,
+  		d: function destroy(detaching) {
+  			if (detaching) detach_dev(option);
+  		}
+  	};
+
+  	dispatch_dev("SvelteRegisterBlock", {
+  		block,
+  		id: create_each_block$1.name,
+  		type: "each",
+  		source: "(74:6) {#each OPTIONS as name}",
+  		ctx
+  	});
+
+  	return block;
+  }
+
+  function create_fragment$2(ctx) {
+  	let div3;
+  	let div0;
+  	let div0_data_offset_value;
+  	let t0;
+  	let div2;
+  	let div1;
+  	let div1_class_value;
+  	let div1_aria_valuenow_value;
+  	let t1;
+  	let span;
+  	let select;
+  	let t2;
+  	let svg;
+  	let path;
+  	let mounted;
+  	let dispose;
+  	let each_value = OPTIONS;
+  	validate_each_argument(each_value);
+  	let each_blocks = [];
+
+  	for (let i = 0; i < each_value.length; i += 1) {
+  		each_blocks[i] = create_each_block$1(get_each_context$1(ctx, each_value, i));
+  	}
+
+  	const block = {
+  		c: function create() {
+  			div3 = element("div");
+  			div0 = element("div");
+  			t0 = space();
+  			div2 = element("div");
+  			div1 = element("div");
+  			t1 = space();
+  			span = element("span");
+  			select = element("select");
+
+  			for (let i = 0; i < each_blocks.length; i += 1) {
+  				each_blocks[i].c();
+  			}
+
+  			t2 = space();
+  			svg = svg_element("svg");
+  			path = svg_element("path");
+  			attr_dev(div0, "class", "scrubber-item svelte-1d03wug");
+  			set_style(div0, "background-position", "-" + /*data*/ ctx[1].offset[0] + "px -" + /*data*/ ctx[1].offset[1] + "px");
+  			set_style(div0, "background-image", "url('" + /*url*/ ctx[2] + "')");
+  			attr_dev(div0, "data-offset", div0_data_offset_value = /*data*/ ctx[1].offset);
+  			add_location(div0, file$2, 54, 2, 1571);
+  			attr_dev(div1, "class", div1_class_value = "progress-bar progress-bar-striped bg-" + confidence(/*data*/ ctx[1].prob) + " svelte-1d03wug");
+  			attr_dev(div1, "role", "progressbar");
+  			set_style(div1, "width", /*data*/ ctx[1].prob * 100 + "%");
+  			attr_dev(div1, "aria-valuenow", div1_aria_valuenow_value = /*data*/ ctx[1].prob * 100);
+  			attr_dev(div1, "aria-valuemin", "0");
+  			attr_dev(div1, "aria-valuemax", "100");
+  			add_location(div1, file$2, 62, 4, 1858);
+  			attr_dev(div2, "class", "progress");
+  			set_style(div2, "height", "5px");
+  			add_location(div2, file$2, 61, 2, 1811);
+  			set_style(select, "color", "#f5f8fa");
+  			attr_dev(select, "class", "tag-item-select svelte-1d03wug");
+  			if (/*name*/ ctx[0] === void 0) add_render_callback(() => /*select_change_handler*/ ctx[4].call(select));
+  			add_location(select, file$2, 72, 4, 2159);
+  			attr_dev(path, "d", "M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z");
+  			add_location(path, file$2, 87, 7, 2586);
+  			attr_dev(svg, "height", "20");
+  			attr_dev(svg, "width", "20");
+  			attr_dev(svg, "viewBox", "0 0 20 20");
+  			attr_dev(svg, "aria-hidden", "true");
+  			attr_dev(svg, "focusable", "false");
+  			attr_dev(svg, "class", "tag-item-reject svelte-1d03wug");
+  			add_location(svg, file$2, 77, 4, 2364);
+  			attr_dev(span, "class", "tag-item badge badge-secondary svelte-1d03wug");
+  			add_location(span, file$2, 71, 2, 2109);
+  			set_style(div3, "padding", "20px");
+  			add_location(div3, file$2, 53, 0, 1540);
+  		},
+  		l: function claim(nodes) {
+  			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
+  		},
+  		m: function mount(target, anchor) {
+  			insert_dev(target, div3, anchor);
+  			append_dev(div3, div0);
+  			append_dev(div3, t0);
+  			append_dev(div3, div2);
+  			append_dev(div2, div1);
+  			append_dev(div3, t1);
+  			append_dev(div3, span);
+  			append_dev(span, select);
+
+  			for (let i = 0; i < each_blocks.length; i += 1) {
+  				if (each_blocks[i]) {
+  					each_blocks[i].m(select, null);
+  				}
+  			}
+
+  			select_option(select, /*name*/ ctx[0], true);
+  			append_dev(span, t2);
+  			append_dev(span, svg);
+  			append_dev(svg, path);
+
+  			if (!mounted) {
+  				dispose = [
+  					listen_dev(div0, "mousemove", scrubberMove, false, false, false, false),
+  					listen_dev(div0, "mouseleave", scrubberReset, false, false, false, false),
+  					listen_dev(select, "change", /*select_change_handler*/ ctx[4]),
+  					listen_dev(svg, "click", /*click_handler*/ ctx[5], false, false, false, false)
+  				];
+
+  				mounted = true;
+  			}
+  		},
+  		p: function update(ctx, [dirty]) {
+  			if (dirty & /*data*/ 2) {
+  				set_style(div0, "background-position", "-" + /*data*/ ctx[1].offset[0] + "px -" + /*data*/ ctx[1].offset[1] + "px");
+  			}
+
+  			if (dirty & /*url*/ 4) {
+  				set_style(div0, "background-image", "url('" + /*url*/ ctx[2] + "')");
+  			}
+
+  			if (dirty & /*data*/ 2 && div0_data_offset_value !== (div0_data_offset_value = /*data*/ ctx[1].offset)) {
+  				attr_dev(div0, "data-offset", div0_data_offset_value);
+  			}
+
+  			if (dirty & /*data*/ 2 && div1_class_value !== (div1_class_value = "progress-bar progress-bar-striped bg-" + confidence(/*data*/ ctx[1].prob) + " svelte-1d03wug")) {
+  				attr_dev(div1, "class", div1_class_value);
+  			}
+
+  			if (dirty & /*data*/ 2) {
+  				set_style(div1, "width", /*data*/ ctx[1].prob * 100 + "%");
+  			}
+
+  			if (dirty & /*data*/ 2 && div1_aria_valuenow_value !== (div1_aria_valuenow_value = /*data*/ ctx[1].prob * 100)) {
+  				attr_dev(div1, "aria-valuenow", div1_aria_valuenow_value);
+  			}
+
+  			if (dirty & /*OPTIONS*/ 0) {
+  				each_value = OPTIONS;
+  				validate_each_argument(each_value);
+  				let i;
+
+  				for (i = 0; i < each_value.length; i += 1) {
+  					const child_ctx = get_each_context$1(ctx, each_value, i);
+
+  					if (each_blocks[i]) {
+  						each_blocks[i].p(child_ctx, dirty);
+  					} else {
+  						each_blocks[i] = create_each_block$1(child_ctx);
+  						each_blocks[i].c();
+  						each_blocks[i].m(select, null);
+  					}
+  				}
+
+  				for (; i < each_blocks.length; i += 1) {
+  					each_blocks[i].d(1);
+  				}
+
+  				each_blocks.length = each_value.length;
+  			}
+
+  			if (dirty & /*name, OPTIONS*/ 1) {
+  				select_option(select, /*name*/ ctx[0]);
+  			}
+  		},
+  		i: noop,
+  		o: noop,
+  		d: function destroy(detaching) {
+  			if (detaching) detach_dev(div3);
+  			destroy_each(each_blocks, detaching);
+  			mounted = false;
+  			run_all(dispose);
+  		}
+  	};
+
+  	dispatch_dev("SvelteRegisterBlock", {
+  		block,
+  		id: create_fragment$2.name,
+  		type: "component",
+  		source: "",
+  		ctx
+  	});
+
+  	return block;
+  }
+
+  function confidence(prob) {
+  	prob = prob * 100;
+
+  	if (prob < 50.0) {
+  		return "danger";
+  	} else if (prob < 75.0) {
+  		return "warning";
+  	} else {
+  		return "success";
+  	}
+  }
+
+  function scrubberMove(event) {
+  	let target = event.target;
+  	let imageWidth = 160;
+  	let backgroundPosition = target.style.backgroundPosition.split(" ");
+  	let offset = Number(target.getAttribute("data-offset").split(",")[0]);
+
+  	if (event.offsetX < 53) {
+  		backgroundPosition[0] = `-${offset - imageWidth}px`;
+  		target.style.backgroundPosition = backgroundPosition.join(" ");
+  	} else if (event.offsetX > 53 && event.offsetX < imageWidth && event.offsetX < 106) {
+  		backgroundPosition[0] = `-${offset}px`;
+  		target.style.backgroundPosition = backgroundPosition.join(" ");
+  	} else if (event.offsetX > 106) {
+  		backgroundPosition[0] = `-${offset + imageWidth}px`;
+  		target.style.backgroundPosition = backgroundPosition.join(" ");
+  	}
+  }
+
+  function scrubberReset(event) {
+  	let backgroundPosition = event.target.style.backgroundPosition.split(" ");
+  	let offset = Number(event.target.getAttribute("data-offset").split(",")[0]);
+  	backgroundPosition[0] = `-${offset}px`;
+  	event.target.style.backgroundPosition = backgroundPosition.join(" ");
+  }
+
+  function instance$2($$self, $$props, $$invalidate) {
+  	let { $$slots: slots = {}, $$scope } = $$props;
+  	validate_slots('Tag', slots, []);
+  	let { name } = $$props;
+  	let { data } = $$props;
+  	let { url = "" } = $$props;
+  	const dispatch = createEventDispatcher();
+
+  	$$self.$$.on_mount.push(function () {
+  		if (name === undefined && !('name' in $$props || $$self.$$.bound[$$self.$$.props['name']])) {
+  			console.warn("<Tag> was created without expected prop 'name'");
+  		}
+
+  		if (data === undefined && !('data' in $$props || $$self.$$.bound[$$self.$$.props['data']])) {
+  			console.warn("<Tag> was created without expected prop 'data'");
+  		}
+  	});
+
+  	const writable_props = ['name', 'data', 'url'];
+
+  	Object.keys($$props).forEach(key => {
+  		if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console.warn(`<Tag> was created with unknown prop '${key}'`);
+  	});
+
+  	function select_change_handler() {
+  		name = select_value(this);
+  		$$invalidate(0, name);
+  	}
+
+  	const click_handler = () => {
+  		dispatch("remove", data.id);
+  	};
+
+  	$$self.$$set = $$props => {
+  		if ('name' in $$props) $$invalidate(0, name = $$props.name);
+  		if ('data' in $$props) $$invalidate(1, data = $$props.data);
+  		if ('url' in $$props) $$invalidate(2, url = $$props.url);
+  	};
+
+  	$$self.$capture_state = () => ({
+  		OPTIONS,
+  		createEventDispatcher,
+  		name,
+  		data,
+  		url,
+  		dispatch,
+  		confidence,
+  		scrubberMove,
+  		scrubberReset
+  	});
+
+  	$$self.$inject_state = $$props => {
+  		if ('name' in $$props) $$invalidate(0, name = $$props.name);
+  		if ('data' in $$props) $$invalidate(1, data = $$props.data);
+  		if ('url' in $$props) $$invalidate(2, url = $$props.url);
+  	};
+
+  	if ($$props && "$$inject" in $$props) {
+  		$$self.$inject_state($$props.$$inject);
+  	}
+
+  	return [name, data, url, dispatch, select_change_handler, click_handler];
+  }
+
+  class Tag extends SvelteComponentDev {
+  	constructor(options) {
+  		super(options);
+  		init(this, options, instance$2, create_fragment$2, safe_not_equal, { name: 0, data: 1, url: 2 });
+
+  		dispatch_dev("SvelteRegisterComponent", {
+  			component: this,
+  			tagName: "Tag",
+  			options,
+  			id: create_fragment$2.name
+  		});
+  	}
+
+  	get name() {
+  		throw new Error("<Tag>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
+  	}
+
+  	set name(value) {
+  		throw new Error("<Tag>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
+  	}
+
+  	get data() {
+  		throw new Error("<Tag>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
+  	}
+
+  	set data(value) {
+  		throw new Error("<Tag>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
+  	}
+
+  	get url() {
+  		throw new Error("<Tag>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
+  	}
+
+  	set url(value) {
+  		throw new Error("<Tag>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
+  	}
+  }
+
+  /* src/TagMatches.svelte generated by Svelte v3.59.2 */
+
+  const { Object: Object_1 } = globals;
+
+  const file$1 = "src/TagMatches.svelte";
+
+  function get_each_context(ctx, list, i) {
+  	const child_ctx = ctx.slice();
+  	child_ctx[15] = list[i][0];
+  	child_ctx[16] = list[i][1];
+  	child_ctx[17] = list;
+  	child_ctx[18] = i;
+  	return child_ctx;
+  }
+
+  // (81:0) {#if visible}
+  function create_if_block(ctx) {
+  	let div8;
+  	let div7;
+  	let div6;
+  	let div0;
+  	let h3;
+  	let t1;
+  	let div2;
+  	let div1;
+  	let each_blocks = [];
+  	let each_1_lookup = new Map();
+  	let t2;
+  	let div5;
+  	let div3;
+  	let button0;
+  	let t4;
+  	let button1;
+  	let t5;
+  	let t6;
+  	let div4;
+  	let t7;
+  	let input;
+  	let t8;
+  	let t9_value = /*threshold*/ ctx[0] * 100 + "";
+  	let t9;
+  	let t10;
+  	let div8_intro;
+  	let div8_outro;
+  	let current;
+  	let mounted;
+  	let dispose;
+  	let each_value = /*filteredMatches*/ ctx[5];
+  	validate_each_argument(each_value);
+  	const get_key = ctx => /*tagData*/ ctx[16].id;
+  	validate_each_keys(ctx, each_value, get_each_context, get_key);
+
+  	for (let i = 0; i < each_value.length; i += 1) {
+  		let child_ctx = get_each_context(ctx, each_value, i);
+  		let key = get_key(child_ctx);
+  		each_1_lookup.set(key, each_blocks[i] = create_each_block(key, child_ctx));
+  	}
+
+  	let if_block = /*saving*/ ctx[3] && create_if_block_1(ctx);
+
+  	const block = {
+  		c: function create() {
+  			div8 = element("div");
+  			div7 = element("div");
+  			div6 = element("div");
+  			div0 = element("div");
+  			h3 = element("h3");
+  			h3.textContent = "Stash Tag";
+  			t1 = space();
+  			div2 = element("div");
+  			div1 = element("div");
+
+  			for (let i = 0; i < each_blocks.length; i += 1) {
+  				each_blocks[i].c();
+  			}
+
+  			t2 = space();
+  			div5 = element("div");
+  			div3 = element("div");
+  			button0 = element("button");
+  			button0.textContent = "Close";
+  			t4 = space();
+  			button1 = element("button");
+  			if (if_block) if_block.c();
+  			t5 = text("\n              Add Tags");
+  			t6 = space();
+  			div4 = element("div");
+  			t7 = text("Threshold: ");
+  			input = element("input");
+  			t8 = space();
+  			t9 = text(t9_value);
+  			t10 = text(" %");
+  			attr_dev(h3, "class", "modal-title");
+  			add_location(h3, file$1, 94, 10, 2253);
+  			attr_dev(div0, "class", "modal-header svelte-9viihb");
+  			add_location(div0, file$1, 93, 8, 2216);
+  			attr_dev(div1, "class", "row justify-content-center");
+  			add_location(div1, file$1, 97, 10, 2350);
+  			attr_dev(div2, "class", "modal-body");
+  			add_location(div2, file$1, 96, 8, 2315);
+  			attr_dev(button0, "id", "tags-cancel");
+  			attr_dev(button0, "type", "button");
+  			attr_dev(button0, "class", "ml-2 btn btn-secondary");
+  			add_location(button0, file$1, 116, 12, 2933);
+  			attr_dev(button1, "id", "tags-accept");
+  			attr_dev(button1, "type", "button");
+  			attr_dev(button1, "class", "ml-2 btn btn-primary");
+  			add_location(button1, file$1, 122, 12, 3116);
+  			add_location(div3, file$1, 115, 10, 2915);
+  			attr_dev(input, "type", "range");
+  			attr_dev(input, "min", "0.2");
+  			attr_dev(input, "max", "0.9");
+  			attr_dev(input, "step", "0.1");
+  			attr_dev(input, "id", "stash-tag-threshold");
+  			set_style(input, "margin", "0px");
+  			set_style(input, "height", "10px");
+  			add_location(input, file$1, 135, 23, 3464);
+  			add_location(div4, file$1, 134, 10, 3435);
+  			attr_dev(div5, "class", "ModalFooter modal-footer svelte-9viihb");
+  			add_location(div5, file$1, 114, 8, 2866);
+  			attr_dev(div6, "class", "modal-content");
+  			add_location(div6, file$1, 92, 6, 2180);
+  			attr_dev(div7, "class", "modal-dialog modal-xl top-accent svelte-9viihb");
+  			add_location(div7, file$1, 91, 4, 2127);
+  			attr_dev(div8, "role", "dialog");
+  			attr_dev(div8, "aria-modal", "true");
+  			attr_dev(div8, "class", "fade ModalComponent modal show");
+  			attr_dev(div8, "tabindex", "-1");
+  			set_style(div8, "display", "block");
+  			add_location(div8, file$1, 81, 2, 1884);
+  		},
+  		m: function mount(target, anchor) {
+  			insert_dev(target, div8, anchor);
+  			append_dev(div8, div7);
+  			append_dev(div7, div6);
+  			append_dev(div6, div0);
+  			append_dev(div0, h3);
+  			append_dev(div6, t1);
+  			append_dev(div6, div2);
+  			append_dev(div2, div1);
+
+  			for (let i = 0; i < each_blocks.length; i += 1) {
+  				if (each_blocks[i]) {
+  					each_blocks[i].m(div1, null);
+  				}
+  			}
+
+  			append_dev(div6, t2);
+  			append_dev(div6, div5);
+  			append_dev(div5, div3);
+  			append_dev(div3, button0);
+  			append_dev(div3, t4);
+  			append_dev(div3, button1);
+  			if (if_block) if_block.m(button1, null);
+  			append_dev(button1, t5);
+  			append_dev(div5, t6);
+  			append_dev(div5, div4);
+  			append_dev(div4, t7);
+  			append_dev(div4, input);
+  			set_input_value(input, /*threshold*/ ctx[0]);
+  			append_dev(div4, t8);
+  			append_dev(div4, t9);
+  			append_dev(div4, t10);
+  			/*div8_binding*/ ctx[13](div8);
+  			current = true;
+
+  			if (!mounted) {
+  				dispose = [
+  					listen_dev(button0, "click", /*close*/ ctx[6], false, false, false, false),
+  					listen_dev(button1, "click", /*save*/ ctx[8], false, false, false, false),
+  					listen_dev(input, "change", /*input_change_input_handler*/ ctx[12]),
+  					listen_dev(input, "input", /*input_change_input_handler*/ ctx[12]),
+  					listen_dev(input, "change", /*changeThreshold*/ ctx[9], false, false, false, false)
+  				];
+
+  				mounted = true;
+  			}
+  		},
+  		p: function update(ctx, dirty) {
+  			if (dirty & /*filteredMatches, url, remove*/ 162) {
+  				each_value = /*filteredMatches*/ ctx[5];
+  				validate_each_argument(each_value);
+  				group_outros();
+  				for (let i = 0; i < each_blocks.length; i += 1) each_blocks[i].r();
+  				validate_each_keys(ctx, each_value, get_each_context, get_key);
+  				each_blocks = update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, div1, fix_and_outro_and_destroy_block, create_each_block, null, get_each_context);
+  				for (let i = 0; i < each_blocks.length; i += 1) each_blocks[i].a();
+  				check_outros();
+  			}
+
+  			if (/*saving*/ ctx[3]) {
+  				if (if_block) ; else {
+  					if_block = create_if_block_1(ctx);
+  					if_block.c();
+  					if_block.m(button1, t5);
+  				}
+  			} else if (if_block) {
+  				if_block.d(1);
+  				if_block = null;
+  			}
+
+  			if (dirty & /*threshold*/ 1) {
+  				set_input_value(input, /*threshold*/ ctx[0]);
+  			}
+
+  			if ((!current || dirty & /*threshold*/ 1) && t9_value !== (t9_value = /*threshold*/ ctx[0] * 100 + "")) set_data_dev(t9, t9_value);
+  		},
+  		i: function intro(local) {
+  			if (current) return;
+
+  			for (let i = 0; i < each_value.length; i += 1) {
+  				transition_in(each_blocks[i]);
+  			}
+
+  			add_render_callback(() => {
+  				if (!current) return;
+  				if (div8_outro) div8_outro.end(1);
+  				div8_intro = create_in_transition(div8, fly, { y: 100, duration: 400 });
+  				div8_intro.start();
+  			});
+
+  			current = true;
+  		},
+  		o: function outro(local) {
+  			for (let i = 0; i < each_blocks.length; i += 1) {
+  				transition_out(each_blocks[i]);
+  			}
+
+  			if (div8_intro) div8_intro.invalidate();
+  			div8_outro = create_out_transition(div8, fly, { y: -100, duration: 400 });
+  			current = false;
+  		},
+  		d: function destroy(detaching) {
+  			if (detaching) detach_dev(div8);
+
+  			for (let i = 0; i < each_blocks.length; i += 1) {
+  				each_blocks[i].d();
+  			}
+
+  			if (if_block) if_block.d();
+  			/*div8_binding*/ ctx[13](null);
+  			if (detaching && div8_outro) div8_outro.end();
+  			mounted = false;
+  			run_all(dispose);
+  		}
+  	};
+
+  	dispatch_dev("SvelteRegisterBlock", {
+  		block,
+  		id: create_if_block.name,
+  		type: "if",
+  		source: "(81:0) {#if visible}",
+  		ctx
+  	});
+
+  	return block;
+  }
+
+  // (99:12) {#each filteredMatches as [tagName, tagData] (tagData.id)}
+  function create_each_block(key_1, ctx) {
+  	let div;
+  	let tag;
+  	let updating_name;
+  	let t;
+  	let div_intro;
+  	let div_outro;
+  	let rect;
+  	let stop_animation = noop;
+  	let current;
+
+  	function tag_name_binding(value) {
+  		/*tag_name_binding*/ ctx[11](value, /*tagName*/ ctx[15], /*each_value*/ ctx[17], /*each_index*/ ctx[18]);
+  	}
+
+  	let tag_props = {
+  		data: /*tagData*/ ctx[16],
+  		url: /*url*/ ctx[1]
+  	};
+
+  	if (/*tagName*/ ctx[15] !== void 0) {
+  		tag_props.name = /*tagName*/ ctx[15];
+  	}
+
+  	tag = new Tag({ props: tag_props, $$inline: true });
+  	binding_callbacks.push(() => bind(tag, 'name', tag_name_binding));
+  	tag.$on("remove", /*remove*/ ctx[7]);
+
+  	const block = {
+  		key: key_1,
+  		first: null,
+  		c: function create() {
+  			div = element("div");
+  			create_component(tag.$$.fragment);
+  			t = space();
+  			add_location(div, file$1, 99, 14, 2476);
+  			this.first = div;
+  		},
+  		m: function mount(target, anchor) {
+  			insert_dev(target, div, anchor);
+  			mount_component(tag, div, null);
+  			append_dev(div, t);
+  			current = true;
+  		},
+  		p: function update(new_ctx, dirty) {
+  			ctx = new_ctx;
+  			const tag_changes = {};
+  			if (dirty & /*filteredMatches*/ 32) tag_changes.data = /*tagData*/ ctx[16];
+  			if (dirty & /*url*/ 2) tag_changes.url = /*url*/ ctx[1];
+
+  			if (!updating_name && dirty & /*filteredMatches*/ 32) {
+  				updating_name = true;
+  				tag_changes.name = /*tagName*/ ctx[15];
+  				add_flush_callback(() => updating_name = false);
+  			}
+
+  			tag.$set(tag_changes);
+  		},
+  		r: function measure() {
+  			rect = div.getBoundingClientRect();
+  		},
+  		f: function fix() {
+  			fix_position(div);
+  			stop_animation();
+  			add_transform(div, rect);
+  		},
+  		a: function animate() {
+  			stop_animation();
+  			stop_animation = create_animation(div, rect, flip, { duration: 250, easing: quintOut });
+  		},
+  		i: function intro(local) {
+  			if (current) return;
+  			transition_in(tag.$$.fragment, local);
+
+  			add_render_callback(() => {
+  				if (!current) return;
+  				if (div_outro) div_outro.end(1);
+  				div_intro = create_in_transition(div, fade, {});
+  				div_intro.start();
+  			});
+
+  			current = true;
+  		},
+  		o: function outro(local) {
+  			transition_out(tag.$$.fragment, local);
+  			if (div_intro) div_intro.invalidate();
+  			div_outro = create_out_transition(div, fade, {});
+  			current = false;
+  		},
+  		d: function destroy(detaching) {
+  			if (detaching) detach_dev(div);
+  			destroy_component(tag);
+  			if (detaching && div_outro) div_outro.end();
+  		}
+  	};
+
+  	dispatch_dev("SvelteRegisterBlock", {
+  		block,
+  		id: create_each_block.name,
+  		type: "each",
+  		source: "(99:12) {#each filteredMatches as [tagName, tagData] (tagData.id)}",
+  		ctx
+  	});
+
+  	return block;
+  }
+
+  // (129:14) {#if saving}
+  function create_if_block_1(ctx) {
+  	let div;
+
+  	const block = {
+  		c: function create() {
+  			div = element("div");
+  			attr_dev(div, "class", "lds-dual-ring svelte-9viihb");
+  			add_location(div, file$1, 129, 16, 3313);
+  		},
+  		m: function mount(target, anchor) {
+  			insert_dev(target, div, anchor);
+  		},
+  		d: function destroy(detaching) {
+  			if (detaching) detach_dev(div);
+  		}
+  	};
+
+  	dispatch_dev("SvelteRegisterBlock", {
+  		block,
+  		id: create_if_block_1.name,
+  		type: "if",
+  		source: "(129:14) {#if saving}",
+  		ctx
+  	});
+
+  	return block;
+  }
+
+  function create_fragment$1(ctx) {
+  	let if_block_anchor;
+  	let current;
+  	let if_block = /*visible*/ ctx[2] && create_if_block(ctx);
+
+  	const block = {
+  		c: function create() {
+  			if (if_block) if_block.c();
+  			if_block_anchor = empty();
+  		},
+  		l: function claim(nodes) {
+  			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
+  		},
+  		m: function mount(target, anchor) {
+  			if (if_block) if_block.m(target, anchor);
+  			insert_dev(target, if_block_anchor, anchor);
+  			current = true;
+  		},
+  		p: function update(ctx, [dirty]) {
+  			if (/*visible*/ ctx[2]) {
+  				if (if_block) {
+  					if_block.p(ctx, dirty);
+
+  					if (dirty & /*visible*/ 4) {
+  						transition_in(if_block, 1);
+  					}
+  				} else {
+  					if_block = create_if_block(ctx);
+  					if_block.c();
+  					transition_in(if_block, 1);
+  					if_block.m(if_block_anchor.parentNode, if_block_anchor);
+  				}
+  			} else if (if_block) {
+  				group_outros();
+
+  				transition_out(if_block, 1, 1, () => {
+  					if_block = null;
+  				});
+
+  				check_outros();
+  			}
+  		},
+  		i: function intro(local) {
+  			if (current) return;
+  			transition_in(if_block);
+  			current = true;
+  		},
+  		o: function outro(local) {
+  			transition_out(if_block);
+  			current = false;
+  		},
+  		d: function destroy(detaching) {
+  			if (if_block) if_block.d(detaching);
+  			if (detaching) detach_dev(if_block_anchor);
+  		}
+  	};
+
+  	dispatch_dev("SvelteRegisterBlock", {
+  		block,
+  		id: create_fragment$1.name,
+  		type: "component",
+  		source: "",
+  		ctx
+  	});
+
+  	return block;
+  }
+
+  function instance$1($$self, $$props, $$invalidate) {
+  	let filteredMatches;
+  	let { $$slots: slots = {}, $$scope } = $$props;
+  	validate_slots('TagMatches', slots, []);
+  	let { matches = [] } = $$props;
+  	let { url = "" } = $$props;
+  	let { threshold = 0.2 } = $$props;
+  	let visible = false;
+  	let saving = false;
+  	let modal;
+  	let tags;
+  	matches = Object.entries(matches).sort((a, b) => b[1].frame - a[1].frame).reverse();
+
+  	// add random id to each match
+  	matches = matches.map(x => {
+  		x[1].id = Math.random().toString(36).substring(7);
+  		return x;
+  	});
+
+  	onMount(async () => {
+  		// so we see a nice transition
+  		$$invalidate(2, visible = true);
+
+  		tags = await getAllTags();
+  	});
+
+  	async function close() {
+  		// so we see a nice transition
+  		$$invalidate(2, visible = false);
+
+  		setTimeout(
+  			() => {
+  				modal.remove();
+  			},
+  			400
+  		);
+  	}
+
+  	function remove(event) {
+  		const id = event.detail;
+  		$$invalidate(10, matches = matches.filter(x => x[1].id !== id));
+  	}
+
+  	async function save() {
+  		$$invalidate(3, saving = true);
+  		const [,scene_id] = getScenarioAndID();
+  		let existingTags = await getTagsForScene(scene_id);
+
+  		for (const [tag] of filteredMatches) {
+  			let tagLower = tag.toLowerCase();
+
+  			// if tag doesn't exist, create it
+  			if (tags[tagLower] === undefined) {
+  				existingTags.push(await createTag(tag));
+  			} else if (!existingTags.includes(tags[tagLower])) {
+  				existingTags.push(tags[tagLower]);
+  			}
+  		}
+
+  		await updateScene(scene_id, existingTags);
+  		$$invalidate(3, saving = false);
+  		close();
+  		location.reload();
+  	}
+
+  	function changeThreshold() {
+  		localStorage.setItem("stash-tag-threshold", threshold);
+  	}
+
+  	const writable_props = ['matches', 'url', 'threshold'];
+
+  	Object_1.keys($$props).forEach(key => {
+  		if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console.warn(`<TagMatches> was created with unknown prop '${key}'`);
+  	});
+
+  	function tag_name_binding(value, tagName, each_value, each_index) {
+  		each_value[each_index][0] = value;
+  		(($$invalidate(5, filteredMatches), $$invalidate(10, matches)), $$invalidate(0, threshold));
+  	}
+
+  	function input_change_input_handler() {
+  		threshold = to_number(this.value);
+  		$$invalidate(0, threshold);
+  	}
+
+  	function div8_binding($$value) {
+  		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
+  			modal = $$value;
+  			$$invalidate(4, modal);
+  		});
+  	}
+
+  	$$self.$$set = $$props => {
+  		if ('matches' in $$props) $$invalidate(10, matches = $$props.matches);
+  		if ('url' in $$props) $$invalidate(1, url = $$props.url);
+  		if ('threshold' in $$props) $$invalidate(0, threshold = $$props.threshold);
+  	};
+
+  	$$self.$capture_state = () => ({
+  		Tag,
+  		onMount,
+  		fly,
+  		fade,
+  		flip,
+  		quintOut,
+  		createTag,
+  		getAllTags,
+  		getTagsForScene,
+  		updateScene,
+  		getScenarioAndID,
+  		matches,
+  		url,
+  		threshold,
+  		visible,
+  		saving,
+  		modal,
+  		tags,
+  		close,
+  		remove,
+  		save,
+  		changeThreshold,
+  		filteredMatches
+  	});
+
+  	$$self.$inject_state = $$props => {
+  		if ('matches' in $$props) $$invalidate(10, matches = $$props.matches);
+  		if ('url' in $$props) $$invalidate(1, url = $$props.url);
+  		if ('threshold' in $$props) $$invalidate(0, threshold = $$props.threshold);
+  		if ('visible' in $$props) $$invalidate(2, visible = $$props.visible);
+  		if ('saving' in $$props) $$invalidate(3, saving = $$props.saving);
+  		if ('modal' in $$props) $$invalidate(4, modal = $$props.modal);
+  		if ('tags' in $$props) tags = $$props.tags;
+  		if ('filteredMatches' in $$props) $$invalidate(5, filteredMatches = $$props.filteredMatches);
+  	};
+
+  	if ($$props && "$$inject" in $$props) {
+  		$$self.$inject_state($$props.$$inject);
+  	}
+
+  	$$self.$$.update = () => {
+  		if ($$self.$$.dirty & /*matches, threshold*/ 1025) {
+  			$$invalidate(5, filteredMatches = matches.filter(x => x[1].prob > threshold));
+  		}
+  	};
+
+  	return [
+  		threshold,
+  		url,
+  		visible,
+  		saving,
+  		modal,
+  		filteredMatches,
+  		close,
+  		remove,
+  		save,
+  		changeThreshold,
+  		matches,
+  		tag_name_binding,
+  		input_change_input_handler,
+  		div8_binding
+  	];
+  }
+
+  class TagMatches extends SvelteComponentDev {
+  	constructor(options) {
+  		super(options);
+  		init(this, options, instance$1, create_fragment$1, safe_not_equal, { matches: 10, url: 1, threshold: 0 });
+
+  		dispatch_dev("SvelteRegisterComponent", {
+  			component: this,
+  			tagName: "TagMatches",
+  			options,
+  			id: create_fragment$1.name
+  		});
+  	}
+
+  	get matches() {
+  		throw new Error("<TagMatches>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
+  	}
+
+  	set matches(value) {
+  		throw new Error("<TagMatches>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
+  	}
+
+  	get url() {
+  		throw new Error("<TagMatches>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
+  	}
+
+  	set url(value) {
+  		throw new Error("<TagMatches>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
+  	}
+
+  	get threshold() {
+  		throw new Error("<TagMatches>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
+  	}
+
+  	set threshold(value) {
+  		throw new Error("<TagMatches>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
+  	}
+  }
+
+  /* src/TagButton.svelte generated by Svelte v3.59.2 */
+
+  const { console: console_1 } = globals;
+  const file = "src/TagButton.svelte";
+
+  function create_fragment(ctx) {
+  	let button;
+  	let svg;
+  	let path;
+  	let mounted;
+  	let dispose;
+
+  	const block = {
+  		c: function create() {
+  			button = element("button");
+  			svg = svg_element("svg");
+  			path = svg_element("path");
+  			attr_dev(path, "fill", "white");
+  			attr_dev(path, "d", "m21.41 11.58l-9-9C12.05 2.22 11.55 2 11 2H4a2 2 0 0 0-2 2v7c0 .55.22 1.05.59 1.42l9 9c.36.36.86.58 1.41.58c.55 0 1.05-.22 1.41-.59l7-7c.37-.36.59-.86.59-1.41c0-.55-.23-1.06-.59-1.42M5.5 7A1.5 1.5 0 0 1 4 5.5A1.5 1.5 0 0 1 5.5 4A1.5 1.5 0 0 1 7 5.5A1.5 1.5 0 0 1 5.5 7m11.77 8.27L13 19.54l-4.27-4.27A2.52 2.52 0 0 1 8 13.5a2.5 2.5 0 0 1 2.5-2.5c.69 0 1.32.28 1.77.74l.73.72l.73-.73c.45-.45 1.08-.73 1.77-.73a2.5 2.5 0 0 1 2.5 2.5c0 .69-.28 1.32-.73 1.77Z");
+  			add_location(path, file, 78, 85, 2558);
+  			attr_dev(svg, "xmlns", "http://www.w3.org/2000/svg");
+  			attr_dev(svg, "width", "24");
+  			attr_dev(svg, "height", "24");
+  			attr_dev(svg, "viewBox", "0 0 24 24");
+  			add_location(svg, file, 78, 2, 2475);
+  			attr_dev(button, "id", "stashtag");
+  			attr_dev(button, "title", "Scan for tags");
+  			attr_dev(button, "class", "svelte-xcs6vi");
+  			toggle_class(button, "scanner", /*scanner*/ ctx[0]);
+  			add_location(button, file, 77, 0, 2395);
+  		},
+  		l: function claim(nodes) {
+  			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
+  		},
+  		m: function mount(target, anchor) {
+  			insert_dev(target, button, anchor);
+  			append_dev(button, svg);
+  			append_dev(svg, path);
+
+  			if (!mounted) {
+  				dispose = listen_dev(button, "click", /*getTags*/ ctx[1], false, false, false, false);
+  				mounted = true;
+  			}
+  		},
+  		p: function update(ctx, [dirty]) {
+  			if (dirty & /*scanner*/ 1) {
+  				toggle_class(button, "scanner", /*scanner*/ ctx[0]);
+  			}
+  		},
+  		i: noop,
+  		o: noop,
+  		d: function destroy(detaching) {
+  			if (detaching) detach_dev(button);
+  			mounted = false;
+  			dispose();
+  		}
+  	};
+
+  	dispatch_dev("SvelteRegisterBlock", {
+  		block,
+  		id: create_fragment.name,
+  		type: "component",
+  		source: "",
+  		ctx
+  	});
+
+  	return block;
+  }
+
+  function instance($$self, $$props, $$invalidate) {
+  	let { $$slots: slots = {}, $$scope } = $$props;
+  	validate_slots('TagButton', slots, []);
+  	let scanner = false;
+
+  	async function getTags() {
+  		$$invalidate(0, scanner = true);
+  		const [,scene_id] = getScenarioAndID();
+  		let url = await getUrlSprite(scene_id);
+  		console.log(url);
+
+  		if (!url) {
+  			alert("No sprite found, please ensure you have sprites enabled and generated for your scenes.");
+  			$$invalidate(0, scanner = false);
+  			return;
+  		}
+
+  		// get image blob
+  		const iblob = await fetch(url).then(res => res.blob());
+
+  		let image = await new Promise(resolve => {
+  				let reader = new FileReader();
+  				reader.onload = () => resolve(reader.result);
+  				reader.readAsDataURL(iblob);
+  			});
+
+  		// get vtt blob
+  		const vtt_url = url.replace("_sprite.jpg", "_thumbs.vtt");
+
+  		const vblob = await fetch(vtt_url).then(res => res.blob());
+
+  		let vtt = await new Promise(resolve => {
+  				let reader = new FileReader();
+  				reader.onload = () => resolve(reader.result);
+  				reader.readAsDataURL(vblob);
+  			});
+
+  		// query the api with a threshold of 0.2 as we want to do the filtering ourselves
+  		var data = { "data": [image, vtt, 0.2] };
+
+  		fetch(STASHMARKER_API_URL, {
+  			method: "POST",
+  			headers: {
+  				"Content-Type": "application/json; charset=utf-8"
+  			},
+  			body: JSON.stringify(data)
+  		}).then(response => {
+  			if (response.status !== 200) {
+  				$$invalidate(0, scanner = false);
+  				alert("Something went wrong. It's likely a server issue, Please try again later.");
+  				return;
+  			}
+
+  			return response.json();
+  		}).then(data => {
+  			$$invalidate(0, scanner = false);
+
+  			if (data.data[0].length === 0) {
+  				alert("No tags found");
+  				return;
+  			}
+
+  			// grab stash-tag-threshold from local storage or set to default
+  			let threshold = localStorage.getItem('stash-tag-threshold') || 0.4;
+
+  			new TagMatches({
+  					target: document.body,
+  					props: { matches: data.data[0], url, threshold }
+  				});
+  		}).catch(error => {
+  			$$invalidate(0, scanner = false);
+
+  			if (error.message === "") {
+  				alert("Error: Service may be down. please try again later.");
+  			} else {
+  				alert("Error: " + error.message);
+  			}
+  		});
+  	}
+
+  	const writable_props = [];
+
+  	Object.keys($$props).forEach(key => {
+  		if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console_1.warn(`<TagButton> was created with unknown prop '${key}'`);
+  	});
+
+  	$$self.$capture_state = () => ({
+  		getScenarioAndID,
+  		getUrlSprite,
+  		STASHMARKER_API_URL,
+  		TagMatches,
+  		scanner,
+  		getTags
+  	});
+
+  	$$self.$inject_state = $$props => {
+  		if ('scanner' in $$props) $$invalidate(0, scanner = $$props.scanner);
+  	};
+
+  	if ($$props && "$$inject" in $$props) {
+  		$$self.$inject_state($$props.$$inject);
+  	}
+
+  	return [scanner, getTags];
+  }
+
+  class TagButton extends SvelteComponentDev {
+  	constructor(options) {
+  		super(options);
+  		init(this, options, instance, create_fragment, safe_not_equal, {});
+
+  		dispatch_dev("SvelteRegisterComponent", {
+  			component: this,
+  			tagName: "TagButton",
+  			options,
+  			id: create_fragment.name
+  		});
+  	}
+  }
+
+  stash.addEventListener("page:scene", function () {
+      let elms = ".ml-auto .btn-group";
+      waitForElm(elms).then(() => {
+          if (!document.querySelector("#stashmarker")) {
+              new MarkerButton({ target: document.querySelector(elms) });
+          }
+      });
+  });
+  stash.addEventListener("page:scene", function () {
+      let elms = ".ml-auto .btn-group";
+      waitForElm(elms).then(() => {
+          if (!document.querySelector("#stashtag")) {
+              new TagButton({ target: document.querySelector(elms) });
+          }
+      });
+  });
+
+})();
diff --git a/plugins/stashAI/stashai.yml b/plugins/stashAI/stashai.yml
new file mode 100644
index 00000000..5d9befa2
--- /dev/null
+++ b/plugins/stashAI/stashai.yml
@@ -0,0 +1,13 @@
+name: Stash AI
+description: Add Tags or Markers to a video using AI
+version: 1.0
+ui:
+  requires: 
+  - StashUserscriptLibrary
+  javascript:
+  - stashai.js
+  css:
+  - stashai.css
+  csp:
+    connect-src:
+    - "https://cc1234-stashtag.hf.space"

From 79d88d9274ab350a9a8414b151e73ac39d0176b4 Mon Sep 17 00:00:00 2001
From: cc1234 <oc1mfiuzicg0@opayq.com>
Date: Sun, 21 Jan 2024 13:27:10 +0000
Subject: [PATCH 59/91] Add Stash Realbooru plugin files

Image model for Realbooru to get tags from images.
---
 plugins/stashRealbooru/stash-realbooru.css |     1 +
 plugins/stashRealbooru/stash-realbooru.js  | 10066 +++++++++++++++++++
 plugins/stashRealbooru/stash-realbooru.yml |    13 +
 3 files changed, 10080 insertions(+)
 create mode 100644 plugins/stashRealbooru/stash-realbooru.css
 create mode 100644 plugins/stashRealbooru/stash-realbooru.js
 create mode 100644 plugins/stashRealbooru/stash-realbooru.yml

diff --git a/plugins/stashRealbooru/stash-realbooru.css b/plugins/stashRealbooru/stash-realbooru.css
new file mode 100644
index 00000000..1f96a3c2
--- /dev/null
+++ b/plugins/stashRealbooru/stash-realbooru.css
@@ -0,0 +1 @@
+button.svelte-1m5gxnd{background-color:var(--nav-color);border:0px}.scanner.svelte-1m5gxnd{animation:svelte-1m5gxnd-pulse 2s infinite}@keyframes svelte-1m5gxnd-pulse{0%{transform:scale(0.95);box-shadow:0 0 0 0 var(--light)}70%{transform:scale(1.1);box-shadow:0 0 0 10px var(--info)}100%{transform:scale(0.95);box-shadow:0 0 0 0 var(--primary)}}svg.svelte-1m5gxnd{fill:#ffffff}.top-accent.svelte-9viihb{border-top:10px solid var(--primary);border-radius:3px}.modal-header.svelte-9viihb{font-size:2.4rem;border-bottom:0px;padding:20px}.modal-footer.svelte-9viihb{border-top:0px}.lds-dual-ring.svelte-9viihb{display:inline-block;width:16px;height:16px}.lds-dual-ring.svelte-9viihb:after{content:" ";display:block;width:12px;height:12px;margin:3px;border-radius:50%;border:6px solid #fff;border-color:#fff transparent #fff transparent;animation:svelte-9viihb-lds-dual-ring 1.2s linear infinite}@keyframes svelte-9viihb-lds-dual-ring{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.tag.svelte-ai57u1{padding:6px}.tag-item.svelte-ai57u1{background-color:var(--card-color);width:100%;padding:5px;margin:0px}.tag-item-select.svelte-ai57u1{border:none;outline:none;scroll-behavior:smooth}.tag-item-reject.svelte-ai57u1:hover{fill:#a82c2c;transition:fill 0.2s ease-out}svg.svelte-ai57u1{fill:#ffffff}
\ No newline at end of file
diff --git a/plugins/stashRealbooru/stash-realbooru.js b/plugins/stashRealbooru/stash-realbooru.js
new file mode 100644
index 00000000..f74cda97
--- /dev/null
+++ b/plugins/stashRealbooru/stash-realbooru.js
@@ -0,0 +1,10066 @@
+(function () {
+  'use strict';
+
+  let REALBOORU_API_URL = "https://hysts-deepdanbooru.hf.space/api/predict";
+  let THRESHOLD = 0.6; // remove matches with a distance higher than this
+
+
+  function waitForElm(selector) {
+    return new Promise((resolve) => {
+      if (document.querySelector(selector)) {
+        return resolve(document.querySelector(selector));
+      }
+
+      const observer = new MutationObserver((mutations) => {
+        if (document.querySelector(selector)) {
+          resolve(document.querySelector(selector));
+          observer.disconnect();
+        }
+      });
+
+      observer.observe(document.body, {
+        childList: true,
+        subtree: true,
+      });
+    });
+  }
+
+
+  /**
+   * Retrieves the tags associated with a given image ID.
+   *
+   * @param {string} image_id - The ID of the image to retrieve tags for.
+   * @returns {Promise<string[]>} - A promise that resolves with an array of tag IDs.
+   */
+  async function getTagsForImage(image_id) {
+    const reqData = {
+      query: `{
+      findImage(id: "${image_id}") {
+        tags {
+          id
+        }
+      }
+    }`,
+    };
+    var result = await stash.callGQL(reqData);
+    return result.data.findImage.tags.map((p) => p.id);
+  }
+
+
+  /**
+   * Updates a image with the given image_id and tag_ids.
+   * @param {string} image_id - The ID of the image to update.
+   * @param {Array<string>} tag_ids - An array of tag IDs to associate with the image.
+   * @returns {Promise<Object>} - A promise that resolves with the updated image object.
+   */
+  async function updateImage(image_id, tag_ids) {
+    const reqData = {
+      variables: { input: { id: image_id, tag_ids: tag_ids } },
+      query: `mutation imageUpdate($input: ImageUpdateInput!){
+      imageUpdate(input: $input) {
+        id
+      }
+    }`,
+    };
+    return stash.callGQL(reqData);
+  }
+
+
+  /**
+   * Returns an array with the scenario and scenario ID parsed from the current URL.
+   * @returns {Array<string>} An array with the scenario and scenario ID.
+   */
+  function getScenarioAndID() {
+    var result = document.URL.match(/(scenes|images)\/(\d+)/);
+    var scenario = result[1];
+    var scenario_id = result[2];
+    return [scenario, scenario_id];
+  }
+
+  /**
+   * Creates a new tag with the given name.
+   * @param {string} tag_name - The name of the tag to create.
+   * @returns {Promise<string>} - A Promise that resolves with the ID of the newly created tag.
+   */
+  async function createTag(tag_name) {
+    const reqData = {
+      variables: { input: {name: tag_name} },
+      query: `mutation tagCreate($input: TagCreateInput!) {
+      tagCreate(input: $input){
+            id
+        }
+      }`,
+    };
+    let result = await stash.callGQL(reqData);
+    return result.data.tagCreate.id;
+  }
+
+
+  /**
+   * Retrieves all tags from the server and returns them as an object with tag names as keys and tag IDs as values.
+   * @returns {Promise<Object>} An object with tag names as keys and tag IDs as values.
+   */
+  async function getAllTags() {
+    const reqData = {
+      query: `{
+      allTags{
+        id
+        name
+        aliases
+      }
+    }`,
+    };
+    var result = await stash.callGQL(reqData);
+    return result.data.allTags.reduce((map, obj) => {
+      map[obj.name.toLowerCase()] = obj.id;
+      obj.aliases.forEach((alias) => {
+        map[alias.toLowerCase()] = obj.id;
+      });
+      return map;
+    }, {});
+  }
+
+  function noop() { }
+  const identity = x => x;
+  function assign(tar, src) {
+      // @ts-ignore
+      for (const k in src)
+          tar[k] = src[k];
+      return tar;
+  }
+  function add_location(element, file, line, column, char) {
+      element.__svelte_meta = {
+          loc: { file, line, column, char }
+      };
+  }
+  function run(fn) {
+      return fn();
+  }
+  function blank_object() {
+      return Object.create(null);
+  }
+  function run_all(fns) {
+      fns.forEach(run);
+  }
+  function is_function(thing) {
+      return typeof thing === 'function';
+  }
+  function safe_not_equal(a, b) {
+      return a != a ? b == b : a !== b || ((a && typeof a === 'object') || typeof a === 'function');
+  }
+  function is_empty(obj) {
+      return Object.keys(obj).length === 0;
+  }
+  function split_css_unit(value) {
+      const split = typeof value === 'string' && value.match(/^\s*(-?[\d.]+)([^\s]*)\s*$/);
+      return split ? [parseFloat(split[1]), split[2] || 'px'] : [value, 'px'];
+  }
+
+  const is_client = typeof window !== 'undefined';
+  let now = is_client
+      ? () => window.performance.now()
+      : () => Date.now();
+  let raf = is_client ? cb => requestAnimationFrame(cb) : noop;
+
+  const tasks = new Set();
+  function run_tasks(now) {
+      tasks.forEach(task => {
+          if (!task.c(now)) {
+              tasks.delete(task);
+              task.f();
+          }
+      });
+      if (tasks.size !== 0)
+          raf(run_tasks);
+  }
+  /**
+   * Creates a new task that runs on each raf frame
+   * until it returns a falsy value or is aborted
+   */
+  function loop(callback) {
+      let task;
+      if (tasks.size === 0)
+          raf(run_tasks);
+      return {
+          promise: new Promise(fulfill => {
+              tasks.add(task = { c: callback, f: fulfill });
+          }),
+          abort() {
+              tasks.delete(task);
+          }
+      };
+  }
+
+  const globals = (typeof window !== 'undefined'
+      ? window
+      : typeof globalThis !== 'undefined'
+          ? globalThis
+          : global);
+  function append(target, node) {
+      target.appendChild(node);
+  }
+  function get_root_for_style(node) {
+      if (!node)
+          return document;
+      const root = node.getRootNode ? node.getRootNode() : node.ownerDocument;
+      if (root && root.host) {
+          return root;
+      }
+      return node.ownerDocument;
+  }
+  function append_empty_stylesheet(node) {
+      const style_element = element('style');
+      append_stylesheet(get_root_for_style(node), style_element);
+      return style_element.sheet;
+  }
+  function append_stylesheet(node, style) {
+      append(node.head || node, style);
+      return style.sheet;
+  }
+  function insert(target, node, anchor) {
+      target.insertBefore(node, anchor || null);
+  }
+  function detach(node) {
+      if (node.parentNode) {
+          node.parentNode.removeChild(node);
+      }
+  }
+  function element(name) {
+      return document.createElement(name);
+  }
+  function svg_element(name) {
+      return document.createElementNS('http://www.w3.org/2000/svg', name);
+  }
+  function text(data) {
+      return document.createTextNode(data);
+  }
+  function space() {
+      return text(' ');
+  }
+  function empty() {
+      return text('');
+  }
+  function listen(node, event, handler, options) {
+      node.addEventListener(event, handler, options);
+      return () => node.removeEventListener(event, handler, options);
+  }
+  function attr(node, attribute, value) {
+      if (value == null)
+          node.removeAttribute(attribute);
+      else if (node.getAttribute(attribute) !== value)
+          node.setAttribute(attribute, value);
+  }
+  function to_number(value) {
+      return value === '' ? null : +value;
+  }
+  function children(element) {
+      return Array.from(element.childNodes);
+  }
+  function set_input_value(input, value) {
+      input.value = value == null ? '' : value;
+  }
+  function set_style(node, key, value, important) {
+      if (value == null) {
+          node.style.removeProperty(key);
+      }
+      else {
+          node.style.setProperty(key, value, important ? 'important' : '');
+      }
+  }
+  function toggle_class(element, name, toggle) {
+      element.classList[toggle ? 'add' : 'remove'](name);
+  }
+  function custom_event(type, detail, { bubbles = false, cancelable = false } = {}) {
+      const e = document.createEvent('CustomEvent');
+      e.initCustomEvent(type, bubbles, cancelable, detail);
+      return e;
+  }
+
+  // we need to store the information for multiple documents because a Svelte application could also contain iframes
+  // https://github.com/sveltejs/svelte/issues/3624
+  const managed_styles = new Map();
+  let active = 0;
+  // https://github.com/darkskyapp/string-hash/blob/master/index.js
+  function hash(str) {
+      let hash = 5381;
+      let i = str.length;
+      while (i--)
+          hash = ((hash << 5) - hash) ^ str.charCodeAt(i);
+      return hash >>> 0;
+  }
+  function create_style_information(doc, node) {
+      const info = { stylesheet: append_empty_stylesheet(node), rules: {} };
+      managed_styles.set(doc, info);
+      return info;
+  }
+  function create_rule(node, a, b, duration, delay, ease, fn, uid = 0) {
+      const step = 16.666 / duration;
+      let keyframes = '{\n';
+      for (let p = 0; p <= 1; p += step) {
+          const t = a + (b - a) * ease(p);
+          keyframes += p * 100 + `%{${fn(t, 1 - t)}}\n`;
+      }
+      const rule = keyframes + `100% {${fn(b, 1 - b)}}\n}`;
+      const name = `__svelte_${hash(rule)}_${uid}`;
+      const doc = get_root_for_style(node);
+      const { stylesheet, rules } = managed_styles.get(doc) || create_style_information(doc, node);
+      if (!rules[name]) {
+          rules[name] = true;
+          stylesheet.insertRule(`@keyframes ${name} ${rule}`, stylesheet.cssRules.length);
+      }
+      const animation = node.style.animation || '';
+      node.style.animation = `${animation ? `${animation}, ` : ''}${name} ${duration}ms linear ${delay}ms 1 both`;
+      active += 1;
+      return name;
+  }
+  function delete_rule(node, name) {
+      const previous = (node.style.animation || '').split(', ');
+      const next = previous.filter(name
+          ? anim => anim.indexOf(name) < 0 // remove specific animation
+          : anim => anim.indexOf('__svelte') === -1 // remove all Svelte animations
+      );
+      const deleted = previous.length - next.length;
+      if (deleted) {
+          node.style.animation = next.join(', ');
+          active -= deleted;
+          if (!active)
+              clear_rules();
+      }
+  }
+  function clear_rules() {
+      raf(() => {
+          if (active)
+              return;
+          managed_styles.forEach(info => {
+              const { ownerNode } = info.stylesheet;
+              // there is no ownerNode if it runs on jsdom.
+              if (ownerNode)
+                  detach(ownerNode);
+          });
+          managed_styles.clear();
+      });
+  }
+
+  function create_animation(node, from, fn, params) {
+      if (!from)
+          return noop;
+      const to = node.getBoundingClientRect();
+      if (from.left === to.left && from.right === to.right && from.top === to.top && from.bottom === to.bottom)
+          return noop;
+      const { delay = 0, duration = 300, easing = identity, 
+      // @ts-ignore todo: should this be separated from destructuring? Or start/end added to public api and documentation?
+      start: start_time = now() + delay, 
+      // @ts-ignore todo:
+      end = start_time + duration, tick = noop, css } = fn(node, { from, to }, params);
+      let running = true;
+      let started = false;
+      let name;
+      function start() {
+          if (css) {
+              name = create_rule(node, 0, 1, duration, delay, easing, css);
+          }
+          if (!delay) {
+              started = true;
+          }
+      }
+      function stop() {
+          if (css)
+              delete_rule(node, name);
+          running = false;
+      }
+      loop(now => {
+          if (!started && now >= start_time) {
+              started = true;
+          }
+          if (started && now >= end) {
+              tick(1, 0);
+              stop();
+          }
+          if (!running) {
+              return false;
+          }
+          if (started) {
+              const p = now - start_time;
+              const t = 0 + 1 * easing(p / duration);
+              tick(t, 1 - t);
+          }
+          return true;
+      });
+      start();
+      tick(0, 1);
+      return stop;
+  }
+  function fix_position(node) {
+      const style = getComputedStyle(node);
+      if (style.position !== 'absolute' && style.position !== 'fixed') {
+          const { width, height } = style;
+          const a = node.getBoundingClientRect();
+          node.style.position = 'absolute';
+          node.style.width = width;
+          node.style.height = height;
+          add_transform(node, a);
+      }
+  }
+  function add_transform(node, a) {
+      const b = node.getBoundingClientRect();
+      if (a.left !== b.left || a.top !== b.top) {
+          const style = getComputedStyle(node);
+          const transform = style.transform === 'none' ? '' : style.transform;
+          node.style.transform = `${transform} translate(${a.left - b.left}px, ${a.top - b.top}px)`;
+      }
+  }
+
+  let current_component;
+  function set_current_component(component) {
+      current_component = component;
+  }
+  function get_current_component() {
+      if (!current_component)
+          throw new Error('Function called outside component initialization');
+      return current_component;
+  }
+  /**
+   * The `onMount` function schedules a callback to run as soon as the component has been mounted to the DOM.
+   * It must be called during the component's initialisation (but doesn't need to live *inside* the component;
+   * it can be called from an external module).
+   *
+   * `onMount` does not run inside a [server-side component](/docs#run-time-server-side-component-api).
+   *
+   * https://svelte.dev/docs#run-time-svelte-onmount
+   */
+  function onMount(fn) {
+      get_current_component().$$.on_mount.push(fn);
+  }
+  /**
+   * Creates an event dispatcher that can be used to dispatch [component events](/docs#template-syntax-component-directives-on-eventname).
+   * Event dispatchers are functions that can take two arguments: `name` and `detail`.
+   *
+   * Component events created with `createEventDispatcher` create a
+   * [CustomEvent](https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent).
+   * These events do not [bubble](https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Building_blocks/Events#Event_bubbling_and_capture).
+   * The `detail` argument corresponds to the [CustomEvent.detail](https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent/detail)
+   * property and can contain any type of data.
+   *
+   * https://svelte.dev/docs#run-time-svelte-createeventdispatcher
+   */
+  function createEventDispatcher() {
+      const component = get_current_component();
+      return (type, detail, { cancelable = false } = {}) => {
+          const callbacks = component.$$.callbacks[type];
+          if (callbacks) {
+              // TODO are there situations where events could be dispatched
+              // in a server (non-DOM) environment?
+              const event = custom_event(type, detail, { cancelable });
+              callbacks.slice().forEach(fn => {
+                  fn.call(component, event);
+              });
+              return !event.defaultPrevented;
+          }
+          return true;
+      };
+  }
+
+  const dirty_components = [];
+  const binding_callbacks = [];
+  let render_callbacks = [];
+  const flush_callbacks = [];
+  const resolved_promise = /* @__PURE__ */ Promise.resolve();
+  let update_scheduled = false;
+  function schedule_update() {
+      if (!update_scheduled) {
+          update_scheduled = true;
+          resolved_promise.then(flush);
+      }
+  }
+  function add_render_callback(fn) {
+      render_callbacks.push(fn);
+  }
+  // flush() calls callbacks in this order:
+  // 1. All beforeUpdate callbacks, in order: parents before children
+  // 2. All bind:this callbacks, in reverse order: children before parents.
+  // 3. All afterUpdate callbacks, in order: parents before children. EXCEPT
+  //    for afterUpdates called during the initial onMount, which are called in
+  //    reverse order: children before parents.
+  // Since callbacks might update component values, which could trigger another
+  // call to flush(), the following steps guard against this:
+  // 1. During beforeUpdate, any updated components will be added to the
+  //    dirty_components array and will cause a reentrant call to flush(). Because
+  //    the flush index is kept outside the function, the reentrant call will pick
+  //    up where the earlier call left off and go through all dirty components. The
+  //    current_component value is saved and restored so that the reentrant call will
+  //    not interfere with the "parent" flush() call.
+  // 2. bind:this callbacks cannot trigger new flush() calls.
+  // 3. During afterUpdate, any updated components will NOT have their afterUpdate
+  //    callback called a second time; the seen_callbacks set, outside the flush()
+  //    function, guarantees this behavior.
+  const seen_callbacks = new Set();
+  let flushidx = 0; // Do *not* move this inside the flush() function
+  function flush() {
+      // Do not reenter flush while dirty components are updated, as this can
+      // result in an infinite loop. Instead, let the inner flush handle it.
+      // Reentrancy is ok afterwards for bindings etc.
+      if (flushidx !== 0) {
+          return;
+      }
+      const saved_component = current_component;
+      do {
+          // first, call beforeUpdate functions
+          // and update components
+          try {
+              while (flushidx < dirty_components.length) {
+                  const component = dirty_components[flushidx];
+                  flushidx++;
+                  set_current_component(component);
+                  update(component.$$);
+              }
+          }
+          catch (e) {
+              // reset dirty state to not end up in a deadlocked state and then rethrow
+              dirty_components.length = 0;
+              flushidx = 0;
+              throw e;
+          }
+          set_current_component(null);
+          dirty_components.length = 0;
+          flushidx = 0;
+          while (binding_callbacks.length)
+              binding_callbacks.pop()();
+          // then, once components are updated, call
+          // afterUpdate functions. This may cause
+          // subsequent updates...
+          for (let i = 0; i < render_callbacks.length; i += 1) {
+              const callback = render_callbacks[i];
+              if (!seen_callbacks.has(callback)) {
+                  // ...so guard against infinite loops
+                  seen_callbacks.add(callback);
+                  callback();
+              }
+          }
+          render_callbacks.length = 0;
+      } while (dirty_components.length);
+      while (flush_callbacks.length) {
+          flush_callbacks.pop()();
+      }
+      update_scheduled = false;
+      seen_callbacks.clear();
+      set_current_component(saved_component);
+  }
+  function update($$) {
+      if ($$.fragment !== null) {
+          $$.update();
+          run_all($$.before_update);
+          const dirty = $$.dirty;
+          $$.dirty = [-1];
+          $$.fragment && $$.fragment.p($$.ctx, dirty);
+          $$.after_update.forEach(add_render_callback);
+      }
+  }
+  /**
+   * Useful for example to execute remaining `afterUpdate` callbacks before executing `destroy`.
+   */
+  function flush_render_callbacks(fns) {
+      const filtered = [];
+      const targets = [];
+      render_callbacks.forEach((c) => fns.indexOf(c) === -1 ? filtered.push(c) : targets.push(c));
+      targets.forEach((c) => c());
+      render_callbacks = filtered;
+  }
+
+  let promise;
+  function wait() {
+      if (!promise) {
+          promise = Promise.resolve();
+          promise.then(() => {
+              promise = null;
+          });
+      }
+      return promise;
+  }
+  function dispatch(node, direction, kind) {
+      node.dispatchEvent(custom_event(`${direction ? 'intro' : 'outro'}${kind}`));
+  }
+  const outroing = new Set();
+  let outros;
+  function group_outros() {
+      outros = {
+          r: 0,
+          c: [],
+          p: outros // parent group
+      };
+  }
+  function check_outros() {
+      if (!outros.r) {
+          run_all(outros.c);
+      }
+      outros = outros.p;
+  }
+  function transition_in(block, local) {
+      if (block && block.i) {
+          outroing.delete(block);
+          block.i(local);
+      }
+  }
+  function transition_out(block, local, detach, callback) {
+      if (block && block.o) {
+          if (outroing.has(block))
+              return;
+          outroing.add(block);
+          outros.c.push(() => {
+              outroing.delete(block);
+              if (callback) {
+                  if (detach)
+                      block.d(1);
+                  callback();
+              }
+          });
+          block.o(local);
+      }
+      else if (callback) {
+          callback();
+      }
+  }
+  const null_transition = { duration: 0 };
+  function create_in_transition(node, fn, params) {
+      const options = { direction: 'in' };
+      let config = fn(node, params, options);
+      let running = false;
+      let animation_name;
+      let task;
+      let uid = 0;
+      function cleanup() {
+          if (animation_name)
+              delete_rule(node, animation_name);
+      }
+      function go() {
+          const { delay = 0, duration = 300, easing = identity, tick = noop, css } = config || null_transition;
+          if (css)
+              animation_name = create_rule(node, 0, 1, duration, delay, easing, css, uid++);
+          tick(0, 1);
+          const start_time = now() + delay;
+          const end_time = start_time + duration;
+          if (task)
+              task.abort();
+          running = true;
+          add_render_callback(() => dispatch(node, true, 'start'));
+          task = loop(now => {
+              if (running) {
+                  if (now >= end_time) {
+                      tick(1, 0);
+                      dispatch(node, true, 'end');
+                      cleanup();
+                      return running = false;
+                  }
+                  if (now >= start_time) {
+                      const t = easing((now - start_time) / duration);
+                      tick(t, 1 - t);
+                  }
+              }
+              return running;
+          });
+      }
+      let started = false;
+      return {
+          start() {
+              if (started)
+                  return;
+              started = true;
+              delete_rule(node);
+              if (is_function(config)) {
+                  config = config(options);
+                  wait().then(go);
+              }
+              else {
+                  go();
+              }
+          },
+          invalidate() {
+              started = false;
+          },
+          end() {
+              if (running) {
+                  cleanup();
+                  running = false;
+              }
+          }
+      };
+  }
+  function create_out_transition(node, fn, params) {
+      const options = { direction: 'out' };
+      let config = fn(node, params, options);
+      let running = true;
+      let animation_name;
+      const group = outros;
+      group.r += 1;
+      function go() {
+          const { delay = 0, duration = 300, easing = identity, tick = noop, css } = config || null_transition;
+          if (css)
+              animation_name = create_rule(node, 1, 0, duration, delay, easing, css);
+          const start_time = now() + delay;
+          const end_time = start_time + duration;
+          add_render_callback(() => dispatch(node, false, 'start'));
+          loop(now => {
+              if (running) {
+                  if (now >= end_time) {
+                      tick(0, 1);
+                      dispatch(node, false, 'end');
+                      if (!--group.r) {
+                          // this will result in `end()` being called,
+                          // so we don't need to clean up here
+                          run_all(group.c);
+                      }
+                      return false;
+                  }
+                  if (now >= start_time) {
+                      const t = easing((now - start_time) / duration);
+                      tick(1 - t, t);
+                  }
+              }
+              return running;
+          });
+      }
+      if (is_function(config)) {
+          wait().then(() => {
+              // @ts-ignore
+              config = config(options);
+              go();
+          });
+      }
+      else {
+          go();
+      }
+      return {
+          end(reset) {
+              if (reset && config.tick) {
+                  config.tick(1, 0);
+              }
+              if (running) {
+                  if (animation_name)
+                      delete_rule(node, animation_name);
+                  running = false;
+              }
+          }
+      };
+  }
+  function outro_and_destroy_block(block, lookup) {
+      transition_out(block, 1, 1, () => {
+          lookup.delete(block.key);
+      });
+  }
+  function fix_and_outro_and_destroy_block(block, lookup) {
+      block.f();
+      outro_and_destroy_block(block, lookup);
+  }
+  function update_keyed_each(old_blocks, dirty, get_key, dynamic, ctx, list, lookup, node, destroy, create_each_block, next, get_context) {
+      let o = old_blocks.length;
+      let n = list.length;
+      let i = o;
+      const old_indexes = {};
+      while (i--)
+          old_indexes[old_blocks[i].key] = i;
+      const new_blocks = [];
+      const new_lookup = new Map();
+      const deltas = new Map();
+      const updates = [];
+      i = n;
+      while (i--) {
+          const child_ctx = get_context(ctx, list, i);
+          const key = get_key(child_ctx);
+          let block = lookup.get(key);
+          if (!block) {
+              block = create_each_block(key, child_ctx);
+              block.c();
+          }
+          else if (dynamic) {
+              // defer updates until all the DOM shuffling is done
+              updates.push(() => block.p(child_ctx, dirty));
+          }
+          new_lookup.set(key, new_blocks[i] = block);
+          if (key in old_indexes)
+              deltas.set(key, Math.abs(i - old_indexes[key]));
+      }
+      const will_move = new Set();
+      const did_move = new Set();
+      function insert(block) {
+          transition_in(block, 1);
+          block.m(node, next);
+          lookup.set(block.key, block);
+          next = block.first;
+          n--;
+      }
+      while (o && n) {
+          const new_block = new_blocks[n - 1];
+          const old_block = old_blocks[o - 1];
+          const new_key = new_block.key;
+          const old_key = old_block.key;
+          if (new_block === old_block) {
+              // do nothing
+              next = new_block.first;
+              o--;
+              n--;
+          }
+          else if (!new_lookup.has(old_key)) {
+              // remove old block
+              destroy(old_block, lookup);
+              o--;
+          }
+          else if (!lookup.has(new_key) || will_move.has(new_key)) {
+              insert(new_block);
+          }
+          else if (did_move.has(old_key)) {
+              o--;
+          }
+          else if (deltas.get(new_key) > deltas.get(old_key)) {
+              did_move.add(new_key);
+              insert(new_block);
+          }
+          else {
+              will_move.add(old_key);
+              o--;
+          }
+      }
+      while (o--) {
+          const old_block = old_blocks[o];
+          if (!new_lookup.has(old_block.key))
+              destroy(old_block, lookup);
+      }
+      while (n)
+          insert(new_blocks[n - 1]);
+      run_all(updates);
+      return new_blocks;
+  }
+  function validate_each_keys(ctx, list, get_context, get_key) {
+      const keys = new Set();
+      for (let i = 0; i < list.length; i++) {
+          const key = get_key(get_context(ctx, list, i));
+          if (keys.has(key)) {
+              throw new Error('Cannot have duplicate keys in a keyed each');
+          }
+          keys.add(key);
+      }
+  }
+
+  function get_spread_update(levels, updates) {
+      const update = {};
+      const to_null_out = {};
+      const accounted_for = { $$scope: 1 };
+      let i = levels.length;
+      while (i--) {
+          const o = levels[i];
+          const n = updates[i];
+          if (n) {
+              for (const key in o) {
+                  if (!(key in n))
+                      to_null_out[key] = 1;
+              }
+              for (const key in n) {
+                  if (!accounted_for[key]) {
+                      update[key] = n[key];
+                      accounted_for[key] = 1;
+                  }
+              }
+              levels[i] = n;
+          }
+          else {
+              for (const key in o) {
+                  accounted_for[key] = 1;
+              }
+          }
+      }
+      for (const key in to_null_out) {
+          if (!(key in update))
+              update[key] = undefined;
+      }
+      return update;
+  }
+  function get_spread_object(spread_props) {
+      return typeof spread_props === 'object' && spread_props !== null ? spread_props : {};
+  }
+  function create_component(block) {
+      block && block.c();
+  }
+  function mount_component(component, target, anchor, customElement) {
+      const { fragment, after_update } = component.$$;
+      fragment && fragment.m(target, anchor);
+      if (!customElement) {
+          // onMount happens before the initial afterUpdate
+          add_render_callback(() => {
+              const new_on_destroy = component.$$.on_mount.map(run).filter(is_function);
+              // if the component was destroyed immediately
+              // it will update the `$$.on_destroy` reference to `null`.
+              // the destructured on_destroy may still reference to the old array
+              if (component.$$.on_destroy) {
+                  component.$$.on_destroy.push(...new_on_destroy);
+              }
+              else {
+                  // Edge case - component was destroyed immediately,
+                  // most likely as a result of a binding initialising
+                  run_all(new_on_destroy);
+              }
+              component.$$.on_mount = [];
+          });
+      }
+      after_update.forEach(add_render_callback);
+  }
+  function destroy_component(component, detaching) {
+      const $$ = component.$$;
+      if ($$.fragment !== null) {
+          flush_render_callbacks($$.after_update);
+          run_all($$.on_destroy);
+          $$.fragment && $$.fragment.d(detaching);
+          // TODO null out other refs, including component.$$ (but need to
+          // preserve final state?)
+          $$.on_destroy = $$.fragment = null;
+          $$.ctx = [];
+      }
+  }
+  function make_dirty(component, i) {
+      if (component.$$.dirty[0] === -1) {
+          dirty_components.push(component);
+          schedule_update();
+          component.$$.dirty.fill(0);
+      }
+      component.$$.dirty[(i / 31) | 0] |= (1 << (i % 31));
+  }
+  function init(component, options, instance, create_fragment, not_equal, props, append_styles, dirty = [-1]) {
+      const parent_component = current_component;
+      set_current_component(component);
+      const $$ = component.$$ = {
+          fragment: null,
+          ctx: [],
+          // state
+          props,
+          update: noop,
+          not_equal,
+          bound: blank_object(),
+          // lifecycle
+          on_mount: [],
+          on_destroy: [],
+          on_disconnect: [],
+          before_update: [],
+          after_update: [],
+          context: new Map(options.context || (parent_component ? parent_component.$$.context : [])),
+          // everything else
+          callbacks: blank_object(),
+          dirty,
+          skip_bound: false,
+          root: options.target || parent_component.$$.root
+      };
+      append_styles && append_styles($$.root);
+      let ready = false;
+      $$.ctx = instance
+          ? instance(component, options.props || {}, (i, ret, ...rest) => {
+              const value = rest.length ? rest[0] : ret;
+              if ($$.ctx && not_equal($$.ctx[i], $$.ctx[i] = value)) {
+                  if (!$$.skip_bound && $$.bound[i])
+                      $$.bound[i](value);
+                  if (ready)
+                      make_dirty(component, i);
+              }
+              return ret;
+          })
+          : [];
+      $$.update();
+      ready = true;
+      run_all($$.before_update);
+      // `false` as a special case of no DOM component
+      $$.fragment = create_fragment ? create_fragment($$.ctx) : false;
+      if (options.target) {
+          if (options.hydrate) {
+              const nodes = children(options.target);
+              // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+              $$.fragment && $$.fragment.l(nodes);
+              nodes.forEach(detach);
+          }
+          else {
+              // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+              $$.fragment && $$.fragment.c();
+          }
+          if (options.intro)
+              transition_in(component.$$.fragment);
+          mount_component(component, options.target, options.anchor, options.customElement);
+          flush();
+      }
+      set_current_component(parent_component);
+  }
+  /**
+   * Base class for Svelte components. Used when dev=false.
+   */
+  class SvelteComponent {
+      $destroy() {
+          destroy_component(this, 1);
+          this.$destroy = noop;
+      }
+      $on(type, callback) {
+          if (!is_function(callback)) {
+              return noop;
+          }
+          const callbacks = (this.$$.callbacks[type] || (this.$$.callbacks[type] = []));
+          callbacks.push(callback);
+          return () => {
+              const index = callbacks.indexOf(callback);
+              if (index !== -1)
+                  callbacks.splice(index, 1);
+          };
+      }
+      $set($$props) {
+          if (this.$$set && !is_empty($$props)) {
+              this.$$.skip_bound = true;
+              this.$$set($$props);
+              this.$$.skip_bound = false;
+          }
+      }
+  }
+
+  function dispatch_dev(type, detail) {
+      document.dispatchEvent(custom_event(type, Object.assign({ version: '3.59.2' }, detail), { bubbles: true }));
+  }
+  function append_dev(target, node) {
+      dispatch_dev('SvelteDOMInsert', { target, node });
+      append(target, node);
+  }
+  function insert_dev(target, node, anchor) {
+      dispatch_dev('SvelteDOMInsert', { target, node, anchor });
+      insert(target, node, anchor);
+  }
+  function detach_dev(node) {
+      dispatch_dev('SvelteDOMRemove', { node });
+      detach(node);
+  }
+  function listen_dev(node, event, handler, options, has_prevent_default, has_stop_propagation, has_stop_immediate_propagation) {
+      const modifiers = options === true ? ['capture'] : options ? Array.from(Object.keys(options)) : [];
+      if (has_prevent_default)
+          modifiers.push('preventDefault');
+      if (has_stop_propagation)
+          modifiers.push('stopPropagation');
+      if (has_stop_immediate_propagation)
+          modifiers.push('stopImmediatePropagation');
+      dispatch_dev('SvelteDOMAddEventListener', { node, event, handler, modifiers });
+      const dispose = listen(node, event, handler, options);
+      return () => {
+          dispatch_dev('SvelteDOMRemoveEventListener', { node, event, handler, modifiers });
+          dispose();
+      };
+  }
+  function attr_dev(node, attribute, value) {
+      attr(node, attribute, value);
+      if (value == null)
+          dispatch_dev('SvelteDOMRemoveAttribute', { node, attribute });
+      else
+          dispatch_dev('SvelteDOMSetAttribute', { node, attribute, value });
+  }
+  function set_data_dev(text, data) {
+      data = '' + data;
+      if (text.data === data)
+          return;
+      dispatch_dev('SvelteDOMSetData', { node: text, data });
+      text.data = data;
+  }
+  function validate_each_argument(arg) {
+      if (typeof arg !== 'string' && !(arg && typeof arg === 'object' && 'length' in arg)) {
+          let msg = '{#each} only iterates over array-like objects.';
+          if (typeof Symbol === 'function' && arg && Symbol.iterator in arg) {
+              msg += ' You can use a spread to convert this iterable into an array.';
+          }
+          throw new Error(msg);
+      }
+  }
+  function validate_slots(name, slot, keys) {
+      for (const slot_key of Object.keys(slot)) {
+          if (!~keys.indexOf(slot_key)) {
+              console.warn(`<${name}> received an unexpected slot "${slot_key}".`);
+          }
+      }
+  }
+  /**
+   * Base class for Svelte components with some minor dev-enhancements. Used when dev=true.
+   */
+  class SvelteComponentDev extends SvelteComponent {
+      constructor(options) {
+          if (!options || (!options.target && !options.$$inline)) {
+              throw new Error("'target' is a required option");
+          }
+          super();
+      }
+      $destroy() {
+          super.$destroy();
+          this.$destroy = () => {
+              console.warn('Component was already destroyed'); // eslint-disable-line no-console
+          };
+      }
+      $capture_state() { }
+      $inject_state() { }
+  }
+
+  /* src/Tag.svelte generated by Svelte v3.59.2 */
+  const file$2 = "src/Tag.svelte";
+
+  function create_fragment$2(ctx) {
+  	let div2;
+  	let div1;
+  	let div0;
+  	let div0_class_value;
+  	let div0_aria_valuenow_value;
+  	let t0;
+  	let span;
+  	let t1;
+  	let t2;
+  	let svg;
+  	let path;
+  	let mounted;
+  	let dispose;
+
+  	const block = {
+  		c: function create() {
+  			div2 = element("div");
+  			div1 = element("div");
+  			div0 = element("div");
+  			t0 = space();
+  			span = element("span");
+  			t1 = text(/*name*/ ctx[1]);
+  			t2 = space();
+  			svg = svg_element("svg");
+  			path = svg_element("path");
+  			attr_dev(div0, "class", div0_class_value = "progress-bar progress-bar-striped bg-" + confidence(/*prob*/ ctx[2]) + " svelte-ai57u1");
+  			attr_dev(div0, "role", "progressbar");
+  			set_style(div0, "width", /*prob*/ ctx[2] * 100 + "%");
+  			attr_dev(div0, "aria-valuenow", div0_aria_valuenow_value = /*prob*/ ctx[2] * 100);
+  			attr_dev(div0, "aria-valuemin", "0");
+  			attr_dev(div0, "aria-valuemax", "100");
+  			add_location(div0, file$2, 24, 4, 440);
+  			attr_dev(div1, "class", "progress");
+  			set_style(div1, "height", "5px");
+  			add_location(div1, file$2, 23, 2, 393);
+  			attr_dev(path, "d", "M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z");
+  			add_location(path, file$2, 45, 7, 954);
+  			attr_dev(svg, "height", "20");
+  			attr_dev(svg, "width", "20");
+  			attr_dev(svg, "viewBox", "0 0 20 20");
+  			attr_dev(svg, "aria-hidden", "true");
+  			attr_dev(svg, "focusable", "false");
+  			attr_dev(svg, "class", "tag-item-reject svelte-ai57u1");
+  			add_location(svg, file$2, 35, 4, 737);
+  			attr_dev(span, "class", "tag-item badge badge-secondary svelte-ai57u1");
+  			add_location(span, file$2, 33, 2, 676);
+  			attr_dev(div2, "class", "tag svelte-ai57u1");
+  			add_location(div2, file$2, 22, 0, 373);
+  		},
+  		l: function claim(nodes) {
+  			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
+  		},
+  		m: function mount(target, anchor) {
+  			insert_dev(target, div2, anchor);
+  			append_dev(div2, div1);
+  			append_dev(div1, div0);
+  			append_dev(div2, t0);
+  			append_dev(div2, span);
+  			append_dev(span, t1);
+  			append_dev(span, t2);
+  			append_dev(span, svg);
+  			append_dev(svg, path);
+
+  			if (!mounted) {
+  				dispose = listen_dev(svg, "click", /*click_handler*/ ctx[4], false, false, false, false);
+  				mounted = true;
+  			}
+  		},
+  		p: function update(ctx, [dirty]) {
+  			if (dirty & /*prob*/ 4 && div0_class_value !== (div0_class_value = "progress-bar progress-bar-striped bg-" + confidence(/*prob*/ ctx[2]) + " svelte-ai57u1")) {
+  				attr_dev(div0, "class", div0_class_value);
+  			}
+
+  			if (dirty & /*prob*/ 4) {
+  				set_style(div0, "width", /*prob*/ ctx[2] * 100 + "%");
+  			}
+
+  			if (dirty & /*prob*/ 4 && div0_aria_valuenow_value !== (div0_aria_valuenow_value = /*prob*/ ctx[2] * 100)) {
+  				attr_dev(div0, "aria-valuenow", div0_aria_valuenow_value);
+  			}
+
+  			if (dirty & /*name*/ 2) set_data_dev(t1, /*name*/ ctx[1]);
+  		},
+  		i: noop,
+  		o: noop,
+  		d: function destroy(detaching) {
+  			if (detaching) detach_dev(div2);
+  			mounted = false;
+  			dispose();
+  		}
+  	};
+
+  	dispatch_dev("SvelteRegisterBlock", {
+  		block,
+  		id: create_fragment$2.name,
+  		type: "component",
+  		source: "",
+  		ctx
+  	});
+
+  	return block;
+  }
+
+  function confidence(prob) {
+  	prob = prob * 100;
+
+  	if (prob < 50.0) {
+  		return "danger";
+  	} else if (prob < 75.0) {
+  		return "warning";
+  	} else {
+  		return "success";
+  	}
+  }
+
+  function instance$2($$self, $$props, $$invalidate) {
+  	let { $$slots: slots = {}, $$scope } = $$props;
+  	validate_slots('Tag', slots, []);
+  	let { id } = $$props;
+  	let { name } = $$props;
+  	let { prob } = $$props;
+  	const dispatch = createEventDispatcher();
+
+  	$$self.$$.on_mount.push(function () {
+  		if (id === undefined && !('id' in $$props || $$self.$$.bound[$$self.$$.props['id']])) {
+  			console.warn("<Tag> was created without expected prop 'id'");
+  		}
+
+  		if (name === undefined && !('name' in $$props || $$self.$$.bound[$$self.$$.props['name']])) {
+  			console.warn("<Tag> was created without expected prop 'name'");
+  		}
+
+  		if (prob === undefined && !('prob' in $$props || $$self.$$.bound[$$self.$$.props['prob']])) {
+  			console.warn("<Tag> was created without expected prop 'prob'");
+  		}
+  	});
+
+  	const writable_props = ['id', 'name', 'prob'];
+
+  	Object.keys($$props).forEach(key => {
+  		if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console.warn(`<Tag> was created with unknown prop '${key}'`);
+  	});
+
+  	const click_handler = () => {
+  		dispatch("remove", id);
+  	};
+
+  	$$self.$$set = $$props => {
+  		if ('id' in $$props) $$invalidate(0, id = $$props.id);
+  		if ('name' in $$props) $$invalidate(1, name = $$props.name);
+  		if ('prob' in $$props) $$invalidate(2, prob = $$props.prob);
+  	};
+
+  	$$self.$capture_state = () => ({
+  		createEventDispatcher,
+  		id,
+  		name,
+  		prob,
+  		dispatch,
+  		confidence
+  	});
+
+  	$$self.$inject_state = $$props => {
+  		if ('id' in $$props) $$invalidate(0, id = $$props.id);
+  		if ('name' in $$props) $$invalidate(1, name = $$props.name);
+  		if ('prob' in $$props) $$invalidate(2, prob = $$props.prob);
+  	};
+
+  	if ($$props && "$$inject" in $$props) {
+  		$$self.$inject_state($$props.$$inject);
+  	}
+
+  	return [id, name, prob, dispatch, click_handler];
+  }
+
+  class Tag extends SvelteComponentDev {
+  	constructor(options) {
+  		super(options);
+  		init(this, options, instance$2, create_fragment$2, safe_not_equal, { id: 0, name: 1, prob: 2 });
+
+  		dispatch_dev("SvelteRegisterComponent", {
+  			component: this,
+  			tagName: "Tag",
+  			options,
+  			id: create_fragment$2.name
+  		});
+  	}
+
+  	get id() {
+  		throw new Error("<Tag>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
+  	}
+
+  	set id(value) {
+  		throw new Error("<Tag>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
+  	}
+
+  	get name() {
+  		throw new Error("<Tag>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
+  	}
+
+  	set name(value) {
+  		throw new Error("<Tag>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
+  	}
+
+  	get prob() {
+  		throw new Error("<Tag>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
+  	}
+
+  	set prob(value) {
+  		throw new Error("<Tag>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
+  	}
+  }
+
+  function cubicOut(t) {
+      const f = t - 1.0;
+      return f * f * f + 1.0;
+  }
+  function quintOut(t) {
+      return --t * t * t * t * t + 1;
+  }
+
+  function fade(node, { delay = 0, duration = 400, easing = identity } = {}) {
+      const o = +getComputedStyle(node).opacity;
+      return {
+          delay,
+          duration,
+          easing,
+          css: t => `opacity: ${t * o}`
+      };
+  }
+  function fly(node, { delay = 0, duration = 400, easing = cubicOut, x = 0, y = 0, opacity = 0 } = {}) {
+      const style = getComputedStyle(node);
+      const target_opacity = +style.opacity;
+      const transform = style.transform === 'none' ? '' : style.transform;
+      const od = target_opacity * (1 - opacity);
+      const [xValue, xUnit] = split_css_unit(x);
+      const [yValue, yUnit] = split_css_unit(y);
+      return {
+          delay,
+          duration,
+          easing,
+          css: (t, u) => `
+			transform: ${transform} translate(${(1 - t) * xValue}${xUnit}, ${(1 - t) * yValue}${yUnit});
+			opacity: ${target_opacity - (od * u)}`
+      };
+  }
+
+  function flip(node, { from, to }, params = {}) {
+      const style = getComputedStyle(node);
+      const transform = style.transform === 'none' ? '' : style.transform;
+      const [ox, oy] = style.transformOrigin.split(' ').map(parseFloat);
+      const dx = (from.left + from.width * ox / to.width) - (to.left + ox);
+      const dy = (from.top + from.height * oy / to.height) - (to.top + oy);
+      const { delay = 0, duration = (d) => Math.sqrt(d) * 120, easing = cubicOut } = params;
+      return {
+          delay,
+          duration: is_function(duration) ? duration(Math.sqrt(dx * dx + dy * dy)) : duration,
+          easing,
+          css: (t, u) => {
+              const x = u * dx;
+              const y = u * dy;
+              const sx = t + u * from.width / to.width;
+              const sy = t + u * from.height / to.height;
+              return `transform: ${transform} translate(${x}px, ${y}px) scale(${sx}, ${sy});`;
+          }
+      };
+  }
+
+  /* src/TagMatches.svelte generated by Svelte v3.59.2 */
+
+  const { Object: Object_1 } = globals;
+
+  const file$1 = "src/TagMatches.svelte";
+
+  function get_each_context(ctx, list, i) {
+  	const child_ctx = ctx.slice();
+  	child_ctx[13] = list[i];
+  	return child_ctx;
+  }
+
+  // (77:0) {#if visible}
+  function create_if_block(ctx) {
+  	let div8;
+  	let div7;
+  	let div6;
+  	let div0;
+  	let h3;
+  	let t1;
+  	let div2;
+  	let div1;
+  	let each_blocks = [];
+  	let each_1_lookup = new Map();
+  	let t2;
+  	let div5;
+  	let div3;
+  	let button0;
+  	let t4;
+  	let button1;
+  	let t5;
+  	let t6;
+  	let div4;
+  	let t7;
+  	let input;
+  	let t8;
+  	let t9_value = /*threshold*/ ctx[0] * 100 + "";
+  	let t9;
+  	let t10;
+  	let div8_intro;
+  	let div8_outro;
+  	let current;
+  	let mounted;
+  	let dispose;
+  	let each_value = /*filteredMatches*/ ctx[4];
+  	validate_each_argument(each_value);
+  	const get_key = ctx => /*tag*/ ctx[13].id;
+  	validate_each_keys(ctx, each_value, get_each_context, get_key);
+
+  	for (let i = 0; i < each_value.length; i += 1) {
+  		let child_ctx = get_each_context(ctx, each_value, i);
+  		let key = get_key(child_ctx);
+  		each_1_lookup.set(key, each_blocks[i] = create_each_block(key, child_ctx));
+  	}
+
+  	let if_block = /*saving*/ ctx[2] && create_if_block_1(ctx);
+
+  	const block = {
+  		c: function create() {
+  			div8 = element("div");
+  			div7 = element("div");
+  			div6 = element("div");
+  			div0 = element("div");
+  			h3 = element("h3");
+  			h3.textContent = "Tag";
+  			t1 = space();
+  			div2 = element("div");
+  			div1 = element("div");
+
+  			for (let i = 0; i < each_blocks.length; i += 1) {
+  				each_blocks[i].c();
+  			}
+
+  			t2 = space();
+  			div5 = element("div");
+  			div3 = element("div");
+  			button0 = element("button");
+  			button0.textContent = "Close";
+  			t4 = space();
+  			button1 = element("button");
+  			if (if_block) if_block.c();
+  			t5 = text("\n              Add Tags");
+  			t6 = space();
+  			div4 = element("div");
+  			t7 = text("Threshold: ");
+  			input = element("input");
+  			t8 = space();
+  			t9 = text(t9_value);
+  			t10 = text(" %");
+  			attr_dev(h3, "class", "modal-title");
+  			add_location(h3, file$1, 90, 10, 2253);
+  			attr_dev(div0, "class", "modal-header svelte-9viihb");
+  			add_location(div0, file$1, 89, 8, 2216);
+  			attr_dev(div1, "class", "row justify-content-center");
+  			add_location(div1, file$1, 93, 10, 2344);
+  			attr_dev(div2, "class", "modal-body");
+  			add_location(div2, file$1, 92, 8, 2309);
+  			attr_dev(button0, "id", "tags-cancel");
+  			attr_dev(button0, "type", "button");
+  			attr_dev(button0, "class", "ml-2 btn btn-secondary");
+  			add_location(button0, file$1, 107, 12, 2787);
+  			attr_dev(button1, "id", "tags-accept");
+  			attr_dev(button1, "type", "button");
+  			attr_dev(button1, "class", "ml-2 btn btn-primary");
+  			add_location(button1, file$1, 113, 12, 2970);
+  			add_location(div3, file$1, 106, 10, 2769);
+  			attr_dev(input, "type", "range");
+  			attr_dev(input, "min", "0.2");
+  			attr_dev(input, "max", "0.9");
+  			attr_dev(input, "step", "0.1");
+  			attr_dev(input, "id", "stash-readbooru-threshold");
+  			set_style(input, "margin", "0px");
+  			set_style(input, "height", "10px");
+  			add_location(input, file$1, 126, 23, 3318);
+  			add_location(div4, file$1, 125, 10, 3289);
+  			attr_dev(div5, "class", "ModalFooter modal-footer svelte-9viihb");
+  			add_location(div5, file$1, 105, 8, 2720);
+  			attr_dev(div6, "class", "modal-content");
+  			add_location(div6, file$1, 88, 6, 2180);
+  			attr_dev(div7, "class", "modal-dialog modal-xl top-accent svelte-9viihb");
+  			add_location(div7, file$1, 87, 4, 2127);
+  			attr_dev(div8, "role", "dialog");
+  			attr_dev(div8, "aria-modal", "true");
+  			attr_dev(div8, "class", "fade ModalComponent modal show");
+  			attr_dev(div8, "tabindex", "-1");
+  			set_style(div8, "display", "block");
+  			add_location(div8, file$1, 77, 2, 1884);
+  		},
+  		m: function mount(target, anchor) {
+  			insert_dev(target, div8, anchor);
+  			append_dev(div8, div7);
+  			append_dev(div7, div6);
+  			append_dev(div6, div0);
+  			append_dev(div0, h3);
+  			append_dev(div6, t1);
+  			append_dev(div6, div2);
+  			append_dev(div2, div1);
+
+  			for (let i = 0; i < each_blocks.length; i += 1) {
+  				if (each_blocks[i]) {
+  					each_blocks[i].m(div1, null);
+  				}
+  			}
+
+  			append_dev(div6, t2);
+  			append_dev(div6, div5);
+  			append_dev(div5, div3);
+  			append_dev(div3, button0);
+  			append_dev(div3, t4);
+  			append_dev(div3, button1);
+  			if (if_block) if_block.m(button1, null);
+  			append_dev(button1, t5);
+  			append_dev(div5, t6);
+  			append_dev(div5, div4);
+  			append_dev(div4, t7);
+  			append_dev(div4, input);
+  			set_input_value(input, /*threshold*/ ctx[0]);
+  			append_dev(div4, t8);
+  			append_dev(div4, t9);
+  			append_dev(div4, t10);
+  			/*div8_binding*/ ctx[11](div8);
+  			current = true;
+
+  			if (!mounted) {
+  				dispose = [
+  					listen_dev(button0, "click", /*close*/ ctx[5], false, false, false, false),
+  					listen_dev(button1, "click", /*save*/ ctx[7], false, false, false, false),
+  					listen_dev(input, "change", /*input_change_input_handler*/ ctx[10]),
+  					listen_dev(input, "input", /*input_change_input_handler*/ ctx[10]),
+  					listen_dev(input, "change", /*changeThreshold*/ ctx[8], false, false, false, false)
+  				];
+
+  				mounted = true;
+  			}
+  		},
+  		p: function update(ctx, dirty) {
+  			if (dirty & /*filteredMatches, remove*/ 80) {
+  				each_value = /*filteredMatches*/ ctx[4];
+  				validate_each_argument(each_value);
+  				group_outros();
+  				for (let i = 0; i < each_blocks.length; i += 1) each_blocks[i].r();
+  				validate_each_keys(ctx, each_value, get_each_context, get_key);
+  				each_blocks = update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, div1, fix_and_outro_and_destroy_block, create_each_block, null, get_each_context);
+  				for (let i = 0; i < each_blocks.length; i += 1) each_blocks[i].a();
+  				check_outros();
+  			}
+
+  			if (/*saving*/ ctx[2]) {
+  				if (if_block) ; else {
+  					if_block = create_if_block_1(ctx);
+  					if_block.c();
+  					if_block.m(button1, t5);
+  				}
+  			} else if (if_block) {
+  				if_block.d(1);
+  				if_block = null;
+  			}
+
+  			if (dirty & /*threshold*/ 1) {
+  				set_input_value(input, /*threshold*/ ctx[0]);
+  			}
+
+  			if ((!current || dirty & /*threshold*/ 1) && t9_value !== (t9_value = /*threshold*/ ctx[0] * 100 + "")) set_data_dev(t9, t9_value);
+  		},
+  		i: function intro(local) {
+  			if (current) return;
+
+  			for (let i = 0; i < each_value.length; i += 1) {
+  				transition_in(each_blocks[i]);
+  			}
+
+  			add_render_callback(() => {
+  				if (!current) return;
+  				if (div8_outro) div8_outro.end(1);
+  				div8_intro = create_in_transition(div8, fly, { y: 100, duration: 400 });
+  				div8_intro.start();
+  			});
+
+  			current = true;
+  		},
+  		o: function outro(local) {
+  			for (let i = 0; i < each_blocks.length; i += 1) {
+  				transition_out(each_blocks[i]);
+  			}
+
+  			if (div8_intro) div8_intro.invalidate();
+  			div8_outro = create_out_transition(div8, fly, { y: -100, duration: 400 });
+  			current = false;
+  		},
+  		d: function destroy(detaching) {
+  			if (detaching) detach_dev(div8);
+
+  			for (let i = 0; i < each_blocks.length; i += 1) {
+  				each_blocks[i].d();
+  			}
+
+  			if (if_block) if_block.d();
+  			/*div8_binding*/ ctx[11](null);
+  			if (detaching && div8_outro) div8_outro.end();
+  			mounted = false;
+  			run_all(dispose);
+  		}
+  	};
+
+  	dispatch_dev("SvelteRegisterBlock", {
+  		block,
+  		id: create_if_block.name,
+  		type: "if",
+  		source: "(77:0) {#if visible}",
+  		ctx
+  	});
+
+  	return block;
+  }
+
+  // (95:12) {#each filteredMatches as tag (tag.id)}
+  function create_each_block(key_1, ctx) {
+  	let div;
+  	let tag;
+  	let t;
+  	let div_intro;
+  	let div_outro;
+  	let rect;
+  	let stop_animation = noop;
+  	let current;
+  	const tag_spread_levels = [/*tag*/ ctx[13]];
+  	let tag_props = {};
+
+  	for (let i = 0; i < tag_spread_levels.length; i += 1) {
+  		tag_props = assign(tag_props, tag_spread_levels[i]);
+  	}
+
+  	tag = new Tag({ props: tag_props, $$inline: true });
+  	tag.$on("remove", /*remove*/ ctx[6]);
+
+  	const block = {
+  		key: key_1,
+  		first: null,
+  		c: function create() {
+  			div = element("div");
+  			create_component(tag.$$.fragment);
+  			t = space();
+  			add_location(div, file$1, 95, 14, 2451);
+  			this.first = div;
+  		},
+  		m: function mount(target, anchor) {
+  			insert_dev(target, div, anchor);
+  			mount_component(tag, div, null);
+  			append_dev(div, t);
+  			current = true;
+  		},
+  		p: function update(new_ctx, dirty) {
+  			ctx = new_ctx;
+
+  			const tag_changes = (dirty & /*filteredMatches*/ 16)
+  			? get_spread_update(tag_spread_levels, [get_spread_object(/*tag*/ ctx[13])])
+  			: {};
+
+  			tag.$set(tag_changes);
+  		},
+  		r: function measure() {
+  			rect = div.getBoundingClientRect();
+  		},
+  		f: function fix() {
+  			fix_position(div);
+  			stop_animation();
+  			add_transform(div, rect);
+  		},
+  		a: function animate() {
+  			stop_animation();
+  			stop_animation = create_animation(div, rect, flip, { duration: 250, easing: quintOut });
+  		},
+  		i: function intro(local) {
+  			if (current) return;
+  			transition_in(tag.$$.fragment, local);
+
+  			add_render_callback(() => {
+  				if (!current) return;
+  				if (div_outro) div_outro.end(1);
+  				div_intro = create_in_transition(div, fade, {});
+  				div_intro.start();
+  			});
+
+  			current = true;
+  		},
+  		o: function outro(local) {
+  			transition_out(tag.$$.fragment, local);
+  			if (div_intro) div_intro.invalidate();
+  			div_outro = create_out_transition(div, fade, {});
+  			current = false;
+  		},
+  		d: function destroy(detaching) {
+  			if (detaching) detach_dev(div);
+  			destroy_component(tag);
+  			if (detaching && div_outro) div_outro.end();
+  		}
+  	};
+
+  	dispatch_dev("SvelteRegisterBlock", {
+  		block,
+  		id: create_each_block.name,
+  		type: "each",
+  		source: "(95:12) {#each filteredMatches as tag (tag.id)}",
+  		ctx
+  	});
+
+  	return block;
+  }
+
+  // (120:14) {#if saving}
+  function create_if_block_1(ctx) {
+  	let div;
+
+  	const block = {
+  		c: function create() {
+  			div = element("div");
+  			attr_dev(div, "class", "lds-dual-ring svelte-9viihb");
+  			add_location(div, file$1, 120, 16, 3167);
+  		},
+  		m: function mount(target, anchor) {
+  			insert_dev(target, div, anchor);
+  		},
+  		d: function destroy(detaching) {
+  			if (detaching) detach_dev(div);
+  		}
+  	};
+
+  	dispatch_dev("SvelteRegisterBlock", {
+  		block,
+  		id: create_if_block_1.name,
+  		type: "if",
+  		source: "(120:14) {#if saving}",
+  		ctx
+  	});
+
+  	return block;
+  }
+
+  function create_fragment$1(ctx) {
+  	let if_block_anchor;
+  	let current;
+  	let if_block = /*visible*/ ctx[1] && create_if_block(ctx);
+
+  	const block = {
+  		c: function create() {
+  			if (if_block) if_block.c();
+  			if_block_anchor = empty();
+  		},
+  		l: function claim(nodes) {
+  			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
+  		},
+  		m: function mount(target, anchor) {
+  			if (if_block) if_block.m(target, anchor);
+  			insert_dev(target, if_block_anchor, anchor);
+  			current = true;
+  		},
+  		p: function update(ctx, [dirty]) {
+  			if (/*visible*/ ctx[1]) {
+  				if (if_block) {
+  					if_block.p(ctx, dirty);
+
+  					if (dirty & /*visible*/ 2) {
+  						transition_in(if_block, 1);
+  					}
+  				} else {
+  					if_block = create_if_block(ctx);
+  					if_block.c();
+  					transition_in(if_block, 1);
+  					if_block.m(if_block_anchor.parentNode, if_block_anchor);
+  				}
+  			} else if (if_block) {
+  				group_outros();
+
+  				transition_out(if_block, 1, 1, () => {
+  					if_block = null;
+  				});
+
+  				check_outros();
+  			}
+  		},
+  		i: function intro(local) {
+  			if (current) return;
+  			transition_in(if_block);
+  			current = true;
+  		},
+  		o: function outro(local) {
+  			transition_out(if_block);
+  			current = false;
+  		},
+  		d: function destroy(detaching) {
+  			if (if_block) if_block.d(detaching);
+  			if (detaching) detach_dev(if_block_anchor);
+  		}
+  	};
+
+  	dispatch_dev("SvelteRegisterBlock", {
+  		block,
+  		id: create_fragment$1.name,
+  		type: "component",
+  		source: "",
+  		ctx
+  	});
+
+  	return block;
+  }
+
+  function instance$1($$self, $$props, $$invalidate) {
+  	let filteredMatches;
+  	let { $$slots: slots = {}, $$scope } = $$props;
+  	validate_slots('TagMatches', slots, []);
+  	let { matches = {} } = $$props;
+  	let { threshold = 0.7 } = $$props;
+  	let visible = false;
+  	let saving = false;
+  	let modal;
+  	let tags;
+
+  	// Convert the incoming matching data to an array with a random id, name, and probability
+  	matches = Object.entries(matches).map(([name, prob]) => ({
+  		id: Math.random().toString(36).substring(7),
+  		name: name.replace(/_/g, " "),
+  		prob
+  	}));
+
+  	onMount(async () => {
+  		// so we see a nice transition
+  		$$invalidate(1, visible = true);
+
+  		tags = await getAllTags();
+  	});
+
+  	async function close() {
+  		// so we see a nice transition
+  		$$invalidate(1, visible = false);
+
+  		setTimeout(
+  			() => {
+  				modal.remove();
+  			},
+  			400
+  		);
+  	}
+
+  	function remove(event) {
+  		const id = event.detail;
+  		$$invalidate(9, matches = matches.filter(x => x.id !== id));
+  	}
+
+  	async function save() {
+  		$$invalidate(2, saving = true);
+  		const [,image_id] = getScenarioAndID();
+  		let existingTags = await getTagsForImage(image_id);
+
+  		for (const tag of filteredMatches) {
+  			let tagLower = tag.name.toLowerCase();
+
+  			// if tag doesn't exist, create it
+  			if (tags[tagLower] === undefined) {
+  				existingTags.push(await createTag(tagLower));
+  			} else if (!existingTags.includes(tags[tagLower])) {
+  				existingTags.push(tags[tagLower]);
+  			}
+  		}
+
+  		await updateImage(image_id, existingTags);
+  		$$invalidate(2, saving = false);
+  		close();
+  		location.reload();
+  	}
+
+  	function changeThreshold() {
+  		localStorage.setItem("stash-readbooru-threshold", threshold);
+  	}
+
+  	const writable_props = ['matches', 'threshold'];
+
+  	Object_1.keys($$props).forEach(key => {
+  		if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console.warn(`<TagMatches> was created with unknown prop '${key}'`);
+  	});
+
+  	function input_change_input_handler() {
+  		threshold = to_number(this.value);
+  		$$invalidate(0, threshold);
+  	}
+
+  	function div8_binding($$value) {
+  		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
+  			modal = $$value;
+  			$$invalidate(3, modal);
+  		});
+  	}
+
+  	$$self.$$set = $$props => {
+  		if ('matches' in $$props) $$invalidate(9, matches = $$props.matches);
+  		if ('threshold' in $$props) $$invalidate(0, threshold = $$props.threshold);
+  	};
+
+  	$$self.$capture_state = () => ({
+  		Tag,
+  		onMount,
+  		fly,
+  		fade,
+  		flip,
+  		quintOut,
+  		createTag,
+  		getAllTags,
+  		getTagsForImage,
+  		updateImage,
+  		getScenarioAndID,
+  		matches,
+  		threshold,
+  		visible,
+  		saving,
+  		modal,
+  		tags,
+  		close,
+  		remove,
+  		save,
+  		changeThreshold,
+  		filteredMatches
+  	});
+
+  	$$self.$inject_state = $$props => {
+  		if ('matches' in $$props) $$invalidate(9, matches = $$props.matches);
+  		if ('threshold' in $$props) $$invalidate(0, threshold = $$props.threshold);
+  		if ('visible' in $$props) $$invalidate(1, visible = $$props.visible);
+  		if ('saving' in $$props) $$invalidate(2, saving = $$props.saving);
+  		if ('modal' in $$props) $$invalidate(3, modal = $$props.modal);
+  		if ('tags' in $$props) tags = $$props.tags;
+  		if ('filteredMatches' in $$props) $$invalidate(4, filteredMatches = $$props.filteredMatches);
+  	};
+
+  	if ($$props && "$$inject" in $$props) {
+  		$$self.$inject_state($$props.$$inject);
+  	}
+
+  	$$self.$$.update = () => {
+  		if ($$self.$$.dirty & /*matches, threshold*/ 513) {
+  			$$invalidate(4, filteredMatches = matches.filter(x => x.prob > threshold));
+  		}
+  	};
+
+  	return [
+  		threshold,
+  		visible,
+  		saving,
+  		modal,
+  		filteredMatches,
+  		close,
+  		remove,
+  		save,
+  		changeThreshold,
+  		matches,
+  		input_change_input_handler,
+  		div8_binding
+  	];
+  }
+
+  class TagMatches extends SvelteComponentDev {
+  	constructor(options) {
+  		super(options);
+  		init(this, options, instance$1, create_fragment$1, safe_not_equal, { matches: 9, threshold: 0 });
+
+  		dispatch_dev("SvelteRegisterComponent", {
+  			component: this,
+  			tagName: "TagMatches",
+  			options,
+  			id: create_fragment$1.name
+  		});
+  	}
+
+  	get matches() {
+  		throw new Error("<TagMatches>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
+  	}
+
+  	set matches(value) {
+  		throw new Error("<TagMatches>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
+  	}
+
+  	get threshold() {
+  		throw new Error("<TagMatches>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
+  	}
+
+  	set threshold(value) {
+  		throw new Error("<TagMatches>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
+  	}
+  }
+
+  var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+  function createCommonjsModule(fn) {
+    var module = { exports: {} };
+  	return fn(module, module.exports), module.exports;
+  }
+
+  /*!
+   * html2canvas 1.4.1 <https://html2canvas.hertzen.com>
+   * Copyright (c) 2022 Niklas von Hertzen <https://hertzen.com>
+   * Released under MIT License
+   */
+
+  var html2canvas = createCommonjsModule(function (module, exports) {
+  (function (global, factory) {
+      module.exports = factory() ;
+  }(commonjsGlobal, (function () {
+      /*! *****************************************************************************
+      Copyright (c) Microsoft Corporation.
+
+      Permission to use, copy, modify, and/or distribute this software for any
+      purpose with or without fee is hereby granted.
+
+      THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+      REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+      AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+      INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+      LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+      OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+      PERFORMANCE OF THIS SOFTWARE.
+      ***************************************************************************** */
+      /* global Reflect, Promise */
+
+      var extendStatics = function(d, b) {
+          extendStatics = Object.setPrototypeOf ||
+              ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+              function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+          return extendStatics(d, b);
+      };
+
+      function __extends(d, b) {
+          if (typeof b !== "function" && b !== null)
+              throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+          extendStatics(d, b);
+          function __() { this.constructor = d; }
+          d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+      }
+
+      var __assign = function() {
+          __assign = Object.assign || function __assign(t) {
+              for (var s, i = 1, n = arguments.length; i < n; i++) {
+                  s = arguments[i];
+                  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+              }
+              return t;
+          };
+          return __assign.apply(this, arguments);
+      };
+
+      function __awaiter(thisArg, _arguments, P, generator) {
+          function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+          return new (P || (P = Promise))(function (resolve, reject) {
+              function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+              function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+              function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+              step((generator = generator.apply(thisArg, _arguments || [])).next());
+          });
+      }
+
+      function __generator(thisArg, body) {
+          var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+          return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+          function verb(n) { return function (v) { return step([n, v]); }; }
+          function step(op) {
+              if (f) throw new TypeError("Generator is already executing.");
+              while (_) try {
+                  if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+                  if (y = 0, t) op = [op[0] & 2, t.value];
+                  switch (op[0]) {
+                      case 0: case 1: t = op; break;
+                      case 4: _.label++; return { value: op[1], done: false };
+                      case 5: _.label++; y = op[1]; op = [0]; continue;
+                      case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                      default:
+                          if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                          if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                          if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                          if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                          if (t[2]) _.ops.pop();
+                          _.trys.pop(); continue;
+                  }
+                  op = body.call(thisArg, _);
+              } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+              if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+          }
+      }
+
+      function __spreadArray(to, from, pack) {
+          if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+              if (ar || !(i in from)) {
+                  if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+                  ar[i] = from[i];
+              }
+          }
+          return to.concat(ar || from);
+      }
+
+      var Bounds = /** @class */ (function () {
+          function Bounds(left, top, width, height) {
+              this.left = left;
+              this.top = top;
+              this.width = width;
+              this.height = height;
+          }
+          Bounds.prototype.add = function (x, y, w, h) {
+              return new Bounds(this.left + x, this.top + y, this.width + w, this.height + h);
+          };
+          Bounds.fromClientRect = function (context, clientRect) {
+              return new Bounds(clientRect.left + context.windowBounds.left, clientRect.top + context.windowBounds.top, clientRect.width, clientRect.height);
+          };
+          Bounds.fromDOMRectList = function (context, domRectList) {
+              var domRect = Array.from(domRectList).find(function (rect) { return rect.width !== 0; });
+              return domRect
+                  ? new Bounds(domRect.left + context.windowBounds.left, domRect.top + context.windowBounds.top, domRect.width, domRect.height)
+                  : Bounds.EMPTY;
+          };
+          Bounds.EMPTY = new Bounds(0, 0, 0, 0);
+          return Bounds;
+      }());
+      var parseBounds = function (context, node) {
+          return Bounds.fromClientRect(context, node.getBoundingClientRect());
+      };
+      var parseDocumentSize = function (document) {
+          var body = document.body;
+          var documentElement = document.documentElement;
+          if (!body || !documentElement) {
+              throw new Error("Unable to get document size");
+          }
+          var width = Math.max(Math.max(body.scrollWidth, documentElement.scrollWidth), Math.max(body.offsetWidth, documentElement.offsetWidth), Math.max(body.clientWidth, documentElement.clientWidth));
+          var height = Math.max(Math.max(body.scrollHeight, documentElement.scrollHeight), Math.max(body.offsetHeight, documentElement.offsetHeight), Math.max(body.clientHeight, documentElement.clientHeight));
+          return new Bounds(0, 0, width, height);
+      };
+
+      /*
+       * css-line-break 2.1.0 <https://github.com/niklasvh/css-line-break#readme>
+       * Copyright (c) 2022 Niklas von Hertzen <https://hertzen.com>
+       * Released under MIT License
+       */
+      var toCodePoints$1 = function (str) {
+          var codePoints = [];
+          var i = 0;
+          var length = str.length;
+          while (i < length) {
+              var value = str.charCodeAt(i++);
+              if (value >= 0xd800 && value <= 0xdbff && i < length) {
+                  var extra = str.charCodeAt(i++);
+                  if ((extra & 0xfc00) === 0xdc00) {
+                      codePoints.push(((value & 0x3ff) << 10) + (extra & 0x3ff) + 0x10000);
+                  }
+                  else {
+                      codePoints.push(value);
+                      i--;
+                  }
+              }
+              else {
+                  codePoints.push(value);
+              }
+          }
+          return codePoints;
+      };
+      var fromCodePoint$1 = function () {
+          var codePoints = [];
+          for (var _i = 0; _i < arguments.length; _i++) {
+              codePoints[_i] = arguments[_i];
+          }
+          if (String.fromCodePoint) {
+              return String.fromCodePoint.apply(String, codePoints);
+          }
+          var length = codePoints.length;
+          if (!length) {
+              return '';
+          }
+          var codeUnits = [];
+          var index = -1;
+          var result = '';
+          while (++index < length) {
+              var codePoint = codePoints[index];
+              if (codePoint <= 0xffff) {
+                  codeUnits.push(codePoint);
+              }
+              else {
+                  codePoint -= 0x10000;
+                  codeUnits.push((codePoint >> 10) + 0xd800, (codePoint % 0x400) + 0xdc00);
+              }
+              if (index + 1 === length || codeUnits.length > 0x4000) {
+                  result += String.fromCharCode.apply(String, codeUnits);
+                  codeUnits.length = 0;
+              }
+          }
+          return result;
+      };
+      var chars$2 = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/';
+      // Use a lookup table to find the index.
+      var lookup$2 = typeof Uint8Array === 'undefined' ? [] : new Uint8Array(256);
+      for (var i$2 = 0; i$2 < chars$2.length; i$2++) {
+          lookup$2[chars$2.charCodeAt(i$2)] = i$2;
+      }
+
+      /*
+       * utrie 1.0.2 <https://github.com/niklasvh/utrie>
+       * Copyright (c) 2022 Niklas von Hertzen <https://hertzen.com>
+       * Released under MIT License
+       */
+      var chars$1$1 = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/';
+      // Use a lookup table to find the index.
+      var lookup$1$1 = typeof Uint8Array === 'undefined' ? [] : new Uint8Array(256);
+      for (var i$1$1 = 0; i$1$1 < chars$1$1.length; i$1$1++) {
+          lookup$1$1[chars$1$1.charCodeAt(i$1$1)] = i$1$1;
+      }
+      var decode$1 = function (base64) {
+          var bufferLength = base64.length * 0.75, len = base64.length, i, p = 0, encoded1, encoded2, encoded3, encoded4;
+          if (base64[base64.length - 1] === '=') {
+              bufferLength--;
+              if (base64[base64.length - 2] === '=') {
+                  bufferLength--;
+              }
+          }
+          var buffer = typeof ArrayBuffer !== 'undefined' &&
+              typeof Uint8Array !== 'undefined' &&
+              typeof Uint8Array.prototype.slice !== 'undefined'
+              ? new ArrayBuffer(bufferLength)
+              : new Array(bufferLength);
+          var bytes = Array.isArray(buffer) ? buffer : new Uint8Array(buffer);
+          for (i = 0; i < len; i += 4) {
+              encoded1 = lookup$1$1[base64.charCodeAt(i)];
+              encoded2 = lookup$1$1[base64.charCodeAt(i + 1)];
+              encoded3 = lookup$1$1[base64.charCodeAt(i + 2)];
+              encoded4 = lookup$1$1[base64.charCodeAt(i + 3)];
+              bytes[p++] = (encoded1 << 2) | (encoded2 >> 4);
+              bytes[p++] = ((encoded2 & 15) << 4) | (encoded3 >> 2);
+              bytes[p++] = ((encoded3 & 3) << 6) | (encoded4 & 63);
+          }
+          return buffer;
+      };
+      var polyUint16Array$1 = function (buffer) {
+          var length = buffer.length;
+          var bytes = [];
+          for (var i = 0; i < length; i += 2) {
+              bytes.push((buffer[i + 1] << 8) | buffer[i]);
+          }
+          return bytes;
+      };
+      var polyUint32Array$1 = function (buffer) {
+          var length = buffer.length;
+          var bytes = [];
+          for (var i = 0; i < length; i += 4) {
+              bytes.push((buffer[i + 3] << 24) | (buffer[i + 2] << 16) | (buffer[i + 1] << 8) | buffer[i]);
+          }
+          return bytes;
+      };
+
+      /** Shift size for getting the index-2 table offset. */
+      var UTRIE2_SHIFT_2$1 = 5;
+      /** Shift size for getting the index-1 table offset. */
+      var UTRIE2_SHIFT_1$1 = 6 + 5;
+      /**
+       * Shift size for shifting left the index array values.
+       * Increases possible data size with 16-bit index values at the cost
+       * of compactability.
+       * This requires data blocks to be aligned by UTRIE2_DATA_GRANULARITY.
+       */
+      var UTRIE2_INDEX_SHIFT$1 = 2;
+      /**
+       * Difference between the two shift sizes,
+       * for getting an index-1 offset from an index-2 offset. 6=11-5
+       */
+      var UTRIE2_SHIFT_1_2$1 = UTRIE2_SHIFT_1$1 - UTRIE2_SHIFT_2$1;
+      /**
+       * The part of the index-2 table for U+D800..U+DBFF stores values for
+       * lead surrogate code _units_ not code _points_.
+       * Values for lead surrogate code _points_ are indexed with this portion of the table.
+       * Length=32=0x20=0x400>>UTRIE2_SHIFT_2. (There are 1024=0x400 lead surrogates.)
+       */
+      var UTRIE2_LSCP_INDEX_2_OFFSET$1 = 0x10000 >> UTRIE2_SHIFT_2$1;
+      /** Number of entries in a data block. 32=0x20 */
+      var UTRIE2_DATA_BLOCK_LENGTH$1 = 1 << UTRIE2_SHIFT_2$1;
+      /** Mask for getting the lower bits for the in-data-block offset. */
+      var UTRIE2_DATA_MASK$1 = UTRIE2_DATA_BLOCK_LENGTH$1 - 1;
+      var UTRIE2_LSCP_INDEX_2_LENGTH$1 = 0x400 >> UTRIE2_SHIFT_2$1;
+      /** Count the lengths of both BMP pieces. 2080=0x820 */
+      var UTRIE2_INDEX_2_BMP_LENGTH$1 = UTRIE2_LSCP_INDEX_2_OFFSET$1 + UTRIE2_LSCP_INDEX_2_LENGTH$1;
+      /**
+       * The 2-byte UTF-8 version of the index-2 table follows at offset 2080=0x820.
+       * Length 32=0x20 for lead bytes C0..DF, regardless of UTRIE2_SHIFT_2.
+       */
+      var UTRIE2_UTF8_2B_INDEX_2_OFFSET$1 = UTRIE2_INDEX_2_BMP_LENGTH$1;
+      var UTRIE2_UTF8_2B_INDEX_2_LENGTH$1 = 0x800 >> 6; /* U+0800 is the first code point after 2-byte UTF-8 */
+      /**
+       * The index-1 table, only used for supplementary code points, at offset 2112=0x840.
+       * Variable length, for code points up to highStart, where the last single-value range starts.
+       * Maximum length 512=0x200=0x100000>>UTRIE2_SHIFT_1.
+       * (For 0x100000 supplementary code points U+10000..U+10ffff.)
+       *
+       * The part of the index-2 table for supplementary code points starts
+       * after this index-1 table.
+       *
+       * Both the index-1 table and the following part of the index-2 table
+       * are omitted completely if there is only BMP data.
+       */
+      var UTRIE2_INDEX_1_OFFSET$1 = UTRIE2_UTF8_2B_INDEX_2_OFFSET$1 + UTRIE2_UTF8_2B_INDEX_2_LENGTH$1;
+      /**
+       * Number of index-1 entries for the BMP. 32=0x20
+       * This part of the index-1 table is omitted from the serialized form.
+       */
+      var UTRIE2_OMITTED_BMP_INDEX_1_LENGTH$1 = 0x10000 >> UTRIE2_SHIFT_1$1;
+      /** Number of entries in an index-2 block. 64=0x40 */
+      var UTRIE2_INDEX_2_BLOCK_LENGTH$1 = 1 << UTRIE2_SHIFT_1_2$1;
+      /** Mask for getting the lower bits for the in-index-2-block offset. */
+      var UTRIE2_INDEX_2_MASK$1 = UTRIE2_INDEX_2_BLOCK_LENGTH$1 - 1;
+      var slice16$1 = function (view, start, end) {
+          if (view.slice) {
+              return view.slice(start, end);
+          }
+          return new Uint16Array(Array.prototype.slice.call(view, start, end));
+      };
+      var slice32$1 = function (view, start, end) {
+          if (view.slice) {
+              return view.slice(start, end);
+          }
+          return new Uint32Array(Array.prototype.slice.call(view, start, end));
+      };
+      var createTrieFromBase64$1 = function (base64, _byteLength) {
+          var buffer = decode$1(base64);
+          var view32 = Array.isArray(buffer) ? polyUint32Array$1(buffer) : new Uint32Array(buffer);
+          var view16 = Array.isArray(buffer) ? polyUint16Array$1(buffer) : new Uint16Array(buffer);
+          var headerLength = 24;
+          var index = slice16$1(view16, headerLength / 2, view32[4] / 2);
+          var data = view32[5] === 2
+              ? slice16$1(view16, (headerLength + view32[4]) / 2)
+              : slice32$1(view32, Math.ceil((headerLength + view32[4]) / 4));
+          return new Trie$1(view32[0], view32[1], view32[2], view32[3], index, data);
+      };
+      var Trie$1 = /** @class */ (function () {
+          function Trie(initialValue, errorValue, highStart, highValueIndex, index, data) {
+              this.initialValue = initialValue;
+              this.errorValue = errorValue;
+              this.highStart = highStart;
+              this.highValueIndex = highValueIndex;
+              this.index = index;
+              this.data = data;
+          }
+          /**
+           * Get the value for a code point as stored in the Trie.
+           *
+           * @param codePoint the code point
+           * @return the value
+           */
+          Trie.prototype.get = function (codePoint) {
+              var ix;
+              if (codePoint >= 0) {
+                  if (codePoint < 0x0d800 || (codePoint > 0x0dbff && codePoint <= 0x0ffff)) {
+                      // Ordinary BMP code point, excluding leading surrogates.
+                      // BMP uses a single level lookup.  BMP index starts at offset 0 in the Trie2 index.
+                      // 16 bit data is stored in the index array itself.
+                      ix = this.index[codePoint >> UTRIE2_SHIFT_2$1];
+                      ix = (ix << UTRIE2_INDEX_SHIFT$1) + (codePoint & UTRIE2_DATA_MASK$1);
+                      return this.data[ix];
+                  }
+                  if (codePoint <= 0xffff) {
+                      // Lead Surrogate Code Point.  A Separate index section is stored for
+                      // lead surrogate code units and code points.
+                      //   The main index has the code unit data.
+                      //   For this function, we need the code point data.
+                      // Note: this expression could be refactored for slightly improved efficiency, but
+                      //       surrogate code points will be so rare in practice that it's not worth it.
+                      ix = this.index[UTRIE2_LSCP_INDEX_2_OFFSET$1 + ((codePoint - 0xd800) >> UTRIE2_SHIFT_2$1)];
+                      ix = (ix << UTRIE2_INDEX_SHIFT$1) + (codePoint & UTRIE2_DATA_MASK$1);
+                      return this.data[ix];
+                  }
+                  if (codePoint < this.highStart) {
+                      // Supplemental code point, use two-level lookup.
+                      ix = UTRIE2_INDEX_1_OFFSET$1 - UTRIE2_OMITTED_BMP_INDEX_1_LENGTH$1 + (codePoint >> UTRIE2_SHIFT_1$1);
+                      ix = this.index[ix];
+                      ix += (codePoint >> UTRIE2_SHIFT_2$1) & UTRIE2_INDEX_2_MASK$1;
+                      ix = this.index[ix];
+                      ix = (ix << UTRIE2_INDEX_SHIFT$1) + (codePoint & UTRIE2_DATA_MASK$1);
+                      return this.data[ix];
+                  }
+                  if (codePoint <= 0x10ffff) {
+                      return this.data[this.highValueIndex];
+                  }
+              }
+              // Fall through.  The code point is outside of the legal range of 0..0x10ffff.
+              return this.errorValue;
+          };
+          return Trie;
+      }());
+
+      /*
+       * base64-arraybuffer 1.0.2 <https://github.com/niklasvh/base64-arraybuffer>
+       * Copyright (c) 2022 Niklas von Hertzen <https://hertzen.com>
+       * Released under MIT License
+       */
+      var chars$3 = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/';
+      // Use a lookup table to find the index.
+      var lookup$3 = typeof Uint8Array === 'undefined' ? [] : new Uint8Array(256);
+      for (var i$3 = 0; i$3 < chars$3.length; i$3++) {
+          lookup$3[chars$3.charCodeAt(i$3)] = i$3;
+      }
+
+      var base64$1 = 'KwAAAAAAAAAACA4AUD0AADAgAAACAAAAAAAIABAAGABAAEgAUABYAGAAaABgAGgAYgBqAF8AZwBgAGgAcQB5AHUAfQCFAI0AlQCdAKIAqgCyALoAYABoAGAAaABgAGgAwgDKAGAAaADGAM4A0wDbAOEA6QDxAPkAAQEJAQ8BFwF1AH0AHAEkASwBNAE6AUIBQQFJAVEBWQFhAWgBcAF4ATAAgAGGAY4BlQGXAZ8BpwGvAbUBvQHFAc0B0wHbAeMB6wHxAfkBAQIJAvEBEQIZAiECKQIxAjgCQAJGAk4CVgJeAmQCbAJ0AnwCgQKJApECmQKgAqgCsAK4ArwCxAIwAMwC0wLbAjAA4wLrAvMC+AIAAwcDDwMwABcDHQMlAy0DNQN1AD0DQQNJA0kDSQNRA1EDVwNZA1kDdQB1AGEDdQBpA20DdQN1AHsDdQCBA4kDkQN1AHUAmQOhA3UAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AKYDrgN1AHUAtgO+A8YDzgPWAxcD3gPjA+sD8wN1AHUA+wMDBAkEdQANBBUEHQQlBCoEFwMyBDgEYABABBcDSARQBFgEYARoBDAAcAQzAXgEgASIBJAEdQCXBHUAnwSnBK4EtgS6BMIEyAR1AHUAdQB1AHUAdQCVANAEYABgAGAAYABgAGAAYABgANgEYADcBOQEYADsBPQE/AQEBQwFFAUcBSQFLAU0BWQEPAVEBUsFUwVbBWAAYgVgAGoFcgV6BYIFigWRBWAAmQWfBaYFYABgAGAAYABgAKoFYACxBbAFuQW6BcEFwQXHBcEFwQXPBdMF2wXjBeoF8gX6BQIGCgYSBhoGIgYqBjIGOgZgAD4GRgZMBmAAUwZaBmAAYABgAGAAYABgAGAAYABgAGAAYABgAGIGYABpBnAGYABgAGAAYABgAGAAYABgAGAAYAB4Bn8GhQZgAGAAYAB1AHcDFQSLBmAAYABgAJMGdQA9A3UAmwajBqsGqwaVALMGuwbDBjAAywbSBtIG1QbSBtIG0gbSBtIG0gbdBuMG6wbzBvsGAwcLBxMHAwcbByMHJwcsBywHMQcsB9IGOAdAB0gHTgfSBkgHVgfSBtIG0gbSBtIG0gbSBtIG0gbSBiwHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAdgAGAALAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAdbB2MHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsB2kH0gZwB64EdQB1AHUAdQB1AHUAdQB1AHUHfQdgAIUHjQd1AHUAlQedB2AAYAClB6sHYACzB7YHvgfGB3UAzgfWBzMB3gfmB1EB7gf1B/0HlQENAQUIDQh1ABUIHQglCBcDLQg1CD0IRQhNCEEDUwh1AHUAdQBbCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIcAh3CHoIMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwAIIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIgggwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAALAcsBywHLAcsBywHLAcsBywHLAcsB4oILAcsB44I0gaWCJ4Ipgh1AHUAqgiyCHUAdQB1AHUAdQB1AHUAdQB1AHUAtwh8AXUAvwh1AMUIyQjRCNkI4AjoCHUAdQB1AO4I9gj+CAYJDgkTCS0HGwkjCYIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIggiAAIAAAAFAAYABgAGIAXwBgAHEAdQBFAJUAogCyAKAAYABgAEIA4ABGANMA4QDxAMEBDwE1AFwBLAE6AQEBUQF4QkhCmEKoQrhCgAHIQsAB0MLAAcABwAHAAeDC6ABoAHDCwMMAAcABwAHAAdDDGMMAAcAB6MM4wwjDWMNow3jDaABoAGgAaABoAGgAaABoAGgAaABoAGgAaABoAGgAaABoAGgAaABoAEjDqABWw6bDqABpg6gAaABoAHcDvwOPA+gAaABfA/8DvwO/A78DvwO/A78DvwO/A78DvwO/A78DvwO/A78DvwO/A78DvwO/A78DvwO/A78DvwO/A78DpcPAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcAB9cPKwkyCToJMAB1AHUAdQBCCUoJTQl1AFUJXAljCWcJawkwADAAMAAwAHMJdQB2CX4JdQCECYoJjgmWCXUAngkwAGAAYABxAHUApgn3A64JtAl1ALkJdQDACTAAMAAwADAAdQB1AHUAdQB1AHUAdQB1AHUAowYNBMUIMAAwADAAMADICcsJ0wnZCRUE4QkwAOkJ8An4CTAAMAB1AAAKvwh1AAgKDwoXCh8KdQAwACcKLgp1ADYKqAmICT4KRgowADAAdQB1AE4KMAB1AFYKdQBeCnUAZQowADAAMAAwADAAMAAwADAAMAAVBHUAbQowADAAdQC5CXUKMAAwAHwBxAijBogEMgF9CoQKiASMCpQKmgqIBKIKqgquCogEDQG2Cr4KxgrLCjAAMADTCtsKCgHjCusK8Qr5CgELMAAwADAAMAB1AIsECQsRC3UANAEZCzAAMAAwADAAMAB1ACELKQswAHUANAExCzkLdQBBC0kLMABRC1kLMAAwADAAMAAwADAAdQBhCzAAMAAwAGAAYABpC3ELdwt/CzAAMACHC4sLkwubC58Lpwt1AK4Ltgt1APsDMAAwADAAMAAwADAAMAAwAL4LwwvLC9IL1wvdCzAAMADlC+kL8Qv5C/8LSQswADAAMAAwADAAMAAwADAAMAAHDDAAMAAwADAAMAAODBYMHgx1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1ACYMMAAwADAAdQB1AHUALgx1AHUAdQB1AHUAdQA2DDAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwAHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AD4MdQBGDHUAdQB1AHUAdQB1AEkMdQB1AHUAdQB1AFAMMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwAHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQBYDHUAdQB1AF8MMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAB1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AHUA+wMVBGcMMAAwAHwBbwx1AHcMfwyHDI8MMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAYABgAJcMMAAwADAAdQB1AJ8MlQClDDAAMACtDCwHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsB7UMLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHdQB1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AA0EMAC9DDAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAsBywHLAcsBywHLAcsBywHLQcwAMEMyAwsBywHLAcsBywHLAcsBywHLAcsBywHzAwwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwAHUAdQB1ANQM2QzhDDAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMABgAGAAYABgAGAAYABgAOkMYADxDGAA+AwADQYNYABhCWAAYAAODTAAMAAwADAAFg1gAGAAHg37AzAAMAAwADAAYABgACYNYAAsDTQNPA1gAEMNPg1LDWAAYABgAGAAYABgAGAAYABgAGAAUg1aDYsGVglhDV0NcQBnDW0NdQ15DWAAYABgAGAAYABgAGAAYABgAGAAYABgAGAAYABgAGAAlQCBDZUAiA2PDZcNMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAnw2nDTAAMAAwADAAMAAwAHUArw23DTAAMAAwADAAMAAwADAAMAAwADAAMAB1AL8NMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAB1AHUAdQB1AHUAdQDHDTAAYABgAM8NMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAA1w11ANwNMAAwAD0B5A0wADAAMAAwADAAMADsDfQN/A0EDgwOFA4wABsOMAAwADAAMAAwADAAMAAwANIG0gbSBtIG0gbSBtIG0gYjDigOwQUuDsEFMw7SBjoO0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIGQg5KDlIOVg7SBtIGXg5lDm0OdQ7SBtIGfQ6EDooOjQ6UDtIGmg6hDtIG0gaoDqwO0ga0DrwO0gZgAGAAYADEDmAAYAAkBtIGzA5gANIOYADaDokO0gbSBt8O5w7SBu8O0gb1DvwO0gZgAGAAxA7SBtIG0gbSBtIGYABgAGAAYAAED2AAsAUMD9IG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIGFA8sBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAccD9IGLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHJA8sBywHLAcsBywHLAccDywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywPLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAc0D9IG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIGLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAccD9IG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIGFA8sBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHPA/SBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gYUD0QPlQCVAJUAMAAwADAAMACVAJUAlQCVAJUAlQCVAEwPMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAA//8EAAQABAAEAAQABAAEAAQABAANAAMAAQABAAIABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQACgATABcAHgAbABoAHgAXABYAEgAeABsAGAAPABgAHABLAEsASwBLAEsASwBLAEsASwBLABgAGAAeAB4AHgATAB4AUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQABYAGwASAB4AHgAeAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAWAA0AEQAeAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAAQABAAEAAQABAAFAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAJABYAGgAbABsAGwAeAB0AHQAeAE8AFwAeAA0AHgAeABoAGwBPAE8ADgBQAB0AHQAdAE8ATwAXAE8ATwBPABYAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAB0AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAdAFAAUABQAFAAUABQAFAAUAAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAFAAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAeAB4AHgAeAFAATwBAAE8ATwBPAEAATwBQAFAATwBQAB4AHgAeAB4AHgAeAB0AHQAdAB0AHgAdAB4ADgBQAFAAUABQAFAAHgAeAB4AHgAeAB4AHgBQAB4AUAAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4ABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAJAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAkACQAJAAkACQAJAAkABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAeAB4AHgAeAFAAHgAeAB4AKwArAFAAUABQAFAAGABQACsAKwArACsAHgAeAFAAHgBQAFAAUAArAFAAKwAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4ABAAEAAQABAAEAAQABAAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAUAAeAB4AHgAeAB4AHgBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAYAA0AKwArAB4AHgAbACsABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQADQAEAB4ABAAEAB4ABAAEABMABAArACsAKwArACsAKwArACsAVgBWAFYAVgBWAFYAVgBWAFYAVgBWAFYAVgBWAFYAVgBWAFYAVgBWAFYAVgBWAFYAVgBWAFYAKwArACsAKwBWAFYAVgBWAB4AHgArACsAKwArACsAKwArACsAKwArACsAHgAeAB4AHgAeAB4AHgAeAB4AGgAaABoAGAAYAB4AHgAEAAQABAAEAAQABAAEAAQABAAEAAQAEwAEACsAEwATAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABABLAEsASwBLAEsASwBLAEsASwBLABoAGQAZAB4AUABQAAQAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQABMAUAAEAAQABAAEAAQABAAEAB4AHgAEAAQABAAEAAQABABQAFAABAAEAB4ABAAEAAQABABQAFAASwBLAEsASwBLAEsASwBLAEsASwBQAFAAUAAeAB4AUAAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwAeAFAABABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAEAAQABAAEAAQABAAEAAQABAAEAFAAKwArACsAKwArACsAKwArACsAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAEAAQABAAEAAQABAAEAAQAUABQAB4AHgAYABMAUAArACsABAAbABsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAFAABAAEAAQABAAEAFAABAAEAAQAUAAEAAQABAAEAAQAKwArAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAArACsAHgArAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAKwArACsAKwArACsAKwArAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAB4ABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQABAAEAFAABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQAUAAEAAQABAAEAAQABAAEAFAAUABQAFAAUABQAFAAUABQAFAABAAEAA0ADQBLAEsASwBLAEsASwBLAEsASwBLAB4AUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAArAFAAUABQAFAAUABQAFAAUAArACsAUABQACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAFAAUABQACsAUAArACsAKwBQAFAAUABQACsAKwAEAFAABAAEAAQABAAEAAQABAArACsABAAEACsAKwAEAAQABABQACsAKwArACsAKwArACsAKwAEACsAKwArACsAUABQACsAUABQAFAABAAEACsAKwBLAEsASwBLAEsASwBLAEsASwBLAFAAUAAaABoAUABQAFAAUABQAEwAHgAbAFAAHgAEACsAKwAEAAQABAArAFAAUABQAFAAUABQACsAKwArACsAUABQACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAFAAUABQACsAUABQACsAUABQACsAUABQACsAKwAEACsABAAEAAQABAAEACsAKwArACsABAAEACsAKwAEAAQABAArACsAKwAEACsAKwArACsAKwArACsAUABQAFAAUAArAFAAKwArACsAKwArACsAKwBLAEsASwBLAEsASwBLAEsASwBLAAQABABQAFAAUAAEAB4AKwArACsAKwArACsAKwArACsAKwAEAAQABAArAFAAUABQAFAAUABQAFAAUABQACsAUABQAFAAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAFAAUABQACsAUABQACsAUABQAFAAUABQACsAKwAEAFAABAAEAAQABAAEAAQABAAEACsABAAEAAQAKwAEAAQABAArACsAUAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwBQAFAABAAEACsAKwBLAEsASwBLAEsASwBLAEsASwBLAB4AGwArACsAKwArACsAKwArAFAABAAEAAQABAAEAAQAKwAEAAQABAArAFAAUABQAFAAUABQAFAAUAArACsAUABQACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQABAAEAAQABAArACsABAAEACsAKwAEAAQABAArACsAKwArACsAKwArAAQABAAEACsAKwArACsAUABQACsAUABQAFAABAAEACsAKwBLAEsASwBLAEsASwBLAEsASwBLAB4AUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArAAQAUAArAFAAUABQAFAAUABQACsAKwArAFAAUABQACsAUABQAFAAUAArACsAKwBQAFAAKwBQACsAUABQACsAKwArAFAAUAArACsAKwBQAFAAUAArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArAAQABAAEAAQABAArACsAKwAEAAQABAArAAQABAAEAAQAKwArAFAAKwArACsAKwArACsABAArACsAKwArACsAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAUABQAFAAHgAeAB4AHgAeAB4AGwAeACsAKwArACsAKwAEAAQABAAEAAQAUABQAFAAUABQAFAAUABQACsAUABQAFAAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAUAAEAAQABAAEAAQABAAEACsABAAEAAQAKwAEAAQABAAEACsAKwArACsAKwArACsABAAEACsAUABQAFAAKwArACsAKwArAFAAUAAEAAQAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsAKwAOAFAAUABQAFAAUABQAFAAHgBQAAQABAAEAA4AUABQAFAAUABQAFAAUABQACsAUABQAFAAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArAFAAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAFAAKwArAAQAUAAEAAQABAAEAAQABAAEACsABAAEAAQAKwAEAAQABAAEACsAKwArACsAKwArACsABAAEACsAKwArACsAKwArACsAUAArAFAAUAAEAAQAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwBQAFAAKwArACsAKwArACsAKwArACsAKwArACsAKwAEAAQABAAEAFAAUABQAFAAUABQAFAAUABQACsAUABQAFAAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAEAFAABAAEAAQABAAEAAQABAArAAQABAAEACsABAAEAAQABABQAB4AKwArACsAKwBQAFAAUAAEAFAAUABQAFAAUABQAFAAUABQAFAABAAEACsAKwBLAEsASwBLAEsASwBLAEsASwBLAFAAUABQAFAAUABQAFAAUABQABoAUABQAFAAUABQAFAAKwAEAAQABAArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArAFAAUABQAFAAUABQAFAAUABQACsAUAArACsAUABQAFAAUABQAFAAUAArACsAKwAEACsAKwArACsABAAEAAQABAAEAAQAKwAEACsABAAEAAQABAAEAAQABAAEACsAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArAAQABAAeACsAKwArACsAKwArACsAKwArACsAKwArAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXAAqAFwAXAAqACoAKgAqACoAKgAqACsAKwArACsAGwBcAFwAXABcAFwAXABcACoAKgAqACoAKgAqACoAKgAeAEsASwBLAEsASwBLAEsASwBLAEsADQANACsAKwArACsAKwBcAFwAKwBcACsAXABcAFwAXABcACsAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcACsAXAArAFwAXABcAFwAXABcAFwAXABcAFwAKgBcAFwAKgAqACoAKgAqACoAKgAqACoAXAArACsAXABcAFwAXABcACsAXAArACoAKgAqACoAKgAqACsAKwBLAEsASwBLAEsASwBLAEsASwBLACsAKwBcAFwAXABcAFAADgAOAA4ADgAeAA4ADgAJAA4ADgANAAkAEwATABMAEwATAAkAHgATAB4AHgAeAAQABAAeAB4AHgAeAB4AHgBLAEsASwBLAEsASwBLAEsASwBLAFAAUABQAFAAUABQAFAAUABQAFAADQAEAB4ABAAeAAQAFgARABYAEQAEAAQAUABQAFAAUABQAFAAUABQACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAKwAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQADQAEAAQABAAEAAQADQAEAAQAUABQAFAAUABQAAQABAAEAAQABAAEAAQABAAEAAQABAArAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAArAA0ADQAeAB4AHgAeAB4AHgAEAB4AHgAeAB4AHgAeACsAHgAeAA4ADgANAA4AHgAeAB4AHgAeAAkACQArACsAKwArACsAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgBcAEsASwBLAEsASwBLAEsASwBLAEsADQANAB4AHgAeAB4AXABcAFwAXABcAFwAKgAqACoAKgBcAFwAXABcACoAKgAqAFwAKgAqACoAXABcACoAKgAqACoAKgAqACoAXABcAFwAKgAqACoAKgBcAFwAXABcAFwAXABcAFwAXABcAFwAXABcACoAKgAqACoAKgAqACoAKgAqACoAKgAqAFwAKgBLAEsASwBLAEsASwBLAEsASwBLACoAKgAqACoAKgAqAFAAUABQAFAAUABQACsAUAArACsAKwArACsAUAArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAHgBQAFAAUABQAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABZAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBZAFkAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFAAUABQAFAAUABQAFAAUABQACsAUABQAFAAUAArACsAUABQAFAAUABQAFAAUAArAFAAKwBQAFAAUABQACsAKwBQAFAAUABQAFAAUABQAFAAUAArAFAAUABQAFAAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArAFAAUABQAFAAKwArAFAAUABQAFAAUABQAFAAKwBQACsAUABQAFAAUAArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAUABQACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsABAAEAAQAHgANAB4AHgAeAB4AHgAeAB4AUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAHgAeAB4AHgAeAB4AHgAeAB4AHgArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwBQAFAAUABQAFAAUAArACsADQBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAHgAeAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAANAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAWABEAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAA0ADQANAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAAQABAAEACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAANAA0AKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAEACsAKwArACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAUAArAAQABAArACsAKwArACsAKwArACsAKwArACsAKwBcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqAA0ADQAVAFwADQAeAA0AGwBcACoAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwAeAB4AEwATAA0ADQAOAB4AEwATAB4ABAAEAAQACQArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArAFAAUABQAFAAUAAEAAQAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQAUAArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwAEAAQABAAEAAQABAAEAAQABAAEAAQABAArACsAKwArAAQABAAEAAQABAAEAAQABAAEAAQABAAEACsAKwArACsAHgArACsAKwATABMASwBLAEsASwBLAEsASwBLAEsASwBcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXAArACsAXABcAFwAXABcACsAKwArACsAKwArACsAKwArACsAKwBcAFwAXABcAFwAXABcAFwAXABcAFwAXAArACsAKwArAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcACsAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAXAArACsAKwAqACoAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQABAAEAAQABAArACsAHgAeAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcACoAKgAqACoAKgAqACoAKgAqACoAKwAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKwArAAQASwBLAEsASwBLAEsASwBLAEsASwArACsAKwArACsAKwBLAEsASwBLAEsASwBLAEsASwBLACsAKwArACsAKwArACoAKgAqACoAKgAqACoAXAAqACoAKgAqACoAKgArACsABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsABAAEAAQABAAEAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQABAAEAAQABABQAFAAUABQAFAAUABQACsAKwArACsASwBLAEsASwBLAEsASwBLAEsASwANAA0AHgANAA0ADQANAB4AHgAeAB4AHgAeAB4AHgAeAB4ABAAEAAQABAAEAAQABAAEAAQAHgAeAB4AHgAeAB4AHgAeAB4AKwArACsABAAEAAQAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAEAAQABAAEAAQABAAEAAQABAAEAAQABABQAFAASwBLAEsASwBLAEsASwBLAEsASwBQAFAAUABQAFAAUABQAFAABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEACsAKwArACsAKwArACsAKwAeAB4AHgAeAFAAUABQAFAABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEACsAKwArAA0ADQANAA0ADQBLAEsASwBLAEsASwBLAEsASwBLACsAKwArAFAAUABQAEsASwBLAEsASwBLAEsASwBLAEsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAA0ADQBQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwBQAFAAUAAeAB4AHgAeAB4AHgAeAB4AKwArACsAKwArACsAKwArAAQABAAEAB4ABAAEAAQABAAEAAQABAAEAAQABAAEAAQABABQAFAAUABQAAQAUABQAFAAUABQAFAABABQAFAABAAEAAQAUAArACsAKwArACsABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEACsABAAEAAQABAAEAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwArAFAAUABQAFAAUABQACsAKwBQAFAAUABQAFAAUABQAFAAKwBQACsAUAArAFAAKwAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeACsAKwAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgArAB4AHgAeAB4AHgAeAB4AHgBQAB4AHgAeAFAAUABQACsAHgAeAB4AHgAeAB4AHgAeAB4AHgBQAFAAUABQACsAKwAeAB4AHgAeAB4AHgArAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwArAFAAUABQACsAHgAeAB4AHgAeAB4AHgAOAB4AKwANAA0ADQANAA0ADQANAAkADQANAA0ACAAEAAsABAAEAA0ACQANAA0ADAAdAB0AHgAXABcAFgAXABcAFwAWABcAHQAdAB4AHgAUABQAFAANAAEAAQAEAAQABAAEAAQACQAaABoAGgAaABoAGgAaABoAHgAXABcAHQAVABUAHgAeAB4AHgAeAB4AGAAWABEAFQAVABUAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4ADQAeAA0ADQANAA0AHgANAA0ADQAHAB4AHgAeAB4AKwAEAAQABAAEAAQABAAEAAQABAAEAFAAUAArACsATwBQAFAAUABQAFAAHgAeAB4AFgARAE8AUABPAE8ATwBPAFAAUABQAFAAUAAeAB4AHgAWABEAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArABsAGwAbABsAGwAbABsAGgAbABsAGwAbABsAGwAbABsAGwAbABsAGwAbABsAGgAbABsAGwAbABoAGwAbABoAGwAbABsAGwAbABsAGwAbABsAGwAbABsAGwAbABsAGwAbAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQAHgAeAFAAGgAeAB0AHgBQAB4AGgAeAB4AHgAeAB4AHgAeAB4AHgBPAB4AUAAbAB4AHgBQAFAAUABQAFAAHgAeAB4AHQAdAB4AUAAeAFAAHgBQAB4AUABPAFAAUAAeAB4AHgAeAB4AHgAeAFAAUABQAFAAUAAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAFAAHgBQAFAAUABQAE8ATwBQAFAAUABQAFAATwBQAFAATwBQAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAFAAUABQAFAATwBPAE8ATwBPAE8ATwBPAE8ATwBQAFAAUABQAFAAUABQAFAAUAAeAB4AUABQAFAAUABPAB4AHgArACsAKwArAB0AHQAdAB0AHQAdAB0AHQAdAB0AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB0AHgAdAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAdAB4AHQAdAB4AHgAeAB0AHQAeAB4AHQAeAB4AHgAdAB4AHQAbABsAHgAdAB4AHgAeAB4AHQAeAB4AHQAdAB0AHQAeAB4AHQAeAB0AHgAdAB0AHQAdAB0AHQAeAB0AHgAeAB4AHgAeAB0AHQAdAB0AHgAeAB4AHgAdAB0AHgAeAB4AHgAeAB4AHgAeAB4AHgAdAB4AHgAeAB0AHgAeAB4AHgAeAB0AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAdAB0AHgAeAB0AHQAdAB0AHgAeAB0AHQAeAB4AHQAdAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB0AHQAeAB4AHQAdAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHQAeAB4AHgAdAB4AHgAeAB4AHgAeAB4AHQAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB0AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AFAAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeABYAEQAWABEAHgAeAB4AHgAeAB4AHQAeAB4AHgAeAB4AHgAeACUAJQAeAB4AHgAeAB4AHgAeAB4AHgAWABEAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AJQAlACUAJQAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAFAAHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHgAeAB4AHgAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAeAB4AHQAdAB0AHQAeAB4AHgAeAB4AHgAeAB4AHgAeAB0AHQAeAB0AHQAdAB0AHQAdAB0AHgAeAB4AHgAeAB4AHgAeAB0AHQAeAB4AHQAdAB4AHgAeAB4AHQAdAB4AHgAeAB4AHQAdAB0AHgAeAB0AHgAeAB0AHQAdAB0AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAdAB0AHQAdAB4AHgAeAB4AHgAeAB4AHgAeAB0AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAlACUAJQAlAB4AHQAdAB4AHgAdAB4AHgAeAB4AHQAdAB4AHgAeAB4AJQAlAB0AHQAlAB4AJQAlACUAIAAlACUAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAlACUAJQAeAB4AHgAeAB0AHgAdAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAdAB0AHgAdAB0AHQAeAB0AJQAdAB0AHgAdAB0AHgAdAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeACUAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHQAdAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAlACUAJQAlACUAJQAlACUAJQAlACUAJQAdAB0AHQAdACUAHgAlACUAJQAdACUAJQAdAB0AHQAlACUAHQAdACUAHQAdACUAJQAlAB4AHQAeAB4AHgAeAB0AHQAlAB0AHQAdAB0AHQAdACUAJQAlACUAJQAdACUAJQAgACUAHQAdACUAJQAlACUAJQAlACUAJQAeAB4AHgAlACUAIAAgACAAIAAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB0AHgAeAB4AFwAXABcAFwAXABcAHgATABMAJQAeAB4AHgAWABEAFgARABYAEQAWABEAFgARABYAEQAWABEATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeABYAEQAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAWABEAFgARABYAEQAWABEAFgARAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AFgARABYAEQAWABEAFgARABYAEQAWABEAFgARABYAEQAWABEAFgARABYAEQAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAWABEAFgARAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AFgARAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAdAB0AHQAdAB0AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgArACsAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AUABQAFAAUAAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAEAAQABAAeAB4AKwArACsAKwArABMADQANAA0AUAATAA0AUABQAFAAUABQAFAAUABQACsAKwArACsAKwArACsAUAANACsAKwArACsAKwArACsAKwArACsAKwArACsAKwAEAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQACsAUABQAFAAUABQAFAAUAArAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAFAAUABQACsAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXAA0ADQANAA0ADQANAA0ADQAeAA0AFgANAB4AHgAXABcAHgAeABcAFwAWABEAFgARABYAEQAWABEADQANAA0ADQATAFAADQANAB4ADQANAB4AHgAeAB4AHgAMAAwADQANAA0AHgANAA0AFgANAA0ADQANAA0ADQANAA0AHgANAB4ADQANAB4AHgAeACsAKwArACsAKwArACsAKwArACsAKwArACsAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACsAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAKwArACsAKwArACsAKwArACsAKwArACsAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwAlACUAJQAlACUAJQAlACUAJQAlACUAJQArACsAKwArAA0AEQARACUAJQBHAFcAVwAWABEAFgARABYAEQAWABEAFgARACUAJQAWABEAFgARABYAEQAWABEAFQAWABEAEQAlAFcAVwBXAFcAVwBXAFcAVwBXAAQABAAEAAQABAAEACUAVwBXAFcAVwA2ACUAJQBXAFcAVwBHAEcAJQAlACUAKwBRAFcAUQBXAFEAVwBRAFcAUQBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFEAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBRAFcAUQBXAFEAVwBXAFcAVwBXAFcAUQBXAFcAVwBXAFcAVwBRAFEAKwArAAQABAAVABUARwBHAFcAFQBRAFcAUQBXAFEAVwBRAFcAUQBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFEAVwBRAFcAUQBXAFcAVwBXAFcAVwBRAFcAVwBXAFcAVwBXAFEAUQBXAFcAVwBXABUAUQBHAEcAVwArACsAKwArACsAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAKwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAKwAlACUAVwBXAFcAVwAlACUAJQAlACUAJQAlACUAJQAlACsAKwArACsAKwArACsAKwArACsAKwArAFEAUQBRAFEAUQBRAFEAUQBRAFEAUQBRAFEAUQBRAFEAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQArAFcAVwBXAFcAVwBXAFcAVwBXAFcAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQBPAE8ATwBPAE8ATwBPAE8AJQBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXACUAJQAlAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAEcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAKwArACsAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAADQATAA0AUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABLAEsASwBLAEsASwBLAEsASwBLAFAAUAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAFAABAAEAAQABAAeAAQABAAEAAQABAAEAAQABAAEAAQAHgBQAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AUABQAAQABABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQABAAeAA0ADQANAA0ADQArACsAKwArACsAKwArACsAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAFAAUABQAFAAUABQAFAAUABQAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AUAAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgBQAB4AHgAeAB4AHgAeAFAAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgArACsAHgAeAB4AHgAeAB4AHgAeAB4AKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwAeAB4AUABQAFAAUABQAFAAUABQAFAAUABQAAQAUABQAFAABABQAFAAUABQAAQAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQABAAEAAQABAAeAB4AHgAeAAQAKwArACsAUABQAFAAUABQAFAAHgAeABoAHgArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAADgAOABMAEwArACsAKwArACsAKwArACsABAAEAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQABAAEAAQABAAEACsAKwArACsAKwArACsAKwANAA0ASwBLAEsASwBLAEsASwBLAEsASwArACsAKwArACsAKwAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABABQAFAAUABQAFAAUAAeAB4AHgBQAA4AUABQAAQAUABQAFAAUABQAFAABAAEAAQABAAEAAQABAAEAA0ADQBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQAKwArACsAKwArACsAKwArACsAKwArAB4AWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYACsAKwArAAQAHgAeAB4AHgAeAB4ADQANAA0AHgAeAB4AHgArAFAASwBLAEsASwBLAEsASwBLAEsASwArACsAKwArAB4AHgBcAFwAXABcAFwAKgBcAFwAXABcAFwAXABcAFwAXABcAEsASwBLAEsASwBLAEsASwBLAEsAXABcAFwAXABcACsAUABQAFAAUABQAFAAUABQAFAABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEACsAKwArACsAKwArACsAKwArAFAAUABQAAQAUABQAFAAUABQAFAAUABQAAQABAArACsASwBLAEsASwBLAEsASwBLAEsASwArACsAHgANAA0ADQBcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAKgAqACoAXAAqACoAKgBcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXAAqAFwAKgAqACoAXABcACoAKgBcAFwAXABcAFwAKgAqAFwAKgBcACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAFwAXABcACoAKgBQAFAAUABQAFAAUABQAFAAUABQAFAABAAEAAQABAAEAA0ADQBQAFAAUAAEAAQAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUAArACsAUABQAFAAUABQAFAAKwArAFAAUABQAFAAUABQACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAFAAUABQACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAHgAeACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEAAQADQAEAAQAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsAVABVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBUAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVACsAKwArACsAKwArACsAKwArACsAKwArAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBZAFkAKwArACsAKwBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAKwArACsAKwAGAAYABgAGAAYABgAGAAYABgAGAAYABgAGAAYABgAGAAYABgAGAAYABgAGAAYABgAGAAYABgAGAAYABgAGAAYAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXACUAJQBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAJQAlACUAJQAlACUAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAKwArACsAKwArAFYABABWAFYAVgBWAFYAVgBWAFYAVgBWAB4AVgBWAFYAVgBWAFYAVgBWAFYAVgBWAFYAVgArAFYAVgBWAFYAVgArAFYAKwBWAFYAKwBWAFYAKwBWAFYAVgBWAFYAVgBWAFYAVgBWAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAEQAWAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUAAaAB4AKwArAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQAGAARABEAGAAYABMAEwAWABEAFAArACsAKwArACsAKwAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEACUAJQAlACUAJQAWABEAFgARABYAEQAWABEAFgARABYAEQAlACUAFgARACUAJQAlACUAJQAlACUAEQAlABEAKwAVABUAEwATACUAFgARABYAEQAWABEAJQAlACUAJQAlACUAJQAlACsAJQAbABoAJQArACsAKwArAFAAUABQAFAAUAArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArAAcAKwATACUAJQAbABoAJQAlABYAEQAlACUAEQAlABEAJQBXAFcAVwBXAFcAVwBXAFcAVwBXABUAFQAlACUAJQATACUAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXABYAJQARACUAJQAlAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwAWACUAEQAlABYAEQARABYAEQARABUAVwBRAFEAUQBRAFEAUQBRAFEAUQBRAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAEcARwArACsAVwBXAFcAVwBXAFcAKwArAFcAVwBXAFcAVwBXACsAKwBXAFcAVwBXAFcAVwArACsAVwBXAFcAKwArACsAGgAbACUAJQAlABsAGwArAB4AHgAeAB4AHgAeAB4AKwArACsAKwArACsAKwArACsAKwAEAAQABAAQAB0AKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsADQANAA0AKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArAB4AHgAeAB4AHgAeAB4AHgAeAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgBQAFAAHgAeAB4AKwAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAAQAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwAEAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAEAAQABAAEACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArAA0AUABQAFAAUAArACsAKwArAFAAUABQAFAAUABQAFAAUAANAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAKwArACsAKwArACsAKwAeACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAKwArAFAAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArAFAAUAArACsAKwBQACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwANAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAeAB4AUABQAFAAUABQAFAAUAArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArAFAAUAArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArAA0AUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAKwAeAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAUABQAFAAUABQAAQABAAEACsABAAEACsAKwArACsAKwAEAAQABAAEAFAAUABQAFAAKwBQAFAAUAArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArAAQABAAEACsAKwArACsABABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArAA0ADQANAA0ADQANAA0ADQAeACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAeAFAAUABQAFAAUABQAFAAUAAeAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQABAArACsAKwArAFAAUABQAFAAUAANAA0ADQANAA0ADQAUACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsADQANAA0ADQANAA0ADQBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArAB4AHgAeAB4AKwArACsAKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArAFAAUABQAFAAUABQAAQABAAEAAQAKwArACsAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUAArAAQABAANACsAKwBQAFAAKwArACsAKwArACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAAQABAAEAAQABAAEAAQABAAEAAQABABQAFAAUABQAB4AHgAeAB4AHgArACsAKwArACsAKwAEAAQABAAEAAQABAAEAA0ADQAeAB4AHgAeAB4AKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsABABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQABAAEAAQABAAEAAQABAAEAAQABAAeAB4AHgANAA0ADQANACsAKwArACsAKwArACsAKwArACsAKwAeACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAKwArACsAKwBLAEsASwBLAEsASwBLAEsASwBLACsAKwArACsAKwArAFAAUABQAFAAUABQAFAABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEACsASwBLAEsASwBLAEsASwBLAEsASwANAA0ADQANAFAABAAEAFAAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAeAA4AUAArACsAKwArACsAKwArACsAKwAEAFAAUABQAFAADQANAB4ADQAEAAQABAAEAB4ABAAEAEsASwBLAEsASwBLAEsASwBLAEsAUAAOAFAADQANAA0AKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEAAQABAAEAAQABAANAA0AHgANAA0AHgAEACsAUABQAFAAUABQAFAAUAArAFAAKwBQAFAAUABQACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAFAAUABQAFAAUABQAA0AKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEAAQABAAEAAQAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsABAAEAAQABAArAFAAUABQAFAAUABQAFAAUAArACsAUABQACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAFAAUABQACsAUABQACsAUABQAFAAUABQACsABAAEAFAABAAEAAQABAAEAAQABAArACsABAAEACsAKwAEAAQABAArACsAUAArACsAKwArACsAKwAEACsAKwArACsAKwBQAFAAUABQAFAABAAEACsAKwAEAAQABAAEAAQABAAEACsAKwArAAQABAAEAAQABAArACsAKwArACsAKwArACsAKwArACsABAAEAAQABAAEAAQABABQAFAAUABQAA0ADQANAA0AHgBLAEsASwBLAEsASwBLAEsASwBLAA0ADQArAB4ABABQAFAAUAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwAEAAQABAAEAFAAUAAeAFAAKwArACsAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAEAAQABAAEAAQABAArACsABAAEAAQABAAEAAQABAAEAAQADgANAA0AEwATAB4AHgAeAA0ADQANAA0ADQANAA0ADQANAA0ADQANAA0ADQANAFAAUABQAFAABAAEACsAKwAEAA0ADQAeAFAAKwArACsAKwArACsAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAFAAKwArACsAKwArACsAKwBLAEsASwBLAEsASwBLAEsASwBLACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAKwArACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACsAKwArACsASwBLAEsASwBLAEsASwBLAEsASwBcAFwADQANAA0AKgBQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAeACsAKwArACsASwBLAEsASwBLAEsASwBLAEsASwBQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAKwArAFAAKwArAFAAUABQAFAAUABQAFAAUAArAFAAUAArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAEAAQABAAEAAQAKwAEAAQAKwArAAQABAAEAAQAUAAEAFAABAAEAA0ADQANACsAKwArACsAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAEAAQABAAEAAQABAArACsABAAEAAQABAAEAAQABABQAA4AUAAEACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAFAABAAEAAQABAAEAAQABAAEAAQABABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEAFAABAAEAAQABAAOAB4ADQANAA0ADQAOAB4ABAArACsAKwArACsAKwArACsAUAAEAAQABAAEAAQABAAEAAQABAAEAAQAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAA0ADQANAFAADgAOAA4ADQANACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUAArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAEAAQABAAEAAQABAAEACsABAAEAAQABAAEAAQABAAEAFAADQANAA0ADQANACsAKwArACsAKwArACsAKwArACsASwBLAEsASwBLAEsASwBLAEsASwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwAOABMAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAArAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQACsAUABQACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAArACsAKwAEACsABAAEACsABAAEAAQABAAEAAQABABQAAQAKwArACsAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsAUABQAFAAUABQAFAAKwBQAFAAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQAKwAEAAQAKwAEAAQABAAEAAQAUAArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAEAAQABAAeAB4AKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwBQACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAB4AHgAeAB4AHgAeAB4AHgAaABoAGgAaAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgArACsAKwArACsAKwArACsAKwArACsAKwArAA0AUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsADQANAA0ADQANACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAASABIAEgAQwBDAEMAUABQAFAAUABDAFAAUABQAEgAQwBIAEMAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAASABDAEMAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwAJAAkACQAJAAkACQAJABYAEQArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABIAEMAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwANAA0AKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArAAQABAAEAAQABAANACsAKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEAA0ADQANAB4AHgAeAB4AHgAeAFAAUABQAFAADQAeACsAKwArACsAKwArACsAKwArACsASwBLAEsASwBLAEsASwBLAEsASwArAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAANAA0AHgAeACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAKwAEAFAABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQAKwArACsAKwArACsAKwAEAAQABAAEAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAARwBHABUARwAJACsAKwArACsAKwArACsAKwArACsAKwAEAAQAKwArACsAKwArACsAKwArACsAKwArACsAKwArAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXACsAKwArACsAKwArACsAKwBXAFcAVwBXAFcAVwBXAFcAVwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAUQBRAFEAKwArACsAKwArACsAKwArACsAKwArACsAKwBRAFEAUQBRACsAKwArACsAKwArACsAKwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUAArACsAHgAEAAQADQAEAAQABAAEACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgArACsAKwArACsAKwArACsAKwArAB4AHgAeAB4AHgAeAB4AKwArAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAAQABAAEAAQABAAeAB4AHgAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAB4AHgAEAAQABAAEAAQABAAEAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4ABAAEAAQABAAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4ABAAEAAQAHgArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAKwArACsAKwArACsAKwArAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgArACsAKwArACsAKwArACsAKwAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgArAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwBQAFAAKwArAFAAKwArAFAAUAArACsAUABQAFAAUAArAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeACsAUAArAFAAUABQAFAAUABQAFAAKwAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwBQAFAAUABQACsAKwBQAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAFAAUABQACsAHgAeAFAAUABQAFAAUAArAFAAKwArACsAUABQAFAAUABQAFAAUAArAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAHgBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgBQAFAAUABQAFAAUABQAFAAUABQAFAAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAB4AHgAeAB4AHgAeAB4AHgAeACsAKwBLAEsASwBLAEsASwBLAEsASwBLAEsASwBLAEsASwBLAEsASwBLAEsASwBLAEsASwBLAEsASwBLAEsASwBLAEsASwBLAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAeAB4AHgAeAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAeAB4AHgAeAB4AHgAeAB4ABAAeAB4AHgAeAB4AHgAeAB4AHgAeAAQAHgAeAA0ADQANAA0AHgArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwAEAAQABAAEAAQAKwAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAAQABAAEAAQABAAEAAQAKwAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQAKwArAAQABAAEAAQABAAEAAQAKwAEAAQAKwAEAAQABAAEAAQAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwAEAAQABAAEAAQABAAEAFAAUABQAFAAUABQAFAAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwBQAB4AKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArABsAUABQAFAAUABQACsAKwBQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEACsAKwArACsAKwArACsAKwArAB4AHgAeAB4ABAAEAAQABAAEAAQABABQACsAKwArACsASwBLAEsASwBLAEsASwBLAEsASwArACsAKwArABYAFgArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAGgBQAFAAUAAaAFAAUABQAFAAKwArACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAeAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwBQAFAAUABQACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAKwBQACsAKwBQACsAUABQAFAAUABQAFAAUABQAFAAUAArAFAAUABQAFAAKwBQACsAUAArACsAKwArACsAKwBQACsAKwArACsAUAArAFAAKwBQACsAUABQAFAAKwBQAFAAKwBQACsAKwBQACsAUAArAFAAKwBQACsAUAArAFAAUAArAFAAKwArAFAAUABQAFAAKwBQAFAAUABQAFAAUABQACsAUABQAFAAUAArAFAAUABQAFAAKwBQACsAUABQAFAAUABQAFAAUABQAFAAUAArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAUABQAFAAKwBQAFAAUABQAFAAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwAeAB4AKwArACsAKwArACsAKwArACsAKwArACsAKwArAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8AJQAlACUAHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHgAeAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB4AHgAeACUAJQAlAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQApACkAKQApACkAKQApACkAKQApACkAKQApACkAKQApACkAKQApACkAKQApACkAKQApACkAJQAlACUAJQAlACAAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAeAB4AJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlAB4AHgAlACUAJQAlACUAHgAlACUAJQAlACUAIAAgACAAJQAlACAAJQAlACAAIAAgACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACEAIQAhACEAIQAlACUAIAAgACUAJQAgACAAIAAgACAAIAAgACAAIAAgACAAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAJQAlACUAIAAlACUAJQAlACAAIAAgACUAIAAgACAAJQAlACUAJQAlACUAJQAgACUAIAAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAHgAlAB4AJQAeACUAJQAlACUAJQAgACUAJQAlACUAHgAlAB4AHgAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlAB4AHgAeAB4AHgAeAB4AJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAeAB4AHgAeAB4AHgAeAB4AHgAeACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACAAIAAlACUAJQAlACAAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACAAJQAlACUAJQAgACAAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAHgAeAB4AHgAeAB4AHgAeACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAeAB4AHgAeAB4AHgAlACUAJQAlACUAJQAlACAAIAAgACUAJQAlACAAIAAgACAAIAAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeABcAFwAXABUAFQAVAB4AHgAeAB4AJQAlACUAIAAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACAAIAAgACUAJQAlACUAJQAlACUAJQAlACAAJQAlACUAJQAlACUAJQAlACUAJQAlACAAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AJQAlACUAJQAlACUAJQAlACUAJQAlACUAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AJQAlACUAJQAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeACUAJQAlACUAJQAlACUAJQAeAB4AHgAeAB4AHgAeAB4AHgAeACUAJQAlACUAJQAlAB4AHgAeAB4AHgAeAB4AHgAlACUAJQAlACUAJQAlACUAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAgACUAJQAgACUAJQAlACUAJQAlACUAJQAgACAAIAAgACAAIAAgACAAJQAlACUAJQAlACUAIAAlACUAJQAlACUAJQAlACUAJQAgACAAIAAgACAAIAAgACAAIAAgACUAJQAgACAAIAAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAgACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACAAIAAlACAAIAAlACAAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAgACAAIAAlACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAJQAlAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAKwArAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXACUAJQBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwAlACUAJQAlACUAJQAlACUAJQAlACUAVwBXACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAKwAEACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAA==';
+
+      var LETTER_NUMBER_MODIFIER = 50;
+      // Non-tailorable Line Breaking Classes
+      var BK = 1; //  Cause a line break (after)
+      var CR$1 = 2; //  Cause a line break (after), except between CR and LF
+      var LF$1 = 3; //  Cause a line break (after)
+      var CM = 4; //  Prohibit a line break between the character and the preceding character
+      var NL = 5; //  Cause a line break (after)
+      var WJ = 7; //  Prohibit line breaks before and after
+      var ZW = 8; //  Provide a break opportunity
+      var GL = 9; //  Prohibit line breaks before and after
+      var SP = 10; // Enable indirect line breaks
+      var ZWJ$1 = 11; // Prohibit line breaks within joiner sequences
+      // Break Opportunities
+      var B2 = 12; //  Provide a line break opportunity before and after the character
+      var BA = 13; //  Generally provide a line break opportunity after the character
+      var BB = 14; //  Generally provide a line break opportunity before the character
+      var HY = 15; //  Provide a line break opportunity after the character, except in numeric context
+      var CB = 16; //   Provide a line break opportunity contingent on additional information
+      // Characters Prohibiting Certain Breaks
+      var CL = 17; //  Prohibit line breaks before
+      var CP = 18; //  Prohibit line breaks before
+      var EX = 19; //  Prohibit line breaks before
+      var IN = 20; //  Allow only indirect line breaks between pairs
+      var NS = 21; //  Allow only indirect line breaks before
+      var OP = 22; //  Prohibit line breaks after
+      var QU = 23; //  Act like they are both opening and closing
+      // Numeric Context
+      var IS = 24; //  Prevent breaks after any and before numeric
+      var NU = 25; //  Form numeric expressions for line breaking purposes
+      var PO = 26; //  Do not break following a numeric expression
+      var PR = 27; //  Do not break in front of a numeric expression
+      var SY = 28; //  Prevent a break before; and allow a break after
+      // Other Characters
+      var AI = 29; //  Act like AL when the resolvedEAW is N; otherwise; act as ID
+      var AL = 30; //  Are alphabetic characters or symbols that are used with alphabetic characters
+      var CJ = 31; //  Treat as NS or ID for strict or normal breaking.
+      var EB = 32; //  Do not break from following Emoji Modifier
+      var EM = 33; //  Do not break from preceding Emoji Base
+      var H2 = 34; //  Form Korean syllable blocks
+      var H3 = 35; //  Form Korean syllable blocks
+      var HL = 36; //  Do not break around a following hyphen; otherwise act as Alphabetic
+      var ID = 37; //  Break before or after; except in some numeric context
+      var JL = 38; //  Form Korean syllable blocks
+      var JV = 39; //  Form Korean syllable blocks
+      var JT = 40; //  Form Korean syllable blocks
+      var RI$1 = 41; //  Keep pairs together. For pairs; break before and after other classes
+      var SA = 42; //  Provide a line break opportunity contingent on additional, language-specific context analysis
+      var XX = 43; //  Have as yet unknown line breaking behavior or unassigned code positions
+      var ea_OP = [0x2329, 0xff08];
+      var BREAK_MANDATORY = '!';
+      var BREAK_NOT_ALLOWED$1 = '×';
+      var BREAK_ALLOWED$1 = '÷';
+      var UnicodeTrie$1 = createTrieFromBase64$1(base64$1);
+      var ALPHABETICS = [AL, HL];
+      var HARD_LINE_BREAKS = [BK, CR$1, LF$1, NL];
+      var SPACE$1 = [SP, ZW];
+      var PREFIX_POSTFIX = [PR, PO];
+      var LINE_BREAKS = HARD_LINE_BREAKS.concat(SPACE$1);
+      var KOREAN_SYLLABLE_BLOCK = [JL, JV, JT, H2, H3];
+      var HYPHEN = [HY, BA];
+      var codePointsToCharacterClasses = function (codePoints, lineBreak) {
+          if (lineBreak === void 0) { lineBreak = 'strict'; }
+          var types = [];
+          var indices = [];
+          var categories = [];
+          codePoints.forEach(function (codePoint, index) {
+              var classType = UnicodeTrie$1.get(codePoint);
+              if (classType > LETTER_NUMBER_MODIFIER) {
+                  categories.push(true);
+                  classType -= LETTER_NUMBER_MODIFIER;
+              }
+              else {
+                  categories.push(false);
+              }
+              if (['normal', 'auto', 'loose'].indexOf(lineBreak) !== -1) {
+                  // U+2010, – U+2013, 〜 U+301C, ゠ U+30A0
+                  if ([0x2010, 0x2013, 0x301c, 0x30a0].indexOf(codePoint) !== -1) {
+                      indices.push(index);
+                      return types.push(CB);
+                  }
+              }
+              if (classType === CM || classType === ZWJ$1) {
+                  // LB10 Treat any remaining combining mark or ZWJ as AL.
+                  if (index === 0) {
+                      indices.push(index);
+                      return types.push(AL);
+                  }
+                  // LB9 Do not break a combining character sequence; treat it as if it has the line breaking class of
+                  // the base character in all of the following rules. Treat ZWJ as if it were CM.
+                  var prev = types[index - 1];
+                  if (LINE_BREAKS.indexOf(prev) === -1) {
+                      indices.push(indices[index - 1]);
+                      return types.push(prev);
+                  }
+                  indices.push(index);
+                  return types.push(AL);
+              }
+              indices.push(index);
+              if (classType === CJ) {
+                  return types.push(lineBreak === 'strict' ? NS : ID);
+              }
+              if (classType === SA) {
+                  return types.push(AL);
+              }
+              if (classType === AI) {
+                  return types.push(AL);
+              }
+              // For supplementary characters, a useful default is to treat characters in the range 10000..1FFFD as AL
+              // and characters in the ranges 20000..2FFFD and 30000..3FFFD as ID, until the implementation can be revised
+              // to take into account the actual line breaking properties for these characters.
+              if (classType === XX) {
+                  if ((codePoint >= 0x20000 && codePoint <= 0x2fffd) || (codePoint >= 0x30000 && codePoint <= 0x3fffd)) {
+                      return types.push(ID);
+                  }
+                  else {
+                      return types.push(AL);
+                  }
+              }
+              types.push(classType);
+          });
+          return [indices, types, categories];
+      };
+      var isAdjacentWithSpaceIgnored = function (a, b, currentIndex, classTypes) {
+          var current = classTypes[currentIndex];
+          if (Array.isArray(a) ? a.indexOf(current) !== -1 : a === current) {
+              var i = currentIndex;
+              while (i <= classTypes.length) {
+                  i++;
+                  var next = classTypes[i];
+                  if (next === b) {
+                      return true;
+                  }
+                  if (next !== SP) {
+                      break;
+                  }
+              }
+          }
+          if (current === SP) {
+              var i = currentIndex;
+              while (i > 0) {
+                  i--;
+                  var prev = classTypes[i];
+                  if (Array.isArray(a) ? a.indexOf(prev) !== -1 : a === prev) {
+                      var n = currentIndex;
+                      while (n <= classTypes.length) {
+                          n++;
+                          var next = classTypes[n];
+                          if (next === b) {
+                              return true;
+                          }
+                          if (next !== SP) {
+                              break;
+                          }
+                      }
+                  }
+                  if (prev !== SP) {
+                      break;
+                  }
+              }
+          }
+          return false;
+      };
+      var previousNonSpaceClassType = function (currentIndex, classTypes) {
+          var i = currentIndex;
+          while (i >= 0) {
+              var type = classTypes[i];
+              if (type === SP) {
+                  i--;
+              }
+              else {
+                  return type;
+              }
+          }
+          return 0;
+      };
+      var _lineBreakAtIndex = function (codePoints, classTypes, indicies, index, forbiddenBreaks) {
+          if (indicies[index] === 0) {
+              return BREAK_NOT_ALLOWED$1;
+          }
+          var currentIndex = index - 1;
+          if (Array.isArray(forbiddenBreaks) && forbiddenBreaks[currentIndex] === true) {
+              return BREAK_NOT_ALLOWED$1;
+          }
+          var beforeIndex = currentIndex - 1;
+          var afterIndex = currentIndex + 1;
+          var current = classTypes[currentIndex];
+          // LB4 Always break after hard line breaks.
+          // LB5 Treat CR followed by LF, as well as CR, LF, and NL as hard line breaks.
+          var before = beforeIndex >= 0 ? classTypes[beforeIndex] : 0;
+          var next = classTypes[afterIndex];
+          if (current === CR$1 && next === LF$1) {
+              return BREAK_NOT_ALLOWED$1;
+          }
+          if (HARD_LINE_BREAKS.indexOf(current) !== -1) {
+              return BREAK_MANDATORY;
+          }
+          // LB6 Do not break before hard line breaks.
+          if (HARD_LINE_BREAKS.indexOf(next) !== -1) {
+              return BREAK_NOT_ALLOWED$1;
+          }
+          // LB7 Do not break before spaces or zero width space.
+          if (SPACE$1.indexOf(next) !== -1) {
+              return BREAK_NOT_ALLOWED$1;
+          }
+          // LB8 Break before any character following a zero-width space, even if one or more spaces intervene.
+          if (previousNonSpaceClassType(currentIndex, classTypes) === ZW) {
+              return BREAK_ALLOWED$1;
+          }
+          // LB8a Do not break after a zero width joiner.
+          if (UnicodeTrie$1.get(codePoints[currentIndex]) === ZWJ$1) {
+              return BREAK_NOT_ALLOWED$1;
+          }
+          // zwj emojis
+          if ((current === EB || current === EM) && UnicodeTrie$1.get(codePoints[afterIndex]) === ZWJ$1) {
+              return BREAK_NOT_ALLOWED$1;
+          }
+          // LB11 Do not break before or after Word joiner and related characters.
+          if (current === WJ || next === WJ) {
+              return BREAK_NOT_ALLOWED$1;
+          }
+          // LB12 Do not break after NBSP and related characters.
+          if (current === GL) {
+              return BREAK_NOT_ALLOWED$1;
+          }
+          // LB12a Do not break before NBSP and related characters, except after spaces and hyphens.
+          if ([SP, BA, HY].indexOf(current) === -1 && next === GL) {
+              return BREAK_NOT_ALLOWED$1;
+          }
+          // LB13 Do not break before ‘]’ or ‘!’ or ‘;’ or ‘/’, even after spaces.
+          if ([CL, CP, EX, IS, SY].indexOf(next) !== -1) {
+              return BREAK_NOT_ALLOWED$1;
+          }
+          // LB14 Do not break after ‘[’, even after spaces.
+          if (previousNonSpaceClassType(currentIndex, classTypes) === OP) {
+              return BREAK_NOT_ALLOWED$1;
+          }
+          // LB15 Do not break within ‘”[’, even with intervening spaces.
+          if (isAdjacentWithSpaceIgnored(QU, OP, currentIndex, classTypes)) {
+              return BREAK_NOT_ALLOWED$1;
+          }
+          // LB16 Do not break between closing punctuation and a nonstarter (lb=NS), even with intervening spaces.
+          if (isAdjacentWithSpaceIgnored([CL, CP], NS, currentIndex, classTypes)) {
+              return BREAK_NOT_ALLOWED$1;
+          }
+          // LB17 Do not break within ‘——’, even with intervening spaces.
+          if (isAdjacentWithSpaceIgnored(B2, B2, currentIndex, classTypes)) {
+              return BREAK_NOT_ALLOWED$1;
+          }
+          // LB18 Break after spaces.
+          if (current === SP) {
+              return BREAK_ALLOWED$1;
+          }
+          // LB19 Do not break before or after quotation marks, such as ‘ ” ’.
+          if (current === QU || next === QU) {
+              return BREAK_NOT_ALLOWED$1;
+          }
+          // LB20 Break before and after unresolved CB.
+          if (next === CB || current === CB) {
+              return BREAK_ALLOWED$1;
+          }
+          // LB21 Do not break before hyphen-minus, other hyphens, fixed-width spaces, small kana, and other non-starters, or after acute accents.
+          if ([BA, HY, NS].indexOf(next) !== -1 || current === BB) {
+              return BREAK_NOT_ALLOWED$1;
+          }
+          // LB21a Don't break after Hebrew + Hyphen.
+          if (before === HL && HYPHEN.indexOf(current) !== -1) {
+              return BREAK_NOT_ALLOWED$1;
+          }
+          // LB21b Don’t break between Solidus and Hebrew letters.
+          if (current === SY && next === HL) {
+              return BREAK_NOT_ALLOWED$1;
+          }
+          // LB22 Do not break before ellipsis.
+          if (next === IN) {
+              return BREAK_NOT_ALLOWED$1;
+          }
+          // LB23 Do not break between digits and letters.
+          if ((ALPHABETICS.indexOf(next) !== -1 && current === NU) || (ALPHABETICS.indexOf(current) !== -1 && next === NU)) {
+              return BREAK_NOT_ALLOWED$1;
+          }
+          // LB23a Do not break between numeric prefixes and ideographs, or between ideographs and numeric postfixes.
+          if ((current === PR && [ID, EB, EM].indexOf(next) !== -1) ||
+              ([ID, EB, EM].indexOf(current) !== -1 && next === PO)) {
+              return BREAK_NOT_ALLOWED$1;
+          }
+          // LB24 Do not break between numeric prefix/postfix and letters, or between letters and prefix/postfix.
+          if ((ALPHABETICS.indexOf(current) !== -1 && PREFIX_POSTFIX.indexOf(next) !== -1) ||
+              (PREFIX_POSTFIX.indexOf(current) !== -1 && ALPHABETICS.indexOf(next) !== -1)) {
+              return BREAK_NOT_ALLOWED$1;
+          }
+          // LB25 Do not break between the following pairs of classes relevant to numbers:
+          if (
+          // (PR | PO) × ( OP | HY )? NU
+          ([PR, PO].indexOf(current) !== -1 &&
+              (next === NU || ([OP, HY].indexOf(next) !== -1 && classTypes[afterIndex + 1] === NU))) ||
+              // ( OP | HY ) × NU
+              ([OP, HY].indexOf(current) !== -1 && next === NU) ||
+              // NU ×	(NU | SY | IS)
+              (current === NU && [NU, SY, IS].indexOf(next) !== -1)) {
+              return BREAK_NOT_ALLOWED$1;
+          }
+          // NU (NU | SY | IS)* × (NU | SY | IS | CL | CP)
+          if ([NU, SY, IS, CL, CP].indexOf(next) !== -1) {
+              var prevIndex = currentIndex;
+              while (prevIndex >= 0) {
+                  var type = classTypes[prevIndex];
+                  if (type === NU) {
+                      return BREAK_NOT_ALLOWED$1;
+                  }
+                  else if ([SY, IS].indexOf(type) !== -1) {
+                      prevIndex--;
+                  }
+                  else {
+                      break;
+                  }
+              }
+          }
+          // NU (NU | SY | IS)* (CL | CP)? × (PO | PR))
+          if ([PR, PO].indexOf(next) !== -1) {
+              var prevIndex = [CL, CP].indexOf(current) !== -1 ? beforeIndex : currentIndex;
+              while (prevIndex >= 0) {
+                  var type = classTypes[prevIndex];
+                  if (type === NU) {
+                      return BREAK_NOT_ALLOWED$1;
+                  }
+                  else if ([SY, IS].indexOf(type) !== -1) {
+                      prevIndex--;
+                  }
+                  else {
+                      break;
+                  }
+              }
+          }
+          // LB26 Do not break a Korean syllable.
+          if ((JL === current && [JL, JV, H2, H3].indexOf(next) !== -1) ||
+              ([JV, H2].indexOf(current) !== -1 && [JV, JT].indexOf(next) !== -1) ||
+              ([JT, H3].indexOf(current) !== -1 && next === JT)) {
+              return BREAK_NOT_ALLOWED$1;
+          }
+          // LB27 Treat a Korean Syllable Block the same as ID.
+          if ((KOREAN_SYLLABLE_BLOCK.indexOf(current) !== -1 && [IN, PO].indexOf(next) !== -1) ||
+              (KOREAN_SYLLABLE_BLOCK.indexOf(next) !== -1 && current === PR)) {
+              return BREAK_NOT_ALLOWED$1;
+          }
+          // LB28 Do not break between alphabetics (“at”).
+          if (ALPHABETICS.indexOf(current) !== -1 && ALPHABETICS.indexOf(next) !== -1) {
+              return BREAK_NOT_ALLOWED$1;
+          }
+          // LB29 Do not break between numeric punctuation and alphabetics (“e.g.”).
+          if (current === IS && ALPHABETICS.indexOf(next) !== -1) {
+              return BREAK_NOT_ALLOWED$1;
+          }
+          // LB30 Do not break between letters, numbers, or ordinary symbols and opening or closing parentheses.
+          if ((ALPHABETICS.concat(NU).indexOf(current) !== -1 &&
+              next === OP &&
+              ea_OP.indexOf(codePoints[afterIndex]) === -1) ||
+              (ALPHABETICS.concat(NU).indexOf(next) !== -1 && current === CP)) {
+              return BREAK_NOT_ALLOWED$1;
+          }
+          // LB30a Break between two regional indicator symbols if and only if there are an even number of regional
+          // indicators preceding the position of the break.
+          if (current === RI$1 && next === RI$1) {
+              var i = indicies[currentIndex];
+              var count = 1;
+              while (i > 0) {
+                  i--;
+                  if (classTypes[i] === RI$1) {
+                      count++;
+                  }
+                  else {
+                      break;
+                  }
+              }
+              if (count % 2 !== 0) {
+                  return BREAK_NOT_ALLOWED$1;
+              }
+          }
+          // LB30b Do not break between an emoji base and an emoji modifier.
+          if (current === EB && next === EM) {
+              return BREAK_NOT_ALLOWED$1;
+          }
+          return BREAK_ALLOWED$1;
+      };
+      var cssFormattedClasses = function (codePoints, options) {
+          if (!options) {
+              options = { lineBreak: 'normal', wordBreak: 'normal' };
+          }
+          var _a = codePointsToCharacterClasses(codePoints, options.lineBreak), indicies = _a[0], classTypes = _a[1], isLetterNumber = _a[2];
+          if (options.wordBreak === 'break-all' || options.wordBreak === 'break-word') {
+              classTypes = classTypes.map(function (type) { return ([NU, AL, SA].indexOf(type) !== -1 ? ID : type); });
+          }
+          var forbiddenBreakpoints = options.wordBreak === 'keep-all'
+              ? isLetterNumber.map(function (letterNumber, i) {
+                  return letterNumber && codePoints[i] >= 0x4e00 && codePoints[i] <= 0x9fff;
+              })
+              : undefined;
+          return [indicies, classTypes, forbiddenBreakpoints];
+      };
+      var Break = /** @class */ (function () {
+          function Break(codePoints, lineBreak, start, end) {
+              this.codePoints = codePoints;
+              this.required = lineBreak === BREAK_MANDATORY;
+              this.start = start;
+              this.end = end;
+          }
+          Break.prototype.slice = function () {
+              return fromCodePoint$1.apply(void 0, this.codePoints.slice(this.start, this.end));
+          };
+          return Break;
+      }());
+      var LineBreaker = function (str, options) {
+          var codePoints = toCodePoints$1(str);
+          var _a = cssFormattedClasses(codePoints, options), indicies = _a[0], classTypes = _a[1], forbiddenBreakpoints = _a[2];
+          var length = codePoints.length;
+          var lastEnd = 0;
+          var nextIndex = 0;
+          return {
+              next: function () {
+                  if (nextIndex >= length) {
+                      return { done: true, value: null };
+                  }
+                  var lineBreak = BREAK_NOT_ALLOWED$1;
+                  while (nextIndex < length &&
+                      (lineBreak = _lineBreakAtIndex(codePoints, classTypes, indicies, ++nextIndex, forbiddenBreakpoints)) ===
+                          BREAK_NOT_ALLOWED$1) { }
+                  if (lineBreak !== BREAK_NOT_ALLOWED$1 || nextIndex === length) {
+                      var value = new Break(codePoints, lineBreak, lastEnd, nextIndex);
+                      lastEnd = nextIndex;
+                      return { value: value, done: false };
+                  }
+                  return { done: true, value: null };
+              },
+          };
+      };
+
+      // https://www.w3.org/TR/css-syntax-3
+      var FLAG_UNRESTRICTED = 1 << 0;
+      var FLAG_ID = 1 << 1;
+      var FLAG_INTEGER = 1 << 2;
+      var FLAG_NUMBER = 1 << 3;
+      var LINE_FEED = 0x000a;
+      var SOLIDUS = 0x002f;
+      var REVERSE_SOLIDUS = 0x005c;
+      var CHARACTER_TABULATION = 0x0009;
+      var SPACE = 0x0020;
+      var QUOTATION_MARK = 0x0022;
+      var EQUALS_SIGN = 0x003d;
+      var NUMBER_SIGN = 0x0023;
+      var DOLLAR_SIGN = 0x0024;
+      var PERCENTAGE_SIGN = 0x0025;
+      var APOSTROPHE = 0x0027;
+      var LEFT_PARENTHESIS = 0x0028;
+      var RIGHT_PARENTHESIS = 0x0029;
+      var LOW_LINE = 0x005f;
+      var HYPHEN_MINUS = 0x002d;
+      var EXCLAMATION_MARK = 0x0021;
+      var LESS_THAN_SIGN = 0x003c;
+      var GREATER_THAN_SIGN = 0x003e;
+      var COMMERCIAL_AT = 0x0040;
+      var LEFT_SQUARE_BRACKET = 0x005b;
+      var RIGHT_SQUARE_BRACKET = 0x005d;
+      var CIRCUMFLEX_ACCENT = 0x003d;
+      var LEFT_CURLY_BRACKET = 0x007b;
+      var QUESTION_MARK = 0x003f;
+      var RIGHT_CURLY_BRACKET = 0x007d;
+      var VERTICAL_LINE = 0x007c;
+      var TILDE = 0x007e;
+      var CONTROL = 0x0080;
+      var REPLACEMENT_CHARACTER = 0xfffd;
+      var ASTERISK = 0x002a;
+      var PLUS_SIGN = 0x002b;
+      var COMMA = 0x002c;
+      var COLON = 0x003a;
+      var SEMICOLON = 0x003b;
+      var FULL_STOP = 0x002e;
+      var NULL = 0x0000;
+      var BACKSPACE = 0x0008;
+      var LINE_TABULATION = 0x000b;
+      var SHIFT_OUT = 0x000e;
+      var INFORMATION_SEPARATOR_ONE = 0x001f;
+      var DELETE = 0x007f;
+      var EOF = -1;
+      var ZERO = 0x0030;
+      var a = 0x0061;
+      var e = 0x0065;
+      var f = 0x0066;
+      var u = 0x0075;
+      var z = 0x007a;
+      var A = 0x0041;
+      var E = 0x0045;
+      var F = 0x0046;
+      var U = 0x0055;
+      var Z = 0x005a;
+      var isDigit = function (codePoint) { return codePoint >= ZERO && codePoint <= 0x0039; };
+      var isSurrogateCodePoint = function (codePoint) { return codePoint >= 0xd800 && codePoint <= 0xdfff; };
+      var isHex = function (codePoint) {
+          return isDigit(codePoint) || (codePoint >= A && codePoint <= F) || (codePoint >= a && codePoint <= f);
+      };
+      var isLowerCaseLetter = function (codePoint) { return codePoint >= a && codePoint <= z; };
+      var isUpperCaseLetter = function (codePoint) { return codePoint >= A && codePoint <= Z; };
+      var isLetter = function (codePoint) { return isLowerCaseLetter(codePoint) || isUpperCaseLetter(codePoint); };
+      var isNonASCIICodePoint = function (codePoint) { return codePoint >= CONTROL; };
+      var isWhiteSpace = function (codePoint) {
+          return codePoint === LINE_FEED || codePoint === CHARACTER_TABULATION || codePoint === SPACE;
+      };
+      var isNameStartCodePoint = function (codePoint) {
+          return isLetter(codePoint) || isNonASCIICodePoint(codePoint) || codePoint === LOW_LINE;
+      };
+      var isNameCodePoint = function (codePoint) {
+          return isNameStartCodePoint(codePoint) || isDigit(codePoint) || codePoint === HYPHEN_MINUS;
+      };
+      var isNonPrintableCodePoint = function (codePoint) {
+          return ((codePoint >= NULL && codePoint <= BACKSPACE) ||
+              codePoint === LINE_TABULATION ||
+              (codePoint >= SHIFT_OUT && codePoint <= INFORMATION_SEPARATOR_ONE) ||
+              codePoint === DELETE);
+      };
+      var isValidEscape = function (c1, c2) {
+          if (c1 !== REVERSE_SOLIDUS) {
+              return false;
+          }
+          return c2 !== LINE_FEED;
+      };
+      var isIdentifierStart = function (c1, c2, c3) {
+          if (c1 === HYPHEN_MINUS) {
+              return isNameStartCodePoint(c2) || isValidEscape(c2, c3);
+          }
+          else if (isNameStartCodePoint(c1)) {
+              return true;
+          }
+          else if (c1 === REVERSE_SOLIDUS && isValidEscape(c1, c2)) {
+              return true;
+          }
+          return false;
+      };
+      var isNumberStart = function (c1, c2, c3) {
+          if (c1 === PLUS_SIGN || c1 === HYPHEN_MINUS) {
+              if (isDigit(c2)) {
+                  return true;
+              }
+              return c2 === FULL_STOP && isDigit(c3);
+          }
+          if (c1 === FULL_STOP) {
+              return isDigit(c2);
+          }
+          return isDigit(c1);
+      };
+      var stringToNumber = function (codePoints) {
+          var c = 0;
+          var sign = 1;
+          if (codePoints[c] === PLUS_SIGN || codePoints[c] === HYPHEN_MINUS) {
+              if (codePoints[c] === HYPHEN_MINUS) {
+                  sign = -1;
+              }
+              c++;
+          }
+          var integers = [];
+          while (isDigit(codePoints[c])) {
+              integers.push(codePoints[c++]);
+          }
+          var int = integers.length ? parseInt(fromCodePoint$1.apply(void 0, integers), 10) : 0;
+          if (codePoints[c] === FULL_STOP) {
+              c++;
+          }
+          var fraction = [];
+          while (isDigit(codePoints[c])) {
+              fraction.push(codePoints[c++]);
+          }
+          var fracd = fraction.length;
+          var frac = fracd ? parseInt(fromCodePoint$1.apply(void 0, fraction), 10) : 0;
+          if (codePoints[c] === E || codePoints[c] === e) {
+              c++;
+          }
+          var expsign = 1;
+          if (codePoints[c] === PLUS_SIGN || codePoints[c] === HYPHEN_MINUS) {
+              if (codePoints[c] === HYPHEN_MINUS) {
+                  expsign = -1;
+              }
+              c++;
+          }
+          var exponent = [];
+          while (isDigit(codePoints[c])) {
+              exponent.push(codePoints[c++]);
+          }
+          var exp = exponent.length ? parseInt(fromCodePoint$1.apply(void 0, exponent), 10) : 0;
+          return sign * (int + frac * Math.pow(10, -fracd)) * Math.pow(10, expsign * exp);
+      };
+      var LEFT_PARENTHESIS_TOKEN = {
+          type: 2 /* LEFT_PARENTHESIS_TOKEN */
+      };
+      var RIGHT_PARENTHESIS_TOKEN = {
+          type: 3 /* RIGHT_PARENTHESIS_TOKEN */
+      };
+      var COMMA_TOKEN = { type: 4 /* COMMA_TOKEN */ };
+      var SUFFIX_MATCH_TOKEN = { type: 13 /* SUFFIX_MATCH_TOKEN */ };
+      var PREFIX_MATCH_TOKEN = { type: 8 /* PREFIX_MATCH_TOKEN */ };
+      var COLUMN_TOKEN = { type: 21 /* COLUMN_TOKEN */ };
+      var DASH_MATCH_TOKEN = { type: 9 /* DASH_MATCH_TOKEN */ };
+      var INCLUDE_MATCH_TOKEN = { type: 10 /* INCLUDE_MATCH_TOKEN */ };
+      var LEFT_CURLY_BRACKET_TOKEN = {
+          type: 11 /* LEFT_CURLY_BRACKET_TOKEN */
+      };
+      var RIGHT_CURLY_BRACKET_TOKEN = {
+          type: 12 /* RIGHT_CURLY_BRACKET_TOKEN */
+      };
+      var SUBSTRING_MATCH_TOKEN = { type: 14 /* SUBSTRING_MATCH_TOKEN */ };
+      var BAD_URL_TOKEN = { type: 23 /* BAD_URL_TOKEN */ };
+      var BAD_STRING_TOKEN = { type: 1 /* BAD_STRING_TOKEN */ };
+      var CDO_TOKEN = { type: 25 /* CDO_TOKEN */ };
+      var CDC_TOKEN = { type: 24 /* CDC_TOKEN */ };
+      var COLON_TOKEN = { type: 26 /* COLON_TOKEN */ };
+      var SEMICOLON_TOKEN = { type: 27 /* SEMICOLON_TOKEN */ };
+      var LEFT_SQUARE_BRACKET_TOKEN = {
+          type: 28 /* LEFT_SQUARE_BRACKET_TOKEN */
+      };
+      var RIGHT_SQUARE_BRACKET_TOKEN = {
+          type: 29 /* RIGHT_SQUARE_BRACKET_TOKEN */
+      };
+      var WHITESPACE_TOKEN = { type: 31 /* WHITESPACE_TOKEN */ };
+      var EOF_TOKEN = { type: 32 /* EOF_TOKEN */ };
+      var Tokenizer = /** @class */ (function () {
+          function Tokenizer() {
+              this._value = [];
+          }
+          Tokenizer.prototype.write = function (chunk) {
+              this._value = this._value.concat(toCodePoints$1(chunk));
+          };
+          Tokenizer.prototype.read = function () {
+              var tokens = [];
+              var token = this.consumeToken();
+              while (token !== EOF_TOKEN) {
+                  tokens.push(token);
+                  token = this.consumeToken();
+              }
+              return tokens;
+          };
+          Tokenizer.prototype.consumeToken = function () {
+              var codePoint = this.consumeCodePoint();
+              switch (codePoint) {
+                  case QUOTATION_MARK:
+                      return this.consumeStringToken(QUOTATION_MARK);
+                  case NUMBER_SIGN:
+                      var c1 = this.peekCodePoint(0);
+                      var c2 = this.peekCodePoint(1);
+                      var c3 = this.peekCodePoint(2);
+                      if (isNameCodePoint(c1) || isValidEscape(c2, c3)) {
+                          var flags = isIdentifierStart(c1, c2, c3) ? FLAG_ID : FLAG_UNRESTRICTED;
+                          var value = this.consumeName();
+                          return { type: 5 /* HASH_TOKEN */, value: value, flags: flags };
+                      }
+                      break;
+                  case DOLLAR_SIGN:
+                      if (this.peekCodePoint(0) === EQUALS_SIGN) {
+                          this.consumeCodePoint();
+                          return SUFFIX_MATCH_TOKEN;
+                      }
+                      break;
+                  case APOSTROPHE:
+                      return this.consumeStringToken(APOSTROPHE);
+                  case LEFT_PARENTHESIS:
+                      return LEFT_PARENTHESIS_TOKEN;
+                  case RIGHT_PARENTHESIS:
+                      return RIGHT_PARENTHESIS_TOKEN;
+                  case ASTERISK:
+                      if (this.peekCodePoint(0) === EQUALS_SIGN) {
+                          this.consumeCodePoint();
+                          return SUBSTRING_MATCH_TOKEN;
+                      }
+                      break;
+                  case PLUS_SIGN:
+                      if (isNumberStart(codePoint, this.peekCodePoint(0), this.peekCodePoint(1))) {
+                          this.reconsumeCodePoint(codePoint);
+                          return this.consumeNumericToken();
+                      }
+                      break;
+                  case COMMA:
+                      return COMMA_TOKEN;
+                  case HYPHEN_MINUS:
+                      var e1 = codePoint;
+                      var e2 = this.peekCodePoint(0);
+                      var e3 = this.peekCodePoint(1);
+                      if (isNumberStart(e1, e2, e3)) {
+                          this.reconsumeCodePoint(codePoint);
+                          return this.consumeNumericToken();
+                      }
+                      if (isIdentifierStart(e1, e2, e3)) {
+                          this.reconsumeCodePoint(codePoint);
+                          return this.consumeIdentLikeToken();
+                      }
+                      if (e2 === HYPHEN_MINUS && e3 === GREATER_THAN_SIGN) {
+                          this.consumeCodePoint();
+                          this.consumeCodePoint();
+                          return CDC_TOKEN;
+                      }
+                      break;
+                  case FULL_STOP:
+                      if (isNumberStart(codePoint, this.peekCodePoint(0), this.peekCodePoint(1))) {
+                          this.reconsumeCodePoint(codePoint);
+                          return this.consumeNumericToken();
+                      }
+                      break;
+                  case SOLIDUS:
+                      if (this.peekCodePoint(0) === ASTERISK) {
+                          this.consumeCodePoint();
+                          while (true) {
+                              var c = this.consumeCodePoint();
+                              if (c === ASTERISK) {
+                                  c = this.consumeCodePoint();
+                                  if (c === SOLIDUS) {
+                                      return this.consumeToken();
+                                  }
+                              }
+                              if (c === EOF) {
+                                  return this.consumeToken();
+                              }
+                          }
+                      }
+                      break;
+                  case COLON:
+                      return COLON_TOKEN;
+                  case SEMICOLON:
+                      return SEMICOLON_TOKEN;
+                  case LESS_THAN_SIGN:
+                      if (this.peekCodePoint(0) === EXCLAMATION_MARK &&
+                          this.peekCodePoint(1) === HYPHEN_MINUS &&
+                          this.peekCodePoint(2) === HYPHEN_MINUS) {
+                          this.consumeCodePoint();
+                          this.consumeCodePoint();
+                          return CDO_TOKEN;
+                      }
+                      break;
+                  case COMMERCIAL_AT:
+                      var a1 = this.peekCodePoint(0);
+                      var a2 = this.peekCodePoint(1);
+                      var a3 = this.peekCodePoint(2);
+                      if (isIdentifierStart(a1, a2, a3)) {
+                          var value = this.consumeName();
+                          return { type: 7 /* AT_KEYWORD_TOKEN */, value: value };
+                      }
+                      break;
+                  case LEFT_SQUARE_BRACKET:
+                      return LEFT_SQUARE_BRACKET_TOKEN;
+                  case REVERSE_SOLIDUS:
+                      if (isValidEscape(codePoint, this.peekCodePoint(0))) {
+                          this.reconsumeCodePoint(codePoint);
+                          return this.consumeIdentLikeToken();
+                      }
+                      break;
+                  case RIGHT_SQUARE_BRACKET:
+                      return RIGHT_SQUARE_BRACKET_TOKEN;
+                  case CIRCUMFLEX_ACCENT:
+                      if (this.peekCodePoint(0) === EQUALS_SIGN) {
+                          this.consumeCodePoint();
+                          return PREFIX_MATCH_TOKEN;
+                      }
+                      break;
+                  case LEFT_CURLY_BRACKET:
+                      return LEFT_CURLY_BRACKET_TOKEN;
+                  case RIGHT_CURLY_BRACKET:
+                      return RIGHT_CURLY_BRACKET_TOKEN;
+                  case u:
+                  case U:
+                      var u1 = this.peekCodePoint(0);
+                      var u2 = this.peekCodePoint(1);
+                      if (u1 === PLUS_SIGN && (isHex(u2) || u2 === QUESTION_MARK)) {
+                          this.consumeCodePoint();
+                          this.consumeUnicodeRangeToken();
+                      }
+                      this.reconsumeCodePoint(codePoint);
+                      return this.consumeIdentLikeToken();
+                  case VERTICAL_LINE:
+                      if (this.peekCodePoint(0) === EQUALS_SIGN) {
+                          this.consumeCodePoint();
+                          return DASH_MATCH_TOKEN;
+                      }
+                      if (this.peekCodePoint(0) === VERTICAL_LINE) {
+                          this.consumeCodePoint();
+                          return COLUMN_TOKEN;
+                      }
+                      break;
+                  case TILDE:
+                      if (this.peekCodePoint(0) === EQUALS_SIGN) {
+                          this.consumeCodePoint();
+                          return INCLUDE_MATCH_TOKEN;
+                      }
+                      break;
+                  case EOF:
+                      return EOF_TOKEN;
+              }
+              if (isWhiteSpace(codePoint)) {
+                  this.consumeWhiteSpace();
+                  return WHITESPACE_TOKEN;
+              }
+              if (isDigit(codePoint)) {
+                  this.reconsumeCodePoint(codePoint);
+                  return this.consumeNumericToken();
+              }
+              if (isNameStartCodePoint(codePoint)) {
+                  this.reconsumeCodePoint(codePoint);
+                  return this.consumeIdentLikeToken();
+              }
+              return { type: 6 /* DELIM_TOKEN */, value: fromCodePoint$1(codePoint) };
+          };
+          Tokenizer.prototype.consumeCodePoint = function () {
+              var value = this._value.shift();
+              return typeof value === 'undefined' ? -1 : value;
+          };
+          Tokenizer.prototype.reconsumeCodePoint = function (codePoint) {
+              this._value.unshift(codePoint);
+          };
+          Tokenizer.prototype.peekCodePoint = function (delta) {
+              if (delta >= this._value.length) {
+                  return -1;
+              }
+              return this._value[delta];
+          };
+          Tokenizer.prototype.consumeUnicodeRangeToken = function () {
+              var digits = [];
+              var codePoint = this.consumeCodePoint();
+              while (isHex(codePoint) && digits.length < 6) {
+                  digits.push(codePoint);
+                  codePoint = this.consumeCodePoint();
+              }
+              var questionMarks = false;
+              while (codePoint === QUESTION_MARK && digits.length < 6) {
+                  digits.push(codePoint);
+                  codePoint = this.consumeCodePoint();
+                  questionMarks = true;
+              }
+              if (questionMarks) {
+                  var start_1 = parseInt(fromCodePoint$1.apply(void 0, digits.map(function (digit) { return (digit === QUESTION_MARK ? ZERO : digit); })), 16);
+                  var end = parseInt(fromCodePoint$1.apply(void 0, digits.map(function (digit) { return (digit === QUESTION_MARK ? F : digit); })), 16);
+                  return { type: 30 /* UNICODE_RANGE_TOKEN */, start: start_1, end: end };
+              }
+              var start = parseInt(fromCodePoint$1.apply(void 0, digits), 16);
+              if (this.peekCodePoint(0) === HYPHEN_MINUS && isHex(this.peekCodePoint(1))) {
+                  this.consumeCodePoint();
+                  codePoint = this.consumeCodePoint();
+                  var endDigits = [];
+                  while (isHex(codePoint) && endDigits.length < 6) {
+                      endDigits.push(codePoint);
+                      codePoint = this.consumeCodePoint();
+                  }
+                  var end = parseInt(fromCodePoint$1.apply(void 0, endDigits), 16);
+                  return { type: 30 /* UNICODE_RANGE_TOKEN */, start: start, end: end };
+              }
+              else {
+                  return { type: 30 /* UNICODE_RANGE_TOKEN */, start: start, end: start };
+              }
+          };
+          Tokenizer.prototype.consumeIdentLikeToken = function () {
+              var value = this.consumeName();
+              if (value.toLowerCase() === 'url' && this.peekCodePoint(0) === LEFT_PARENTHESIS) {
+                  this.consumeCodePoint();
+                  return this.consumeUrlToken();
+              }
+              else if (this.peekCodePoint(0) === LEFT_PARENTHESIS) {
+                  this.consumeCodePoint();
+                  return { type: 19 /* FUNCTION_TOKEN */, value: value };
+              }
+              return { type: 20 /* IDENT_TOKEN */, value: value };
+          };
+          Tokenizer.prototype.consumeUrlToken = function () {
+              var value = [];
+              this.consumeWhiteSpace();
+              if (this.peekCodePoint(0) === EOF) {
+                  return { type: 22 /* URL_TOKEN */, value: '' };
+              }
+              var next = this.peekCodePoint(0);
+              if (next === APOSTROPHE || next === QUOTATION_MARK) {
+                  var stringToken = this.consumeStringToken(this.consumeCodePoint());
+                  if (stringToken.type === 0 /* STRING_TOKEN */) {
+                      this.consumeWhiteSpace();
+                      if (this.peekCodePoint(0) === EOF || this.peekCodePoint(0) === RIGHT_PARENTHESIS) {
+                          this.consumeCodePoint();
+                          return { type: 22 /* URL_TOKEN */, value: stringToken.value };
+                      }
+                  }
+                  this.consumeBadUrlRemnants();
+                  return BAD_URL_TOKEN;
+              }
+              while (true) {
+                  var codePoint = this.consumeCodePoint();
+                  if (codePoint === EOF || codePoint === RIGHT_PARENTHESIS) {
+                      return { type: 22 /* URL_TOKEN */, value: fromCodePoint$1.apply(void 0, value) };
+                  }
+                  else if (isWhiteSpace(codePoint)) {
+                      this.consumeWhiteSpace();
+                      if (this.peekCodePoint(0) === EOF || this.peekCodePoint(0) === RIGHT_PARENTHESIS) {
+                          this.consumeCodePoint();
+                          return { type: 22 /* URL_TOKEN */, value: fromCodePoint$1.apply(void 0, value) };
+                      }
+                      this.consumeBadUrlRemnants();
+                      return BAD_URL_TOKEN;
+                  }
+                  else if (codePoint === QUOTATION_MARK ||
+                      codePoint === APOSTROPHE ||
+                      codePoint === LEFT_PARENTHESIS ||
+                      isNonPrintableCodePoint(codePoint)) {
+                      this.consumeBadUrlRemnants();
+                      return BAD_URL_TOKEN;
+                  }
+                  else if (codePoint === REVERSE_SOLIDUS) {
+                      if (isValidEscape(codePoint, this.peekCodePoint(0))) {
+                          value.push(this.consumeEscapedCodePoint());
+                      }
+                      else {
+                          this.consumeBadUrlRemnants();
+                          return BAD_URL_TOKEN;
+                      }
+                  }
+                  else {
+                      value.push(codePoint);
+                  }
+              }
+          };
+          Tokenizer.prototype.consumeWhiteSpace = function () {
+              while (isWhiteSpace(this.peekCodePoint(0))) {
+                  this.consumeCodePoint();
+              }
+          };
+          Tokenizer.prototype.consumeBadUrlRemnants = function () {
+              while (true) {
+                  var codePoint = this.consumeCodePoint();
+                  if (codePoint === RIGHT_PARENTHESIS || codePoint === EOF) {
+                      return;
+                  }
+                  if (isValidEscape(codePoint, this.peekCodePoint(0))) {
+                      this.consumeEscapedCodePoint();
+                  }
+              }
+          };
+          Tokenizer.prototype.consumeStringSlice = function (count) {
+              var SLICE_STACK_SIZE = 50000;
+              var value = '';
+              while (count > 0) {
+                  var amount = Math.min(SLICE_STACK_SIZE, count);
+                  value += fromCodePoint$1.apply(void 0, this._value.splice(0, amount));
+                  count -= amount;
+              }
+              this._value.shift();
+              return value;
+          };
+          Tokenizer.prototype.consumeStringToken = function (endingCodePoint) {
+              var value = '';
+              var i = 0;
+              do {
+                  var codePoint = this._value[i];
+                  if (codePoint === EOF || codePoint === undefined || codePoint === endingCodePoint) {
+                      value += this.consumeStringSlice(i);
+                      return { type: 0 /* STRING_TOKEN */, value: value };
+                  }
+                  if (codePoint === LINE_FEED) {
+                      this._value.splice(0, i);
+                      return BAD_STRING_TOKEN;
+                  }
+                  if (codePoint === REVERSE_SOLIDUS) {
+                      var next = this._value[i + 1];
+                      if (next !== EOF && next !== undefined) {
+                          if (next === LINE_FEED) {
+                              value += this.consumeStringSlice(i);
+                              i = -1;
+                              this._value.shift();
+                          }
+                          else if (isValidEscape(codePoint, next)) {
+                              value += this.consumeStringSlice(i);
+                              value += fromCodePoint$1(this.consumeEscapedCodePoint());
+                              i = -1;
+                          }
+                      }
+                  }
+                  i++;
+              } while (true);
+          };
+          Tokenizer.prototype.consumeNumber = function () {
+              var repr = [];
+              var type = FLAG_INTEGER;
+              var c1 = this.peekCodePoint(0);
+              if (c1 === PLUS_SIGN || c1 === HYPHEN_MINUS) {
+                  repr.push(this.consumeCodePoint());
+              }
+              while (isDigit(this.peekCodePoint(0))) {
+                  repr.push(this.consumeCodePoint());
+              }
+              c1 = this.peekCodePoint(0);
+              var c2 = this.peekCodePoint(1);
+              if (c1 === FULL_STOP && isDigit(c2)) {
+                  repr.push(this.consumeCodePoint(), this.consumeCodePoint());
+                  type = FLAG_NUMBER;
+                  while (isDigit(this.peekCodePoint(0))) {
+                      repr.push(this.consumeCodePoint());
+                  }
+              }
+              c1 = this.peekCodePoint(0);
+              c2 = this.peekCodePoint(1);
+              var c3 = this.peekCodePoint(2);
+              if ((c1 === E || c1 === e) && (((c2 === PLUS_SIGN || c2 === HYPHEN_MINUS) && isDigit(c3)) || isDigit(c2))) {
+                  repr.push(this.consumeCodePoint(), this.consumeCodePoint());
+                  type = FLAG_NUMBER;
+                  while (isDigit(this.peekCodePoint(0))) {
+                      repr.push(this.consumeCodePoint());
+                  }
+              }
+              return [stringToNumber(repr), type];
+          };
+          Tokenizer.prototype.consumeNumericToken = function () {
+              var _a = this.consumeNumber(), number = _a[0], flags = _a[1];
+              var c1 = this.peekCodePoint(0);
+              var c2 = this.peekCodePoint(1);
+              var c3 = this.peekCodePoint(2);
+              if (isIdentifierStart(c1, c2, c3)) {
+                  var unit = this.consumeName();
+                  return { type: 15 /* DIMENSION_TOKEN */, number: number, flags: flags, unit: unit };
+              }
+              if (c1 === PERCENTAGE_SIGN) {
+                  this.consumeCodePoint();
+                  return { type: 16 /* PERCENTAGE_TOKEN */, number: number, flags: flags };
+              }
+              return { type: 17 /* NUMBER_TOKEN */, number: number, flags: flags };
+          };
+          Tokenizer.prototype.consumeEscapedCodePoint = function () {
+              var codePoint = this.consumeCodePoint();
+              if (isHex(codePoint)) {
+                  var hex = fromCodePoint$1(codePoint);
+                  while (isHex(this.peekCodePoint(0)) && hex.length < 6) {
+                      hex += fromCodePoint$1(this.consumeCodePoint());
+                  }
+                  if (isWhiteSpace(this.peekCodePoint(0))) {
+                      this.consumeCodePoint();
+                  }
+                  var hexCodePoint = parseInt(hex, 16);
+                  if (hexCodePoint === 0 || isSurrogateCodePoint(hexCodePoint) || hexCodePoint > 0x10ffff) {
+                      return REPLACEMENT_CHARACTER;
+                  }
+                  return hexCodePoint;
+              }
+              if (codePoint === EOF) {
+                  return REPLACEMENT_CHARACTER;
+              }
+              return codePoint;
+          };
+          Tokenizer.prototype.consumeName = function () {
+              var result = '';
+              while (true) {
+                  var codePoint = this.consumeCodePoint();
+                  if (isNameCodePoint(codePoint)) {
+                      result += fromCodePoint$1(codePoint);
+                  }
+                  else if (isValidEscape(codePoint, this.peekCodePoint(0))) {
+                      result += fromCodePoint$1(this.consumeEscapedCodePoint());
+                  }
+                  else {
+                      this.reconsumeCodePoint(codePoint);
+                      return result;
+                  }
+              }
+          };
+          return Tokenizer;
+      }());
+
+      var Parser = /** @class */ (function () {
+          function Parser(tokens) {
+              this._tokens = tokens;
+          }
+          Parser.create = function (value) {
+              var tokenizer = new Tokenizer();
+              tokenizer.write(value);
+              return new Parser(tokenizer.read());
+          };
+          Parser.parseValue = function (value) {
+              return Parser.create(value).parseComponentValue();
+          };
+          Parser.parseValues = function (value) {
+              return Parser.create(value).parseComponentValues();
+          };
+          Parser.prototype.parseComponentValue = function () {
+              var token = this.consumeToken();
+              while (token.type === 31 /* WHITESPACE_TOKEN */) {
+                  token = this.consumeToken();
+              }
+              if (token.type === 32 /* EOF_TOKEN */) {
+                  throw new SyntaxError("Error parsing CSS component value, unexpected EOF");
+              }
+              this.reconsumeToken(token);
+              var value = this.consumeComponentValue();
+              do {
+                  token = this.consumeToken();
+              } while (token.type === 31 /* WHITESPACE_TOKEN */);
+              if (token.type === 32 /* EOF_TOKEN */) {
+                  return value;
+              }
+              throw new SyntaxError("Error parsing CSS component value, multiple values found when expecting only one");
+          };
+          Parser.prototype.parseComponentValues = function () {
+              var values = [];
+              while (true) {
+                  var value = this.consumeComponentValue();
+                  if (value.type === 32 /* EOF_TOKEN */) {
+                      return values;
+                  }
+                  values.push(value);
+                  values.push();
+              }
+          };
+          Parser.prototype.consumeComponentValue = function () {
+              var token = this.consumeToken();
+              switch (token.type) {
+                  case 11 /* LEFT_CURLY_BRACKET_TOKEN */:
+                  case 28 /* LEFT_SQUARE_BRACKET_TOKEN */:
+                  case 2 /* LEFT_PARENTHESIS_TOKEN */:
+                      return this.consumeSimpleBlock(token.type);
+                  case 19 /* FUNCTION_TOKEN */:
+                      return this.consumeFunction(token);
+              }
+              return token;
+          };
+          Parser.prototype.consumeSimpleBlock = function (type) {
+              var block = { type: type, values: [] };
+              var token = this.consumeToken();
+              while (true) {
+                  if (token.type === 32 /* EOF_TOKEN */ || isEndingTokenFor(token, type)) {
+                      return block;
+                  }
+                  this.reconsumeToken(token);
+                  block.values.push(this.consumeComponentValue());
+                  token = this.consumeToken();
+              }
+          };
+          Parser.prototype.consumeFunction = function (functionToken) {
+              var cssFunction = {
+                  name: functionToken.value,
+                  values: [],
+                  type: 18 /* FUNCTION */
+              };
+              while (true) {
+                  var token = this.consumeToken();
+                  if (token.type === 32 /* EOF_TOKEN */ || token.type === 3 /* RIGHT_PARENTHESIS_TOKEN */) {
+                      return cssFunction;
+                  }
+                  this.reconsumeToken(token);
+                  cssFunction.values.push(this.consumeComponentValue());
+              }
+          };
+          Parser.prototype.consumeToken = function () {
+              var token = this._tokens.shift();
+              return typeof token === 'undefined' ? EOF_TOKEN : token;
+          };
+          Parser.prototype.reconsumeToken = function (token) {
+              this._tokens.unshift(token);
+          };
+          return Parser;
+      }());
+      var isDimensionToken = function (token) { return token.type === 15 /* DIMENSION_TOKEN */; };
+      var isNumberToken = function (token) { return token.type === 17 /* NUMBER_TOKEN */; };
+      var isIdentToken = function (token) { return token.type === 20 /* IDENT_TOKEN */; };
+      var isStringToken = function (token) { return token.type === 0 /* STRING_TOKEN */; };
+      var isIdentWithValue = function (token, value) {
+          return isIdentToken(token) && token.value === value;
+      };
+      var nonWhiteSpace = function (token) { return token.type !== 31 /* WHITESPACE_TOKEN */; };
+      var nonFunctionArgSeparator = function (token) {
+          return token.type !== 31 /* WHITESPACE_TOKEN */ && token.type !== 4 /* COMMA_TOKEN */;
+      };
+      var parseFunctionArgs = function (tokens) {
+          var args = [];
+          var arg = [];
+          tokens.forEach(function (token) {
+              if (token.type === 4 /* COMMA_TOKEN */) {
+                  if (arg.length === 0) {
+                      throw new Error("Error parsing function args, zero tokens for arg");
+                  }
+                  args.push(arg);
+                  arg = [];
+                  return;
+              }
+              if (token.type !== 31 /* WHITESPACE_TOKEN */) {
+                  arg.push(token);
+              }
+          });
+          if (arg.length) {
+              args.push(arg);
+          }
+          return args;
+      };
+      var isEndingTokenFor = function (token, type) {
+          if (type === 11 /* LEFT_CURLY_BRACKET_TOKEN */ && token.type === 12 /* RIGHT_CURLY_BRACKET_TOKEN */) {
+              return true;
+          }
+          if (type === 28 /* LEFT_SQUARE_BRACKET_TOKEN */ && token.type === 29 /* RIGHT_SQUARE_BRACKET_TOKEN */) {
+              return true;
+          }
+          return type === 2 /* LEFT_PARENTHESIS_TOKEN */ && token.type === 3 /* RIGHT_PARENTHESIS_TOKEN */;
+      };
+
+      var isLength = function (token) {
+          return token.type === 17 /* NUMBER_TOKEN */ || token.type === 15 /* DIMENSION_TOKEN */;
+      };
+
+      var isLengthPercentage = function (token) {
+          return token.type === 16 /* PERCENTAGE_TOKEN */ || isLength(token);
+      };
+      var parseLengthPercentageTuple = function (tokens) {
+          return tokens.length > 1 ? [tokens[0], tokens[1]] : [tokens[0]];
+      };
+      var ZERO_LENGTH = {
+          type: 17 /* NUMBER_TOKEN */,
+          number: 0,
+          flags: FLAG_INTEGER
+      };
+      var FIFTY_PERCENT = {
+          type: 16 /* PERCENTAGE_TOKEN */,
+          number: 50,
+          flags: FLAG_INTEGER
+      };
+      var HUNDRED_PERCENT = {
+          type: 16 /* PERCENTAGE_TOKEN */,
+          number: 100,
+          flags: FLAG_INTEGER
+      };
+      var getAbsoluteValueForTuple = function (tuple, width, height) {
+          var x = tuple[0], y = tuple[1];
+          return [getAbsoluteValue(x, width), getAbsoluteValue(typeof y !== 'undefined' ? y : x, height)];
+      };
+      var getAbsoluteValue = function (token, parent) {
+          if (token.type === 16 /* PERCENTAGE_TOKEN */) {
+              return (token.number / 100) * parent;
+          }
+          if (isDimensionToken(token)) {
+              switch (token.unit) {
+                  case 'rem':
+                  case 'em':
+                      return 16 * token.number; // TODO use correct font-size
+                  case 'px':
+                  default:
+                      return token.number;
+              }
+          }
+          return token.number;
+      };
+
+      var DEG = 'deg';
+      var GRAD = 'grad';
+      var RAD = 'rad';
+      var TURN = 'turn';
+      var angle = {
+          name: 'angle',
+          parse: function (_context, value) {
+              if (value.type === 15 /* DIMENSION_TOKEN */) {
+                  switch (value.unit) {
+                      case DEG:
+                          return (Math.PI * value.number) / 180;
+                      case GRAD:
+                          return (Math.PI / 200) * value.number;
+                      case RAD:
+                          return value.number;
+                      case TURN:
+                          return Math.PI * 2 * value.number;
+                  }
+              }
+              throw new Error("Unsupported angle type");
+          }
+      };
+      var isAngle = function (value) {
+          if (value.type === 15 /* DIMENSION_TOKEN */) {
+              if (value.unit === DEG || value.unit === GRAD || value.unit === RAD || value.unit === TURN) {
+                  return true;
+              }
+          }
+          return false;
+      };
+      var parseNamedSide = function (tokens) {
+          var sideOrCorner = tokens
+              .filter(isIdentToken)
+              .map(function (ident) { return ident.value; })
+              .join(' ');
+          switch (sideOrCorner) {
+              case 'to bottom right':
+              case 'to right bottom':
+              case 'left top':
+              case 'top left':
+                  return [ZERO_LENGTH, ZERO_LENGTH];
+              case 'to top':
+              case 'bottom':
+                  return deg(0);
+              case 'to bottom left':
+              case 'to left bottom':
+              case 'right top':
+              case 'top right':
+                  return [ZERO_LENGTH, HUNDRED_PERCENT];
+              case 'to right':
+              case 'left':
+                  return deg(90);
+              case 'to top left':
+              case 'to left top':
+              case 'right bottom':
+              case 'bottom right':
+                  return [HUNDRED_PERCENT, HUNDRED_PERCENT];
+              case 'to bottom':
+              case 'top':
+                  return deg(180);
+              case 'to top right':
+              case 'to right top':
+              case 'left bottom':
+              case 'bottom left':
+                  return [HUNDRED_PERCENT, ZERO_LENGTH];
+              case 'to left':
+              case 'right':
+                  return deg(270);
+          }
+          return 0;
+      };
+      var deg = function (deg) { return (Math.PI * deg) / 180; };
+
+      var color$1 = {
+          name: 'color',
+          parse: function (context, value) {
+              if (value.type === 18 /* FUNCTION */) {
+                  var colorFunction = SUPPORTED_COLOR_FUNCTIONS[value.name];
+                  if (typeof colorFunction === 'undefined') {
+                      throw new Error("Attempting to parse an unsupported color function \"" + value.name + "\"");
+                  }
+                  return colorFunction(context, value.values);
+              }
+              if (value.type === 5 /* HASH_TOKEN */) {
+                  if (value.value.length === 3) {
+                      var r = value.value.substring(0, 1);
+                      var g = value.value.substring(1, 2);
+                      var b = value.value.substring(2, 3);
+                      return pack(parseInt(r + r, 16), parseInt(g + g, 16), parseInt(b + b, 16), 1);
+                  }
+                  if (value.value.length === 4) {
+                      var r = value.value.substring(0, 1);
+                      var g = value.value.substring(1, 2);
+                      var b = value.value.substring(2, 3);
+                      var a = value.value.substring(3, 4);
+                      return pack(parseInt(r + r, 16), parseInt(g + g, 16), parseInt(b + b, 16), parseInt(a + a, 16) / 255);
+                  }
+                  if (value.value.length === 6) {
+                      var r = value.value.substring(0, 2);
+                      var g = value.value.substring(2, 4);
+                      var b = value.value.substring(4, 6);
+                      return pack(parseInt(r, 16), parseInt(g, 16), parseInt(b, 16), 1);
+                  }
+                  if (value.value.length === 8) {
+                      var r = value.value.substring(0, 2);
+                      var g = value.value.substring(2, 4);
+                      var b = value.value.substring(4, 6);
+                      var a = value.value.substring(6, 8);
+                      return pack(parseInt(r, 16), parseInt(g, 16), parseInt(b, 16), parseInt(a, 16) / 255);
+                  }
+              }
+              if (value.type === 20 /* IDENT_TOKEN */) {
+                  var namedColor = COLORS[value.value.toUpperCase()];
+                  if (typeof namedColor !== 'undefined') {
+                      return namedColor;
+                  }
+              }
+              return COLORS.TRANSPARENT;
+          }
+      };
+      var isTransparent = function (color) { return (0xff & color) === 0; };
+      var asString = function (color) {
+          var alpha = 0xff & color;
+          var blue = 0xff & (color >> 8);
+          var green = 0xff & (color >> 16);
+          var red = 0xff & (color >> 24);
+          return alpha < 255 ? "rgba(" + red + "," + green + "," + blue + "," + alpha / 255 + ")" : "rgb(" + red + "," + green + "," + blue + ")";
+      };
+      var pack = function (r, g, b, a) {
+          return ((r << 24) | (g << 16) | (b << 8) | (Math.round(a * 255) << 0)) >>> 0;
+      };
+      var getTokenColorValue = function (token, i) {
+          if (token.type === 17 /* NUMBER_TOKEN */) {
+              return token.number;
+          }
+          if (token.type === 16 /* PERCENTAGE_TOKEN */) {
+              var max = i === 3 ? 1 : 255;
+              return i === 3 ? (token.number / 100) * max : Math.round((token.number / 100) * max);
+          }
+          return 0;
+      };
+      var rgb = function (_context, args) {
+          var tokens = args.filter(nonFunctionArgSeparator);
+          if (tokens.length === 3) {
+              var _a = tokens.map(getTokenColorValue), r = _a[0], g = _a[1], b = _a[2];
+              return pack(r, g, b, 1);
+          }
+          if (tokens.length === 4) {
+              var _b = tokens.map(getTokenColorValue), r = _b[0], g = _b[1], b = _b[2], a = _b[3];
+              return pack(r, g, b, a);
+          }
+          return 0;
+      };
+      function hue2rgb(t1, t2, hue) {
+          if (hue < 0) {
+              hue += 1;
+          }
+          if (hue >= 1) {
+              hue -= 1;
+          }
+          if (hue < 1 / 6) {
+              return (t2 - t1) * hue * 6 + t1;
+          }
+          else if (hue < 1 / 2) {
+              return t2;
+          }
+          else if (hue < 2 / 3) {
+              return (t2 - t1) * 6 * (2 / 3 - hue) + t1;
+          }
+          else {
+              return t1;
+          }
+      }
+      var hsl = function (context, args) {
+          var tokens = args.filter(nonFunctionArgSeparator);
+          var hue = tokens[0], saturation = tokens[1], lightness = tokens[2], alpha = tokens[3];
+          var h = (hue.type === 17 /* NUMBER_TOKEN */ ? deg(hue.number) : angle.parse(context, hue)) / (Math.PI * 2);
+          var s = isLengthPercentage(saturation) ? saturation.number / 100 : 0;
+          var l = isLengthPercentage(lightness) ? lightness.number / 100 : 0;
+          var a = typeof alpha !== 'undefined' && isLengthPercentage(alpha) ? getAbsoluteValue(alpha, 1) : 1;
+          if (s === 0) {
+              return pack(l * 255, l * 255, l * 255, 1);
+          }
+          var t2 = l <= 0.5 ? l * (s + 1) : l + s - l * s;
+          var t1 = l * 2 - t2;
+          var r = hue2rgb(t1, t2, h + 1 / 3);
+          var g = hue2rgb(t1, t2, h);
+          var b = hue2rgb(t1, t2, h - 1 / 3);
+          return pack(r * 255, g * 255, b * 255, a);
+      };
+      var SUPPORTED_COLOR_FUNCTIONS = {
+          hsl: hsl,
+          hsla: hsl,
+          rgb: rgb,
+          rgba: rgb
+      };
+      var parseColor = function (context, value) {
+          return color$1.parse(context, Parser.create(value).parseComponentValue());
+      };
+      var COLORS = {
+          ALICEBLUE: 0xf0f8ffff,
+          ANTIQUEWHITE: 0xfaebd7ff,
+          AQUA: 0x00ffffff,
+          AQUAMARINE: 0x7fffd4ff,
+          AZURE: 0xf0ffffff,
+          BEIGE: 0xf5f5dcff,
+          BISQUE: 0xffe4c4ff,
+          BLACK: 0x000000ff,
+          BLANCHEDALMOND: 0xffebcdff,
+          BLUE: 0x0000ffff,
+          BLUEVIOLET: 0x8a2be2ff,
+          BROWN: 0xa52a2aff,
+          BURLYWOOD: 0xdeb887ff,
+          CADETBLUE: 0x5f9ea0ff,
+          CHARTREUSE: 0x7fff00ff,
+          CHOCOLATE: 0xd2691eff,
+          CORAL: 0xff7f50ff,
+          CORNFLOWERBLUE: 0x6495edff,
+          CORNSILK: 0xfff8dcff,
+          CRIMSON: 0xdc143cff,
+          CYAN: 0x00ffffff,
+          DARKBLUE: 0x00008bff,
+          DARKCYAN: 0x008b8bff,
+          DARKGOLDENROD: 0xb886bbff,
+          DARKGRAY: 0xa9a9a9ff,
+          DARKGREEN: 0x006400ff,
+          DARKGREY: 0xa9a9a9ff,
+          DARKKHAKI: 0xbdb76bff,
+          DARKMAGENTA: 0x8b008bff,
+          DARKOLIVEGREEN: 0x556b2fff,
+          DARKORANGE: 0xff8c00ff,
+          DARKORCHID: 0x9932ccff,
+          DARKRED: 0x8b0000ff,
+          DARKSALMON: 0xe9967aff,
+          DARKSEAGREEN: 0x8fbc8fff,
+          DARKSLATEBLUE: 0x483d8bff,
+          DARKSLATEGRAY: 0x2f4f4fff,
+          DARKSLATEGREY: 0x2f4f4fff,
+          DARKTURQUOISE: 0x00ced1ff,
+          DARKVIOLET: 0x9400d3ff,
+          DEEPPINK: 0xff1493ff,
+          DEEPSKYBLUE: 0x00bfffff,
+          DIMGRAY: 0x696969ff,
+          DIMGREY: 0x696969ff,
+          DODGERBLUE: 0x1e90ffff,
+          FIREBRICK: 0xb22222ff,
+          FLORALWHITE: 0xfffaf0ff,
+          FORESTGREEN: 0x228b22ff,
+          FUCHSIA: 0xff00ffff,
+          GAINSBORO: 0xdcdcdcff,
+          GHOSTWHITE: 0xf8f8ffff,
+          GOLD: 0xffd700ff,
+          GOLDENROD: 0xdaa520ff,
+          GRAY: 0x808080ff,
+          GREEN: 0x008000ff,
+          GREENYELLOW: 0xadff2fff,
+          GREY: 0x808080ff,
+          HONEYDEW: 0xf0fff0ff,
+          HOTPINK: 0xff69b4ff,
+          INDIANRED: 0xcd5c5cff,
+          INDIGO: 0x4b0082ff,
+          IVORY: 0xfffff0ff,
+          KHAKI: 0xf0e68cff,
+          LAVENDER: 0xe6e6faff,
+          LAVENDERBLUSH: 0xfff0f5ff,
+          LAWNGREEN: 0x7cfc00ff,
+          LEMONCHIFFON: 0xfffacdff,
+          LIGHTBLUE: 0xadd8e6ff,
+          LIGHTCORAL: 0xf08080ff,
+          LIGHTCYAN: 0xe0ffffff,
+          LIGHTGOLDENRODYELLOW: 0xfafad2ff,
+          LIGHTGRAY: 0xd3d3d3ff,
+          LIGHTGREEN: 0x90ee90ff,
+          LIGHTGREY: 0xd3d3d3ff,
+          LIGHTPINK: 0xffb6c1ff,
+          LIGHTSALMON: 0xffa07aff,
+          LIGHTSEAGREEN: 0x20b2aaff,
+          LIGHTSKYBLUE: 0x87cefaff,
+          LIGHTSLATEGRAY: 0x778899ff,
+          LIGHTSLATEGREY: 0x778899ff,
+          LIGHTSTEELBLUE: 0xb0c4deff,
+          LIGHTYELLOW: 0xffffe0ff,
+          LIME: 0x00ff00ff,
+          LIMEGREEN: 0x32cd32ff,
+          LINEN: 0xfaf0e6ff,
+          MAGENTA: 0xff00ffff,
+          MAROON: 0x800000ff,
+          MEDIUMAQUAMARINE: 0x66cdaaff,
+          MEDIUMBLUE: 0x0000cdff,
+          MEDIUMORCHID: 0xba55d3ff,
+          MEDIUMPURPLE: 0x9370dbff,
+          MEDIUMSEAGREEN: 0x3cb371ff,
+          MEDIUMSLATEBLUE: 0x7b68eeff,
+          MEDIUMSPRINGGREEN: 0x00fa9aff,
+          MEDIUMTURQUOISE: 0x48d1ccff,
+          MEDIUMVIOLETRED: 0xc71585ff,
+          MIDNIGHTBLUE: 0x191970ff,
+          MINTCREAM: 0xf5fffaff,
+          MISTYROSE: 0xffe4e1ff,
+          MOCCASIN: 0xffe4b5ff,
+          NAVAJOWHITE: 0xffdeadff,
+          NAVY: 0x000080ff,
+          OLDLACE: 0xfdf5e6ff,
+          OLIVE: 0x808000ff,
+          OLIVEDRAB: 0x6b8e23ff,
+          ORANGE: 0xffa500ff,
+          ORANGERED: 0xff4500ff,
+          ORCHID: 0xda70d6ff,
+          PALEGOLDENROD: 0xeee8aaff,
+          PALEGREEN: 0x98fb98ff,
+          PALETURQUOISE: 0xafeeeeff,
+          PALEVIOLETRED: 0xdb7093ff,
+          PAPAYAWHIP: 0xffefd5ff,
+          PEACHPUFF: 0xffdab9ff,
+          PERU: 0xcd853fff,
+          PINK: 0xffc0cbff,
+          PLUM: 0xdda0ddff,
+          POWDERBLUE: 0xb0e0e6ff,
+          PURPLE: 0x800080ff,
+          REBECCAPURPLE: 0x663399ff,
+          RED: 0xff0000ff,
+          ROSYBROWN: 0xbc8f8fff,
+          ROYALBLUE: 0x4169e1ff,
+          SADDLEBROWN: 0x8b4513ff,
+          SALMON: 0xfa8072ff,
+          SANDYBROWN: 0xf4a460ff,
+          SEAGREEN: 0x2e8b57ff,
+          SEASHELL: 0xfff5eeff,
+          SIENNA: 0xa0522dff,
+          SILVER: 0xc0c0c0ff,
+          SKYBLUE: 0x87ceebff,
+          SLATEBLUE: 0x6a5acdff,
+          SLATEGRAY: 0x708090ff,
+          SLATEGREY: 0x708090ff,
+          SNOW: 0xfffafaff,
+          SPRINGGREEN: 0x00ff7fff,
+          STEELBLUE: 0x4682b4ff,
+          TAN: 0xd2b48cff,
+          TEAL: 0x008080ff,
+          THISTLE: 0xd8bfd8ff,
+          TOMATO: 0xff6347ff,
+          TRANSPARENT: 0x00000000,
+          TURQUOISE: 0x40e0d0ff,
+          VIOLET: 0xee82eeff,
+          WHEAT: 0xf5deb3ff,
+          WHITE: 0xffffffff,
+          WHITESMOKE: 0xf5f5f5ff,
+          YELLOW: 0xffff00ff,
+          YELLOWGREEN: 0x9acd32ff
+      };
+
+      var backgroundClip = {
+          name: 'background-clip',
+          initialValue: 'border-box',
+          prefix: false,
+          type: 1 /* LIST */,
+          parse: function (_context, tokens) {
+              return tokens.map(function (token) {
+                  if (isIdentToken(token)) {
+                      switch (token.value) {
+                          case 'padding-box':
+                              return 1 /* PADDING_BOX */;
+                          case 'content-box':
+                              return 2 /* CONTENT_BOX */;
+                      }
+                  }
+                  return 0 /* BORDER_BOX */;
+              });
+          }
+      };
+
+      var backgroundColor = {
+          name: "background-color",
+          initialValue: 'transparent',
+          prefix: false,
+          type: 3 /* TYPE_VALUE */,
+          format: 'color'
+      };
+
+      var parseColorStop = function (context, args) {
+          var color = color$1.parse(context, args[0]);
+          var stop = args[1];
+          return stop && isLengthPercentage(stop) ? { color: color, stop: stop } : { color: color, stop: null };
+      };
+      var processColorStops = function (stops, lineLength) {
+          var first = stops[0];
+          var last = stops[stops.length - 1];
+          if (first.stop === null) {
+              first.stop = ZERO_LENGTH;
+          }
+          if (last.stop === null) {
+              last.stop = HUNDRED_PERCENT;
+          }
+          var processStops = [];
+          var previous = 0;
+          for (var i = 0; i < stops.length; i++) {
+              var stop_1 = stops[i].stop;
+              if (stop_1 !== null) {
+                  var absoluteValue = getAbsoluteValue(stop_1, lineLength);
+                  if (absoluteValue > previous) {
+                      processStops.push(absoluteValue);
+                  }
+                  else {
+                      processStops.push(previous);
+                  }
+                  previous = absoluteValue;
+              }
+              else {
+                  processStops.push(null);
+              }
+          }
+          var gapBegin = null;
+          for (var i = 0; i < processStops.length; i++) {
+              var stop_2 = processStops[i];
+              if (stop_2 === null) {
+                  if (gapBegin === null) {
+                      gapBegin = i;
+                  }
+              }
+              else if (gapBegin !== null) {
+                  var gapLength = i - gapBegin;
+                  var beforeGap = processStops[gapBegin - 1];
+                  var gapValue = (stop_2 - beforeGap) / (gapLength + 1);
+                  for (var g = 1; g <= gapLength; g++) {
+                      processStops[gapBegin + g - 1] = gapValue * g;
+                  }
+                  gapBegin = null;
+              }
+          }
+          return stops.map(function (_a, i) {
+              var color = _a.color;
+              return { color: color, stop: Math.max(Math.min(1, processStops[i] / lineLength), 0) };
+          });
+      };
+      var getAngleFromCorner = function (corner, width, height) {
+          var centerX = width / 2;
+          var centerY = height / 2;
+          var x = getAbsoluteValue(corner[0], width) - centerX;
+          var y = centerY - getAbsoluteValue(corner[1], height);
+          return (Math.atan2(y, x) + Math.PI * 2) % (Math.PI * 2);
+      };
+      var calculateGradientDirection = function (angle, width, height) {
+          var radian = typeof angle === 'number' ? angle : getAngleFromCorner(angle, width, height);
+          var lineLength = Math.abs(width * Math.sin(radian)) + Math.abs(height * Math.cos(radian));
+          var halfWidth = width / 2;
+          var halfHeight = height / 2;
+          var halfLineLength = lineLength / 2;
+          var yDiff = Math.sin(radian - Math.PI / 2) * halfLineLength;
+          var xDiff = Math.cos(radian - Math.PI / 2) * halfLineLength;
+          return [lineLength, halfWidth - xDiff, halfWidth + xDiff, halfHeight - yDiff, halfHeight + yDiff];
+      };
+      var distance = function (a, b) { return Math.sqrt(a * a + b * b); };
+      var findCorner = function (width, height, x, y, closest) {
+          var corners = [
+              [0, 0],
+              [0, height],
+              [width, 0],
+              [width, height]
+          ];
+          return corners.reduce(function (stat, corner) {
+              var cx = corner[0], cy = corner[1];
+              var d = distance(x - cx, y - cy);
+              if (closest ? d < stat.optimumDistance : d > stat.optimumDistance) {
+                  return {
+                      optimumCorner: corner,
+                      optimumDistance: d
+                  };
+              }
+              return stat;
+          }, {
+              optimumDistance: closest ? Infinity : -Infinity,
+              optimumCorner: null
+          }).optimumCorner;
+      };
+      var calculateRadius = function (gradient, x, y, width, height) {
+          var rx = 0;
+          var ry = 0;
+          switch (gradient.size) {
+              case 0 /* CLOSEST_SIDE */:
+                  // The ending shape is sized so that that it exactly meets the side of the gradient box closest to the gradient’s center.
+                  // If the shape is an ellipse, it exactly meets the closest side in each dimension.
+                  if (gradient.shape === 0 /* CIRCLE */) {
+                      rx = ry = Math.min(Math.abs(x), Math.abs(x - width), Math.abs(y), Math.abs(y - height));
+                  }
+                  else if (gradient.shape === 1 /* ELLIPSE */) {
+                      rx = Math.min(Math.abs(x), Math.abs(x - width));
+                      ry = Math.min(Math.abs(y), Math.abs(y - height));
+                  }
+                  break;
+              case 2 /* CLOSEST_CORNER */:
+                  // The ending shape is sized so that that it passes through the corner of the gradient box closest to the gradient’s center.
+                  // If the shape is an ellipse, the ending shape is given the same aspect-ratio it would have if closest-side were specified.
+                  if (gradient.shape === 0 /* CIRCLE */) {
+                      rx = ry = Math.min(distance(x, y), distance(x, y - height), distance(x - width, y), distance(x - width, y - height));
+                  }
+                  else if (gradient.shape === 1 /* ELLIPSE */) {
+                      // Compute the ratio ry/rx (which is to be the same as for "closest-side")
+                      var c = Math.min(Math.abs(y), Math.abs(y - height)) / Math.min(Math.abs(x), Math.abs(x - width));
+                      var _a = findCorner(width, height, x, y, true), cx = _a[0], cy = _a[1];
+                      rx = distance(cx - x, (cy - y) / c);
+                      ry = c * rx;
+                  }
+                  break;
+              case 1 /* FARTHEST_SIDE */:
+                  // Same as closest-side, except the ending shape is sized based on the farthest side(s)
+                  if (gradient.shape === 0 /* CIRCLE */) {
+                      rx = ry = Math.max(Math.abs(x), Math.abs(x - width), Math.abs(y), Math.abs(y - height));
+                  }
+                  else if (gradient.shape === 1 /* ELLIPSE */) {
+                      rx = Math.max(Math.abs(x), Math.abs(x - width));
+                      ry = Math.max(Math.abs(y), Math.abs(y - height));
+                  }
+                  break;
+              case 3 /* FARTHEST_CORNER */:
+                  // Same as closest-corner, except the ending shape is sized based on the farthest corner.
+                  // If the shape is an ellipse, the ending shape is given the same aspect ratio it would have if farthest-side were specified.
+                  if (gradient.shape === 0 /* CIRCLE */) {
+                      rx = ry = Math.max(distance(x, y), distance(x, y - height), distance(x - width, y), distance(x - width, y - height));
+                  }
+                  else if (gradient.shape === 1 /* ELLIPSE */) {
+                      // Compute the ratio ry/rx (which is to be the same as for "farthest-side")
+                      var c = Math.max(Math.abs(y), Math.abs(y - height)) / Math.max(Math.abs(x), Math.abs(x - width));
+                      var _b = findCorner(width, height, x, y, false), cx = _b[0], cy = _b[1];
+                      rx = distance(cx - x, (cy - y) / c);
+                      ry = c * rx;
+                  }
+                  break;
+          }
+          if (Array.isArray(gradient.size)) {
+              rx = getAbsoluteValue(gradient.size[0], width);
+              ry = gradient.size.length === 2 ? getAbsoluteValue(gradient.size[1], height) : rx;
+          }
+          return [rx, ry];
+      };
+
+      var linearGradient = function (context, tokens) {
+          var angle$1 = deg(180);
+          var stops = [];
+          parseFunctionArgs(tokens).forEach(function (arg, i) {
+              if (i === 0) {
+                  var firstToken = arg[0];
+                  if (firstToken.type === 20 /* IDENT_TOKEN */ && firstToken.value === 'to') {
+                      angle$1 = parseNamedSide(arg);
+                      return;
+                  }
+                  else if (isAngle(firstToken)) {
+                      angle$1 = angle.parse(context, firstToken);
+                      return;
+                  }
+              }
+              var colorStop = parseColorStop(context, arg);
+              stops.push(colorStop);
+          });
+          return { angle: angle$1, stops: stops, type: 1 /* LINEAR_GRADIENT */ };
+      };
+
+      var prefixLinearGradient = function (context, tokens) {
+          var angle$1 = deg(180);
+          var stops = [];
+          parseFunctionArgs(tokens).forEach(function (arg, i) {
+              if (i === 0) {
+                  var firstToken = arg[0];
+                  if (firstToken.type === 20 /* IDENT_TOKEN */ &&
+                      ['top', 'left', 'right', 'bottom'].indexOf(firstToken.value) !== -1) {
+                      angle$1 = parseNamedSide(arg);
+                      return;
+                  }
+                  else if (isAngle(firstToken)) {
+                      angle$1 = (angle.parse(context, firstToken) + deg(270)) % deg(360);
+                      return;
+                  }
+              }
+              var colorStop = parseColorStop(context, arg);
+              stops.push(colorStop);
+          });
+          return {
+              angle: angle$1,
+              stops: stops,
+              type: 1 /* LINEAR_GRADIENT */
+          };
+      };
+
+      var webkitGradient = function (context, tokens) {
+          var angle = deg(180);
+          var stops = [];
+          var type = 1 /* LINEAR_GRADIENT */;
+          var shape = 0 /* CIRCLE */;
+          var size = 3 /* FARTHEST_CORNER */;
+          var position = [];
+          parseFunctionArgs(tokens).forEach(function (arg, i) {
+              var firstToken = arg[0];
+              if (i === 0) {
+                  if (isIdentToken(firstToken) && firstToken.value === 'linear') {
+                      type = 1 /* LINEAR_GRADIENT */;
+                      return;
+                  }
+                  else if (isIdentToken(firstToken) && firstToken.value === 'radial') {
+                      type = 2 /* RADIAL_GRADIENT */;
+                      return;
+                  }
+              }
+              if (firstToken.type === 18 /* FUNCTION */) {
+                  if (firstToken.name === 'from') {
+                      var color = color$1.parse(context, firstToken.values[0]);
+                      stops.push({ stop: ZERO_LENGTH, color: color });
+                  }
+                  else if (firstToken.name === 'to') {
+                      var color = color$1.parse(context, firstToken.values[0]);
+                      stops.push({ stop: HUNDRED_PERCENT, color: color });
+                  }
+                  else if (firstToken.name === 'color-stop') {
+                      var values = firstToken.values.filter(nonFunctionArgSeparator);
+                      if (values.length === 2) {
+                          var color = color$1.parse(context, values[1]);
+                          var stop_1 = values[0];
+                          if (isNumberToken(stop_1)) {
+                              stops.push({
+                                  stop: { type: 16 /* PERCENTAGE_TOKEN */, number: stop_1.number * 100, flags: stop_1.flags },
+                                  color: color
+                              });
+                          }
+                      }
+                  }
+              }
+          });
+          return type === 1 /* LINEAR_GRADIENT */
+              ? {
+                  angle: (angle + deg(180)) % deg(360),
+                  stops: stops,
+                  type: type
+              }
+              : { size: size, shape: shape, stops: stops, position: position, type: type };
+      };
+
+      var CLOSEST_SIDE = 'closest-side';
+      var FARTHEST_SIDE = 'farthest-side';
+      var CLOSEST_CORNER = 'closest-corner';
+      var FARTHEST_CORNER = 'farthest-corner';
+      var CIRCLE = 'circle';
+      var ELLIPSE = 'ellipse';
+      var COVER = 'cover';
+      var CONTAIN = 'contain';
+      var radialGradient = function (context, tokens) {
+          var shape = 0 /* CIRCLE */;
+          var size = 3 /* FARTHEST_CORNER */;
+          var stops = [];
+          var position = [];
+          parseFunctionArgs(tokens).forEach(function (arg, i) {
+              var isColorStop = true;
+              if (i === 0) {
+                  var isAtPosition_1 = false;
+                  isColorStop = arg.reduce(function (acc, token) {
+                      if (isAtPosition_1) {
+                          if (isIdentToken(token)) {
+                              switch (token.value) {
+                                  case 'center':
+                                      position.push(FIFTY_PERCENT);
+                                      return acc;
+                                  case 'top':
+                                  case 'left':
+                                      position.push(ZERO_LENGTH);
+                                      return acc;
+                                  case 'right':
+                                  case 'bottom':
+                                      position.push(HUNDRED_PERCENT);
+                                      return acc;
+                              }
+                          }
+                          else if (isLengthPercentage(token) || isLength(token)) {
+                              position.push(token);
+                          }
+                      }
+                      else if (isIdentToken(token)) {
+                          switch (token.value) {
+                              case CIRCLE:
+                                  shape = 0 /* CIRCLE */;
+                                  return false;
+                              case ELLIPSE:
+                                  shape = 1 /* ELLIPSE */;
+                                  return false;
+                              case 'at':
+                                  isAtPosition_1 = true;
+                                  return false;
+                              case CLOSEST_SIDE:
+                                  size = 0 /* CLOSEST_SIDE */;
+                                  return false;
+                              case COVER:
+                              case FARTHEST_SIDE:
+                                  size = 1 /* FARTHEST_SIDE */;
+                                  return false;
+                              case CONTAIN:
+                              case CLOSEST_CORNER:
+                                  size = 2 /* CLOSEST_CORNER */;
+                                  return false;
+                              case FARTHEST_CORNER:
+                                  size = 3 /* FARTHEST_CORNER */;
+                                  return false;
+                          }
+                      }
+                      else if (isLength(token) || isLengthPercentage(token)) {
+                          if (!Array.isArray(size)) {
+                              size = [];
+                          }
+                          size.push(token);
+                          return false;
+                      }
+                      return acc;
+                  }, isColorStop);
+              }
+              if (isColorStop) {
+                  var colorStop = parseColorStop(context, arg);
+                  stops.push(colorStop);
+              }
+          });
+          return { size: size, shape: shape, stops: stops, position: position, type: 2 /* RADIAL_GRADIENT */ };
+      };
+
+      var prefixRadialGradient = function (context, tokens) {
+          var shape = 0 /* CIRCLE */;
+          var size = 3 /* FARTHEST_CORNER */;
+          var stops = [];
+          var position = [];
+          parseFunctionArgs(tokens).forEach(function (arg, i) {
+              var isColorStop = true;
+              if (i === 0) {
+                  isColorStop = arg.reduce(function (acc, token) {
+                      if (isIdentToken(token)) {
+                          switch (token.value) {
+                              case 'center':
+                                  position.push(FIFTY_PERCENT);
+                                  return false;
+                              case 'top':
+                              case 'left':
+                                  position.push(ZERO_LENGTH);
+                                  return false;
+                              case 'right':
+                              case 'bottom':
+                                  position.push(HUNDRED_PERCENT);
+                                  return false;
+                          }
+                      }
+                      else if (isLengthPercentage(token) || isLength(token)) {
+                          position.push(token);
+                          return false;
+                      }
+                      return acc;
+                  }, isColorStop);
+              }
+              else if (i === 1) {
+                  isColorStop = arg.reduce(function (acc, token) {
+                      if (isIdentToken(token)) {
+                          switch (token.value) {
+                              case CIRCLE:
+                                  shape = 0 /* CIRCLE */;
+                                  return false;
+                              case ELLIPSE:
+                                  shape = 1 /* ELLIPSE */;
+                                  return false;
+                              case CONTAIN:
+                              case CLOSEST_SIDE:
+                                  size = 0 /* CLOSEST_SIDE */;
+                                  return false;
+                              case FARTHEST_SIDE:
+                                  size = 1 /* FARTHEST_SIDE */;
+                                  return false;
+                              case CLOSEST_CORNER:
+                                  size = 2 /* CLOSEST_CORNER */;
+                                  return false;
+                              case COVER:
+                              case FARTHEST_CORNER:
+                                  size = 3 /* FARTHEST_CORNER */;
+                                  return false;
+                          }
+                      }
+                      else if (isLength(token) || isLengthPercentage(token)) {
+                          if (!Array.isArray(size)) {
+                              size = [];
+                          }
+                          size.push(token);
+                          return false;
+                      }
+                      return acc;
+                  }, isColorStop);
+              }
+              if (isColorStop) {
+                  var colorStop = parseColorStop(context, arg);
+                  stops.push(colorStop);
+              }
+          });
+          return { size: size, shape: shape, stops: stops, position: position, type: 2 /* RADIAL_GRADIENT */ };
+      };
+
+      var isLinearGradient = function (background) {
+          return background.type === 1 /* LINEAR_GRADIENT */;
+      };
+      var isRadialGradient = function (background) {
+          return background.type === 2 /* RADIAL_GRADIENT */;
+      };
+      var image = {
+          name: 'image',
+          parse: function (context, value) {
+              if (value.type === 22 /* URL_TOKEN */) {
+                  var image_1 = { url: value.value, type: 0 /* URL */ };
+                  context.cache.addImage(value.value);
+                  return image_1;
+              }
+              if (value.type === 18 /* FUNCTION */) {
+                  var imageFunction = SUPPORTED_IMAGE_FUNCTIONS[value.name];
+                  if (typeof imageFunction === 'undefined') {
+                      throw new Error("Attempting to parse an unsupported image function \"" + value.name + "\"");
+                  }
+                  return imageFunction(context, value.values);
+              }
+              throw new Error("Unsupported image type " + value.type);
+          }
+      };
+      function isSupportedImage(value) {
+          return (!(value.type === 20 /* IDENT_TOKEN */ && value.value === 'none') &&
+              (value.type !== 18 /* FUNCTION */ || !!SUPPORTED_IMAGE_FUNCTIONS[value.name]));
+      }
+      var SUPPORTED_IMAGE_FUNCTIONS = {
+          'linear-gradient': linearGradient,
+          '-moz-linear-gradient': prefixLinearGradient,
+          '-ms-linear-gradient': prefixLinearGradient,
+          '-o-linear-gradient': prefixLinearGradient,
+          '-webkit-linear-gradient': prefixLinearGradient,
+          'radial-gradient': radialGradient,
+          '-moz-radial-gradient': prefixRadialGradient,
+          '-ms-radial-gradient': prefixRadialGradient,
+          '-o-radial-gradient': prefixRadialGradient,
+          '-webkit-radial-gradient': prefixRadialGradient,
+          '-webkit-gradient': webkitGradient
+      };
+
+      var backgroundImage = {
+          name: 'background-image',
+          initialValue: 'none',
+          type: 1 /* LIST */,
+          prefix: false,
+          parse: function (context, tokens) {
+              if (tokens.length === 0) {
+                  return [];
+              }
+              var first = tokens[0];
+              if (first.type === 20 /* IDENT_TOKEN */ && first.value === 'none') {
+                  return [];
+              }
+              return tokens
+                  .filter(function (value) { return nonFunctionArgSeparator(value) && isSupportedImage(value); })
+                  .map(function (value) { return image.parse(context, value); });
+          }
+      };
+
+      var backgroundOrigin = {
+          name: 'background-origin',
+          initialValue: 'border-box',
+          prefix: false,
+          type: 1 /* LIST */,
+          parse: function (_context, tokens) {
+              return tokens.map(function (token) {
+                  if (isIdentToken(token)) {
+                      switch (token.value) {
+                          case 'padding-box':
+                              return 1 /* PADDING_BOX */;
+                          case 'content-box':
+                              return 2 /* CONTENT_BOX */;
+                      }
+                  }
+                  return 0 /* BORDER_BOX */;
+              });
+          }
+      };
+
+      var backgroundPosition = {
+          name: 'background-position',
+          initialValue: '0% 0%',
+          type: 1 /* LIST */,
+          prefix: false,
+          parse: function (_context, tokens) {
+              return parseFunctionArgs(tokens)
+                  .map(function (values) { return values.filter(isLengthPercentage); })
+                  .map(parseLengthPercentageTuple);
+          }
+      };
+
+      var backgroundRepeat = {
+          name: 'background-repeat',
+          initialValue: 'repeat',
+          prefix: false,
+          type: 1 /* LIST */,
+          parse: function (_context, tokens) {
+              return parseFunctionArgs(tokens)
+                  .map(function (values) {
+                  return values
+                      .filter(isIdentToken)
+                      .map(function (token) { return token.value; })
+                      .join(' ');
+              })
+                  .map(parseBackgroundRepeat);
+          }
+      };
+      var parseBackgroundRepeat = function (value) {
+          switch (value) {
+              case 'no-repeat':
+                  return 1 /* NO_REPEAT */;
+              case 'repeat-x':
+              case 'repeat no-repeat':
+                  return 2 /* REPEAT_X */;
+              case 'repeat-y':
+              case 'no-repeat repeat':
+                  return 3 /* REPEAT_Y */;
+              case 'repeat':
+              default:
+                  return 0 /* REPEAT */;
+          }
+      };
+
+      var BACKGROUND_SIZE;
+      (function (BACKGROUND_SIZE) {
+          BACKGROUND_SIZE["AUTO"] = "auto";
+          BACKGROUND_SIZE["CONTAIN"] = "contain";
+          BACKGROUND_SIZE["COVER"] = "cover";
+      })(BACKGROUND_SIZE || (BACKGROUND_SIZE = {}));
+      var backgroundSize = {
+          name: 'background-size',
+          initialValue: '0',
+          prefix: false,
+          type: 1 /* LIST */,
+          parse: function (_context, tokens) {
+              return parseFunctionArgs(tokens).map(function (values) { return values.filter(isBackgroundSizeInfoToken); });
+          }
+      };
+      var isBackgroundSizeInfoToken = function (value) {
+          return isIdentToken(value) || isLengthPercentage(value);
+      };
+
+      var borderColorForSide = function (side) { return ({
+          name: "border-" + side + "-color",
+          initialValue: 'transparent',
+          prefix: false,
+          type: 3 /* TYPE_VALUE */,
+          format: 'color'
+      }); };
+      var borderTopColor = borderColorForSide('top');
+      var borderRightColor = borderColorForSide('right');
+      var borderBottomColor = borderColorForSide('bottom');
+      var borderLeftColor = borderColorForSide('left');
+
+      var borderRadiusForSide = function (side) { return ({
+          name: "border-radius-" + side,
+          initialValue: '0 0',
+          prefix: false,
+          type: 1 /* LIST */,
+          parse: function (_context, tokens) {
+              return parseLengthPercentageTuple(tokens.filter(isLengthPercentage));
+          }
+      }); };
+      var borderTopLeftRadius = borderRadiusForSide('top-left');
+      var borderTopRightRadius = borderRadiusForSide('top-right');
+      var borderBottomRightRadius = borderRadiusForSide('bottom-right');
+      var borderBottomLeftRadius = borderRadiusForSide('bottom-left');
+
+      var borderStyleForSide = function (side) { return ({
+          name: "border-" + side + "-style",
+          initialValue: 'solid',
+          prefix: false,
+          type: 2 /* IDENT_VALUE */,
+          parse: function (_context, style) {
+              switch (style) {
+                  case 'none':
+                      return 0 /* NONE */;
+                  case 'dashed':
+                      return 2 /* DASHED */;
+                  case 'dotted':
+                      return 3 /* DOTTED */;
+                  case 'double':
+                      return 4 /* DOUBLE */;
+              }
+              return 1 /* SOLID */;
+          }
+      }); };
+      var borderTopStyle = borderStyleForSide('top');
+      var borderRightStyle = borderStyleForSide('right');
+      var borderBottomStyle = borderStyleForSide('bottom');
+      var borderLeftStyle = borderStyleForSide('left');
+
+      var borderWidthForSide = function (side) { return ({
+          name: "border-" + side + "-width",
+          initialValue: '0',
+          type: 0 /* VALUE */,
+          prefix: false,
+          parse: function (_context, token) {
+              if (isDimensionToken(token)) {
+                  return token.number;
+              }
+              return 0;
+          }
+      }); };
+      var borderTopWidth = borderWidthForSide('top');
+      var borderRightWidth = borderWidthForSide('right');
+      var borderBottomWidth = borderWidthForSide('bottom');
+      var borderLeftWidth = borderWidthForSide('left');
+
+      var color = {
+          name: "color",
+          initialValue: 'transparent',
+          prefix: false,
+          type: 3 /* TYPE_VALUE */,
+          format: 'color'
+      };
+
+      var direction = {
+          name: 'direction',
+          initialValue: 'ltr',
+          prefix: false,
+          type: 2 /* IDENT_VALUE */,
+          parse: function (_context, direction) {
+              switch (direction) {
+                  case 'rtl':
+                      return 1 /* RTL */;
+                  case 'ltr':
+                  default:
+                      return 0 /* LTR */;
+              }
+          }
+      };
+
+      var display = {
+          name: 'display',
+          initialValue: 'inline-block',
+          prefix: false,
+          type: 1 /* LIST */,
+          parse: function (_context, tokens) {
+              return tokens.filter(isIdentToken).reduce(function (bit, token) {
+                  return bit | parseDisplayValue(token.value);
+              }, 0 /* NONE */);
+          }
+      };
+      var parseDisplayValue = function (display) {
+          switch (display) {
+              case 'block':
+              case '-webkit-box':
+                  return 2 /* BLOCK */;
+              case 'inline':
+                  return 4 /* INLINE */;
+              case 'run-in':
+                  return 8 /* RUN_IN */;
+              case 'flow':
+                  return 16 /* FLOW */;
+              case 'flow-root':
+                  return 32 /* FLOW_ROOT */;
+              case 'table':
+                  return 64 /* TABLE */;
+              case 'flex':
+              case '-webkit-flex':
+                  return 128 /* FLEX */;
+              case 'grid':
+              case '-ms-grid':
+                  return 256 /* GRID */;
+              case 'ruby':
+                  return 512 /* RUBY */;
+              case 'subgrid':
+                  return 1024 /* SUBGRID */;
+              case 'list-item':
+                  return 2048 /* LIST_ITEM */;
+              case 'table-row-group':
+                  return 4096 /* TABLE_ROW_GROUP */;
+              case 'table-header-group':
+                  return 8192 /* TABLE_HEADER_GROUP */;
+              case 'table-footer-group':
+                  return 16384 /* TABLE_FOOTER_GROUP */;
+              case 'table-row':
+                  return 32768 /* TABLE_ROW */;
+              case 'table-cell':
+                  return 65536 /* TABLE_CELL */;
+              case 'table-column-group':
+                  return 131072 /* TABLE_COLUMN_GROUP */;
+              case 'table-column':
+                  return 262144 /* TABLE_COLUMN */;
+              case 'table-caption':
+                  return 524288 /* TABLE_CAPTION */;
+              case 'ruby-base':
+                  return 1048576 /* RUBY_BASE */;
+              case 'ruby-text':
+                  return 2097152 /* RUBY_TEXT */;
+              case 'ruby-base-container':
+                  return 4194304 /* RUBY_BASE_CONTAINER */;
+              case 'ruby-text-container':
+                  return 8388608 /* RUBY_TEXT_CONTAINER */;
+              case 'contents':
+                  return 16777216 /* CONTENTS */;
+              case 'inline-block':
+                  return 33554432 /* INLINE_BLOCK */;
+              case 'inline-list-item':
+                  return 67108864 /* INLINE_LIST_ITEM */;
+              case 'inline-table':
+                  return 134217728 /* INLINE_TABLE */;
+              case 'inline-flex':
+                  return 268435456 /* INLINE_FLEX */;
+              case 'inline-grid':
+                  return 536870912 /* INLINE_GRID */;
+          }
+          return 0 /* NONE */;
+      };
+
+      var float = {
+          name: 'float',
+          initialValue: 'none',
+          prefix: false,
+          type: 2 /* IDENT_VALUE */,
+          parse: function (_context, float) {
+              switch (float) {
+                  case 'left':
+                      return 1 /* LEFT */;
+                  case 'right':
+                      return 2 /* RIGHT */;
+                  case 'inline-start':
+                      return 3 /* INLINE_START */;
+                  case 'inline-end':
+                      return 4 /* INLINE_END */;
+              }
+              return 0 /* NONE */;
+          }
+      };
+
+      var letterSpacing = {
+          name: 'letter-spacing',
+          initialValue: '0',
+          prefix: false,
+          type: 0 /* VALUE */,
+          parse: function (_context, token) {
+              if (token.type === 20 /* IDENT_TOKEN */ && token.value === 'normal') {
+                  return 0;
+              }
+              if (token.type === 17 /* NUMBER_TOKEN */) {
+                  return token.number;
+              }
+              if (token.type === 15 /* DIMENSION_TOKEN */) {
+                  return token.number;
+              }
+              return 0;
+          }
+      };
+
+      var LINE_BREAK;
+      (function (LINE_BREAK) {
+          LINE_BREAK["NORMAL"] = "normal";
+          LINE_BREAK["STRICT"] = "strict";
+      })(LINE_BREAK || (LINE_BREAK = {}));
+      var lineBreak = {
+          name: 'line-break',
+          initialValue: 'normal',
+          prefix: false,
+          type: 2 /* IDENT_VALUE */,
+          parse: function (_context, lineBreak) {
+              switch (lineBreak) {
+                  case 'strict':
+                      return LINE_BREAK.STRICT;
+                  case 'normal':
+                  default:
+                      return LINE_BREAK.NORMAL;
+              }
+          }
+      };
+
+      var lineHeight = {
+          name: 'line-height',
+          initialValue: 'normal',
+          prefix: false,
+          type: 4 /* TOKEN_VALUE */
+      };
+      var computeLineHeight = function (token, fontSize) {
+          if (isIdentToken(token) && token.value === 'normal') {
+              return 1.2 * fontSize;
+          }
+          else if (token.type === 17 /* NUMBER_TOKEN */) {
+              return fontSize * token.number;
+          }
+          else if (isLengthPercentage(token)) {
+              return getAbsoluteValue(token, fontSize);
+          }
+          return fontSize;
+      };
+
+      var listStyleImage = {
+          name: 'list-style-image',
+          initialValue: 'none',
+          type: 0 /* VALUE */,
+          prefix: false,
+          parse: function (context, token) {
+              if (token.type === 20 /* IDENT_TOKEN */ && token.value === 'none') {
+                  return null;
+              }
+              return image.parse(context, token);
+          }
+      };
+
+      var listStylePosition = {
+          name: 'list-style-position',
+          initialValue: 'outside',
+          prefix: false,
+          type: 2 /* IDENT_VALUE */,
+          parse: function (_context, position) {
+              switch (position) {
+                  case 'inside':
+                      return 0 /* INSIDE */;
+                  case 'outside':
+                  default:
+                      return 1 /* OUTSIDE */;
+              }
+          }
+      };
+
+      var listStyleType = {
+          name: 'list-style-type',
+          initialValue: 'none',
+          prefix: false,
+          type: 2 /* IDENT_VALUE */,
+          parse: function (_context, type) {
+              switch (type) {
+                  case 'disc':
+                      return 0 /* DISC */;
+                  case 'circle':
+                      return 1 /* CIRCLE */;
+                  case 'square':
+                      return 2 /* SQUARE */;
+                  case 'decimal':
+                      return 3 /* DECIMAL */;
+                  case 'cjk-decimal':
+                      return 4 /* CJK_DECIMAL */;
+                  case 'decimal-leading-zero':
+                      return 5 /* DECIMAL_LEADING_ZERO */;
+                  case 'lower-roman':
+                      return 6 /* LOWER_ROMAN */;
+                  case 'upper-roman':
+                      return 7 /* UPPER_ROMAN */;
+                  case 'lower-greek':
+                      return 8 /* LOWER_GREEK */;
+                  case 'lower-alpha':
+                      return 9 /* LOWER_ALPHA */;
+                  case 'upper-alpha':
+                      return 10 /* UPPER_ALPHA */;
+                  case 'arabic-indic':
+                      return 11 /* ARABIC_INDIC */;
+                  case 'armenian':
+                      return 12 /* ARMENIAN */;
+                  case 'bengali':
+                      return 13 /* BENGALI */;
+                  case 'cambodian':
+                      return 14 /* CAMBODIAN */;
+                  case 'cjk-earthly-branch':
+                      return 15 /* CJK_EARTHLY_BRANCH */;
+                  case 'cjk-heavenly-stem':
+                      return 16 /* CJK_HEAVENLY_STEM */;
+                  case 'cjk-ideographic':
+                      return 17 /* CJK_IDEOGRAPHIC */;
+                  case 'devanagari':
+                      return 18 /* DEVANAGARI */;
+                  case 'ethiopic-numeric':
+                      return 19 /* ETHIOPIC_NUMERIC */;
+                  case 'georgian':
+                      return 20 /* GEORGIAN */;
+                  case 'gujarati':
+                      return 21 /* GUJARATI */;
+                  case 'gurmukhi':
+                      return 22 /* GURMUKHI */;
+                  case 'hebrew':
+                      return 22 /* HEBREW */;
+                  case 'hiragana':
+                      return 23 /* HIRAGANA */;
+                  case 'hiragana-iroha':
+                      return 24 /* HIRAGANA_IROHA */;
+                  case 'japanese-formal':
+                      return 25 /* JAPANESE_FORMAL */;
+                  case 'japanese-informal':
+                      return 26 /* JAPANESE_INFORMAL */;
+                  case 'kannada':
+                      return 27 /* KANNADA */;
+                  case 'katakana':
+                      return 28 /* KATAKANA */;
+                  case 'katakana-iroha':
+                      return 29 /* KATAKANA_IROHA */;
+                  case 'khmer':
+                      return 30 /* KHMER */;
+                  case 'korean-hangul-formal':
+                      return 31 /* KOREAN_HANGUL_FORMAL */;
+                  case 'korean-hanja-formal':
+                      return 32 /* KOREAN_HANJA_FORMAL */;
+                  case 'korean-hanja-informal':
+                      return 33 /* KOREAN_HANJA_INFORMAL */;
+                  case 'lao':
+                      return 34 /* LAO */;
+                  case 'lower-armenian':
+                      return 35 /* LOWER_ARMENIAN */;
+                  case 'malayalam':
+                      return 36 /* MALAYALAM */;
+                  case 'mongolian':
+                      return 37 /* MONGOLIAN */;
+                  case 'myanmar':
+                      return 38 /* MYANMAR */;
+                  case 'oriya':
+                      return 39 /* ORIYA */;
+                  case 'persian':
+                      return 40 /* PERSIAN */;
+                  case 'simp-chinese-formal':
+                      return 41 /* SIMP_CHINESE_FORMAL */;
+                  case 'simp-chinese-informal':
+                      return 42 /* SIMP_CHINESE_INFORMAL */;
+                  case 'tamil':
+                      return 43 /* TAMIL */;
+                  case 'telugu':
+                      return 44 /* TELUGU */;
+                  case 'thai':
+                      return 45 /* THAI */;
+                  case 'tibetan':
+                      return 46 /* TIBETAN */;
+                  case 'trad-chinese-formal':
+                      return 47 /* TRAD_CHINESE_FORMAL */;
+                  case 'trad-chinese-informal':
+                      return 48 /* TRAD_CHINESE_INFORMAL */;
+                  case 'upper-armenian':
+                      return 49 /* UPPER_ARMENIAN */;
+                  case 'disclosure-open':
+                      return 50 /* DISCLOSURE_OPEN */;
+                  case 'disclosure-closed':
+                      return 51 /* DISCLOSURE_CLOSED */;
+                  case 'none':
+                  default:
+                      return -1 /* NONE */;
+              }
+          }
+      };
+
+      var marginForSide = function (side) { return ({
+          name: "margin-" + side,
+          initialValue: '0',
+          prefix: false,
+          type: 4 /* TOKEN_VALUE */
+      }); };
+      var marginTop = marginForSide('top');
+      var marginRight = marginForSide('right');
+      var marginBottom = marginForSide('bottom');
+      var marginLeft = marginForSide('left');
+
+      var overflow = {
+          name: 'overflow',
+          initialValue: 'visible',
+          prefix: false,
+          type: 1 /* LIST */,
+          parse: function (_context, tokens) {
+              return tokens.filter(isIdentToken).map(function (overflow) {
+                  switch (overflow.value) {
+                      case 'hidden':
+                          return 1 /* HIDDEN */;
+                      case 'scroll':
+                          return 2 /* SCROLL */;
+                      case 'clip':
+                          return 3 /* CLIP */;
+                      case 'auto':
+                          return 4 /* AUTO */;
+                      case 'visible':
+                      default:
+                          return 0 /* VISIBLE */;
+                  }
+              });
+          }
+      };
+
+      var overflowWrap = {
+          name: 'overflow-wrap',
+          initialValue: 'normal',
+          prefix: false,
+          type: 2 /* IDENT_VALUE */,
+          parse: function (_context, overflow) {
+              switch (overflow) {
+                  case 'break-word':
+                      return "break-word" /* BREAK_WORD */;
+                  case 'normal':
+                  default:
+                      return "normal" /* NORMAL */;
+              }
+          }
+      };
+
+      var paddingForSide = function (side) { return ({
+          name: "padding-" + side,
+          initialValue: '0',
+          prefix: false,
+          type: 3 /* TYPE_VALUE */,
+          format: 'length-percentage'
+      }); };
+      var paddingTop = paddingForSide('top');
+      var paddingRight = paddingForSide('right');
+      var paddingBottom = paddingForSide('bottom');
+      var paddingLeft = paddingForSide('left');
+
+      var textAlign = {
+          name: 'text-align',
+          initialValue: 'left',
+          prefix: false,
+          type: 2 /* IDENT_VALUE */,
+          parse: function (_context, textAlign) {
+              switch (textAlign) {
+                  case 'right':
+                      return 2 /* RIGHT */;
+                  case 'center':
+                  case 'justify':
+                      return 1 /* CENTER */;
+                  case 'left':
+                  default:
+                      return 0 /* LEFT */;
+              }
+          }
+      };
+
+      var position = {
+          name: 'position',
+          initialValue: 'static',
+          prefix: false,
+          type: 2 /* IDENT_VALUE */,
+          parse: function (_context, position) {
+              switch (position) {
+                  case 'relative':
+                      return 1 /* RELATIVE */;
+                  case 'absolute':
+                      return 2 /* ABSOLUTE */;
+                  case 'fixed':
+                      return 3 /* FIXED */;
+                  case 'sticky':
+                      return 4 /* STICKY */;
+              }
+              return 0 /* STATIC */;
+          }
+      };
+
+      var textShadow = {
+          name: 'text-shadow',
+          initialValue: 'none',
+          type: 1 /* LIST */,
+          prefix: false,
+          parse: function (context, tokens) {
+              if (tokens.length === 1 && isIdentWithValue(tokens[0], 'none')) {
+                  return [];
+              }
+              return parseFunctionArgs(tokens).map(function (values) {
+                  var shadow = {
+                      color: COLORS.TRANSPARENT,
+                      offsetX: ZERO_LENGTH,
+                      offsetY: ZERO_LENGTH,
+                      blur: ZERO_LENGTH
+                  };
+                  var c = 0;
+                  for (var i = 0; i < values.length; i++) {
+                      var token = values[i];
+                      if (isLength(token)) {
+                          if (c === 0) {
+                              shadow.offsetX = token;
+                          }
+                          else if (c === 1) {
+                              shadow.offsetY = token;
+                          }
+                          else {
+                              shadow.blur = token;
+                          }
+                          c++;
+                      }
+                      else {
+                          shadow.color = color$1.parse(context, token);
+                      }
+                  }
+                  return shadow;
+              });
+          }
+      };
+
+      var textTransform = {
+          name: 'text-transform',
+          initialValue: 'none',
+          prefix: false,
+          type: 2 /* IDENT_VALUE */,
+          parse: function (_context, textTransform) {
+              switch (textTransform) {
+                  case 'uppercase':
+                      return 2 /* UPPERCASE */;
+                  case 'lowercase':
+                      return 1 /* LOWERCASE */;
+                  case 'capitalize':
+                      return 3 /* CAPITALIZE */;
+              }
+              return 0 /* NONE */;
+          }
+      };
+
+      var transform$1 = {
+          name: 'transform',
+          initialValue: 'none',
+          prefix: true,
+          type: 0 /* VALUE */,
+          parse: function (_context, token) {
+              if (token.type === 20 /* IDENT_TOKEN */ && token.value === 'none') {
+                  return null;
+              }
+              if (token.type === 18 /* FUNCTION */) {
+                  var transformFunction = SUPPORTED_TRANSFORM_FUNCTIONS[token.name];
+                  if (typeof transformFunction === 'undefined') {
+                      throw new Error("Attempting to parse an unsupported transform function \"" + token.name + "\"");
+                  }
+                  return transformFunction(token.values);
+              }
+              return null;
+          }
+      };
+      var matrix = function (args) {
+          var values = args.filter(function (arg) { return arg.type === 17 /* NUMBER_TOKEN */; }).map(function (arg) { return arg.number; });
+          return values.length === 6 ? values : null;
+      };
+      // doesn't support 3D transforms at the moment
+      var matrix3d = function (args) {
+          var values = args.filter(function (arg) { return arg.type === 17 /* NUMBER_TOKEN */; }).map(function (arg) { return arg.number; });
+          var a1 = values[0], b1 = values[1]; values[2]; values[3]; var a2 = values[4], b2 = values[5]; values[6]; values[7]; values[8]; values[9]; values[10]; values[11]; var a4 = values[12], b4 = values[13]; values[14]; values[15];
+          return values.length === 16 ? [a1, b1, a2, b2, a4, b4] : null;
+      };
+      var SUPPORTED_TRANSFORM_FUNCTIONS = {
+          matrix: matrix,
+          matrix3d: matrix3d
+      };
+
+      var DEFAULT_VALUE = {
+          type: 16 /* PERCENTAGE_TOKEN */,
+          number: 50,
+          flags: FLAG_INTEGER
+      };
+      var DEFAULT = [DEFAULT_VALUE, DEFAULT_VALUE];
+      var transformOrigin = {
+          name: 'transform-origin',
+          initialValue: '50% 50%',
+          prefix: true,
+          type: 1 /* LIST */,
+          parse: function (_context, tokens) {
+              var origins = tokens.filter(isLengthPercentage);
+              if (origins.length !== 2) {
+                  return DEFAULT;
+              }
+              return [origins[0], origins[1]];
+          }
+      };
+
+      var visibility = {
+          name: 'visible',
+          initialValue: 'none',
+          prefix: false,
+          type: 2 /* IDENT_VALUE */,
+          parse: function (_context, visibility) {
+              switch (visibility) {
+                  case 'hidden':
+                      return 1 /* HIDDEN */;
+                  case 'collapse':
+                      return 2 /* COLLAPSE */;
+                  case 'visible':
+                  default:
+                      return 0 /* VISIBLE */;
+              }
+          }
+      };
+
+      var WORD_BREAK;
+      (function (WORD_BREAK) {
+          WORD_BREAK["NORMAL"] = "normal";
+          WORD_BREAK["BREAK_ALL"] = "break-all";
+          WORD_BREAK["KEEP_ALL"] = "keep-all";
+      })(WORD_BREAK || (WORD_BREAK = {}));
+      var wordBreak = {
+          name: 'word-break',
+          initialValue: 'normal',
+          prefix: false,
+          type: 2 /* IDENT_VALUE */,
+          parse: function (_context, wordBreak) {
+              switch (wordBreak) {
+                  case 'break-all':
+                      return WORD_BREAK.BREAK_ALL;
+                  case 'keep-all':
+                      return WORD_BREAK.KEEP_ALL;
+                  case 'normal':
+                  default:
+                      return WORD_BREAK.NORMAL;
+              }
+          }
+      };
+
+      var zIndex = {
+          name: 'z-index',
+          initialValue: 'auto',
+          prefix: false,
+          type: 0 /* VALUE */,
+          parse: function (_context, token) {
+              if (token.type === 20 /* IDENT_TOKEN */) {
+                  return { auto: true, order: 0 };
+              }
+              if (isNumberToken(token)) {
+                  return { auto: false, order: token.number };
+              }
+              throw new Error("Invalid z-index number parsed");
+          }
+      };
+
+      var time = {
+          name: 'time',
+          parse: function (_context, value) {
+              if (value.type === 15 /* DIMENSION_TOKEN */) {
+                  switch (value.unit.toLowerCase()) {
+                      case 's':
+                          return 1000 * value.number;
+                      case 'ms':
+                          return value.number;
+                  }
+              }
+              throw new Error("Unsupported time type");
+          }
+      };
+
+      var opacity = {
+          name: 'opacity',
+          initialValue: '1',
+          type: 0 /* VALUE */,
+          prefix: false,
+          parse: function (_context, token) {
+              if (isNumberToken(token)) {
+                  return token.number;
+              }
+              return 1;
+          }
+      };
+
+      var textDecorationColor = {
+          name: "text-decoration-color",
+          initialValue: 'transparent',
+          prefix: false,
+          type: 3 /* TYPE_VALUE */,
+          format: 'color'
+      };
+
+      var textDecorationLine = {
+          name: 'text-decoration-line',
+          initialValue: 'none',
+          prefix: false,
+          type: 1 /* LIST */,
+          parse: function (_context, tokens) {
+              return tokens
+                  .filter(isIdentToken)
+                  .map(function (token) {
+                  switch (token.value) {
+                      case 'underline':
+                          return 1 /* UNDERLINE */;
+                      case 'overline':
+                          return 2 /* OVERLINE */;
+                      case 'line-through':
+                          return 3 /* LINE_THROUGH */;
+                      case 'none':
+                          return 4 /* BLINK */;
+                  }
+                  return 0 /* NONE */;
+              })
+                  .filter(function (line) { return line !== 0 /* NONE */; });
+          }
+      };
+
+      var fontFamily = {
+          name: "font-family",
+          initialValue: '',
+          prefix: false,
+          type: 1 /* LIST */,
+          parse: function (_context, tokens) {
+              var accumulator = [];
+              var results = [];
+              tokens.forEach(function (token) {
+                  switch (token.type) {
+                      case 20 /* IDENT_TOKEN */:
+                      case 0 /* STRING_TOKEN */:
+                          accumulator.push(token.value);
+                          break;
+                      case 17 /* NUMBER_TOKEN */:
+                          accumulator.push(token.number.toString());
+                          break;
+                      case 4 /* COMMA_TOKEN */:
+                          results.push(accumulator.join(' '));
+                          accumulator.length = 0;
+                          break;
+                  }
+              });
+              if (accumulator.length) {
+                  results.push(accumulator.join(' '));
+              }
+              return results.map(function (result) { return (result.indexOf(' ') === -1 ? result : "'" + result + "'"); });
+          }
+      };
+
+      var fontSize = {
+          name: "font-size",
+          initialValue: '0',
+          prefix: false,
+          type: 3 /* TYPE_VALUE */,
+          format: 'length'
+      };
+
+      var fontWeight = {
+          name: 'font-weight',
+          initialValue: 'normal',
+          type: 0 /* VALUE */,
+          prefix: false,
+          parse: function (_context, token) {
+              if (isNumberToken(token)) {
+                  return token.number;
+              }
+              if (isIdentToken(token)) {
+                  switch (token.value) {
+                      case 'bold':
+                          return 700;
+                      case 'normal':
+                      default:
+                          return 400;
+                  }
+              }
+              return 400;
+          }
+      };
+
+      var fontVariant = {
+          name: 'font-variant',
+          initialValue: 'none',
+          type: 1 /* LIST */,
+          prefix: false,
+          parse: function (_context, tokens) {
+              return tokens.filter(isIdentToken).map(function (token) { return token.value; });
+          }
+      };
+
+      var fontStyle = {
+          name: 'font-style',
+          initialValue: 'normal',
+          prefix: false,
+          type: 2 /* IDENT_VALUE */,
+          parse: function (_context, overflow) {
+              switch (overflow) {
+                  case 'oblique':
+                      return "oblique" /* OBLIQUE */;
+                  case 'italic':
+                      return "italic" /* ITALIC */;
+                  case 'normal':
+                  default:
+                      return "normal" /* NORMAL */;
+              }
+          }
+      };
+
+      var contains = function (bit, value) { return (bit & value) !== 0; };
+
+      var content = {
+          name: 'content',
+          initialValue: 'none',
+          type: 1 /* LIST */,
+          prefix: false,
+          parse: function (_context, tokens) {
+              if (tokens.length === 0) {
+                  return [];
+              }
+              var first = tokens[0];
+              if (first.type === 20 /* IDENT_TOKEN */ && first.value === 'none') {
+                  return [];
+              }
+              return tokens;
+          }
+      };
+
+      var counterIncrement = {
+          name: 'counter-increment',
+          initialValue: 'none',
+          prefix: true,
+          type: 1 /* LIST */,
+          parse: function (_context, tokens) {
+              if (tokens.length === 0) {
+                  return null;
+              }
+              var first = tokens[0];
+              if (first.type === 20 /* IDENT_TOKEN */ && first.value === 'none') {
+                  return null;
+              }
+              var increments = [];
+              var filtered = tokens.filter(nonWhiteSpace);
+              for (var i = 0; i < filtered.length; i++) {
+                  var counter = filtered[i];
+                  var next = filtered[i + 1];
+                  if (counter.type === 20 /* IDENT_TOKEN */) {
+                      var increment = next && isNumberToken(next) ? next.number : 1;
+                      increments.push({ counter: counter.value, increment: increment });
+                  }
+              }
+              return increments;
+          }
+      };
+
+      var counterReset = {
+          name: 'counter-reset',
+          initialValue: 'none',
+          prefix: true,
+          type: 1 /* LIST */,
+          parse: function (_context, tokens) {
+              if (tokens.length === 0) {
+                  return [];
+              }
+              var resets = [];
+              var filtered = tokens.filter(nonWhiteSpace);
+              for (var i = 0; i < filtered.length; i++) {
+                  var counter = filtered[i];
+                  var next = filtered[i + 1];
+                  if (isIdentToken(counter) && counter.value !== 'none') {
+                      var reset = next && isNumberToken(next) ? next.number : 0;
+                      resets.push({ counter: counter.value, reset: reset });
+                  }
+              }
+              return resets;
+          }
+      };
+
+      var duration = {
+          name: 'duration',
+          initialValue: '0s',
+          prefix: false,
+          type: 1 /* LIST */,
+          parse: function (context, tokens) {
+              return tokens.filter(isDimensionToken).map(function (token) { return time.parse(context, token); });
+          }
+      };
+
+      var quotes = {
+          name: 'quotes',
+          initialValue: 'none',
+          prefix: true,
+          type: 1 /* LIST */,
+          parse: function (_context, tokens) {
+              if (tokens.length === 0) {
+                  return null;
+              }
+              var first = tokens[0];
+              if (first.type === 20 /* IDENT_TOKEN */ && first.value === 'none') {
+                  return null;
+              }
+              var quotes = [];
+              var filtered = tokens.filter(isStringToken);
+              if (filtered.length % 2 !== 0) {
+                  return null;
+              }
+              for (var i = 0; i < filtered.length; i += 2) {
+                  var open_1 = filtered[i].value;
+                  var close_1 = filtered[i + 1].value;
+                  quotes.push({ open: open_1, close: close_1 });
+              }
+              return quotes;
+          }
+      };
+      var getQuote = function (quotes, depth, open) {
+          if (!quotes) {
+              return '';
+          }
+          var quote = quotes[Math.min(depth, quotes.length - 1)];
+          if (!quote) {
+              return '';
+          }
+          return open ? quote.open : quote.close;
+      };
+
+      var boxShadow = {
+          name: 'box-shadow',
+          initialValue: 'none',
+          type: 1 /* LIST */,
+          prefix: false,
+          parse: function (context, tokens) {
+              if (tokens.length === 1 && isIdentWithValue(tokens[0], 'none')) {
+                  return [];
+              }
+              return parseFunctionArgs(tokens).map(function (values) {
+                  var shadow = {
+                      color: 0x000000ff,
+                      offsetX: ZERO_LENGTH,
+                      offsetY: ZERO_LENGTH,
+                      blur: ZERO_LENGTH,
+                      spread: ZERO_LENGTH,
+                      inset: false
+                  };
+                  var c = 0;
+                  for (var i = 0; i < values.length; i++) {
+                      var token = values[i];
+                      if (isIdentWithValue(token, 'inset')) {
+                          shadow.inset = true;
+                      }
+                      else if (isLength(token)) {
+                          if (c === 0) {
+                              shadow.offsetX = token;
+                          }
+                          else if (c === 1) {
+                              shadow.offsetY = token;
+                          }
+                          else if (c === 2) {
+                              shadow.blur = token;
+                          }
+                          else {
+                              shadow.spread = token;
+                          }
+                          c++;
+                      }
+                      else {
+                          shadow.color = color$1.parse(context, token);
+                      }
+                  }
+                  return shadow;
+              });
+          }
+      };
+
+      var paintOrder = {
+          name: 'paint-order',
+          initialValue: 'normal',
+          prefix: false,
+          type: 1 /* LIST */,
+          parse: function (_context, tokens) {
+              var DEFAULT_VALUE = [0 /* FILL */, 1 /* STROKE */, 2 /* MARKERS */];
+              var layers = [];
+              tokens.filter(isIdentToken).forEach(function (token) {
+                  switch (token.value) {
+                      case 'stroke':
+                          layers.push(1 /* STROKE */);
+                          break;
+                      case 'fill':
+                          layers.push(0 /* FILL */);
+                          break;
+                      case 'markers':
+                          layers.push(2 /* MARKERS */);
+                          break;
+                  }
+              });
+              DEFAULT_VALUE.forEach(function (value) {
+                  if (layers.indexOf(value) === -1) {
+                      layers.push(value);
+                  }
+              });
+              return layers;
+          }
+      };
+
+      var webkitTextStrokeColor = {
+          name: "-webkit-text-stroke-color",
+          initialValue: 'currentcolor',
+          prefix: false,
+          type: 3 /* TYPE_VALUE */,
+          format: 'color'
+      };
+
+      var webkitTextStrokeWidth = {
+          name: "-webkit-text-stroke-width",
+          initialValue: '0',
+          type: 0 /* VALUE */,
+          prefix: false,
+          parse: function (_context, token) {
+              if (isDimensionToken(token)) {
+                  return token.number;
+              }
+              return 0;
+          }
+      };
+
+      var CSSParsedDeclaration = /** @class */ (function () {
+          function CSSParsedDeclaration(context, declaration) {
+              var _a, _b;
+              this.animationDuration = parse(context, duration, declaration.animationDuration);
+              this.backgroundClip = parse(context, backgroundClip, declaration.backgroundClip);
+              this.backgroundColor = parse(context, backgroundColor, declaration.backgroundColor);
+              this.backgroundImage = parse(context, backgroundImage, declaration.backgroundImage);
+              this.backgroundOrigin = parse(context, backgroundOrigin, declaration.backgroundOrigin);
+              this.backgroundPosition = parse(context, backgroundPosition, declaration.backgroundPosition);
+              this.backgroundRepeat = parse(context, backgroundRepeat, declaration.backgroundRepeat);
+              this.backgroundSize = parse(context, backgroundSize, declaration.backgroundSize);
+              this.borderTopColor = parse(context, borderTopColor, declaration.borderTopColor);
+              this.borderRightColor = parse(context, borderRightColor, declaration.borderRightColor);
+              this.borderBottomColor = parse(context, borderBottomColor, declaration.borderBottomColor);
+              this.borderLeftColor = parse(context, borderLeftColor, declaration.borderLeftColor);
+              this.borderTopLeftRadius = parse(context, borderTopLeftRadius, declaration.borderTopLeftRadius);
+              this.borderTopRightRadius = parse(context, borderTopRightRadius, declaration.borderTopRightRadius);
+              this.borderBottomRightRadius = parse(context, borderBottomRightRadius, declaration.borderBottomRightRadius);
+              this.borderBottomLeftRadius = parse(context, borderBottomLeftRadius, declaration.borderBottomLeftRadius);
+              this.borderTopStyle = parse(context, borderTopStyle, declaration.borderTopStyle);
+              this.borderRightStyle = parse(context, borderRightStyle, declaration.borderRightStyle);
+              this.borderBottomStyle = parse(context, borderBottomStyle, declaration.borderBottomStyle);
+              this.borderLeftStyle = parse(context, borderLeftStyle, declaration.borderLeftStyle);
+              this.borderTopWidth = parse(context, borderTopWidth, declaration.borderTopWidth);
+              this.borderRightWidth = parse(context, borderRightWidth, declaration.borderRightWidth);
+              this.borderBottomWidth = parse(context, borderBottomWidth, declaration.borderBottomWidth);
+              this.borderLeftWidth = parse(context, borderLeftWidth, declaration.borderLeftWidth);
+              this.boxShadow = parse(context, boxShadow, declaration.boxShadow);
+              this.color = parse(context, color, declaration.color);
+              this.direction = parse(context, direction, declaration.direction);
+              this.display = parse(context, display, declaration.display);
+              this.float = parse(context, float, declaration.cssFloat);
+              this.fontFamily = parse(context, fontFamily, declaration.fontFamily);
+              this.fontSize = parse(context, fontSize, declaration.fontSize);
+              this.fontStyle = parse(context, fontStyle, declaration.fontStyle);
+              this.fontVariant = parse(context, fontVariant, declaration.fontVariant);
+              this.fontWeight = parse(context, fontWeight, declaration.fontWeight);
+              this.letterSpacing = parse(context, letterSpacing, declaration.letterSpacing);
+              this.lineBreak = parse(context, lineBreak, declaration.lineBreak);
+              this.lineHeight = parse(context, lineHeight, declaration.lineHeight);
+              this.listStyleImage = parse(context, listStyleImage, declaration.listStyleImage);
+              this.listStylePosition = parse(context, listStylePosition, declaration.listStylePosition);
+              this.listStyleType = parse(context, listStyleType, declaration.listStyleType);
+              this.marginTop = parse(context, marginTop, declaration.marginTop);
+              this.marginRight = parse(context, marginRight, declaration.marginRight);
+              this.marginBottom = parse(context, marginBottom, declaration.marginBottom);
+              this.marginLeft = parse(context, marginLeft, declaration.marginLeft);
+              this.opacity = parse(context, opacity, declaration.opacity);
+              var overflowTuple = parse(context, overflow, declaration.overflow);
+              this.overflowX = overflowTuple[0];
+              this.overflowY = overflowTuple[overflowTuple.length > 1 ? 1 : 0];
+              this.overflowWrap = parse(context, overflowWrap, declaration.overflowWrap);
+              this.paddingTop = parse(context, paddingTop, declaration.paddingTop);
+              this.paddingRight = parse(context, paddingRight, declaration.paddingRight);
+              this.paddingBottom = parse(context, paddingBottom, declaration.paddingBottom);
+              this.paddingLeft = parse(context, paddingLeft, declaration.paddingLeft);
+              this.paintOrder = parse(context, paintOrder, declaration.paintOrder);
+              this.position = parse(context, position, declaration.position);
+              this.textAlign = parse(context, textAlign, declaration.textAlign);
+              this.textDecorationColor = parse(context, textDecorationColor, (_a = declaration.textDecorationColor) !== null && _a !== void 0 ? _a : declaration.color);
+              this.textDecorationLine = parse(context, textDecorationLine, (_b = declaration.textDecorationLine) !== null && _b !== void 0 ? _b : declaration.textDecoration);
+              this.textShadow = parse(context, textShadow, declaration.textShadow);
+              this.textTransform = parse(context, textTransform, declaration.textTransform);
+              this.transform = parse(context, transform$1, declaration.transform);
+              this.transformOrigin = parse(context, transformOrigin, declaration.transformOrigin);
+              this.visibility = parse(context, visibility, declaration.visibility);
+              this.webkitTextStrokeColor = parse(context, webkitTextStrokeColor, declaration.webkitTextStrokeColor);
+              this.webkitTextStrokeWidth = parse(context, webkitTextStrokeWidth, declaration.webkitTextStrokeWidth);
+              this.wordBreak = parse(context, wordBreak, declaration.wordBreak);
+              this.zIndex = parse(context, zIndex, declaration.zIndex);
+          }
+          CSSParsedDeclaration.prototype.isVisible = function () {
+              return this.display > 0 && this.opacity > 0 && this.visibility === 0 /* VISIBLE */;
+          };
+          CSSParsedDeclaration.prototype.isTransparent = function () {
+              return isTransparent(this.backgroundColor);
+          };
+          CSSParsedDeclaration.prototype.isTransformed = function () {
+              return this.transform !== null;
+          };
+          CSSParsedDeclaration.prototype.isPositioned = function () {
+              return this.position !== 0 /* STATIC */;
+          };
+          CSSParsedDeclaration.prototype.isPositionedWithZIndex = function () {
+              return this.isPositioned() && !this.zIndex.auto;
+          };
+          CSSParsedDeclaration.prototype.isFloating = function () {
+              return this.float !== 0 /* NONE */;
+          };
+          CSSParsedDeclaration.prototype.isInlineLevel = function () {
+              return (contains(this.display, 4 /* INLINE */) ||
+                  contains(this.display, 33554432 /* INLINE_BLOCK */) ||
+                  contains(this.display, 268435456 /* INLINE_FLEX */) ||
+                  contains(this.display, 536870912 /* INLINE_GRID */) ||
+                  contains(this.display, 67108864 /* INLINE_LIST_ITEM */) ||
+                  contains(this.display, 134217728 /* INLINE_TABLE */));
+          };
+          return CSSParsedDeclaration;
+      }());
+      var CSSParsedPseudoDeclaration = /** @class */ (function () {
+          function CSSParsedPseudoDeclaration(context, declaration) {
+              this.content = parse(context, content, declaration.content);
+              this.quotes = parse(context, quotes, declaration.quotes);
+          }
+          return CSSParsedPseudoDeclaration;
+      }());
+      var CSSParsedCounterDeclaration = /** @class */ (function () {
+          function CSSParsedCounterDeclaration(context, declaration) {
+              this.counterIncrement = parse(context, counterIncrement, declaration.counterIncrement);
+              this.counterReset = parse(context, counterReset, declaration.counterReset);
+          }
+          return CSSParsedCounterDeclaration;
+      }());
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      var parse = function (context, descriptor, style) {
+          var tokenizer = new Tokenizer();
+          var value = style !== null && typeof style !== 'undefined' ? style.toString() : descriptor.initialValue;
+          tokenizer.write(value);
+          var parser = new Parser(tokenizer.read());
+          switch (descriptor.type) {
+              case 2 /* IDENT_VALUE */:
+                  var token = parser.parseComponentValue();
+                  return descriptor.parse(context, isIdentToken(token) ? token.value : descriptor.initialValue);
+              case 0 /* VALUE */:
+                  return descriptor.parse(context, parser.parseComponentValue());
+              case 1 /* LIST */:
+                  return descriptor.parse(context, parser.parseComponentValues());
+              case 4 /* TOKEN_VALUE */:
+                  return parser.parseComponentValue();
+              case 3 /* TYPE_VALUE */:
+                  switch (descriptor.format) {
+                      case 'angle':
+                          return angle.parse(context, parser.parseComponentValue());
+                      case 'color':
+                          return color$1.parse(context, parser.parseComponentValue());
+                      case 'image':
+                          return image.parse(context, parser.parseComponentValue());
+                      case 'length':
+                          var length_1 = parser.parseComponentValue();
+                          return isLength(length_1) ? length_1 : ZERO_LENGTH;
+                      case 'length-percentage':
+                          var value_1 = parser.parseComponentValue();
+                          return isLengthPercentage(value_1) ? value_1 : ZERO_LENGTH;
+                      case 'time':
+                          return time.parse(context, parser.parseComponentValue());
+                  }
+                  break;
+          }
+      };
+
+      var elementDebuggerAttribute = 'data-html2canvas-debug';
+      var getElementDebugType = function (element) {
+          var attribute = element.getAttribute(elementDebuggerAttribute);
+          switch (attribute) {
+              case 'all':
+                  return 1 /* ALL */;
+              case 'clone':
+                  return 2 /* CLONE */;
+              case 'parse':
+                  return 3 /* PARSE */;
+              case 'render':
+                  return 4 /* RENDER */;
+              default:
+                  return 0 /* NONE */;
+          }
+      };
+      var isDebugging = function (element, type) {
+          var elementType = getElementDebugType(element);
+          return elementType === 1 /* ALL */ || type === elementType;
+      };
+
+      var ElementContainer = /** @class */ (function () {
+          function ElementContainer(context, element) {
+              this.context = context;
+              this.textNodes = [];
+              this.elements = [];
+              this.flags = 0;
+              if (isDebugging(element, 3 /* PARSE */)) {
+                  debugger;
+              }
+              this.styles = new CSSParsedDeclaration(context, window.getComputedStyle(element, null));
+              if (isHTMLElementNode(element)) {
+                  if (this.styles.animationDuration.some(function (duration) { return duration > 0; })) {
+                      element.style.animationDuration = '0s';
+                  }
+                  if (this.styles.transform !== null) {
+                      // getBoundingClientRect takes transforms into account
+                      element.style.transform = 'none';
+                  }
+              }
+              this.bounds = parseBounds(this.context, element);
+              if (isDebugging(element, 4 /* RENDER */)) {
+                  this.flags |= 16 /* DEBUG_RENDER */;
+              }
+          }
+          return ElementContainer;
+      }());
+
+      /*
+       * text-segmentation 1.0.3 <https://github.com/niklasvh/text-segmentation>
+       * Copyright (c) 2022 Niklas von Hertzen <https://hertzen.com>
+       * Released under MIT License
+       */
+      var base64 = 'AAAAAAAAAAAAEA4AGBkAAFAaAAACAAAAAAAIABAAGAAwADgACAAQAAgAEAAIABAACAAQAAgAEAAIABAACAAQAAgAEAAIABAAQABIAEQATAAIABAACAAQAAgAEAAIABAAVABcAAgAEAAIABAACAAQAGAAaABwAHgAgACIAI4AlgAIABAAmwCjAKgAsAC2AL4AvQDFAMoA0gBPAVYBWgEIAAgACACMANoAYgFkAWwBdAF8AX0BhQGNAZUBlgGeAaMBlQGWAasBswF8AbsBwwF0AcsBYwHTAQgA2wG/AOMBdAF8AekB8QF0AfkB+wHiAHQBfAEIAAMC5gQIAAsCEgIIAAgAFgIeAggAIgIpAggAMQI5AkACygEIAAgASAJQAlgCYAIIAAgACAAKBQoFCgUTBRMFGQUrBSsFCAAIAAgACAAIAAgACAAIAAgACABdAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACABoAmgCrwGvAQgAbgJ2AggAHgEIAAgACADnAXsCCAAIAAgAgwIIAAgACAAIAAgACACKAggAkQKZAggAPADJAAgAoQKkAqwCsgK6AsICCADJAggA0AIIAAgACAAIANYC3gIIAAgACAAIAAgACABAAOYCCAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAkASoB+QIEAAgACAA8AEMCCABCBQgACABJBVAFCAAIAAgACAAIAAgACAAIAAgACABTBVoFCAAIAFoFCABfBWUFCAAIAAgACAAIAAgAbQUIAAgACAAIAAgACABzBXsFfQWFBYoFigWKBZEFigWKBYoFmAWfBaYFrgWxBbkFCAAIAAgACAAIAAgACAAIAAgACAAIAMEFCAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAMgFCADQBQgACAAIAAgACAAIAAgACAAIAAgACAAIAO4CCAAIAAgAiQAIAAgACABAAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAD0AggACAD8AggACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIANYFCAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAMDvwAIAAgAJAIIAAgACAAIAAgACAAIAAgACwMTAwgACAB9BOsEGwMjAwgAKwMyAwsFYgE3A/MEPwMIAEUDTQNRAwgAWQOsAGEDCAAIAAgACAAIAAgACABpAzQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFIQUoBSwFCAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACABtAwgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACABMAEwACAAIAAgACAAIABgACAAIAAgACAC/AAgACAAyAQgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACACAAIAAwAAgACAAIAAgACAAIAAgACAAIAAAARABIAAgACAAIABQASAAIAAgAIABwAEAAjgCIABsAqAC2AL0AigDQAtwC+IJIQqVAZUBWQqVAZUBlQGVAZUBlQGrC5UBlQGVAZUBlQGVAZUBlQGVAXsKlQGVAbAK6wsrDGUMpQzlDJUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAfAKAAuZA64AtwCJALoC6ADwAAgAuACgA/oEpgO6AqsD+AAIAAgAswMIAAgACAAIAIkAuwP5AfsBwwPLAwgACAAIAAgACADRA9kDCAAIAOED6QMIAAgACAAIAAgACADuA/YDCAAIAP4DyQAIAAgABgQIAAgAXQAOBAgACAAIAAgACAAIABMECAAIAAgACAAIAAgACAD8AAQBCAAIAAgAGgQiBCoECAExBAgAEAEIAAgACAAIAAgACAAIAAgACAAIAAgACAA4BAgACABABEYECAAIAAgATAQYAQgAVAQIAAgACAAIAAgACAAIAAgACAAIAFoECAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgAOQEIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAB+BAcACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAEABhgSMBAgACAAIAAgAlAQIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAwAEAAQABAADAAMAAwADAAQABAAEAAQABAAEAAQABHATAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgAdQMIAAgACAAIAAgACAAIAMkACAAIAAgAfQMIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACACFA4kDCAAIAAgACAAIAOcBCAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAIcDCAAIAAgACAAIAAgACAAIAAgACAAIAJEDCAAIAAgACADFAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACABgBAgAZgQIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgAbAQCBXIECAAIAHkECAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACABAAJwEQACjBKoEsgQIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAC6BMIECAAIAAgACAAIAAgACABmBAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgAxwQIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAGYECAAIAAgAzgQIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgAigWKBYoFigWKBYoFigWKBd0FXwUIAOIF6gXxBYoF3gT5BQAGCAaKBYoFigWKBYoFigWKBYoFigWKBYoFigXWBIoFigWKBYoFigWKBYoFigWKBYsFEAaKBYoFigWKBYoFigWKBRQGCACKBYoFigWKBQgACAAIANEECAAIABgGigUgBggAJgYIAC4GMwaKBYoF0wQ3Bj4GigWKBYoFigWKBYoFigWKBYoFigWKBYoFigUIAAgACAAIAAgACAAIAAgAigWKBYoFigWKBYoFigWKBYoFigWKBYoFigWKBYoFigWKBYoFigWKBYoFigWKBYoFigWKBYoFigWKBYoFigWLBf///////wQABAAEAAQABAAEAAQABAAEAAQAAwAEAAQAAgAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAAAAAAAAAAAAAAAAAAAAAAAAAOAAAAAAAAAAQADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUABQAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAAAUAAAAFAAUAAAAFAAUAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAEAAQABAAEAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUABQAFAAUABQAFAAUABQAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUABQAFAAUAAQAAAAUABQAFAAUABQAFAAAAAAAFAAUAAAAFAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAUABQAFAAUABQAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAUABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAFAAUAAQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABwAFAAUABQAFAAAABwAHAAcAAAAHAAcABwAFAAEAAAAAAAAAAAAAAAAAAAAAAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHAAcABwAFAAUABQAFAAcABwAFAAUAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHAAAAAQABAAAAAAAAAAAAAAAFAAUABQAFAAAABwAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAHAAcABwAHAAcAAAAHAAcAAAAAAAUABQAHAAUAAQAHAAEABwAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUABQAFAAUABwABAAUABQAFAAUAAAAAAAAAAAAAAAEAAQABAAEAAQABAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABwAFAAUAAAAAAAAAAAAAAAAABQAFAAUABQAFAAUAAQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQABQANAAQABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQABAAEAAQABAAEAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAEAAQABAAEAAQABAAEAAQABAAEAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAQABAAEAAQABAAEAAQABAAAAAAAAAAAAAAAAAAAAAAABQAHAAUABQAFAAAAAAAAAAcABQAFAAUABQAFAAQABAAEAAQABAAEAAQABAAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUAAAAFAAUABQAFAAUAAAAFAAUABQAAAAUABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAAAAAAAAAAAAUABQAFAAcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAHAAUAAAAHAAcABwAFAAUABQAFAAUABQAFAAUABwAHAAcABwAFAAcABwAAAAUABQAFAAUABQAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABwAHAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAUABwAHAAUABQAFAAUAAAAAAAcABwAAAAAABwAHAAUAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAAABQAFAAcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAABwAHAAcABQAFAAAAAAAAAAAABQAFAAAAAAAFAAUABQAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAABwAFAAUABQAFAAUAAAAFAAUABwAAAAcABwAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUAAAAFAAUABwAFAAUABQAFAAAAAAAHAAcAAAAAAAcABwAFAAAAAAAAAAAAAAAAAAAABQAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAcABwAAAAAAAAAHAAcABwAAAAcABwAHAAUAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAAAAAAAAAAAAAAAAAAABQAHAAcABwAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABwAHAAcABwAAAAUABQAFAAAABQAFAAUABQAAAAAAAAAAAAAAAAAAAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAcABQAHAAcABQAHAAcAAAAFAAcABwAAAAcABwAFAAUAAAAAAAAAAAAAAAAAAAAFAAUAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAcABwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAAAAUABwAAAAAAAAAAAAAAAAAAAAAAAAAAAAUAAAAAAAAAAAAFAAcABwAFAAUABQAAAAUAAAAHAAcABwAHAAcABwAHAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUAAAAHAAUABQAFAAUABQAFAAUAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAABwAFAAUABQAFAAUABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUABQAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAUAAAAFAAAAAAAAAAAABwAHAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABwAFAAUABQAFAAUAAAAFAAUAAAAAAAAAAAAAAAUABQAFAAUABQAFAAUABQAFAAUABQAAAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUABwAFAAUABQAFAAUABQAAAAUABQAHAAcABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHAAcABQAFAAAAAAAAAAAABQAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAcABQAFAAAAAAAAAAAAAAAAAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAHAAUABQAFAAUABQAFAAUABwAHAAcABwAHAAcABwAHAAUABwAHAAUABQAFAAUABQAFAAUABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUABwAHAAcABwAFAAUABwAHAAcAAAAAAAAAAAAHAAcABQAHAAcABwAHAAcABwAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAcABwAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcABQAHAAUABQAFAAUABQAFAAUAAAAFAAAABQAAAAAABQAFAAUABQAFAAUABQAFAAcABwAHAAcABwAHAAUABQAFAAUABQAFAAUABQAFAAUAAAAAAAUABQAFAAUABQAHAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUABQAFAAUABwAFAAcABwAHAAcABwAFAAcABwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAUABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHAAUABQAFAAUABwAHAAUABQAHAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAcABQAFAAcABwAHAAUABwAFAAUABQAHAAcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABwAHAAcABwAHAAcABwAHAAUABQAFAAUABQAFAAUABQAHAAcABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUAAAAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAcABQAFAAUABQAFAAUABQAAAAAAAAAAAAUAAAAAAAAAAAAAAAAABQAAAAAABwAFAAUAAAAAAAAAAAAAAAAABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAAABQAFAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUABQAFAAUADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUAAAAFAAUABQAFAAUABQAFAAUABQAFAAAAAAAAAAAABQAAAAAAAAAFAAAAAAAAAAAABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABwAHAAUABQAHAAAAAAAAAAAABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcABwAHAAcABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUAAAAAAAAAAAAAAAAABQAFAAUABQAFAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUABQAFAAUABQAFAAUABQAHAAcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAcABwAFAAUABQAFAAcABwAFAAUABwAHAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUABQAFAAcABwAFAAUABwAHAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAFAAcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUAAAAFAAUABQAAAAAABQAFAAAAAAAAAAAAAAAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcABQAFAAcABwAAAAAAAAAAAAAABwAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcABwAFAAcABwAFAAcABwAAAAcABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUABQAAAAAAAAAAAAAAAAAFAAUABQAAAAUABQAAAAAAAAAAAAAABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAAAAAAAAAAAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcABQAHAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAUABwAFAAUABQAFAAUABQAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABwAHAAcABQAFAAUABQAFAAUABQAFAAUABwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHAAcABwAFAAUABQAHAAcABQAHAAUABQAAAAAAAAAAAAAAAAAFAAAABwAHAAcABQAFAAUABQAFAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABwAHAAcABwAAAAAABwAHAAAAAAAHAAcABwAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAABwAHAAAAAAAFAAUABQAFAAUABQAFAAAAAAAAAAUABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHAAcABwAFAAUABQAFAAUABQAFAAUABwAHAAUABQAFAAcABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAHAAcABQAFAAUABQAFAAUABwAFAAcABwAFAAcABQAFAAcABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAHAAcABQAFAAUABQAAAAAABwAHAAcABwAFAAUABwAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcABwAHAAUABQAFAAUABQAFAAUABQAHAAcABQAHAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABwAFAAcABwAFAAUABQAFAAUABQAHAAUAAAAAAAAAAAAAAAAAAAAAAAcABwAFAAUABQAFAAcABQAFAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHAAcABwAFAAUABQAFAAUABQAFAAUABQAHAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHAAcABwAFAAUABQAFAAAAAAAFAAUABwAHAAcABwAFAAAAAAAAAAcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAUABQAFAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUABQAFAAUABwAHAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcABQAFAAUABQAFAAUABQAAAAUABQAFAAUABQAFAAcABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAAAHAAUABQAFAAUABQAFAAUABwAFAAUABwAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUABQAFAAUAAAAAAAAABQAAAAUABQAAAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAHAAcABwAHAAcAAAAFAAUAAAAHAAcABQAHAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABwAHAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAAAAAAAAAAAAAAAAAAABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcABwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAAAAUABQAFAAAAAAAFAAUABQAFAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAAAAAAAAAAABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUABQAAAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUABQAFAAUABQAAAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAAAAABQAFAAUABQAFAAUABQAAAAUABQAAAAUABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAFAAUABQAFAAUADgAOAA4ADgAOAA4ADwAPAA8ADwAPAA8ADwAPAA8ADwAPAA8ADwAPAA8ADwAPAA8ADwAPAA8ADwAPAA8ADwAPAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcABwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABwAHAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAAAAAAAAAkACQAJAAkACQAJAAkACQAJAAkACQAJAAkACQAJAAkACQAJAAkACQAJAAkACQAJAAkACQAJAAkACQAJAAkACQAKAAoACgAKAAoACgAKAAoACgAKAAoACgAKAAoACgAKAAoACgAKAAoACgAKAAoACgAMAAwADAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAkACQAJAAkACQAJAAkACQAJAAkACQAJAAkACQAJAAkACQAJAAkAAAAAAAAAAAAKAAoACgAKAAoACgAKAAoACgAKAAoACgAKAAoACgAKAAoACgAKAAoACgAKAAoACgAKAAoACgAKAAoACgAKAAoACgAAAAAAAAAAAAsADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwACwAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAAAAAADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAA4ADgAOAA4ADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4ADgAAAAAAAAAAAAAAAAAAAAAADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAOAA4ADgAOAA4ADgAOAA4ADgAOAAAAAAAAAAAADgAOAA4AAAAAAAAAAAAAAAAAAAAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAOAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAAAAAAAAAAAAAAAAAAAAAAAAAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAOAA4ADgAAAA4ADgAOAA4ADgAOAAAADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4AAAAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4AAAAAAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAAAA4AAAAOAAAAAAAAAAAAAAAAAA4AAAAAAAAAAAAAAAAADgAAAAAAAAAAAAAAAAAAAAAAAAAAAA4ADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAAAAAADgAAAAAAAAAAAA4AAAAOAAAAAAAAAAAADgAOAA4AAAAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAA4ADgAOAA4AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAA4ADgAAAAAAAAAAAAAAAAAAAAAAAAAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAA4AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4ADgAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAAAAAAAAAAAA4AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAAAADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAA4ADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4ADgAOAA4ADgAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4ADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAAAAAADgAOAA4ADgAOAA4ADgAOAA4ADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAAAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4AAAAAAA4ADgAOAA4ADgAOAA4ADgAOAAAADgAOAA4ADgAAAAAAAAAAAAAAAAAAAAAAAAAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4AAAAAAAAAAAAAAAAADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAA4ADgAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAOAA4ADgAOAA4ADgAOAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAOAA4ADgAOAA4AAAAAAAAAAAAAAAAAAAAAAA4ADgAOAA4ADgAOAA4ADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4AAAAOAA4ADgAOAA4ADgAAAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4AAAAAAAAAAAA=';
+
+      /*
+       * utrie 1.0.2 <https://github.com/niklasvh/utrie>
+       * Copyright (c) 2022 Niklas von Hertzen <https://hertzen.com>
+       * Released under MIT License
+       */
+      var chars$1 = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/';
+      // Use a lookup table to find the index.
+      var lookup$1 = typeof Uint8Array === 'undefined' ? [] : new Uint8Array(256);
+      for (var i$1 = 0; i$1 < chars$1.length; i$1++) {
+          lookup$1[chars$1.charCodeAt(i$1)] = i$1;
+      }
+      var decode = function (base64) {
+          var bufferLength = base64.length * 0.75, len = base64.length, i, p = 0, encoded1, encoded2, encoded3, encoded4;
+          if (base64[base64.length - 1] === '=') {
+              bufferLength--;
+              if (base64[base64.length - 2] === '=') {
+                  bufferLength--;
+              }
+          }
+          var buffer = typeof ArrayBuffer !== 'undefined' &&
+              typeof Uint8Array !== 'undefined' &&
+              typeof Uint8Array.prototype.slice !== 'undefined'
+              ? new ArrayBuffer(bufferLength)
+              : new Array(bufferLength);
+          var bytes = Array.isArray(buffer) ? buffer : new Uint8Array(buffer);
+          for (i = 0; i < len; i += 4) {
+              encoded1 = lookup$1[base64.charCodeAt(i)];
+              encoded2 = lookup$1[base64.charCodeAt(i + 1)];
+              encoded3 = lookup$1[base64.charCodeAt(i + 2)];
+              encoded4 = lookup$1[base64.charCodeAt(i + 3)];
+              bytes[p++] = (encoded1 << 2) | (encoded2 >> 4);
+              bytes[p++] = ((encoded2 & 15) << 4) | (encoded3 >> 2);
+              bytes[p++] = ((encoded3 & 3) << 6) | (encoded4 & 63);
+          }
+          return buffer;
+      };
+      var polyUint16Array = function (buffer) {
+          var length = buffer.length;
+          var bytes = [];
+          for (var i = 0; i < length; i += 2) {
+              bytes.push((buffer[i + 1] << 8) | buffer[i]);
+          }
+          return bytes;
+      };
+      var polyUint32Array = function (buffer) {
+          var length = buffer.length;
+          var bytes = [];
+          for (var i = 0; i < length; i += 4) {
+              bytes.push((buffer[i + 3] << 24) | (buffer[i + 2] << 16) | (buffer[i + 1] << 8) | buffer[i]);
+          }
+          return bytes;
+      };
+
+      /** Shift size for getting the index-2 table offset. */
+      var UTRIE2_SHIFT_2 = 5;
+      /** Shift size for getting the index-1 table offset. */
+      var UTRIE2_SHIFT_1 = 6 + 5;
+      /**
+       * Shift size for shifting left the index array values.
+       * Increases possible data size with 16-bit index values at the cost
+       * of compactability.
+       * This requires data blocks to be aligned by UTRIE2_DATA_GRANULARITY.
+       */
+      var UTRIE2_INDEX_SHIFT = 2;
+      /**
+       * Difference between the two shift sizes,
+       * for getting an index-1 offset from an index-2 offset. 6=11-5
+       */
+      var UTRIE2_SHIFT_1_2 = UTRIE2_SHIFT_1 - UTRIE2_SHIFT_2;
+      /**
+       * The part of the index-2 table for U+D800..U+DBFF stores values for
+       * lead surrogate code _units_ not code _points_.
+       * Values for lead surrogate code _points_ are indexed with this portion of the table.
+       * Length=32=0x20=0x400>>UTRIE2_SHIFT_2. (There are 1024=0x400 lead surrogates.)
+       */
+      var UTRIE2_LSCP_INDEX_2_OFFSET = 0x10000 >> UTRIE2_SHIFT_2;
+      /** Number of entries in a data block. 32=0x20 */
+      var UTRIE2_DATA_BLOCK_LENGTH = 1 << UTRIE2_SHIFT_2;
+      /** Mask for getting the lower bits for the in-data-block offset. */
+      var UTRIE2_DATA_MASK = UTRIE2_DATA_BLOCK_LENGTH - 1;
+      var UTRIE2_LSCP_INDEX_2_LENGTH = 0x400 >> UTRIE2_SHIFT_2;
+      /** Count the lengths of both BMP pieces. 2080=0x820 */
+      var UTRIE2_INDEX_2_BMP_LENGTH = UTRIE2_LSCP_INDEX_2_OFFSET + UTRIE2_LSCP_INDEX_2_LENGTH;
+      /**
+       * The 2-byte UTF-8 version of the index-2 table follows at offset 2080=0x820.
+       * Length 32=0x20 for lead bytes C0..DF, regardless of UTRIE2_SHIFT_2.
+       */
+      var UTRIE2_UTF8_2B_INDEX_2_OFFSET = UTRIE2_INDEX_2_BMP_LENGTH;
+      var UTRIE2_UTF8_2B_INDEX_2_LENGTH = 0x800 >> 6; /* U+0800 is the first code point after 2-byte UTF-8 */
+      /**
+       * The index-1 table, only used for supplementary code points, at offset 2112=0x840.
+       * Variable length, for code points up to highStart, where the last single-value range starts.
+       * Maximum length 512=0x200=0x100000>>UTRIE2_SHIFT_1.
+       * (For 0x100000 supplementary code points U+10000..U+10ffff.)
+       *
+       * The part of the index-2 table for supplementary code points starts
+       * after this index-1 table.
+       *
+       * Both the index-1 table and the following part of the index-2 table
+       * are omitted completely if there is only BMP data.
+       */
+      var UTRIE2_INDEX_1_OFFSET = UTRIE2_UTF8_2B_INDEX_2_OFFSET + UTRIE2_UTF8_2B_INDEX_2_LENGTH;
+      /**
+       * Number of index-1 entries for the BMP. 32=0x20
+       * This part of the index-1 table is omitted from the serialized form.
+       */
+      var UTRIE2_OMITTED_BMP_INDEX_1_LENGTH = 0x10000 >> UTRIE2_SHIFT_1;
+      /** Number of entries in an index-2 block. 64=0x40 */
+      var UTRIE2_INDEX_2_BLOCK_LENGTH = 1 << UTRIE2_SHIFT_1_2;
+      /** Mask for getting the lower bits for the in-index-2-block offset. */
+      var UTRIE2_INDEX_2_MASK = UTRIE2_INDEX_2_BLOCK_LENGTH - 1;
+      var slice16 = function (view, start, end) {
+          if (view.slice) {
+              return view.slice(start, end);
+          }
+          return new Uint16Array(Array.prototype.slice.call(view, start, end));
+      };
+      var slice32 = function (view, start, end) {
+          if (view.slice) {
+              return view.slice(start, end);
+          }
+          return new Uint32Array(Array.prototype.slice.call(view, start, end));
+      };
+      var createTrieFromBase64 = function (base64, _byteLength) {
+          var buffer = decode(base64);
+          var view32 = Array.isArray(buffer) ? polyUint32Array(buffer) : new Uint32Array(buffer);
+          var view16 = Array.isArray(buffer) ? polyUint16Array(buffer) : new Uint16Array(buffer);
+          var headerLength = 24;
+          var index = slice16(view16, headerLength / 2, view32[4] / 2);
+          var data = view32[5] === 2
+              ? slice16(view16, (headerLength + view32[4]) / 2)
+              : slice32(view32, Math.ceil((headerLength + view32[4]) / 4));
+          return new Trie(view32[0], view32[1], view32[2], view32[3], index, data);
+      };
+      var Trie = /** @class */ (function () {
+          function Trie(initialValue, errorValue, highStart, highValueIndex, index, data) {
+              this.initialValue = initialValue;
+              this.errorValue = errorValue;
+              this.highStart = highStart;
+              this.highValueIndex = highValueIndex;
+              this.index = index;
+              this.data = data;
+          }
+          /**
+           * Get the value for a code point as stored in the Trie.
+           *
+           * @param codePoint the code point
+           * @return the value
+           */
+          Trie.prototype.get = function (codePoint) {
+              var ix;
+              if (codePoint >= 0) {
+                  if (codePoint < 0x0d800 || (codePoint > 0x0dbff && codePoint <= 0x0ffff)) {
+                      // Ordinary BMP code point, excluding leading surrogates.
+                      // BMP uses a single level lookup.  BMP index starts at offset 0 in the Trie2 index.
+                      // 16 bit data is stored in the index array itself.
+                      ix = this.index[codePoint >> UTRIE2_SHIFT_2];
+                      ix = (ix << UTRIE2_INDEX_SHIFT) + (codePoint & UTRIE2_DATA_MASK);
+                      return this.data[ix];
+                  }
+                  if (codePoint <= 0xffff) {
+                      // Lead Surrogate Code Point.  A Separate index section is stored for
+                      // lead surrogate code units and code points.
+                      //   The main index has the code unit data.
+                      //   For this function, we need the code point data.
+                      // Note: this expression could be refactored for slightly improved efficiency, but
+                      //       surrogate code points will be so rare in practice that it's not worth it.
+                      ix = this.index[UTRIE2_LSCP_INDEX_2_OFFSET + ((codePoint - 0xd800) >> UTRIE2_SHIFT_2)];
+                      ix = (ix << UTRIE2_INDEX_SHIFT) + (codePoint & UTRIE2_DATA_MASK);
+                      return this.data[ix];
+                  }
+                  if (codePoint < this.highStart) {
+                      // Supplemental code point, use two-level lookup.
+                      ix = UTRIE2_INDEX_1_OFFSET - UTRIE2_OMITTED_BMP_INDEX_1_LENGTH + (codePoint >> UTRIE2_SHIFT_1);
+                      ix = this.index[ix];
+                      ix += (codePoint >> UTRIE2_SHIFT_2) & UTRIE2_INDEX_2_MASK;
+                      ix = this.index[ix];
+                      ix = (ix << UTRIE2_INDEX_SHIFT) + (codePoint & UTRIE2_DATA_MASK);
+                      return this.data[ix];
+                  }
+                  if (codePoint <= 0x10ffff) {
+                      return this.data[this.highValueIndex];
+                  }
+              }
+              // Fall through.  The code point is outside of the legal range of 0..0x10ffff.
+              return this.errorValue;
+          };
+          return Trie;
+      }());
+
+      /*
+       * base64-arraybuffer 1.0.2 <https://github.com/niklasvh/base64-arraybuffer>
+       * Copyright (c) 2022 Niklas von Hertzen <https://hertzen.com>
+       * Released under MIT License
+       */
+      var chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/';
+      // Use a lookup table to find the index.
+      var lookup = typeof Uint8Array === 'undefined' ? [] : new Uint8Array(256);
+      for (var i = 0; i < chars.length; i++) {
+          lookup[chars.charCodeAt(i)] = i;
+      }
+
+      var Prepend = 1;
+      var CR = 2;
+      var LF = 3;
+      var Control = 4;
+      var Extend = 5;
+      var SpacingMark = 7;
+      var L = 8;
+      var V = 9;
+      var T = 10;
+      var LV = 11;
+      var LVT = 12;
+      var ZWJ = 13;
+      var Extended_Pictographic = 14;
+      var RI = 15;
+      var toCodePoints = function (str) {
+          var codePoints = [];
+          var i = 0;
+          var length = str.length;
+          while (i < length) {
+              var value = str.charCodeAt(i++);
+              if (value >= 0xd800 && value <= 0xdbff && i < length) {
+                  var extra = str.charCodeAt(i++);
+                  if ((extra & 0xfc00) === 0xdc00) {
+                      codePoints.push(((value & 0x3ff) << 10) + (extra & 0x3ff) + 0x10000);
+                  }
+                  else {
+                      codePoints.push(value);
+                      i--;
+                  }
+              }
+              else {
+                  codePoints.push(value);
+              }
+          }
+          return codePoints;
+      };
+      var fromCodePoint = function () {
+          var codePoints = [];
+          for (var _i = 0; _i < arguments.length; _i++) {
+              codePoints[_i] = arguments[_i];
+          }
+          if (String.fromCodePoint) {
+              return String.fromCodePoint.apply(String, codePoints);
+          }
+          var length = codePoints.length;
+          if (!length) {
+              return '';
+          }
+          var codeUnits = [];
+          var index = -1;
+          var result = '';
+          while (++index < length) {
+              var codePoint = codePoints[index];
+              if (codePoint <= 0xffff) {
+                  codeUnits.push(codePoint);
+              }
+              else {
+                  codePoint -= 0x10000;
+                  codeUnits.push((codePoint >> 10) + 0xd800, (codePoint % 0x400) + 0xdc00);
+              }
+              if (index + 1 === length || codeUnits.length > 0x4000) {
+                  result += String.fromCharCode.apply(String, codeUnits);
+                  codeUnits.length = 0;
+              }
+          }
+          return result;
+      };
+      var UnicodeTrie = createTrieFromBase64(base64);
+      var BREAK_NOT_ALLOWED = '×';
+      var BREAK_ALLOWED = '÷';
+      var codePointToClass = function (codePoint) { return UnicodeTrie.get(codePoint); };
+      var _graphemeBreakAtIndex = function (_codePoints, classTypes, index) {
+          var prevIndex = index - 2;
+          var prev = classTypes[prevIndex];
+          var current = classTypes[index - 1];
+          var next = classTypes[index];
+          // GB3 Do not break between a CR and LF
+          if (current === CR && next === LF) {
+              return BREAK_NOT_ALLOWED;
+          }
+          // GB4 Otherwise, break before and after controls.
+          if (current === CR || current === LF || current === Control) {
+              return BREAK_ALLOWED;
+          }
+          // GB5
+          if (next === CR || next === LF || next === Control) {
+              return BREAK_ALLOWED;
+          }
+          // Do not break Hangul syllable sequences.
+          // GB6
+          if (current === L && [L, V, LV, LVT].indexOf(next) !== -1) {
+              return BREAK_NOT_ALLOWED;
+          }
+          // GB7
+          if ((current === LV || current === V) && (next === V || next === T)) {
+              return BREAK_NOT_ALLOWED;
+          }
+          // GB8
+          if ((current === LVT || current === T) && next === T) {
+              return BREAK_NOT_ALLOWED;
+          }
+          // GB9 Do not break before extending characters or ZWJ.
+          if (next === ZWJ || next === Extend) {
+              return BREAK_NOT_ALLOWED;
+          }
+          // Do not break before SpacingMarks, or after Prepend characters.
+          // GB9a
+          if (next === SpacingMark) {
+              return BREAK_NOT_ALLOWED;
+          }
+          // GB9a
+          if (current === Prepend) {
+              return BREAK_NOT_ALLOWED;
+          }
+          // GB11 Do not break within emoji modifier sequences or emoji zwj sequences.
+          if (current === ZWJ && next === Extended_Pictographic) {
+              while (prev === Extend) {
+                  prev = classTypes[--prevIndex];
+              }
+              if (prev === Extended_Pictographic) {
+                  return BREAK_NOT_ALLOWED;
+              }
+          }
+          // GB12 Do not break within emoji flag sequences.
+          // That is, do not break between regional indicator (RI) symbols
+          // if there is an odd number of RI characters before the break point.
+          if (current === RI && next === RI) {
+              var countRI = 0;
+              while (prev === RI) {
+                  countRI++;
+                  prev = classTypes[--prevIndex];
+              }
+              if (countRI % 2 === 0) {
+                  return BREAK_NOT_ALLOWED;
+              }
+          }
+          return BREAK_ALLOWED;
+      };
+      var GraphemeBreaker = function (str) {
+          var codePoints = toCodePoints(str);
+          var length = codePoints.length;
+          var index = 0;
+          var lastEnd = 0;
+          var classTypes = codePoints.map(codePointToClass);
+          return {
+              next: function () {
+                  if (index >= length) {
+                      return { done: true, value: null };
+                  }
+                  var graphemeBreak = BREAK_NOT_ALLOWED;
+                  while (index < length &&
+                      (graphemeBreak = _graphemeBreakAtIndex(codePoints, classTypes, ++index)) === BREAK_NOT_ALLOWED) { }
+                  if (graphemeBreak !== BREAK_NOT_ALLOWED || index === length) {
+                      var value = fromCodePoint.apply(null, codePoints.slice(lastEnd, index));
+                      lastEnd = index;
+                      return { value: value, done: false };
+                  }
+                  return { done: true, value: null };
+              },
+          };
+      };
+      var splitGraphemes = function (str) {
+          var breaker = GraphemeBreaker(str);
+          var graphemes = [];
+          var bk;
+          while (!(bk = breaker.next()).done) {
+              if (bk.value) {
+                  graphemes.push(bk.value.slice());
+              }
+          }
+          return graphemes;
+      };
+
+      var testRangeBounds = function (document) {
+          var TEST_HEIGHT = 123;
+          if (document.createRange) {
+              var range = document.createRange();
+              if (range.getBoundingClientRect) {
+                  var testElement = document.createElement('boundtest');
+                  testElement.style.height = TEST_HEIGHT + "px";
+                  testElement.style.display = 'block';
+                  document.body.appendChild(testElement);
+                  range.selectNode(testElement);
+                  var rangeBounds = range.getBoundingClientRect();
+                  var rangeHeight = Math.round(rangeBounds.height);
+                  document.body.removeChild(testElement);
+                  if (rangeHeight === TEST_HEIGHT) {
+                      return true;
+                  }
+              }
+          }
+          return false;
+      };
+      var testIOSLineBreak = function (document) {
+          var testElement = document.createElement('boundtest');
+          testElement.style.width = '50px';
+          testElement.style.display = 'block';
+          testElement.style.fontSize = '12px';
+          testElement.style.letterSpacing = '0px';
+          testElement.style.wordSpacing = '0px';
+          document.body.appendChild(testElement);
+          var range = document.createRange();
+          testElement.innerHTML = typeof ''.repeat === 'function' ? '&#128104;'.repeat(10) : '';
+          var node = testElement.firstChild;
+          var textList = toCodePoints$1(node.data).map(function (i) { return fromCodePoint$1(i); });
+          var offset = 0;
+          var prev = {};
+          // ios 13 does not handle range getBoundingClientRect line changes correctly #2177
+          var supports = textList.every(function (text, i) {
+              range.setStart(node, offset);
+              range.setEnd(node, offset + text.length);
+              var rect = range.getBoundingClientRect();
+              offset += text.length;
+              var boundAhead = rect.x > prev.x || rect.y > prev.y;
+              prev = rect;
+              if (i === 0) {
+                  return true;
+              }
+              return boundAhead;
+          });
+          document.body.removeChild(testElement);
+          return supports;
+      };
+      var testCORS = function () { return typeof new Image().crossOrigin !== 'undefined'; };
+      var testResponseType = function () { return typeof new XMLHttpRequest().responseType === 'string'; };
+      var testSVG = function (document) {
+          var img = new Image();
+          var canvas = document.createElement('canvas');
+          var ctx = canvas.getContext('2d');
+          if (!ctx) {
+              return false;
+          }
+          img.src = "data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg'></svg>";
+          try {
+              ctx.drawImage(img, 0, 0);
+              canvas.toDataURL();
+          }
+          catch (e) {
+              return false;
+          }
+          return true;
+      };
+      var isGreenPixel = function (data) {
+          return data[0] === 0 && data[1] === 255 && data[2] === 0 && data[3] === 255;
+      };
+      var testForeignObject = function (document) {
+          var canvas = document.createElement('canvas');
+          var size = 100;
+          canvas.width = size;
+          canvas.height = size;
+          var ctx = canvas.getContext('2d');
+          if (!ctx) {
+              return Promise.reject(false);
+          }
+          ctx.fillStyle = 'rgb(0, 255, 0)';
+          ctx.fillRect(0, 0, size, size);
+          var img = new Image();
+          var greenImageSrc = canvas.toDataURL();
+          img.src = greenImageSrc;
+          var svg = createForeignObjectSVG(size, size, 0, 0, img);
+          ctx.fillStyle = 'red';
+          ctx.fillRect(0, 0, size, size);
+          return loadSerializedSVG$1(svg)
+              .then(function (img) {
+              ctx.drawImage(img, 0, 0);
+              var data = ctx.getImageData(0, 0, size, size).data;
+              ctx.fillStyle = 'red';
+              ctx.fillRect(0, 0, size, size);
+              var node = document.createElement('div');
+              node.style.backgroundImage = "url(" + greenImageSrc + ")";
+              node.style.height = size + "px";
+              // Firefox 55 does not render inline <img /> tags
+              return isGreenPixel(data)
+                  ? loadSerializedSVG$1(createForeignObjectSVG(size, size, 0, 0, node))
+                  : Promise.reject(false);
+          })
+              .then(function (img) {
+              ctx.drawImage(img, 0, 0);
+              // Edge does not render background-images
+              return isGreenPixel(ctx.getImageData(0, 0, size, size).data);
+          })
+              .catch(function () { return false; });
+      };
+      var createForeignObjectSVG = function (width, height, x, y, node) {
+          var xmlns = 'http://www.w3.org/2000/svg';
+          var svg = document.createElementNS(xmlns, 'svg');
+          var foreignObject = document.createElementNS(xmlns, 'foreignObject');
+          svg.setAttributeNS(null, 'width', width.toString());
+          svg.setAttributeNS(null, 'height', height.toString());
+          foreignObject.setAttributeNS(null, 'width', '100%');
+          foreignObject.setAttributeNS(null, 'height', '100%');
+          foreignObject.setAttributeNS(null, 'x', x.toString());
+          foreignObject.setAttributeNS(null, 'y', y.toString());
+          foreignObject.setAttributeNS(null, 'externalResourcesRequired', 'true');
+          svg.appendChild(foreignObject);
+          foreignObject.appendChild(node);
+          return svg;
+      };
+      var loadSerializedSVG$1 = function (svg) {
+          return new Promise(function (resolve, reject) {
+              var img = new Image();
+              img.onload = function () { return resolve(img); };
+              img.onerror = reject;
+              img.src = "data:image/svg+xml;charset=utf-8," + encodeURIComponent(new XMLSerializer().serializeToString(svg));
+          });
+      };
+      var FEATURES = {
+          get SUPPORT_RANGE_BOUNDS() {
+              var value = testRangeBounds(document);
+              Object.defineProperty(FEATURES, 'SUPPORT_RANGE_BOUNDS', { value: value });
+              return value;
+          },
+          get SUPPORT_WORD_BREAKING() {
+              var value = FEATURES.SUPPORT_RANGE_BOUNDS && testIOSLineBreak(document);
+              Object.defineProperty(FEATURES, 'SUPPORT_WORD_BREAKING', { value: value });
+              return value;
+          },
+          get SUPPORT_SVG_DRAWING() {
+              var value = testSVG(document);
+              Object.defineProperty(FEATURES, 'SUPPORT_SVG_DRAWING', { value: value });
+              return value;
+          },
+          get SUPPORT_FOREIGNOBJECT_DRAWING() {
+              var value = typeof Array.from === 'function' && typeof window.fetch === 'function'
+                  ? testForeignObject(document)
+                  : Promise.resolve(false);
+              Object.defineProperty(FEATURES, 'SUPPORT_FOREIGNOBJECT_DRAWING', { value: value });
+              return value;
+          },
+          get SUPPORT_CORS_IMAGES() {
+              var value = testCORS();
+              Object.defineProperty(FEATURES, 'SUPPORT_CORS_IMAGES', { value: value });
+              return value;
+          },
+          get SUPPORT_RESPONSE_TYPE() {
+              var value = testResponseType();
+              Object.defineProperty(FEATURES, 'SUPPORT_RESPONSE_TYPE', { value: value });
+              return value;
+          },
+          get SUPPORT_CORS_XHR() {
+              var value = 'withCredentials' in new XMLHttpRequest();
+              Object.defineProperty(FEATURES, 'SUPPORT_CORS_XHR', { value: value });
+              return value;
+          },
+          get SUPPORT_NATIVE_TEXT_SEGMENTATION() {
+              // eslint-disable-next-line @typescript-eslint/no-explicit-any
+              var value = !!(typeof Intl !== 'undefined' && Intl.Segmenter);
+              Object.defineProperty(FEATURES, 'SUPPORT_NATIVE_TEXT_SEGMENTATION', { value: value });
+              return value;
+          }
+      };
+
+      var TextBounds = /** @class */ (function () {
+          function TextBounds(text, bounds) {
+              this.text = text;
+              this.bounds = bounds;
+          }
+          return TextBounds;
+      }());
+      var parseTextBounds = function (context, value, styles, node) {
+          var textList = breakText(value, styles);
+          var textBounds = [];
+          var offset = 0;
+          textList.forEach(function (text) {
+              if (styles.textDecorationLine.length || text.trim().length > 0) {
+                  if (FEATURES.SUPPORT_RANGE_BOUNDS) {
+                      var clientRects = createRange(node, offset, text.length).getClientRects();
+                      if (clientRects.length > 1) {
+                          var subSegments = segmentGraphemes(text);
+                          var subOffset_1 = 0;
+                          subSegments.forEach(function (subSegment) {
+                              textBounds.push(new TextBounds(subSegment, Bounds.fromDOMRectList(context, createRange(node, subOffset_1 + offset, subSegment.length).getClientRects())));
+                              subOffset_1 += subSegment.length;
+                          });
+                      }
+                      else {
+                          textBounds.push(new TextBounds(text, Bounds.fromDOMRectList(context, clientRects)));
+                      }
+                  }
+                  else {
+                      var replacementNode = node.splitText(text.length);
+                      textBounds.push(new TextBounds(text, getWrapperBounds(context, node)));
+                      node = replacementNode;
+                  }
+              }
+              else if (!FEATURES.SUPPORT_RANGE_BOUNDS) {
+                  node = node.splitText(text.length);
+              }
+              offset += text.length;
+          });
+          return textBounds;
+      };
+      var getWrapperBounds = function (context, node) {
+          var ownerDocument = node.ownerDocument;
+          if (ownerDocument) {
+              var wrapper = ownerDocument.createElement('html2canvaswrapper');
+              wrapper.appendChild(node.cloneNode(true));
+              var parentNode = node.parentNode;
+              if (parentNode) {
+                  parentNode.replaceChild(wrapper, node);
+                  var bounds = parseBounds(context, wrapper);
+                  if (wrapper.firstChild) {
+                      parentNode.replaceChild(wrapper.firstChild, wrapper);
+                  }
+                  return bounds;
+              }
+          }
+          return Bounds.EMPTY;
+      };
+      var createRange = function (node, offset, length) {
+          var ownerDocument = node.ownerDocument;
+          if (!ownerDocument) {
+              throw new Error('Node has no owner document');
+          }
+          var range = ownerDocument.createRange();
+          range.setStart(node, offset);
+          range.setEnd(node, offset + length);
+          return range;
+      };
+      var segmentGraphemes = function (value) {
+          if (FEATURES.SUPPORT_NATIVE_TEXT_SEGMENTATION) {
+              // eslint-disable-next-line @typescript-eslint/no-explicit-any
+              var segmenter = new Intl.Segmenter(void 0, { granularity: 'grapheme' });
+              // eslint-disable-next-line @typescript-eslint/no-explicit-any
+              return Array.from(segmenter.segment(value)).map(function (segment) { return segment.segment; });
+          }
+          return splitGraphemes(value);
+      };
+      var segmentWords = function (value, styles) {
+          if (FEATURES.SUPPORT_NATIVE_TEXT_SEGMENTATION) {
+              // eslint-disable-next-line @typescript-eslint/no-explicit-any
+              var segmenter = new Intl.Segmenter(void 0, {
+                  granularity: 'word'
+              });
+              // eslint-disable-next-line @typescript-eslint/no-explicit-any
+              return Array.from(segmenter.segment(value)).map(function (segment) { return segment.segment; });
+          }
+          return breakWords(value, styles);
+      };
+      var breakText = function (value, styles) {
+          return styles.letterSpacing !== 0 ? segmentGraphemes(value) : segmentWords(value, styles);
+      };
+      // https://drafts.csswg.org/css-text/#word-separator
+      var wordSeparators = [0x0020, 0x00a0, 0x1361, 0x10100, 0x10101, 0x1039, 0x1091];
+      var breakWords = function (str, styles) {
+          var breaker = LineBreaker(str, {
+              lineBreak: styles.lineBreak,
+              wordBreak: styles.overflowWrap === "break-word" /* BREAK_WORD */ ? 'break-word' : styles.wordBreak
+          });
+          var words = [];
+          var bk;
+          var _loop_1 = function () {
+              if (bk.value) {
+                  var value = bk.value.slice();
+                  var codePoints = toCodePoints$1(value);
+                  var word_1 = '';
+                  codePoints.forEach(function (codePoint) {
+                      if (wordSeparators.indexOf(codePoint) === -1) {
+                          word_1 += fromCodePoint$1(codePoint);
+                      }
+                      else {
+                          if (word_1.length) {
+                              words.push(word_1);
+                          }
+                          words.push(fromCodePoint$1(codePoint));
+                          word_1 = '';
+                      }
+                  });
+                  if (word_1.length) {
+                      words.push(word_1);
+                  }
+              }
+          };
+          while (!(bk = breaker.next()).done) {
+              _loop_1();
+          }
+          return words;
+      };
+
+      var TextContainer = /** @class */ (function () {
+          function TextContainer(context, node, styles) {
+              this.text = transform(node.data, styles.textTransform);
+              this.textBounds = parseTextBounds(context, this.text, styles, node);
+          }
+          return TextContainer;
+      }());
+      var transform = function (text, transform) {
+          switch (transform) {
+              case 1 /* LOWERCASE */:
+                  return text.toLowerCase();
+              case 3 /* CAPITALIZE */:
+                  return text.replace(CAPITALIZE, capitalize);
+              case 2 /* UPPERCASE */:
+                  return text.toUpperCase();
+              default:
+                  return text;
+          }
+      };
+      var CAPITALIZE = /(^|\s|:|-|\(|\))([a-z])/g;
+      var capitalize = function (m, p1, p2) {
+          if (m.length > 0) {
+              return p1 + p2.toUpperCase();
+          }
+          return m;
+      };
+
+      var ImageElementContainer = /** @class */ (function (_super) {
+          __extends(ImageElementContainer, _super);
+          function ImageElementContainer(context, img) {
+              var _this = _super.call(this, context, img) || this;
+              _this.src = img.currentSrc || img.src;
+              _this.intrinsicWidth = img.naturalWidth;
+              _this.intrinsicHeight = img.naturalHeight;
+              _this.context.cache.addImage(_this.src);
+              return _this;
+          }
+          return ImageElementContainer;
+      }(ElementContainer));
+
+      var CanvasElementContainer = /** @class */ (function (_super) {
+          __extends(CanvasElementContainer, _super);
+          function CanvasElementContainer(context, canvas) {
+              var _this = _super.call(this, context, canvas) || this;
+              _this.canvas = canvas;
+              _this.intrinsicWidth = canvas.width;
+              _this.intrinsicHeight = canvas.height;
+              return _this;
+          }
+          return CanvasElementContainer;
+      }(ElementContainer));
+
+      var SVGElementContainer = /** @class */ (function (_super) {
+          __extends(SVGElementContainer, _super);
+          function SVGElementContainer(context, img) {
+              var _this = _super.call(this, context, img) || this;
+              var s = new XMLSerializer();
+              var bounds = parseBounds(context, img);
+              img.setAttribute('width', bounds.width + "px");
+              img.setAttribute('height', bounds.height + "px");
+              _this.svg = "data:image/svg+xml," + encodeURIComponent(s.serializeToString(img));
+              _this.intrinsicWidth = img.width.baseVal.value;
+              _this.intrinsicHeight = img.height.baseVal.value;
+              _this.context.cache.addImage(_this.svg);
+              return _this;
+          }
+          return SVGElementContainer;
+      }(ElementContainer));
+
+      var LIElementContainer = /** @class */ (function (_super) {
+          __extends(LIElementContainer, _super);
+          function LIElementContainer(context, element) {
+              var _this = _super.call(this, context, element) || this;
+              _this.value = element.value;
+              return _this;
+          }
+          return LIElementContainer;
+      }(ElementContainer));
+
+      var OLElementContainer = /** @class */ (function (_super) {
+          __extends(OLElementContainer, _super);
+          function OLElementContainer(context, element) {
+              var _this = _super.call(this, context, element) || this;
+              _this.start = element.start;
+              _this.reversed = typeof element.reversed === 'boolean' && element.reversed === true;
+              return _this;
+          }
+          return OLElementContainer;
+      }(ElementContainer));
+
+      var CHECKBOX_BORDER_RADIUS = [
+          {
+              type: 15 /* DIMENSION_TOKEN */,
+              flags: 0,
+              unit: 'px',
+              number: 3
+          }
+      ];
+      var RADIO_BORDER_RADIUS = [
+          {
+              type: 16 /* PERCENTAGE_TOKEN */,
+              flags: 0,
+              number: 50
+          }
+      ];
+      var reformatInputBounds = function (bounds) {
+          if (bounds.width > bounds.height) {
+              return new Bounds(bounds.left + (bounds.width - bounds.height) / 2, bounds.top, bounds.height, bounds.height);
+          }
+          else if (bounds.width < bounds.height) {
+              return new Bounds(bounds.left, bounds.top + (bounds.height - bounds.width) / 2, bounds.width, bounds.width);
+          }
+          return bounds;
+      };
+      var getInputValue = function (node) {
+          var value = node.type === PASSWORD ? new Array(node.value.length + 1).join('\u2022') : node.value;
+          return value.length === 0 ? node.placeholder || '' : value;
+      };
+      var CHECKBOX = 'checkbox';
+      var RADIO = 'radio';
+      var PASSWORD = 'password';
+      var INPUT_COLOR = 0x2a2a2aff;
+      var InputElementContainer = /** @class */ (function (_super) {
+          __extends(InputElementContainer, _super);
+          function InputElementContainer(context, input) {
+              var _this = _super.call(this, context, input) || this;
+              _this.type = input.type.toLowerCase();
+              _this.checked = input.checked;
+              _this.value = getInputValue(input);
+              if (_this.type === CHECKBOX || _this.type === RADIO) {
+                  _this.styles.backgroundColor = 0xdededeff;
+                  _this.styles.borderTopColor =
+                      _this.styles.borderRightColor =
+                          _this.styles.borderBottomColor =
+                              _this.styles.borderLeftColor =
+                                  0xa5a5a5ff;
+                  _this.styles.borderTopWidth =
+                      _this.styles.borderRightWidth =
+                          _this.styles.borderBottomWidth =
+                              _this.styles.borderLeftWidth =
+                                  1;
+                  _this.styles.borderTopStyle =
+                      _this.styles.borderRightStyle =
+                          _this.styles.borderBottomStyle =
+                              _this.styles.borderLeftStyle =
+                                  1 /* SOLID */;
+                  _this.styles.backgroundClip = [0 /* BORDER_BOX */];
+                  _this.styles.backgroundOrigin = [0 /* BORDER_BOX */];
+                  _this.bounds = reformatInputBounds(_this.bounds);
+              }
+              switch (_this.type) {
+                  case CHECKBOX:
+                      _this.styles.borderTopRightRadius =
+                          _this.styles.borderTopLeftRadius =
+                              _this.styles.borderBottomRightRadius =
+                                  _this.styles.borderBottomLeftRadius =
+                                      CHECKBOX_BORDER_RADIUS;
+                      break;
+                  case RADIO:
+                      _this.styles.borderTopRightRadius =
+                          _this.styles.borderTopLeftRadius =
+                              _this.styles.borderBottomRightRadius =
+                                  _this.styles.borderBottomLeftRadius =
+                                      RADIO_BORDER_RADIUS;
+                      break;
+              }
+              return _this;
+          }
+          return InputElementContainer;
+      }(ElementContainer));
+
+      var SelectElementContainer = /** @class */ (function (_super) {
+          __extends(SelectElementContainer, _super);
+          function SelectElementContainer(context, element) {
+              var _this = _super.call(this, context, element) || this;
+              var option = element.options[element.selectedIndex || 0];
+              _this.value = option ? option.text || '' : '';
+              return _this;
+          }
+          return SelectElementContainer;
+      }(ElementContainer));
+
+      var TextareaElementContainer = /** @class */ (function (_super) {
+          __extends(TextareaElementContainer, _super);
+          function TextareaElementContainer(context, element) {
+              var _this = _super.call(this, context, element) || this;
+              _this.value = element.value;
+              return _this;
+          }
+          return TextareaElementContainer;
+      }(ElementContainer));
+
+      var IFrameElementContainer = /** @class */ (function (_super) {
+          __extends(IFrameElementContainer, _super);
+          function IFrameElementContainer(context, iframe) {
+              var _this = _super.call(this, context, iframe) || this;
+              _this.src = iframe.src;
+              _this.width = parseInt(iframe.width, 10) || 0;
+              _this.height = parseInt(iframe.height, 10) || 0;
+              _this.backgroundColor = _this.styles.backgroundColor;
+              try {
+                  if (iframe.contentWindow &&
+                      iframe.contentWindow.document &&
+                      iframe.contentWindow.document.documentElement) {
+                      _this.tree = parseTree(context, iframe.contentWindow.document.documentElement);
+                      // http://www.w3.org/TR/css3-background/#special-backgrounds
+                      var documentBackgroundColor = iframe.contentWindow.document.documentElement
+                          ? parseColor(context, getComputedStyle(iframe.contentWindow.document.documentElement).backgroundColor)
+                          : COLORS.TRANSPARENT;
+                      var bodyBackgroundColor = iframe.contentWindow.document.body
+                          ? parseColor(context, getComputedStyle(iframe.contentWindow.document.body).backgroundColor)
+                          : COLORS.TRANSPARENT;
+                      _this.backgroundColor = isTransparent(documentBackgroundColor)
+                          ? isTransparent(bodyBackgroundColor)
+                              ? _this.styles.backgroundColor
+                              : bodyBackgroundColor
+                          : documentBackgroundColor;
+                  }
+              }
+              catch (e) { }
+              return _this;
+          }
+          return IFrameElementContainer;
+      }(ElementContainer));
+
+      var LIST_OWNERS = ['OL', 'UL', 'MENU'];
+      var parseNodeTree = function (context, node, parent, root) {
+          for (var childNode = node.firstChild, nextNode = void 0; childNode; childNode = nextNode) {
+              nextNode = childNode.nextSibling;
+              if (isTextNode(childNode) && childNode.data.trim().length > 0) {
+                  parent.textNodes.push(new TextContainer(context, childNode, parent.styles));
+              }
+              else if (isElementNode(childNode)) {
+                  if (isSlotElement(childNode) && childNode.assignedNodes) {
+                      childNode.assignedNodes().forEach(function (childNode) { return parseNodeTree(context, childNode, parent, root); });
+                  }
+                  else {
+                      var container = createContainer(context, childNode);
+                      if (container.styles.isVisible()) {
+                          if (createsRealStackingContext(childNode, container, root)) {
+                              container.flags |= 4 /* CREATES_REAL_STACKING_CONTEXT */;
+                          }
+                          else if (createsStackingContext(container.styles)) {
+                              container.flags |= 2 /* CREATES_STACKING_CONTEXT */;
+                          }
+                          if (LIST_OWNERS.indexOf(childNode.tagName) !== -1) {
+                              container.flags |= 8 /* IS_LIST_OWNER */;
+                          }
+                          parent.elements.push(container);
+                          childNode.slot;
+                          if (childNode.shadowRoot) {
+                              parseNodeTree(context, childNode.shadowRoot, container, root);
+                          }
+                          else if (!isTextareaElement(childNode) &&
+                              !isSVGElement(childNode) &&
+                              !isSelectElement(childNode)) {
+                              parseNodeTree(context, childNode, container, root);
+                          }
+                      }
+                  }
+              }
+          }
+      };
+      var createContainer = function (context, element) {
+          if (isImageElement(element)) {
+              return new ImageElementContainer(context, element);
+          }
+          if (isCanvasElement(element)) {
+              return new CanvasElementContainer(context, element);
+          }
+          if (isSVGElement(element)) {
+              return new SVGElementContainer(context, element);
+          }
+          if (isLIElement(element)) {
+              return new LIElementContainer(context, element);
+          }
+          if (isOLElement(element)) {
+              return new OLElementContainer(context, element);
+          }
+          if (isInputElement(element)) {
+              return new InputElementContainer(context, element);
+          }
+          if (isSelectElement(element)) {
+              return new SelectElementContainer(context, element);
+          }
+          if (isTextareaElement(element)) {
+              return new TextareaElementContainer(context, element);
+          }
+          if (isIFrameElement(element)) {
+              return new IFrameElementContainer(context, element);
+          }
+          return new ElementContainer(context, element);
+      };
+      var parseTree = function (context, element) {
+          var container = createContainer(context, element);
+          container.flags |= 4 /* CREATES_REAL_STACKING_CONTEXT */;
+          parseNodeTree(context, element, container, container);
+          return container;
+      };
+      var createsRealStackingContext = function (node, container, root) {
+          return (container.styles.isPositionedWithZIndex() ||
+              container.styles.opacity < 1 ||
+              container.styles.isTransformed() ||
+              (isBodyElement(node) && root.styles.isTransparent()));
+      };
+      var createsStackingContext = function (styles) { return styles.isPositioned() || styles.isFloating(); };
+      var isTextNode = function (node) { return node.nodeType === Node.TEXT_NODE; };
+      var isElementNode = function (node) { return node.nodeType === Node.ELEMENT_NODE; };
+      var isHTMLElementNode = function (node) {
+          return isElementNode(node) && typeof node.style !== 'undefined' && !isSVGElementNode(node);
+      };
+      var isSVGElementNode = function (element) {
+          return typeof element.className === 'object';
+      };
+      var isLIElement = function (node) { return node.tagName === 'LI'; };
+      var isOLElement = function (node) { return node.tagName === 'OL'; };
+      var isInputElement = function (node) { return node.tagName === 'INPUT'; };
+      var isHTMLElement = function (node) { return node.tagName === 'HTML'; };
+      var isSVGElement = function (node) { return node.tagName === 'svg'; };
+      var isBodyElement = function (node) { return node.tagName === 'BODY'; };
+      var isCanvasElement = function (node) { return node.tagName === 'CANVAS'; };
+      var isVideoElement = function (node) { return node.tagName === 'VIDEO'; };
+      var isImageElement = function (node) { return node.tagName === 'IMG'; };
+      var isIFrameElement = function (node) { return node.tagName === 'IFRAME'; };
+      var isStyleElement = function (node) { return node.tagName === 'STYLE'; };
+      var isScriptElement = function (node) { return node.tagName === 'SCRIPT'; };
+      var isTextareaElement = function (node) { return node.tagName === 'TEXTAREA'; };
+      var isSelectElement = function (node) { return node.tagName === 'SELECT'; };
+      var isSlotElement = function (node) { return node.tagName === 'SLOT'; };
+      // https://html.spec.whatwg.org/multipage/custom-elements.html#valid-custom-element-name
+      var isCustomElement = function (node) { return node.tagName.indexOf('-') > 0; };
+
+      var CounterState = /** @class */ (function () {
+          function CounterState() {
+              this.counters = {};
+          }
+          CounterState.prototype.getCounterValue = function (name) {
+              var counter = this.counters[name];
+              if (counter && counter.length) {
+                  return counter[counter.length - 1];
+              }
+              return 1;
+          };
+          CounterState.prototype.getCounterValues = function (name) {
+              var counter = this.counters[name];
+              return counter ? counter : [];
+          };
+          CounterState.prototype.pop = function (counters) {
+              var _this = this;
+              counters.forEach(function (counter) { return _this.counters[counter].pop(); });
+          };
+          CounterState.prototype.parse = function (style) {
+              var _this = this;
+              var counterIncrement = style.counterIncrement;
+              var counterReset = style.counterReset;
+              var canReset = true;
+              if (counterIncrement !== null) {
+                  counterIncrement.forEach(function (entry) {
+                      var counter = _this.counters[entry.counter];
+                      if (counter && entry.increment !== 0) {
+                          canReset = false;
+                          if (!counter.length) {
+                              counter.push(1);
+                          }
+                          counter[Math.max(0, counter.length - 1)] += entry.increment;
+                      }
+                  });
+              }
+              var counterNames = [];
+              if (canReset) {
+                  counterReset.forEach(function (entry) {
+                      var counter = _this.counters[entry.counter];
+                      counterNames.push(entry.counter);
+                      if (!counter) {
+                          counter = _this.counters[entry.counter] = [];
+                      }
+                      counter.push(entry.reset);
+                  });
+              }
+              return counterNames;
+          };
+          return CounterState;
+      }());
+      var ROMAN_UPPER = {
+          integers: [1000, 900, 500, 400, 100, 90, 50, 40, 10, 9, 5, 4, 1],
+          values: ['M', 'CM', 'D', 'CD', 'C', 'XC', 'L', 'XL', 'X', 'IX', 'V', 'IV', 'I']
+      };
+      var ARMENIAN = {
+          integers: [
+              9000, 8000, 7000, 6000, 5000, 4000, 3000, 2000, 1000, 900, 800, 700, 600, 500, 400, 300, 200, 100, 90, 80, 70,
+              60, 50, 40, 30, 20, 10, 9, 8, 7, 6, 5, 4, 3, 2, 1
+          ],
+          values: [
+              'Ք',
+              'Փ',
+              'Ւ',
+              'Ց',
+              'Ր',
+              'Տ',
+              'Վ',
+              'Ս',
+              'Ռ',
+              'Ջ',
+              'Պ',
+              'Չ',
+              'Ո',
+              'Շ',
+              'Ն',
+              'Յ',
+              'Մ',
+              'Ճ',
+              'Ղ',
+              'Ձ',
+              'Հ',
+              'Կ',
+              'Ծ',
+              'Խ',
+              'Լ',
+              'Ի',
+              'Ժ',
+              'Թ',
+              'Ը',
+              'Է',
+              'Զ',
+              'Ե',
+              'Դ',
+              'Գ',
+              'Բ',
+              'Ա'
+          ]
+      };
+      var HEBREW = {
+          integers: [
+              10000, 9000, 8000, 7000, 6000, 5000, 4000, 3000, 2000, 1000, 400, 300, 200, 100, 90, 80, 70, 60, 50, 40, 30, 20,
+              19, 18, 17, 16, 15, 10, 9, 8, 7, 6, 5, 4, 3, 2, 1
+          ],
+          values: [
+              'י׳',
+              'ט׳',
+              'ח׳',
+              'ז׳',
+              'ו׳',
+              'ה׳',
+              'ד׳',
+              'ג׳',
+              'ב׳',
+              'א׳',
+              'ת',
+              'ש',
+              'ר',
+              'ק',
+              'צ',
+              'פ',
+              'ע',
+              'ס',
+              'נ',
+              'מ',
+              'ל',
+              'כ',
+              'יט',
+              'יח',
+              'יז',
+              'טז',
+              'טו',
+              'י',
+              'ט',
+              'ח',
+              'ז',
+              'ו',
+              'ה',
+              'ד',
+              'ג',
+              'ב',
+              'א'
+          ]
+      };
+      var GEORGIAN = {
+          integers: [
+              10000, 9000, 8000, 7000, 6000, 5000, 4000, 3000, 2000, 1000, 900, 800, 700, 600, 500, 400, 300, 200, 100, 90,
+              80, 70, 60, 50, 40, 30, 20, 10, 9, 8, 7, 6, 5, 4, 3, 2, 1
+          ],
+          values: [
+              'ჵ',
+              'ჰ',
+              'ჯ',
+              'ჴ',
+              'ხ',
+              'ჭ',
+              'წ',
+              'ძ',
+              'ც',
+              'ჩ',
+              'შ',
+              'ყ',
+              'ღ',
+              'ქ',
+              'ფ',
+              'ჳ',
+              'ტ',
+              'ს',
+              'რ',
+              'ჟ',
+              'პ',
+              'ო',
+              'ჲ',
+              'ნ',
+              'მ',
+              'ლ',
+              'კ',
+              'ი',
+              'თ',
+              'ჱ',
+              'ზ',
+              'ვ',
+              'ე',
+              'დ',
+              'გ',
+              'ბ',
+              'ა'
+          ]
+      };
+      var createAdditiveCounter = function (value, min, max, symbols, fallback, suffix) {
+          if (value < min || value > max) {
+              return createCounterText(value, fallback, suffix.length > 0);
+          }
+          return (symbols.integers.reduce(function (string, integer, index) {
+              while (value >= integer) {
+                  value -= integer;
+                  string += symbols.values[index];
+              }
+              return string;
+          }, '') + suffix);
+      };
+      var createCounterStyleWithSymbolResolver = function (value, codePointRangeLength, isNumeric, resolver) {
+          var string = '';
+          do {
+              if (!isNumeric) {
+                  value--;
+              }
+              string = resolver(value) + string;
+              value /= codePointRangeLength;
+          } while (value * codePointRangeLength >= codePointRangeLength);
+          return string;
+      };
+      var createCounterStyleFromRange = function (value, codePointRangeStart, codePointRangeEnd, isNumeric, suffix) {
+          var codePointRangeLength = codePointRangeEnd - codePointRangeStart + 1;
+          return ((value < 0 ? '-' : '') +
+              (createCounterStyleWithSymbolResolver(Math.abs(value), codePointRangeLength, isNumeric, function (codePoint) {
+                  return fromCodePoint$1(Math.floor(codePoint % codePointRangeLength) + codePointRangeStart);
+              }) +
+                  suffix));
+      };
+      var createCounterStyleFromSymbols = function (value, symbols, suffix) {
+          if (suffix === void 0) { suffix = '. '; }
+          var codePointRangeLength = symbols.length;
+          return (createCounterStyleWithSymbolResolver(Math.abs(value), codePointRangeLength, false, function (codePoint) { return symbols[Math.floor(codePoint % codePointRangeLength)]; }) + suffix);
+      };
+      var CJK_ZEROS = 1 << 0;
+      var CJK_TEN_COEFFICIENTS = 1 << 1;
+      var CJK_TEN_HIGH_COEFFICIENTS = 1 << 2;
+      var CJK_HUNDRED_COEFFICIENTS = 1 << 3;
+      var createCJKCounter = function (value, numbers, multipliers, negativeSign, suffix, flags) {
+          if (value < -9999 || value > 9999) {
+              return createCounterText(value, 4 /* CJK_DECIMAL */, suffix.length > 0);
+          }
+          var tmp = Math.abs(value);
+          var string = suffix;
+          if (tmp === 0) {
+              return numbers[0] + string;
+          }
+          for (var digit = 0; tmp > 0 && digit <= 4; digit++) {
+              var coefficient = tmp % 10;
+              if (coefficient === 0 && contains(flags, CJK_ZEROS) && string !== '') {
+                  string = numbers[coefficient] + string;
+              }
+              else if (coefficient > 1 ||
+                  (coefficient === 1 && digit === 0) ||
+                  (coefficient === 1 && digit === 1 && contains(flags, CJK_TEN_COEFFICIENTS)) ||
+                  (coefficient === 1 && digit === 1 && contains(flags, CJK_TEN_HIGH_COEFFICIENTS) && value > 100) ||
+                  (coefficient === 1 && digit > 1 && contains(flags, CJK_HUNDRED_COEFFICIENTS))) {
+                  string = numbers[coefficient] + (digit > 0 ? multipliers[digit - 1] : '') + string;
+              }
+              else if (coefficient === 1 && digit > 0) {
+                  string = multipliers[digit - 1] + string;
+              }
+              tmp = Math.floor(tmp / 10);
+          }
+          return (value < 0 ? negativeSign : '') + string;
+      };
+      var CHINESE_INFORMAL_MULTIPLIERS = '十百千萬';
+      var CHINESE_FORMAL_MULTIPLIERS = '拾佰仟萬';
+      var JAPANESE_NEGATIVE = 'マイナス';
+      var KOREAN_NEGATIVE = '마이너스';
+      var createCounterText = function (value, type, appendSuffix) {
+          var defaultSuffix = appendSuffix ? '. ' : '';
+          var cjkSuffix = appendSuffix ? '、' : '';
+          var koreanSuffix = appendSuffix ? ', ' : '';
+          var spaceSuffix = appendSuffix ? ' ' : '';
+          switch (type) {
+              case 0 /* DISC */:
+                  return '•' + spaceSuffix;
+              case 1 /* CIRCLE */:
+                  return '◦' + spaceSuffix;
+              case 2 /* SQUARE */:
+                  return '◾' + spaceSuffix;
+              case 5 /* DECIMAL_LEADING_ZERO */:
+                  var string = createCounterStyleFromRange(value, 48, 57, true, defaultSuffix);
+                  return string.length < 4 ? "0" + string : string;
+              case 4 /* CJK_DECIMAL */:
+                  return createCounterStyleFromSymbols(value, '〇一二三四五六七八九', cjkSuffix);
+              case 6 /* LOWER_ROMAN */:
+                  return createAdditiveCounter(value, 1, 3999, ROMAN_UPPER, 3 /* DECIMAL */, defaultSuffix).toLowerCase();
+              case 7 /* UPPER_ROMAN */:
+                  return createAdditiveCounter(value, 1, 3999, ROMAN_UPPER, 3 /* DECIMAL */, defaultSuffix);
+              case 8 /* LOWER_GREEK */:
+                  return createCounterStyleFromRange(value, 945, 969, false, defaultSuffix);
+              case 9 /* LOWER_ALPHA */:
+                  return createCounterStyleFromRange(value, 97, 122, false, defaultSuffix);
+              case 10 /* UPPER_ALPHA */:
+                  return createCounterStyleFromRange(value, 65, 90, false, defaultSuffix);
+              case 11 /* ARABIC_INDIC */:
+                  return createCounterStyleFromRange(value, 1632, 1641, true, defaultSuffix);
+              case 12 /* ARMENIAN */:
+              case 49 /* UPPER_ARMENIAN */:
+                  return createAdditiveCounter(value, 1, 9999, ARMENIAN, 3 /* DECIMAL */, defaultSuffix);
+              case 35 /* LOWER_ARMENIAN */:
+                  return createAdditiveCounter(value, 1, 9999, ARMENIAN, 3 /* DECIMAL */, defaultSuffix).toLowerCase();
+              case 13 /* BENGALI */:
+                  return createCounterStyleFromRange(value, 2534, 2543, true, defaultSuffix);
+              case 14 /* CAMBODIAN */:
+              case 30 /* KHMER */:
+                  return createCounterStyleFromRange(value, 6112, 6121, true, defaultSuffix);
+              case 15 /* CJK_EARTHLY_BRANCH */:
+                  return createCounterStyleFromSymbols(value, '子丑寅卯辰巳午未申酉戌亥', cjkSuffix);
+              case 16 /* CJK_HEAVENLY_STEM */:
+                  return createCounterStyleFromSymbols(value, '甲乙丙丁戊己庚辛壬癸', cjkSuffix);
+              case 17 /* CJK_IDEOGRAPHIC */:
+              case 48 /* TRAD_CHINESE_INFORMAL */:
+                  return createCJKCounter(value, '零一二三四五六七八九', CHINESE_INFORMAL_MULTIPLIERS, '負', cjkSuffix, CJK_TEN_COEFFICIENTS | CJK_TEN_HIGH_COEFFICIENTS | CJK_HUNDRED_COEFFICIENTS);
+              case 47 /* TRAD_CHINESE_FORMAL */:
+                  return createCJKCounter(value, '零壹貳參肆伍陸柒捌玖', CHINESE_FORMAL_MULTIPLIERS, '負', cjkSuffix, CJK_ZEROS | CJK_TEN_COEFFICIENTS | CJK_TEN_HIGH_COEFFICIENTS | CJK_HUNDRED_COEFFICIENTS);
+              case 42 /* SIMP_CHINESE_INFORMAL */:
+                  return createCJKCounter(value, '零一二三四五六七八九', CHINESE_INFORMAL_MULTIPLIERS, '负', cjkSuffix, CJK_TEN_COEFFICIENTS | CJK_TEN_HIGH_COEFFICIENTS | CJK_HUNDRED_COEFFICIENTS);
+              case 41 /* SIMP_CHINESE_FORMAL */:
+                  return createCJKCounter(value, '零壹贰叁肆伍陆柒捌玖', CHINESE_FORMAL_MULTIPLIERS, '负', cjkSuffix, CJK_ZEROS | CJK_TEN_COEFFICIENTS | CJK_TEN_HIGH_COEFFICIENTS | CJK_HUNDRED_COEFFICIENTS);
+              case 26 /* JAPANESE_INFORMAL */:
+                  return createCJKCounter(value, '〇一二三四五六七八九', '十百千万', JAPANESE_NEGATIVE, cjkSuffix, 0);
+              case 25 /* JAPANESE_FORMAL */:
+                  return createCJKCounter(value, '零壱弐参四伍六七八九', '拾百千万', JAPANESE_NEGATIVE, cjkSuffix, CJK_ZEROS | CJK_TEN_COEFFICIENTS | CJK_TEN_HIGH_COEFFICIENTS);
+              case 31 /* KOREAN_HANGUL_FORMAL */:
+                  return createCJKCounter(value, '영일이삼사오육칠팔구', '십백천만', KOREAN_NEGATIVE, koreanSuffix, CJK_ZEROS | CJK_TEN_COEFFICIENTS | CJK_TEN_HIGH_COEFFICIENTS);
+              case 33 /* KOREAN_HANJA_INFORMAL */:
+                  return createCJKCounter(value, '零一二三四五六七八九', '十百千萬', KOREAN_NEGATIVE, koreanSuffix, 0);
+              case 32 /* KOREAN_HANJA_FORMAL */:
+                  return createCJKCounter(value, '零壹貳參四五六七八九', '拾百千', KOREAN_NEGATIVE, koreanSuffix, CJK_ZEROS | CJK_TEN_COEFFICIENTS | CJK_TEN_HIGH_COEFFICIENTS);
+              case 18 /* DEVANAGARI */:
+                  return createCounterStyleFromRange(value, 0x966, 0x96f, true, defaultSuffix);
+              case 20 /* GEORGIAN */:
+                  return createAdditiveCounter(value, 1, 19999, GEORGIAN, 3 /* DECIMAL */, defaultSuffix);
+              case 21 /* GUJARATI */:
+                  return createCounterStyleFromRange(value, 0xae6, 0xaef, true, defaultSuffix);
+              case 22 /* GURMUKHI */:
+                  return createCounterStyleFromRange(value, 0xa66, 0xa6f, true, defaultSuffix);
+              case 22 /* HEBREW */:
+                  return createAdditiveCounter(value, 1, 10999, HEBREW, 3 /* DECIMAL */, defaultSuffix);
+              case 23 /* HIRAGANA */:
+                  return createCounterStyleFromSymbols(value, 'あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわゐゑをん');
+              case 24 /* HIRAGANA_IROHA */:
+                  return createCounterStyleFromSymbols(value, 'いろはにほへとちりぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせす');
+              case 27 /* KANNADA */:
+                  return createCounterStyleFromRange(value, 0xce6, 0xcef, true, defaultSuffix);
+              case 28 /* KATAKANA */:
+                  return createCounterStyleFromSymbols(value, 'アイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤユヨラリルレロワヰヱヲン', cjkSuffix);
+              case 29 /* KATAKANA_IROHA */:
+                  return createCounterStyleFromSymbols(value, 'イロハニホヘトチリヌルヲワカヨタレソツネナラムウヰノオクヤマケフコエテアサキユメミシヱヒモセス', cjkSuffix);
+              case 34 /* LAO */:
+                  return createCounterStyleFromRange(value, 0xed0, 0xed9, true, defaultSuffix);
+              case 37 /* MONGOLIAN */:
+                  return createCounterStyleFromRange(value, 0x1810, 0x1819, true, defaultSuffix);
+              case 38 /* MYANMAR */:
+                  return createCounterStyleFromRange(value, 0x1040, 0x1049, true, defaultSuffix);
+              case 39 /* ORIYA */:
+                  return createCounterStyleFromRange(value, 0xb66, 0xb6f, true, defaultSuffix);
+              case 40 /* PERSIAN */:
+                  return createCounterStyleFromRange(value, 0x6f0, 0x6f9, true, defaultSuffix);
+              case 43 /* TAMIL */:
+                  return createCounterStyleFromRange(value, 0xbe6, 0xbef, true, defaultSuffix);
+              case 44 /* TELUGU */:
+                  return createCounterStyleFromRange(value, 0xc66, 0xc6f, true, defaultSuffix);
+              case 45 /* THAI */:
+                  return createCounterStyleFromRange(value, 0xe50, 0xe59, true, defaultSuffix);
+              case 46 /* TIBETAN */:
+                  return createCounterStyleFromRange(value, 0xf20, 0xf29, true, defaultSuffix);
+              case 3 /* DECIMAL */:
+              default:
+                  return createCounterStyleFromRange(value, 48, 57, true, defaultSuffix);
+          }
+      };
+
+      var IGNORE_ATTRIBUTE = 'data-html2canvas-ignore';
+      var DocumentCloner = /** @class */ (function () {
+          function DocumentCloner(context, element, options) {
+              this.context = context;
+              this.options = options;
+              this.scrolledElements = [];
+              this.referenceElement = element;
+              this.counters = new CounterState();
+              this.quoteDepth = 0;
+              if (!element.ownerDocument) {
+                  throw new Error('Cloned element does not have an owner document');
+              }
+              this.documentElement = this.cloneNode(element.ownerDocument.documentElement, false);
+          }
+          DocumentCloner.prototype.toIFrame = function (ownerDocument, windowSize) {
+              var _this = this;
+              var iframe = createIFrameContainer(ownerDocument, windowSize);
+              if (!iframe.contentWindow) {
+                  return Promise.reject("Unable to find iframe window");
+              }
+              var scrollX = ownerDocument.defaultView.pageXOffset;
+              var scrollY = ownerDocument.defaultView.pageYOffset;
+              var cloneWindow = iframe.contentWindow;
+              var documentClone = cloneWindow.document;
+              /* Chrome doesn't detect relative background-images assigned in inline <style> sheets when fetched through getComputedStyle
+               if window url is about:blank, we can assign the url to current by writing onto the document
+               */
+              var iframeLoad = iframeLoader(iframe).then(function () { return __awaiter(_this, void 0, void 0, function () {
+                  var onclone, referenceElement;
+                  return __generator(this, function (_a) {
+                      switch (_a.label) {
+                          case 0:
+                              this.scrolledElements.forEach(restoreNodeScroll);
+                              if (cloneWindow) {
+                                  cloneWindow.scrollTo(windowSize.left, windowSize.top);
+                                  if (/(iPad|iPhone|iPod)/g.test(navigator.userAgent) &&
+                                      (cloneWindow.scrollY !== windowSize.top || cloneWindow.scrollX !== windowSize.left)) {
+                                      this.context.logger.warn('Unable to restore scroll position for cloned document');
+                                      this.context.windowBounds = this.context.windowBounds.add(cloneWindow.scrollX - windowSize.left, cloneWindow.scrollY - windowSize.top, 0, 0);
+                                  }
+                              }
+                              onclone = this.options.onclone;
+                              referenceElement = this.clonedReferenceElement;
+                              if (typeof referenceElement === 'undefined') {
+                                  return [2 /*return*/, Promise.reject("Error finding the " + this.referenceElement.nodeName + " in the cloned document")];
+                              }
+                              if (!(documentClone.fonts && documentClone.fonts.ready)) return [3 /*break*/, 2];
+                              return [4 /*yield*/, documentClone.fonts.ready];
+                          case 1:
+                              _a.sent();
+                              _a.label = 2;
+                          case 2:
+                              if (!/(AppleWebKit)/g.test(navigator.userAgent)) return [3 /*break*/, 4];
+                              return [4 /*yield*/, imagesReady(documentClone)];
+                          case 3:
+                              _a.sent();
+                              _a.label = 4;
+                          case 4:
+                              if (typeof onclone === 'function') {
+                                  return [2 /*return*/, Promise.resolve()
+                                          .then(function () { return onclone(documentClone, referenceElement); })
+                                          .then(function () { return iframe; })];
+                              }
+                              return [2 /*return*/, iframe];
+                      }
+                  });
+              }); });
+              documentClone.open();
+              documentClone.write(serializeDoctype(document.doctype) + "<html></html>");
+              // Chrome scrolls the parent document for some reason after the write to the cloned window???
+              restoreOwnerScroll(this.referenceElement.ownerDocument, scrollX, scrollY);
+              documentClone.replaceChild(documentClone.adoptNode(this.documentElement), documentClone.documentElement);
+              documentClone.close();
+              return iframeLoad;
+          };
+          DocumentCloner.prototype.createElementClone = function (node) {
+              if (isDebugging(node, 2 /* CLONE */)) {
+                  debugger;
+              }
+              if (isCanvasElement(node)) {
+                  return this.createCanvasClone(node);
+              }
+              if (isVideoElement(node)) {
+                  return this.createVideoClone(node);
+              }
+              if (isStyleElement(node)) {
+                  return this.createStyleClone(node);
+              }
+              var clone = node.cloneNode(false);
+              if (isImageElement(clone)) {
+                  if (isImageElement(node) && node.currentSrc && node.currentSrc !== node.src) {
+                      clone.src = node.currentSrc;
+                      clone.srcset = '';
+                  }
+                  if (clone.loading === 'lazy') {
+                      clone.loading = 'eager';
+                  }
+              }
+              if (isCustomElement(clone)) {
+                  return this.createCustomElementClone(clone);
+              }
+              return clone;
+          };
+          DocumentCloner.prototype.createCustomElementClone = function (node) {
+              var clone = document.createElement('html2canvascustomelement');
+              copyCSSStyles(node.style, clone);
+              return clone;
+          };
+          DocumentCloner.prototype.createStyleClone = function (node) {
+              try {
+                  var sheet = node.sheet;
+                  if (sheet && sheet.cssRules) {
+                      var css = [].slice.call(sheet.cssRules, 0).reduce(function (css, rule) {
+                          if (rule && typeof rule.cssText === 'string') {
+                              return css + rule.cssText;
+                          }
+                          return css;
+                      }, '');
+                      var style = node.cloneNode(false);
+                      style.textContent = css;
+                      return style;
+                  }
+              }
+              catch (e) {
+                  // accessing node.sheet.cssRules throws a DOMException
+                  this.context.logger.error('Unable to access cssRules property', e);
+                  if (e.name !== 'SecurityError') {
+                      throw e;
+                  }
+              }
+              return node.cloneNode(false);
+          };
+          DocumentCloner.prototype.createCanvasClone = function (canvas) {
+              var _a;
+              if (this.options.inlineImages && canvas.ownerDocument) {
+                  var img = canvas.ownerDocument.createElement('img');
+                  try {
+                      img.src = canvas.toDataURL();
+                      return img;
+                  }
+                  catch (e) {
+                      this.context.logger.info("Unable to inline canvas contents, canvas is tainted", canvas);
+                  }
+              }
+              var clonedCanvas = canvas.cloneNode(false);
+              try {
+                  clonedCanvas.width = canvas.width;
+                  clonedCanvas.height = canvas.height;
+                  var ctx = canvas.getContext('2d');
+                  var clonedCtx = clonedCanvas.getContext('2d');
+                  if (clonedCtx) {
+                      if (!this.options.allowTaint && ctx) {
+                          clonedCtx.putImageData(ctx.getImageData(0, 0, canvas.width, canvas.height), 0, 0);
+                      }
+                      else {
+                          var gl = (_a = canvas.getContext('webgl2')) !== null && _a !== void 0 ? _a : canvas.getContext('webgl');
+                          if (gl) {
+                              var attribs = gl.getContextAttributes();
+                              if ((attribs === null || attribs === void 0 ? void 0 : attribs.preserveDrawingBuffer) === false) {
+                                  this.context.logger.warn('Unable to clone WebGL context as it has preserveDrawingBuffer=false', canvas);
+                              }
+                          }
+                          clonedCtx.drawImage(canvas, 0, 0);
+                      }
+                  }
+                  return clonedCanvas;
+              }
+              catch (e) {
+                  this.context.logger.info("Unable to clone canvas as it is tainted", canvas);
+              }
+              return clonedCanvas;
+          };
+          DocumentCloner.prototype.createVideoClone = function (video) {
+              var canvas = video.ownerDocument.createElement('canvas');
+              canvas.width = video.offsetWidth;
+              canvas.height = video.offsetHeight;
+              var ctx = canvas.getContext('2d');
+              try {
+                  if (ctx) {
+                      ctx.drawImage(video, 0, 0, canvas.width, canvas.height);
+                      if (!this.options.allowTaint) {
+                          ctx.getImageData(0, 0, canvas.width, canvas.height);
+                      }
+                  }
+                  return canvas;
+              }
+              catch (e) {
+                  this.context.logger.info("Unable to clone video as it is tainted", video);
+              }
+              var blankCanvas = video.ownerDocument.createElement('canvas');
+              blankCanvas.width = video.offsetWidth;
+              blankCanvas.height = video.offsetHeight;
+              return blankCanvas;
+          };
+          DocumentCloner.prototype.appendChildNode = function (clone, child, copyStyles) {
+              if (!isElementNode(child) ||
+                  (!isScriptElement(child) &&
+                      !child.hasAttribute(IGNORE_ATTRIBUTE) &&
+                      (typeof this.options.ignoreElements !== 'function' || !this.options.ignoreElements(child)))) {
+                  if (!this.options.copyStyles || !isElementNode(child) || !isStyleElement(child)) {
+                      clone.appendChild(this.cloneNode(child, copyStyles));
+                  }
+              }
+          };
+          DocumentCloner.prototype.cloneChildNodes = function (node, clone, copyStyles) {
+              var _this = this;
+              for (var child = node.shadowRoot ? node.shadowRoot.firstChild : node.firstChild; child; child = child.nextSibling) {
+                  if (isElementNode(child) && isSlotElement(child) && typeof child.assignedNodes === 'function') {
+                      var assignedNodes = child.assignedNodes();
+                      if (assignedNodes.length) {
+                          assignedNodes.forEach(function (assignedNode) { return _this.appendChildNode(clone, assignedNode, copyStyles); });
+                      }
+                  }
+                  else {
+                      this.appendChildNode(clone, child, copyStyles);
+                  }
+              }
+          };
+          DocumentCloner.prototype.cloneNode = function (node, copyStyles) {
+              if (isTextNode(node)) {
+                  return document.createTextNode(node.data);
+              }
+              if (!node.ownerDocument) {
+                  return node.cloneNode(false);
+              }
+              var window = node.ownerDocument.defaultView;
+              if (window && isElementNode(node) && (isHTMLElementNode(node) || isSVGElementNode(node))) {
+                  var clone = this.createElementClone(node);
+                  clone.style.transitionProperty = 'none';
+                  var style = window.getComputedStyle(node);
+                  var styleBefore = window.getComputedStyle(node, ':before');
+                  var styleAfter = window.getComputedStyle(node, ':after');
+                  if (this.referenceElement === node && isHTMLElementNode(clone)) {
+                      this.clonedReferenceElement = clone;
+                  }
+                  if (isBodyElement(clone)) {
+                      createPseudoHideStyles(clone);
+                  }
+                  var counters = this.counters.parse(new CSSParsedCounterDeclaration(this.context, style));
+                  var before = this.resolvePseudoContent(node, clone, styleBefore, PseudoElementType.BEFORE);
+                  if (isCustomElement(node)) {
+                      copyStyles = true;
+                  }
+                  if (!isVideoElement(node)) {
+                      this.cloneChildNodes(node, clone, copyStyles);
+                  }
+                  if (before) {
+                      clone.insertBefore(before, clone.firstChild);
+                  }
+                  var after = this.resolvePseudoContent(node, clone, styleAfter, PseudoElementType.AFTER);
+                  if (after) {
+                      clone.appendChild(after);
+                  }
+                  this.counters.pop(counters);
+                  if ((style && (this.options.copyStyles || isSVGElementNode(node)) && !isIFrameElement(node)) ||
+                      copyStyles) {
+                      copyCSSStyles(style, clone);
+                  }
+                  if (node.scrollTop !== 0 || node.scrollLeft !== 0) {
+                      this.scrolledElements.push([clone, node.scrollLeft, node.scrollTop]);
+                  }
+                  if ((isTextareaElement(node) || isSelectElement(node)) &&
+                      (isTextareaElement(clone) || isSelectElement(clone))) {
+                      clone.value = node.value;
+                  }
+                  return clone;
+              }
+              return node.cloneNode(false);
+          };
+          DocumentCloner.prototype.resolvePseudoContent = function (node, clone, style, pseudoElt) {
+              var _this = this;
+              if (!style) {
+                  return;
+              }
+              var value = style.content;
+              var document = clone.ownerDocument;
+              if (!document || !value || value === 'none' || value === '-moz-alt-content' || style.display === 'none') {
+                  return;
+              }
+              this.counters.parse(new CSSParsedCounterDeclaration(this.context, style));
+              var declaration = new CSSParsedPseudoDeclaration(this.context, style);
+              var anonymousReplacedElement = document.createElement('html2canvaspseudoelement');
+              copyCSSStyles(style, anonymousReplacedElement);
+              declaration.content.forEach(function (token) {
+                  if (token.type === 0 /* STRING_TOKEN */) {
+                      anonymousReplacedElement.appendChild(document.createTextNode(token.value));
+                  }
+                  else if (token.type === 22 /* URL_TOKEN */) {
+                      var img = document.createElement('img');
+                      img.src = token.value;
+                      img.style.opacity = '1';
+                      anonymousReplacedElement.appendChild(img);
+                  }
+                  else if (token.type === 18 /* FUNCTION */) {
+                      if (token.name === 'attr') {
+                          var attr = token.values.filter(isIdentToken);
+                          if (attr.length) {
+                              anonymousReplacedElement.appendChild(document.createTextNode(node.getAttribute(attr[0].value) || ''));
+                          }
+                      }
+                      else if (token.name === 'counter') {
+                          var _a = token.values.filter(nonFunctionArgSeparator), counter = _a[0], counterStyle = _a[1];
+                          if (counter && isIdentToken(counter)) {
+                              var counterState = _this.counters.getCounterValue(counter.value);
+                              var counterType = counterStyle && isIdentToken(counterStyle)
+                                  ? listStyleType.parse(_this.context, counterStyle.value)
+                                  : 3 /* DECIMAL */;
+                              anonymousReplacedElement.appendChild(document.createTextNode(createCounterText(counterState, counterType, false)));
+                          }
+                      }
+                      else if (token.name === 'counters') {
+                          var _b = token.values.filter(nonFunctionArgSeparator), counter = _b[0], delim = _b[1], counterStyle = _b[2];
+                          if (counter && isIdentToken(counter)) {
+                              var counterStates = _this.counters.getCounterValues(counter.value);
+                              var counterType_1 = counterStyle && isIdentToken(counterStyle)
+                                  ? listStyleType.parse(_this.context, counterStyle.value)
+                                  : 3 /* DECIMAL */;
+                              var separator = delim && delim.type === 0 /* STRING_TOKEN */ ? delim.value : '';
+                              var text = counterStates
+                                  .map(function (value) { return createCounterText(value, counterType_1, false); })
+                                  .join(separator);
+                              anonymousReplacedElement.appendChild(document.createTextNode(text));
+                          }
+                      }
+                      else ;
+                  }
+                  else if (token.type === 20 /* IDENT_TOKEN */) {
+                      switch (token.value) {
+                          case 'open-quote':
+                              anonymousReplacedElement.appendChild(document.createTextNode(getQuote(declaration.quotes, _this.quoteDepth++, true)));
+                              break;
+                          case 'close-quote':
+                              anonymousReplacedElement.appendChild(document.createTextNode(getQuote(declaration.quotes, --_this.quoteDepth, false)));
+                              break;
+                          default:
+                              // safari doesn't parse string tokens correctly because of lack of quotes
+                              anonymousReplacedElement.appendChild(document.createTextNode(token.value));
+                      }
+                  }
+              });
+              anonymousReplacedElement.className = PSEUDO_HIDE_ELEMENT_CLASS_BEFORE + " " + PSEUDO_HIDE_ELEMENT_CLASS_AFTER;
+              var newClassName = pseudoElt === PseudoElementType.BEFORE
+                  ? " " + PSEUDO_HIDE_ELEMENT_CLASS_BEFORE
+                  : " " + PSEUDO_HIDE_ELEMENT_CLASS_AFTER;
+              if (isSVGElementNode(clone)) {
+                  clone.className.baseValue += newClassName;
+              }
+              else {
+                  clone.className += newClassName;
+              }
+              return anonymousReplacedElement;
+          };
+          DocumentCloner.destroy = function (container) {
+              if (container.parentNode) {
+                  container.parentNode.removeChild(container);
+                  return true;
+              }
+              return false;
+          };
+          return DocumentCloner;
+      }());
+      var PseudoElementType;
+      (function (PseudoElementType) {
+          PseudoElementType[PseudoElementType["BEFORE"] = 0] = "BEFORE";
+          PseudoElementType[PseudoElementType["AFTER"] = 1] = "AFTER";
+      })(PseudoElementType || (PseudoElementType = {}));
+      var createIFrameContainer = function (ownerDocument, bounds) {
+          var cloneIframeContainer = ownerDocument.createElement('iframe');
+          cloneIframeContainer.className = 'html2canvas-container';
+          cloneIframeContainer.style.visibility = 'hidden';
+          cloneIframeContainer.style.position = 'fixed';
+          cloneIframeContainer.style.left = '-10000px';
+          cloneIframeContainer.style.top = '0px';
+          cloneIframeContainer.style.border = '0';
+          cloneIframeContainer.width = bounds.width.toString();
+          cloneIframeContainer.height = bounds.height.toString();
+          cloneIframeContainer.scrolling = 'no'; // ios won't scroll without it
+          cloneIframeContainer.setAttribute(IGNORE_ATTRIBUTE, 'true');
+          ownerDocument.body.appendChild(cloneIframeContainer);
+          return cloneIframeContainer;
+      };
+      var imageReady = function (img) {
+          return new Promise(function (resolve) {
+              if (img.complete) {
+                  resolve();
+                  return;
+              }
+              if (!img.src) {
+                  resolve();
+                  return;
+              }
+              img.onload = resolve;
+              img.onerror = resolve;
+          });
+      };
+      var imagesReady = function (document) {
+          return Promise.all([].slice.call(document.images, 0).map(imageReady));
+      };
+      var iframeLoader = function (iframe) {
+          return new Promise(function (resolve, reject) {
+              var cloneWindow = iframe.contentWindow;
+              if (!cloneWindow) {
+                  return reject("No window assigned for iframe");
+              }
+              var documentClone = cloneWindow.document;
+              cloneWindow.onload = iframe.onload = function () {
+                  cloneWindow.onload = iframe.onload = null;
+                  var interval = setInterval(function () {
+                      if (documentClone.body.childNodes.length > 0 && documentClone.readyState === 'complete') {
+                          clearInterval(interval);
+                          resolve(iframe);
+                      }
+                  }, 50);
+              };
+          });
+      };
+      var ignoredStyleProperties = [
+          'all',
+          'd',
+          'content' // Safari shows pseudoelements if content is set
+      ];
+      var copyCSSStyles = function (style, target) {
+          // Edge does not provide value for cssText
+          for (var i = style.length - 1; i >= 0; i--) {
+              var property = style.item(i);
+              if (ignoredStyleProperties.indexOf(property) === -1) {
+                  target.style.setProperty(property, style.getPropertyValue(property));
+              }
+          }
+          return target;
+      };
+      var serializeDoctype = function (doctype) {
+          var str = '';
+          if (doctype) {
+              str += '<!DOCTYPE ';
+              if (doctype.name) {
+                  str += doctype.name;
+              }
+              if (doctype.internalSubset) {
+                  str += doctype.internalSubset;
+              }
+              if (doctype.publicId) {
+                  str += "\"" + doctype.publicId + "\"";
+              }
+              if (doctype.systemId) {
+                  str += "\"" + doctype.systemId + "\"";
+              }
+              str += '>';
+          }
+          return str;
+      };
+      var restoreOwnerScroll = function (ownerDocument, x, y) {
+          if (ownerDocument &&
+              ownerDocument.defaultView &&
+              (x !== ownerDocument.defaultView.pageXOffset || y !== ownerDocument.defaultView.pageYOffset)) {
+              ownerDocument.defaultView.scrollTo(x, y);
+          }
+      };
+      var restoreNodeScroll = function (_a) {
+          var element = _a[0], x = _a[1], y = _a[2];
+          element.scrollLeft = x;
+          element.scrollTop = y;
+      };
+      var PSEUDO_BEFORE = ':before';
+      var PSEUDO_AFTER = ':after';
+      var PSEUDO_HIDE_ELEMENT_CLASS_BEFORE = '___html2canvas___pseudoelement_before';
+      var PSEUDO_HIDE_ELEMENT_CLASS_AFTER = '___html2canvas___pseudoelement_after';
+      var PSEUDO_HIDE_ELEMENT_STYLE = "{\n    content: \"\" !important;\n    display: none !important;\n}";
+      var createPseudoHideStyles = function (body) {
+          createStyles(body, "." + PSEUDO_HIDE_ELEMENT_CLASS_BEFORE + PSEUDO_BEFORE + PSEUDO_HIDE_ELEMENT_STYLE + "\n         ." + PSEUDO_HIDE_ELEMENT_CLASS_AFTER + PSEUDO_AFTER + PSEUDO_HIDE_ELEMENT_STYLE);
+      };
+      var createStyles = function (body, styles) {
+          var document = body.ownerDocument;
+          if (document) {
+              var style = document.createElement('style');
+              style.textContent = styles;
+              body.appendChild(style);
+          }
+      };
+
+      var CacheStorage = /** @class */ (function () {
+          function CacheStorage() {
+          }
+          CacheStorage.getOrigin = function (url) {
+              var link = CacheStorage._link;
+              if (!link) {
+                  return 'about:blank';
+              }
+              link.href = url;
+              link.href = link.href; // IE9, LOL! - http://jsfiddle.net/niklasvh/2e48b/
+              return link.protocol + link.hostname + link.port;
+          };
+          CacheStorage.isSameOrigin = function (src) {
+              return CacheStorage.getOrigin(src) === CacheStorage._origin;
+          };
+          CacheStorage.setContext = function (window) {
+              CacheStorage._link = window.document.createElement('a');
+              CacheStorage._origin = CacheStorage.getOrigin(window.location.href);
+          };
+          CacheStorage._origin = 'about:blank';
+          return CacheStorage;
+      }());
+      var Cache = /** @class */ (function () {
+          function Cache(context, _options) {
+              this.context = context;
+              this._options = _options;
+              // eslint-disable-next-line @typescript-eslint/no-explicit-any
+              this._cache = {};
+          }
+          Cache.prototype.addImage = function (src) {
+              var result = Promise.resolve();
+              if (this.has(src)) {
+                  return result;
+              }
+              if (isBlobImage(src) || isRenderable(src)) {
+                  (this._cache[src] = this.loadImage(src)).catch(function () {
+                      // prevent unhandled rejection
+                  });
+                  return result;
+              }
+              return result;
+          };
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+          Cache.prototype.match = function (src) {
+              return this._cache[src];
+          };
+          Cache.prototype.loadImage = function (key) {
+              return __awaiter(this, void 0, void 0, function () {
+                  var isSameOrigin, useCORS, useProxy, src;
+                  var _this = this;
+                  return __generator(this, function (_a) {
+                      switch (_a.label) {
+                          case 0:
+                              isSameOrigin = CacheStorage.isSameOrigin(key);
+                              useCORS = !isInlineImage(key) && this._options.useCORS === true && FEATURES.SUPPORT_CORS_IMAGES && !isSameOrigin;
+                              useProxy = !isInlineImage(key) &&
+                                  !isSameOrigin &&
+                                  !isBlobImage(key) &&
+                                  typeof this._options.proxy === 'string' &&
+                                  FEATURES.SUPPORT_CORS_XHR &&
+                                  !useCORS;
+                              if (!isSameOrigin &&
+                                  this._options.allowTaint === false &&
+                                  !isInlineImage(key) &&
+                                  !isBlobImage(key) &&
+                                  !useProxy &&
+                                  !useCORS) {
+                                  return [2 /*return*/];
+                              }
+                              src = key;
+                              if (!useProxy) return [3 /*break*/, 2];
+                              return [4 /*yield*/, this.proxy(src)];
+                          case 1:
+                              src = _a.sent();
+                              _a.label = 2;
+                          case 2:
+                              this.context.logger.debug("Added image " + key.substring(0, 256));
+                              return [4 /*yield*/, new Promise(function (resolve, reject) {
+                                      var img = new Image();
+                                      img.onload = function () { return resolve(img); };
+                                      img.onerror = reject;
+                                      //ios safari 10.3 taints canvas with data urls unless crossOrigin is set to anonymous
+                                      if (isInlineBase64Image(src) || useCORS) {
+                                          img.crossOrigin = 'anonymous';
+                                      }
+                                      img.src = src;
+                                      if (img.complete === true) {
+                                          // Inline XML images may fail to parse, throwing an Error later on
+                                          setTimeout(function () { return resolve(img); }, 500);
+                                      }
+                                      if (_this._options.imageTimeout > 0) {
+                                          setTimeout(function () { return reject("Timed out (" + _this._options.imageTimeout + "ms) loading image"); }, _this._options.imageTimeout);
+                                      }
+                                  })];
+                          case 3: return [2 /*return*/, _a.sent()];
+                      }
+                  });
+              });
+          };
+          Cache.prototype.has = function (key) {
+              return typeof this._cache[key] !== 'undefined';
+          };
+          Cache.prototype.keys = function () {
+              return Promise.resolve(Object.keys(this._cache));
+          };
+          Cache.prototype.proxy = function (src) {
+              var _this = this;
+              var proxy = this._options.proxy;
+              if (!proxy) {
+                  throw new Error('No proxy defined');
+              }
+              var key = src.substring(0, 256);
+              return new Promise(function (resolve, reject) {
+                  var responseType = FEATURES.SUPPORT_RESPONSE_TYPE ? 'blob' : 'text';
+                  var xhr = new XMLHttpRequest();
+                  xhr.onload = function () {
+                      if (xhr.status === 200) {
+                          if (responseType === 'text') {
+                              resolve(xhr.response);
+                          }
+                          else {
+                              var reader_1 = new FileReader();
+                              reader_1.addEventListener('load', function () { return resolve(reader_1.result); }, false);
+                              reader_1.addEventListener('error', function (e) { return reject(e); }, false);
+                              reader_1.readAsDataURL(xhr.response);
+                          }
+                      }
+                      else {
+                          reject("Failed to proxy resource " + key + " with status code " + xhr.status);
+                      }
+                  };
+                  xhr.onerror = reject;
+                  var queryString = proxy.indexOf('?') > -1 ? '&' : '?';
+                  xhr.open('GET', "" + proxy + queryString + "url=" + encodeURIComponent(src) + "&responseType=" + responseType);
+                  if (responseType !== 'text' && xhr instanceof XMLHttpRequest) {
+                      xhr.responseType = responseType;
+                  }
+                  if (_this._options.imageTimeout) {
+                      var timeout_1 = _this._options.imageTimeout;
+                      xhr.timeout = timeout_1;
+                      xhr.ontimeout = function () { return reject("Timed out (" + timeout_1 + "ms) proxying " + key); };
+                  }
+                  xhr.send();
+              });
+          };
+          return Cache;
+      }());
+      var INLINE_SVG = /^data:image\/svg\+xml/i;
+      var INLINE_BASE64 = /^data:image\/.*;base64,/i;
+      var INLINE_IMG = /^data:image\/.*/i;
+      var isRenderable = function (src) { return FEATURES.SUPPORT_SVG_DRAWING || !isSVG(src); };
+      var isInlineImage = function (src) { return INLINE_IMG.test(src); };
+      var isInlineBase64Image = function (src) { return INLINE_BASE64.test(src); };
+      var isBlobImage = function (src) { return src.substr(0, 4) === 'blob'; };
+      var isSVG = function (src) { return src.substr(-3).toLowerCase() === 'svg' || INLINE_SVG.test(src); };
+
+      var Vector = /** @class */ (function () {
+          function Vector(x, y) {
+              this.type = 0 /* VECTOR */;
+              this.x = x;
+              this.y = y;
+          }
+          Vector.prototype.add = function (deltaX, deltaY) {
+              return new Vector(this.x + deltaX, this.y + deltaY);
+          };
+          return Vector;
+      }());
+
+      var lerp = function (a, b, t) {
+          return new Vector(a.x + (b.x - a.x) * t, a.y + (b.y - a.y) * t);
+      };
+      var BezierCurve = /** @class */ (function () {
+          function BezierCurve(start, startControl, endControl, end) {
+              this.type = 1 /* BEZIER_CURVE */;
+              this.start = start;
+              this.startControl = startControl;
+              this.endControl = endControl;
+              this.end = end;
+          }
+          BezierCurve.prototype.subdivide = function (t, firstHalf) {
+              var ab = lerp(this.start, this.startControl, t);
+              var bc = lerp(this.startControl, this.endControl, t);
+              var cd = lerp(this.endControl, this.end, t);
+              var abbc = lerp(ab, bc, t);
+              var bccd = lerp(bc, cd, t);
+              var dest = lerp(abbc, bccd, t);
+              return firstHalf ? new BezierCurve(this.start, ab, abbc, dest) : new BezierCurve(dest, bccd, cd, this.end);
+          };
+          BezierCurve.prototype.add = function (deltaX, deltaY) {
+              return new BezierCurve(this.start.add(deltaX, deltaY), this.startControl.add(deltaX, deltaY), this.endControl.add(deltaX, deltaY), this.end.add(deltaX, deltaY));
+          };
+          BezierCurve.prototype.reverse = function () {
+              return new BezierCurve(this.end, this.endControl, this.startControl, this.start);
+          };
+          return BezierCurve;
+      }());
+      var isBezierCurve = function (path) { return path.type === 1 /* BEZIER_CURVE */; };
+
+      var BoundCurves = /** @class */ (function () {
+          function BoundCurves(element) {
+              var styles = element.styles;
+              var bounds = element.bounds;
+              var _a = getAbsoluteValueForTuple(styles.borderTopLeftRadius, bounds.width, bounds.height), tlh = _a[0], tlv = _a[1];
+              var _b = getAbsoluteValueForTuple(styles.borderTopRightRadius, bounds.width, bounds.height), trh = _b[0], trv = _b[1];
+              var _c = getAbsoluteValueForTuple(styles.borderBottomRightRadius, bounds.width, bounds.height), brh = _c[0], brv = _c[1];
+              var _d = getAbsoluteValueForTuple(styles.borderBottomLeftRadius, bounds.width, bounds.height), blh = _d[0], blv = _d[1];
+              var factors = [];
+              factors.push((tlh + trh) / bounds.width);
+              factors.push((blh + brh) / bounds.width);
+              factors.push((tlv + blv) / bounds.height);
+              factors.push((trv + brv) / bounds.height);
+              var maxFactor = Math.max.apply(Math, factors);
+              if (maxFactor > 1) {
+                  tlh /= maxFactor;
+                  tlv /= maxFactor;
+                  trh /= maxFactor;
+                  trv /= maxFactor;
+                  brh /= maxFactor;
+                  brv /= maxFactor;
+                  blh /= maxFactor;
+                  blv /= maxFactor;
+              }
+              var topWidth = bounds.width - trh;
+              var rightHeight = bounds.height - brv;
+              var bottomWidth = bounds.width - brh;
+              var leftHeight = bounds.height - blv;
+              var borderTopWidth = styles.borderTopWidth;
+              var borderRightWidth = styles.borderRightWidth;
+              var borderBottomWidth = styles.borderBottomWidth;
+              var borderLeftWidth = styles.borderLeftWidth;
+              var paddingTop = getAbsoluteValue(styles.paddingTop, element.bounds.width);
+              var paddingRight = getAbsoluteValue(styles.paddingRight, element.bounds.width);
+              var paddingBottom = getAbsoluteValue(styles.paddingBottom, element.bounds.width);
+              var paddingLeft = getAbsoluteValue(styles.paddingLeft, element.bounds.width);
+              this.topLeftBorderDoubleOuterBox =
+                  tlh > 0 || tlv > 0
+                      ? getCurvePoints(bounds.left + borderLeftWidth / 3, bounds.top + borderTopWidth / 3, tlh - borderLeftWidth / 3, tlv - borderTopWidth / 3, CORNER.TOP_LEFT)
+                      : new Vector(bounds.left + borderLeftWidth / 3, bounds.top + borderTopWidth / 3);
+              this.topRightBorderDoubleOuterBox =
+                  tlh > 0 || tlv > 0
+                      ? getCurvePoints(bounds.left + topWidth, bounds.top + borderTopWidth / 3, trh - borderRightWidth / 3, trv - borderTopWidth / 3, CORNER.TOP_RIGHT)
+                      : new Vector(bounds.left + bounds.width - borderRightWidth / 3, bounds.top + borderTopWidth / 3);
+              this.bottomRightBorderDoubleOuterBox =
+                  brh > 0 || brv > 0
+                      ? getCurvePoints(bounds.left + bottomWidth, bounds.top + rightHeight, brh - borderRightWidth / 3, brv - borderBottomWidth / 3, CORNER.BOTTOM_RIGHT)
+                      : new Vector(bounds.left + bounds.width - borderRightWidth / 3, bounds.top + bounds.height - borderBottomWidth / 3);
+              this.bottomLeftBorderDoubleOuterBox =
+                  blh > 0 || blv > 0
+                      ? getCurvePoints(bounds.left + borderLeftWidth / 3, bounds.top + leftHeight, blh - borderLeftWidth / 3, blv - borderBottomWidth / 3, CORNER.BOTTOM_LEFT)
+                      : new Vector(bounds.left + borderLeftWidth / 3, bounds.top + bounds.height - borderBottomWidth / 3);
+              this.topLeftBorderDoubleInnerBox =
+                  tlh > 0 || tlv > 0
+                      ? getCurvePoints(bounds.left + (borderLeftWidth * 2) / 3, bounds.top + (borderTopWidth * 2) / 3, tlh - (borderLeftWidth * 2) / 3, tlv - (borderTopWidth * 2) / 3, CORNER.TOP_LEFT)
+                      : new Vector(bounds.left + (borderLeftWidth * 2) / 3, bounds.top + (borderTopWidth * 2) / 3);
+              this.topRightBorderDoubleInnerBox =
+                  tlh > 0 || tlv > 0
+                      ? getCurvePoints(bounds.left + topWidth, bounds.top + (borderTopWidth * 2) / 3, trh - (borderRightWidth * 2) / 3, trv - (borderTopWidth * 2) / 3, CORNER.TOP_RIGHT)
+                      : new Vector(bounds.left + bounds.width - (borderRightWidth * 2) / 3, bounds.top + (borderTopWidth * 2) / 3);
+              this.bottomRightBorderDoubleInnerBox =
+                  brh > 0 || brv > 0
+                      ? getCurvePoints(bounds.left + bottomWidth, bounds.top + rightHeight, brh - (borderRightWidth * 2) / 3, brv - (borderBottomWidth * 2) / 3, CORNER.BOTTOM_RIGHT)
+                      : new Vector(bounds.left + bounds.width - (borderRightWidth * 2) / 3, bounds.top + bounds.height - (borderBottomWidth * 2) / 3);
+              this.bottomLeftBorderDoubleInnerBox =
+                  blh > 0 || blv > 0
+                      ? getCurvePoints(bounds.left + (borderLeftWidth * 2) / 3, bounds.top + leftHeight, blh - (borderLeftWidth * 2) / 3, blv - (borderBottomWidth * 2) / 3, CORNER.BOTTOM_LEFT)
+                      : new Vector(bounds.left + (borderLeftWidth * 2) / 3, bounds.top + bounds.height - (borderBottomWidth * 2) / 3);
+              this.topLeftBorderStroke =
+                  tlh > 0 || tlv > 0
+                      ? getCurvePoints(bounds.left + borderLeftWidth / 2, bounds.top + borderTopWidth / 2, tlh - borderLeftWidth / 2, tlv - borderTopWidth / 2, CORNER.TOP_LEFT)
+                      : new Vector(bounds.left + borderLeftWidth / 2, bounds.top + borderTopWidth / 2);
+              this.topRightBorderStroke =
+                  tlh > 0 || tlv > 0
+                      ? getCurvePoints(bounds.left + topWidth, bounds.top + borderTopWidth / 2, trh - borderRightWidth / 2, trv - borderTopWidth / 2, CORNER.TOP_RIGHT)
+                      : new Vector(bounds.left + bounds.width - borderRightWidth / 2, bounds.top + borderTopWidth / 2);
+              this.bottomRightBorderStroke =
+                  brh > 0 || brv > 0
+                      ? getCurvePoints(bounds.left + bottomWidth, bounds.top + rightHeight, brh - borderRightWidth / 2, brv - borderBottomWidth / 2, CORNER.BOTTOM_RIGHT)
+                      : new Vector(bounds.left + bounds.width - borderRightWidth / 2, bounds.top + bounds.height - borderBottomWidth / 2);
+              this.bottomLeftBorderStroke =
+                  blh > 0 || blv > 0
+                      ? getCurvePoints(bounds.left + borderLeftWidth / 2, bounds.top + leftHeight, blh - borderLeftWidth / 2, blv - borderBottomWidth / 2, CORNER.BOTTOM_LEFT)
+                      : new Vector(bounds.left + borderLeftWidth / 2, bounds.top + bounds.height - borderBottomWidth / 2);
+              this.topLeftBorderBox =
+                  tlh > 0 || tlv > 0
+                      ? getCurvePoints(bounds.left, bounds.top, tlh, tlv, CORNER.TOP_LEFT)
+                      : new Vector(bounds.left, bounds.top);
+              this.topRightBorderBox =
+                  trh > 0 || trv > 0
+                      ? getCurvePoints(bounds.left + topWidth, bounds.top, trh, trv, CORNER.TOP_RIGHT)
+                      : new Vector(bounds.left + bounds.width, bounds.top);
+              this.bottomRightBorderBox =
+                  brh > 0 || brv > 0
+                      ? getCurvePoints(bounds.left + bottomWidth, bounds.top + rightHeight, brh, brv, CORNER.BOTTOM_RIGHT)
+                      : new Vector(bounds.left + bounds.width, bounds.top + bounds.height);
+              this.bottomLeftBorderBox =
+                  blh > 0 || blv > 0
+                      ? getCurvePoints(bounds.left, bounds.top + leftHeight, blh, blv, CORNER.BOTTOM_LEFT)
+                      : new Vector(bounds.left, bounds.top + bounds.height);
+              this.topLeftPaddingBox =
+                  tlh > 0 || tlv > 0
+                      ? getCurvePoints(bounds.left + borderLeftWidth, bounds.top + borderTopWidth, Math.max(0, tlh - borderLeftWidth), Math.max(0, tlv - borderTopWidth), CORNER.TOP_LEFT)
+                      : new Vector(bounds.left + borderLeftWidth, bounds.top + borderTopWidth);
+              this.topRightPaddingBox =
+                  trh > 0 || trv > 0
+                      ? getCurvePoints(bounds.left + Math.min(topWidth, bounds.width - borderRightWidth), bounds.top + borderTopWidth, topWidth > bounds.width + borderRightWidth ? 0 : Math.max(0, trh - borderRightWidth), Math.max(0, trv - borderTopWidth), CORNER.TOP_RIGHT)
+                      : new Vector(bounds.left + bounds.width - borderRightWidth, bounds.top + borderTopWidth);
+              this.bottomRightPaddingBox =
+                  brh > 0 || brv > 0
+                      ? getCurvePoints(bounds.left + Math.min(bottomWidth, bounds.width - borderLeftWidth), bounds.top + Math.min(rightHeight, bounds.height - borderBottomWidth), Math.max(0, brh - borderRightWidth), Math.max(0, brv - borderBottomWidth), CORNER.BOTTOM_RIGHT)
+                      : new Vector(bounds.left + bounds.width - borderRightWidth, bounds.top + bounds.height - borderBottomWidth);
+              this.bottomLeftPaddingBox =
+                  blh > 0 || blv > 0
+                      ? getCurvePoints(bounds.left + borderLeftWidth, bounds.top + Math.min(leftHeight, bounds.height - borderBottomWidth), Math.max(0, blh - borderLeftWidth), Math.max(0, blv - borderBottomWidth), CORNER.BOTTOM_LEFT)
+                      : new Vector(bounds.left + borderLeftWidth, bounds.top + bounds.height - borderBottomWidth);
+              this.topLeftContentBox =
+                  tlh > 0 || tlv > 0
+                      ? getCurvePoints(bounds.left + borderLeftWidth + paddingLeft, bounds.top + borderTopWidth + paddingTop, Math.max(0, tlh - (borderLeftWidth + paddingLeft)), Math.max(0, tlv - (borderTopWidth + paddingTop)), CORNER.TOP_LEFT)
+                      : new Vector(bounds.left + borderLeftWidth + paddingLeft, bounds.top + borderTopWidth + paddingTop);
+              this.topRightContentBox =
+                  trh > 0 || trv > 0
+                      ? getCurvePoints(bounds.left + Math.min(topWidth, bounds.width + borderLeftWidth + paddingLeft), bounds.top + borderTopWidth + paddingTop, topWidth > bounds.width + borderLeftWidth + paddingLeft ? 0 : trh - borderLeftWidth + paddingLeft, trv - (borderTopWidth + paddingTop), CORNER.TOP_RIGHT)
+                      : new Vector(bounds.left + bounds.width - (borderRightWidth + paddingRight), bounds.top + borderTopWidth + paddingTop);
+              this.bottomRightContentBox =
+                  brh > 0 || brv > 0
+                      ? getCurvePoints(bounds.left + Math.min(bottomWidth, bounds.width - (borderLeftWidth + paddingLeft)), bounds.top + Math.min(rightHeight, bounds.height + borderTopWidth + paddingTop), Math.max(0, brh - (borderRightWidth + paddingRight)), brv - (borderBottomWidth + paddingBottom), CORNER.BOTTOM_RIGHT)
+                      : new Vector(bounds.left + bounds.width - (borderRightWidth + paddingRight), bounds.top + bounds.height - (borderBottomWidth + paddingBottom));
+              this.bottomLeftContentBox =
+                  blh > 0 || blv > 0
+                      ? getCurvePoints(bounds.left + borderLeftWidth + paddingLeft, bounds.top + leftHeight, Math.max(0, blh - (borderLeftWidth + paddingLeft)), blv - (borderBottomWidth + paddingBottom), CORNER.BOTTOM_LEFT)
+                      : new Vector(bounds.left + borderLeftWidth + paddingLeft, bounds.top + bounds.height - (borderBottomWidth + paddingBottom));
+          }
+          return BoundCurves;
+      }());
+      var CORNER;
+      (function (CORNER) {
+          CORNER[CORNER["TOP_LEFT"] = 0] = "TOP_LEFT";
+          CORNER[CORNER["TOP_RIGHT"] = 1] = "TOP_RIGHT";
+          CORNER[CORNER["BOTTOM_RIGHT"] = 2] = "BOTTOM_RIGHT";
+          CORNER[CORNER["BOTTOM_LEFT"] = 3] = "BOTTOM_LEFT";
+      })(CORNER || (CORNER = {}));
+      var getCurvePoints = function (x, y, r1, r2, position) {
+          var kappa = 4 * ((Math.sqrt(2) - 1) / 3);
+          var ox = r1 * kappa; // control point offset horizontal
+          var oy = r2 * kappa; // control point offset vertical
+          var xm = x + r1; // x-middle
+          var ym = y + r2; // y-middle
+          switch (position) {
+              case CORNER.TOP_LEFT:
+                  return new BezierCurve(new Vector(x, ym), new Vector(x, ym - oy), new Vector(xm - ox, y), new Vector(xm, y));
+              case CORNER.TOP_RIGHT:
+                  return new BezierCurve(new Vector(x, y), new Vector(x + ox, y), new Vector(xm, ym - oy), new Vector(xm, ym));
+              case CORNER.BOTTOM_RIGHT:
+                  return new BezierCurve(new Vector(xm, y), new Vector(xm, y + oy), new Vector(x + ox, ym), new Vector(x, ym));
+              case CORNER.BOTTOM_LEFT:
+              default:
+                  return new BezierCurve(new Vector(xm, ym), new Vector(xm - ox, ym), new Vector(x, y + oy), new Vector(x, y));
+          }
+      };
+      var calculateBorderBoxPath = function (curves) {
+          return [curves.topLeftBorderBox, curves.topRightBorderBox, curves.bottomRightBorderBox, curves.bottomLeftBorderBox];
+      };
+      var calculateContentBoxPath = function (curves) {
+          return [
+              curves.topLeftContentBox,
+              curves.topRightContentBox,
+              curves.bottomRightContentBox,
+              curves.bottomLeftContentBox
+          ];
+      };
+      var calculatePaddingBoxPath = function (curves) {
+          return [
+              curves.topLeftPaddingBox,
+              curves.topRightPaddingBox,
+              curves.bottomRightPaddingBox,
+              curves.bottomLeftPaddingBox
+          ];
+      };
+
+      var TransformEffect = /** @class */ (function () {
+          function TransformEffect(offsetX, offsetY, matrix) {
+              this.offsetX = offsetX;
+              this.offsetY = offsetY;
+              this.matrix = matrix;
+              this.type = 0 /* TRANSFORM */;
+              this.target = 2 /* BACKGROUND_BORDERS */ | 4 /* CONTENT */;
+          }
+          return TransformEffect;
+      }());
+      var ClipEffect = /** @class */ (function () {
+          function ClipEffect(path, target) {
+              this.path = path;
+              this.target = target;
+              this.type = 1 /* CLIP */;
+          }
+          return ClipEffect;
+      }());
+      var OpacityEffect = /** @class */ (function () {
+          function OpacityEffect(opacity) {
+              this.opacity = opacity;
+              this.type = 2 /* OPACITY */;
+              this.target = 2 /* BACKGROUND_BORDERS */ | 4 /* CONTENT */;
+          }
+          return OpacityEffect;
+      }());
+      var isTransformEffect = function (effect) {
+          return effect.type === 0 /* TRANSFORM */;
+      };
+      var isClipEffect = function (effect) { return effect.type === 1 /* CLIP */; };
+      var isOpacityEffect = function (effect) { return effect.type === 2 /* OPACITY */; };
+
+      var equalPath = function (a, b) {
+          if (a.length === b.length) {
+              return a.some(function (v, i) { return v === b[i]; });
+          }
+          return false;
+      };
+      var transformPath = function (path, deltaX, deltaY, deltaW, deltaH) {
+          return path.map(function (point, index) {
+              switch (index) {
+                  case 0:
+                      return point.add(deltaX, deltaY);
+                  case 1:
+                      return point.add(deltaX + deltaW, deltaY);
+                  case 2:
+                      return point.add(deltaX + deltaW, deltaY + deltaH);
+                  case 3:
+                      return point.add(deltaX, deltaY + deltaH);
+              }
+              return point;
+          });
+      };
+
+      var StackingContext = /** @class */ (function () {
+          function StackingContext(container) {
+              this.element = container;
+              this.inlineLevel = [];
+              this.nonInlineLevel = [];
+              this.negativeZIndex = [];
+              this.zeroOrAutoZIndexOrTransformedOrOpacity = [];
+              this.positiveZIndex = [];
+              this.nonPositionedFloats = [];
+              this.nonPositionedInlineLevel = [];
+          }
+          return StackingContext;
+      }());
+      var ElementPaint = /** @class */ (function () {
+          function ElementPaint(container, parent) {
+              this.container = container;
+              this.parent = parent;
+              this.effects = [];
+              this.curves = new BoundCurves(this.container);
+              if (this.container.styles.opacity < 1) {
+                  this.effects.push(new OpacityEffect(this.container.styles.opacity));
+              }
+              if (this.container.styles.transform !== null) {
+                  var offsetX = this.container.bounds.left + this.container.styles.transformOrigin[0].number;
+                  var offsetY = this.container.bounds.top + this.container.styles.transformOrigin[1].number;
+                  var matrix = this.container.styles.transform;
+                  this.effects.push(new TransformEffect(offsetX, offsetY, matrix));
+              }
+              if (this.container.styles.overflowX !== 0 /* VISIBLE */) {
+                  var borderBox = calculateBorderBoxPath(this.curves);
+                  var paddingBox = calculatePaddingBoxPath(this.curves);
+                  if (equalPath(borderBox, paddingBox)) {
+                      this.effects.push(new ClipEffect(borderBox, 2 /* BACKGROUND_BORDERS */ | 4 /* CONTENT */));
+                  }
+                  else {
+                      this.effects.push(new ClipEffect(borderBox, 2 /* BACKGROUND_BORDERS */));
+                      this.effects.push(new ClipEffect(paddingBox, 4 /* CONTENT */));
+                  }
+              }
+          }
+          ElementPaint.prototype.getEffects = function (target) {
+              var inFlow = [2 /* ABSOLUTE */, 3 /* FIXED */].indexOf(this.container.styles.position) === -1;
+              var parent = this.parent;
+              var effects = this.effects.slice(0);
+              while (parent) {
+                  var croplessEffects = parent.effects.filter(function (effect) { return !isClipEffect(effect); });
+                  if (inFlow || parent.container.styles.position !== 0 /* STATIC */ || !parent.parent) {
+                      effects.unshift.apply(effects, croplessEffects);
+                      inFlow = [2 /* ABSOLUTE */, 3 /* FIXED */].indexOf(parent.container.styles.position) === -1;
+                      if (parent.container.styles.overflowX !== 0 /* VISIBLE */) {
+                          var borderBox = calculateBorderBoxPath(parent.curves);
+                          var paddingBox = calculatePaddingBoxPath(parent.curves);
+                          if (!equalPath(borderBox, paddingBox)) {
+                              effects.unshift(new ClipEffect(paddingBox, 2 /* BACKGROUND_BORDERS */ | 4 /* CONTENT */));
+                          }
+                      }
+                  }
+                  else {
+                      effects.unshift.apply(effects, croplessEffects);
+                  }
+                  parent = parent.parent;
+              }
+              return effects.filter(function (effect) { return contains(effect.target, target); });
+          };
+          return ElementPaint;
+      }());
+      var parseStackTree = function (parent, stackingContext, realStackingContext, listItems) {
+          parent.container.elements.forEach(function (child) {
+              var treatAsRealStackingContext = contains(child.flags, 4 /* CREATES_REAL_STACKING_CONTEXT */);
+              var createsStackingContext = contains(child.flags, 2 /* CREATES_STACKING_CONTEXT */);
+              var paintContainer = new ElementPaint(child, parent);
+              if (contains(child.styles.display, 2048 /* LIST_ITEM */)) {
+                  listItems.push(paintContainer);
+              }
+              var listOwnerItems = contains(child.flags, 8 /* IS_LIST_OWNER */) ? [] : listItems;
+              if (treatAsRealStackingContext || createsStackingContext) {
+                  var parentStack = treatAsRealStackingContext || child.styles.isPositioned() ? realStackingContext : stackingContext;
+                  var stack = new StackingContext(paintContainer);
+                  if (child.styles.isPositioned() || child.styles.opacity < 1 || child.styles.isTransformed()) {
+                      var order_1 = child.styles.zIndex.order;
+                      if (order_1 < 0) {
+                          var index_1 = 0;
+                          parentStack.negativeZIndex.some(function (current, i) {
+                              if (order_1 > current.element.container.styles.zIndex.order) {
+                                  index_1 = i;
+                                  return false;
+                              }
+                              else if (index_1 > 0) {
+                                  return true;
+                              }
+                              return false;
+                          });
+                          parentStack.negativeZIndex.splice(index_1, 0, stack);
+                      }
+                      else if (order_1 > 0) {
+                          var index_2 = 0;
+                          parentStack.positiveZIndex.some(function (current, i) {
+                              if (order_1 >= current.element.container.styles.zIndex.order) {
+                                  index_2 = i + 1;
+                                  return false;
+                              }
+                              else if (index_2 > 0) {
+                                  return true;
+                              }
+                              return false;
+                          });
+                          parentStack.positiveZIndex.splice(index_2, 0, stack);
+                      }
+                      else {
+                          parentStack.zeroOrAutoZIndexOrTransformedOrOpacity.push(stack);
+                      }
+                  }
+                  else {
+                      if (child.styles.isFloating()) {
+                          parentStack.nonPositionedFloats.push(stack);
+                      }
+                      else {
+                          parentStack.nonPositionedInlineLevel.push(stack);
+                      }
+                  }
+                  parseStackTree(paintContainer, stack, treatAsRealStackingContext ? stack : realStackingContext, listOwnerItems);
+              }
+              else {
+                  if (child.styles.isInlineLevel()) {
+                      stackingContext.inlineLevel.push(paintContainer);
+                  }
+                  else {
+                      stackingContext.nonInlineLevel.push(paintContainer);
+                  }
+                  parseStackTree(paintContainer, stackingContext, realStackingContext, listOwnerItems);
+              }
+              if (contains(child.flags, 8 /* IS_LIST_OWNER */)) {
+                  processListItems(child, listOwnerItems);
+              }
+          });
+      };
+      var processListItems = function (owner, elements) {
+          var numbering = owner instanceof OLElementContainer ? owner.start : 1;
+          var reversed = owner instanceof OLElementContainer ? owner.reversed : false;
+          for (var i = 0; i < elements.length; i++) {
+              var item = elements[i];
+              if (item.container instanceof LIElementContainer &&
+                  typeof item.container.value === 'number' &&
+                  item.container.value !== 0) {
+                  numbering = item.container.value;
+              }
+              item.listValue = createCounterText(numbering, item.container.styles.listStyleType, true);
+              numbering += reversed ? -1 : 1;
+          }
+      };
+      var parseStackingContexts = function (container) {
+          var paintContainer = new ElementPaint(container, null);
+          var root = new StackingContext(paintContainer);
+          var listItems = [];
+          parseStackTree(paintContainer, root, root, listItems);
+          processListItems(paintContainer.container, listItems);
+          return root;
+      };
+
+      var parsePathForBorder = function (curves, borderSide) {
+          switch (borderSide) {
+              case 0:
+                  return createPathFromCurves(curves.topLeftBorderBox, curves.topLeftPaddingBox, curves.topRightBorderBox, curves.topRightPaddingBox);
+              case 1:
+                  return createPathFromCurves(curves.topRightBorderBox, curves.topRightPaddingBox, curves.bottomRightBorderBox, curves.bottomRightPaddingBox);
+              case 2:
+                  return createPathFromCurves(curves.bottomRightBorderBox, curves.bottomRightPaddingBox, curves.bottomLeftBorderBox, curves.bottomLeftPaddingBox);
+              case 3:
+              default:
+                  return createPathFromCurves(curves.bottomLeftBorderBox, curves.bottomLeftPaddingBox, curves.topLeftBorderBox, curves.topLeftPaddingBox);
+          }
+      };
+      var parsePathForBorderDoubleOuter = function (curves, borderSide) {
+          switch (borderSide) {
+              case 0:
+                  return createPathFromCurves(curves.topLeftBorderBox, curves.topLeftBorderDoubleOuterBox, curves.topRightBorderBox, curves.topRightBorderDoubleOuterBox);
+              case 1:
+                  return createPathFromCurves(curves.topRightBorderBox, curves.topRightBorderDoubleOuterBox, curves.bottomRightBorderBox, curves.bottomRightBorderDoubleOuterBox);
+              case 2:
+                  return createPathFromCurves(curves.bottomRightBorderBox, curves.bottomRightBorderDoubleOuterBox, curves.bottomLeftBorderBox, curves.bottomLeftBorderDoubleOuterBox);
+              case 3:
+              default:
+                  return createPathFromCurves(curves.bottomLeftBorderBox, curves.bottomLeftBorderDoubleOuterBox, curves.topLeftBorderBox, curves.topLeftBorderDoubleOuterBox);
+          }
+      };
+      var parsePathForBorderDoubleInner = function (curves, borderSide) {
+          switch (borderSide) {
+              case 0:
+                  return createPathFromCurves(curves.topLeftBorderDoubleInnerBox, curves.topLeftPaddingBox, curves.topRightBorderDoubleInnerBox, curves.topRightPaddingBox);
+              case 1:
+                  return createPathFromCurves(curves.topRightBorderDoubleInnerBox, curves.topRightPaddingBox, curves.bottomRightBorderDoubleInnerBox, curves.bottomRightPaddingBox);
+              case 2:
+                  return createPathFromCurves(curves.bottomRightBorderDoubleInnerBox, curves.bottomRightPaddingBox, curves.bottomLeftBorderDoubleInnerBox, curves.bottomLeftPaddingBox);
+              case 3:
+              default:
+                  return createPathFromCurves(curves.bottomLeftBorderDoubleInnerBox, curves.bottomLeftPaddingBox, curves.topLeftBorderDoubleInnerBox, curves.topLeftPaddingBox);
+          }
+      };
+      var parsePathForBorderStroke = function (curves, borderSide) {
+          switch (borderSide) {
+              case 0:
+                  return createStrokePathFromCurves(curves.topLeftBorderStroke, curves.topRightBorderStroke);
+              case 1:
+                  return createStrokePathFromCurves(curves.topRightBorderStroke, curves.bottomRightBorderStroke);
+              case 2:
+                  return createStrokePathFromCurves(curves.bottomRightBorderStroke, curves.bottomLeftBorderStroke);
+              case 3:
+              default:
+                  return createStrokePathFromCurves(curves.bottomLeftBorderStroke, curves.topLeftBorderStroke);
+          }
+      };
+      var createStrokePathFromCurves = function (outer1, outer2) {
+          var path = [];
+          if (isBezierCurve(outer1)) {
+              path.push(outer1.subdivide(0.5, false));
+          }
+          else {
+              path.push(outer1);
+          }
+          if (isBezierCurve(outer2)) {
+              path.push(outer2.subdivide(0.5, true));
+          }
+          else {
+              path.push(outer2);
+          }
+          return path;
+      };
+      var createPathFromCurves = function (outer1, inner1, outer2, inner2) {
+          var path = [];
+          if (isBezierCurve(outer1)) {
+              path.push(outer1.subdivide(0.5, false));
+          }
+          else {
+              path.push(outer1);
+          }
+          if (isBezierCurve(outer2)) {
+              path.push(outer2.subdivide(0.5, true));
+          }
+          else {
+              path.push(outer2);
+          }
+          if (isBezierCurve(inner2)) {
+              path.push(inner2.subdivide(0.5, true).reverse());
+          }
+          else {
+              path.push(inner2);
+          }
+          if (isBezierCurve(inner1)) {
+              path.push(inner1.subdivide(0.5, false).reverse());
+          }
+          else {
+              path.push(inner1);
+          }
+          return path;
+      };
+
+      var paddingBox = function (element) {
+          var bounds = element.bounds;
+          var styles = element.styles;
+          return bounds.add(styles.borderLeftWidth, styles.borderTopWidth, -(styles.borderRightWidth + styles.borderLeftWidth), -(styles.borderTopWidth + styles.borderBottomWidth));
+      };
+      var contentBox = function (element) {
+          var styles = element.styles;
+          var bounds = element.bounds;
+          var paddingLeft = getAbsoluteValue(styles.paddingLeft, bounds.width);
+          var paddingRight = getAbsoluteValue(styles.paddingRight, bounds.width);
+          var paddingTop = getAbsoluteValue(styles.paddingTop, bounds.width);
+          var paddingBottom = getAbsoluteValue(styles.paddingBottom, bounds.width);
+          return bounds.add(paddingLeft + styles.borderLeftWidth, paddingTop + styles.borderTopWidth, -(styles.borderRightWidth + styles.borderLeftWidth + paddingLeft + paddingRight), -(styles.borderTopWidth + styles.borderBottomWidth + paddingTop + paddingBottom));
+      };
+
+      var calculateBackgroundPositioningArea = function (backgroundOrigin, element) {
+          if (backgroundOrigin === 0 /* BORDER_BOX */) {
+              return element.bounds;
+          }
+          if (backgroundOrigin === 2 /* CONTENT_BOX */) {
+              return contentBox(element);
+          }
+          return paddingBox(element);
+      };
+      var calculateBackgroundPaintingArea = function (backgroundClip, element) {
+          if (backgroundClip === 0 /* BORDER_BOX */) {
+              return element.bounds;
+          }
+          if (backgroundClip === 2 /* CONTENT_BOX */) {
+              return contentBox(element);
+          }
+          return paddingBox(element);
+      };
+      var calculateBackgroundRendering = function (container, index, intrinsicSize) {
+          var backgroundPositioningArea = calculateBackgroundPositioningArea(getBackgroundValueForIndex(container.styles.backgroundOrigin, index), container);
+          var backgroundPaintingArea = calculateBackgroundPaintingArea(getBackgroundValueForIndex(container.styles.backgroundClip, index), container);
+          var backgroundImageSize = calculateBackgroundSize(getBackgroundValueForIndex(container.styles.backgroundSize, index), intrinsicSize, backgroundPositioningArea);
+          var sizeWidth = backgroundImageSize[0], sizeHeight = backgroundImageSize[1];
+          var position = getAbsoluteValueForTuple(getBackgroundValueForIndex(container.styles.backgroundPosition, index), backgroundPositioningArea.width - sizeWidth, backgroundPositioningArea.height - sizeHeight);
+          var path = calculateBackgroundRepeatPath(getBackgroundValueForIndex(container.styles.backgroundRepeat, index), position, backgroundImageSize, backgroundPositioningArea, backgroundPaintingArea);
+          var offsetX = Math.round(backgroundPositioningArea.left + position[0]);
+          var offsetY = Math.round(backgroundPositioningArea.top + position[1]);
+          return [path, offsetX, offsetY, sizeWidth, sizeHeight];
+      };
+      var isAuto = function (token) { return isIdentToken(token) && token.value === BACKGROUND_SIZE.AUTO; };
+      var hasIntrinsicValue = function (value) { return typeof value === 'number'; };
+      var calculateBackgroundSize = function (size, _a, bounds) {
+          var intrinsicWidth = _a[0], intrinsicHeight = _a[1], intrinsicProportion = _a[2];
+          var first = size[0], second = size[1];
+          if (!first) {
+              return [0, 0];
+          }
+          if (isLengthPercentage(first) && second && isLengthPercentage(second)) {
+              return [getAbsoluteValue(first, bounds.width), getAbsoluteValue(second, bounds.height)];
+          }
+          var hasIntrinsicProportion = hasIntrinsicValue(intrinsicProportion);
+          if (isIdentToken(first) && (first.value === BACKGROUND_SIZE.CONTAIN || first.value === BACKGROUND_SIZE.COVER)) {
+              if (hasIntrinsicValue(intrinsicProportion)) {
+                  var targetRatio = bounds.width / bounds.height;
+                  return targetRatio < intrinsicProportion !== (first.value === BACKGROUND_SIZE.COVER)
+                      ? [bounds.width, bounds.width / intrinsicProportion]
+                      : [bounds.height * intrinsicProportion, bounds.height];
+              }
+              return [bounds.width, bounds.height];
+          }
+          var hasIntrinsicWidth = hasIntrinsicValue(intrinsicWidth);
+          var hasIntrinsicHeight = hasIntrinsicValue(intrinsicHeight);
+          var hasIntrinsicDimensions = hasIntrinsicWidth || hasIntrinsicHeight;
+          // If the background-size is auto or auto auto:
+          if (isAuto(first) && (!second || isAuto(second))) {
+              // If the image has both horizontal and vertical intrinsic dimensions, it's rendered at that size.
+              if (hasIntrinsicWidth && hasIntrinsicHeight) {
+                  return [intrinsicWidth, intrinsicHeight];
+              }
+              // If the image has no intrinsic dimensions and has no intrinsic proportions,
+              // it's rendered at the size of the background positioning area.
+              if (!hasIntrinsicProportion && !hasIntrinsicDimensions) {
+                  return [bounds.width, bounds.height];
+              }
+              // TODO If the image has no intrinsic dimensions but has intrinsic proportions, it's rendered as if contain had been specified instead.
+              // If the image has only one intrinsic dimension and has intrinsic proportions, it's rendered at the size corresponding to that one dimension.
+              // The other dimension is computed using the specified dimension and the intrinsic proportions.
+              if (hasIntrinsicDimensions && hasIntrinsicProportion) {
+                  var width_1 = hasIntrinsicWidth
+                      ? intrinsicWidth
+                      : intrinsicHeight * intrinsicProportion;
+                  var height_1 = hasIntrinsicHeight
+                      ? intrinsicHeight
+                      : intrinsicWidth / intrinsicProportion;
+                  return [width_1, height_1];
+              }
+              // If the image has only one intrinsic dimension but has no intrinsic proportions,
+              // it's rendered using the specified dimension and the other dimension of the background positioning area.
+              var width_2 = hasIntrinsicWidth ? intrinsicWidth : bounds.width;
+              var height_2 = hasIntrinsicHeight ? intrinsicHeight : bounds.height;
+              return [width_2, height_2];
+          }
+          // If the image has intrinsic proportions, it's stretched to the specified dimension.
+          // The unspecified dimension is computed using the specified dimension and the intrinsic proportions.
+          if (hasIntrinsicProportion) {
+              var width_3 = 0;
+              var height_3 = 0;
+              if (isLengthPercentage(first)) {
+                  width_3 = getAbsoluteValue(first, bounds.width);
+              }
+              else if (isLengthPercentage(second)) {
+                  height_3 = getAbsoluteValue(second, bounds.height);
+              }
+              if (isAuto(first)) {
+                  width_3 = height_3 * intrinsicProportion;
+              }
+              else if (!second || isAuto(second)) {
+                  height_3 = width_3 / intrinsicProportion;
+              }
+              return [width_3, height_3];
+          }
+          // If the image has no intrinsic proportions, it's stretched to the specified dimension.
+          // The unspecified dimension is computed using the image's corresponding intrinsic dimension,
+          // if there is one. If there is no such intrinsic dimension,
+          // it becomes the corresponding dimension of the background positioning area.
+          var width = null;
+          var height = null;
+          if (isLengthPercentage(first)) {
+              width = getAbsoluteValue(first, bounds.width);
+          }
+          else if (second && isLengthPercentage(second)) {
+              height = getAbsoluteValue(second, bounds.height);
+          }
+          if (width !== null && (!second || isAuto(second))) {
+              height =
+                  hasIntrinsicWidth && hasIntrinsicHeight
+                      ? (width / intrinsicWidth) * intrinsicHeight
+                      : bounds.height;
+          }
+          if (height !== null && isAuto(first)) {
+              width =
+                  hasIntrinsicWidth && hasIntrinsicHeight
+                      ? (height / intrinsicHeight) * intrinsicWidth
+                      : bounds.width;
+          }
+          if (width !== null && height !== null) {
+              return [width, height];
+          }
+          throw new Error("Unable to calculate background-size for element");
+      };
+      var getBackgroundValueForIndex = function (values, index) {
+          var value = values[index];
+          if (typeof value === 'undefined') {
+              return values[0];
+          }
+          return value;
+      };
+      var calculateBackgroundRepeatPath = function (repeat, _a, _b, backgroundPositioningArea, backgroundPaintingArea) {
+          var x = _a[0], y = _a[1];
+          var width = _b[0], height = _b[1];
+          switch (repeat) {
+              case 2 /* REPEAT_X */:
+                  return [
+                      new Vector(Math.round(backgroundPositioningArea.left), Math.round(backgroundPositioningArea.top + y)),
+                      new Vector(Math.round(backgroundPositioningArea.left + backgroundPositioningArea.width), Math.round(backgroundPositioningArea.top + y)),
+                      new Vector(Math.round(backgroundPositioningArea.left + backgroundPositioningArea.width), Math.round(height + backgroundPositioningArea.top + y)),
+                      new Vector(Math.round(backgroundPositioningArea.left), Math.round(height + backgroundPositioningArea.top + y))
+                  ];
+              case 3 /* REPEAT_Y */:
+                  return [
+                      new Vector(Math.round(backgroundPositioningArea.left + x), Math.round(backgroundPositioningArea.top)),
+                      new Vector(Math.round(backgroundPositioningArea.left + x + width), Math.round(backgroundPositioningArea.top)),
+                      new Vector(Math.round(backgroundPositioningArea.left + x + width), Math.round(backgroundPositioningArea.height + backgroundPositioningArea.top)),
+                      new Vector(Math.round(backgroundPositioningArea.left + x), Math.round(backgroundPositioningArea.height + backgroundPositioningArea.top))
+                  ];
+              case 1 /* NO_REPEAT */:
+                  return [
+                      new Vector(Math.round(backgroundPositioningArea.left + x), Math.round(backgroundPositioningArea.top + y)),
+                      new Vector(Math.round(backgroundPositioningArea.left + x + width), Math.round(backgroundPositioningArea.top + y)),
+                      new Vector(Math.round(backgroundPositioningArea.left + x + width), Math.round(backgroundPositioningArea.top + y + height)),
+                      new Vector(Math.round(backgroundPositioningArea.left + x), Math.round(backgroundPositioningArea.top + y + height))
+                  ];
+              default:
+                  return [
+                      new Vector(Math.round(backgroundPaintingArea.left), Math.round(backgroundPaintingArea.top)),
+                      new Vector(Math.round(backgroundPaintingArea.left + backgroundPaintingArea.width), Math.round(backgroundPaintingArea.top)),
+                      new Vector(Math.round(backgroundPaintingArea.left + backgroundPaintingArea.width), Math.round(backgroundPaintingArea.height + backgroundPaintingArea.top)),
+                      new Vector(Math.round(backgroundPaintingArea.left), Math.round(backgroundPaintingArea.height + backgroundPaintingArea.top))
+                  ];
+          }
+      };
+
+      var SMALL_IMAGE = 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7';
+
+      var SAMPLE_TEXT = 'Hidden Text';
+      var FontMetrics = /** @class */ (function () {
+          function FontMetrics(document) {
+              this._data = {};
+              this._document = document;
+          }
+          FontMetrics.prototype.parseMetrics = function (fontFamily, fontSize) {
+              var container = this._document.createElement('div');
+              var img = this._document.createElement('img');
+              var span = this._document.createElement('span');
+              var body = this._document.body;
+              container.style.visibility = 'hidden';
+              container.style.fontFamily = fontFamily;
+              container.style.fontSize = fontSize;
+              container.style.margin = '0';
+              container.style.padding = '0';
+              container.style.whiteSpace = 'nowrap';
+              body.appendChild(container);
+              img.src = SMALL_IMAGE;
+              img.width = 1;
+              img.height = 1;
+              img.style.margin = '0';
+              img.style.padding = '0';
+              img.style.verticalAlign = 'baseline';
+              span.style.fontFamily = fontFamily;
+              span.style.fontSize = fontSize;
+              span.style.margin = '0';
+              span.style.padding = '0';
+              span.appendChild(this._document.createTextNode(SAMPLE_TEXT));
+              container.appendChild(span);
+              container.appendChild(img);
+              var baseline = img.offsetTop - span.offsetTop + 2;
+              container.removeChild(span);
+              container.appendChild(this._document.createTextNode(SAMPLE_TEXT));
+              container.style.lineHeight = 'normal';
+              img.style.verticalAlign = 'super';
+              var middle = img.offsetTop - container.offsetTop + 2;
+              body.removeChild(container);
+              return { baseline: baseline, middle: middle };
+          };
+          FontMetrics.prototype.getMetrics = function (fontFamily, fontSize) {
+              var key = fontFamily + " " + fontSize;
+              if (typeof this._data[key] === 'undefined') {
+                  this._data[key] = this.parseMetrics(fontFamily, fontSize);
+              }
+              return this._data[key];
+          };
+          return FontMetrics;
+      }());
+
+      var Renderer = /** @class */ (function () {
+          function Renderer(context, options) {
+              this.context = context;
+              this.options = options;
+          }
+          return Renderer;
+      }());
+
+      var MASK_OFFSET = 10000;
+      var CanvasRenderer = /** @class */ (function (_super) {
+          __extends(CanvasRenderer, _super);
+          function CanvasRenderer(context, options) {
+              var _this = _super.call(this, context, options) || this;
+              _this._activeEffects = [];
+              _this.canvas = options.canvas ? options.canvas : document.createElement('canvas');
+              _this.ctx = _this.canvas.getContext('2d');
+              if (!options.canvas) {
+                  _this.canvas.width = Math.floor(options.width * options.scale);
+                  _this.canvas.height = Math.floor(options.height * options.scale);
+                  _this.canvas.style.width = options.width + "px";
+                  _this.canvas.style.height = options.height + "px";
+              }
+              _this.fontMetrics = new FontMetrics(document);
+              _this.ctx.scale(_this.options.scale, _this.options.scale);
+              _this.ctx.translate(-options.x, -options.y);
+              _this.ctx.textBaseline = 'bottom';
+              _this._activeEffects = [];
+              _this.context.logger.debug("Canvas renderer initialized (" + options.width + "x" + options.height + ") with scale " + options.scale);
+              return _this;
+          }
+          CanvasRenderer.prototype.applyEffects = function (effects) {
+              var _this = this;
+              while (this._activeEffects.length) {
+                  this.popEffect();
+              }
+              effects.forEach(function (effect) { return _this.applyEffect(effect); });
+          };
+          CanvasRenderer.prototype.applyEffect = function (effect) {
+              this.ctx.save();
+              if (isOpacityEffect(effect)) {
+                  this.ctx.globalAlpha = effect.opacity;
+              }
+              if (isTransformEffect(effect)) {
+                  this.ctx.translate(effect.offsetX, effect.offsetY);
+                  this.ctx.transform(effect.matrix[0], effect.matrix[1], effect.matrix[2], effect.matrix[3], effect.matrix[4], effect.matrix[5]);
+                  this.ctx.translate(-effect.offsetX, -effect.offsetY);
+              }
+              if (isClipEffect(effect)) {
+                  this.path(effect.path);
+                  this.ctx.clip();
+              }
+              this._activeEffects.push(effect);
+          };
+          CanvasRenderer.prototype.popEffect = function () {
+              this._activeEffects.pop();
+              this.ctx.restore();
+          };
+          CanvasRenderer.prototype.renderStack = function (stack) {
+              return __awaiter(this, void 0, void 0, function () {
+                  var styles;
+                  return __generator(this, function (_a) {
+                      switch (_a.label) {
+                          case 0:
+                              styles = stack.element.container.styles;
+                              if (!styles.isVisible()) return [3 /*break*/, 2];
+                              return [4 /*yield*/, this.renderStackContent(stack)];
+                          case 1:
+                              _a.sent();
+                              _a.label = 2;
+                          case 2: return [2 /*return*/];
+                      }
+                  });
+              });
+          };
+          CanvasRenderer.prototype.renderNode = function (paint) {
+              return __awaiter(this, void 0, void 0, function () {
+                  return __generator(this, function (_a) {
+                      switch (_a.label) {
+                          case 0:
+                              if (contains(paint.container.flags, 16 /* DEBUG_RENDER */)) {
+                                  debugger;
+                              }
+                              if (!paint.container.styles.isVisible()) return [3 /*break*/, 3];
+                              return [4 /*yield*/, this.renderNodeBackgroundAndBorders(paint)];
+                          case 1:
+                              _a.sent();
+                              return [4 /*yield*/, this.renderNodeContent(paint)];
+                          case 2:
+                              _a.sent();
+                              _a.label = 3;
+                          case 3: return [2 /*return*/];
+                      }
+                  });
+              });
+          };
+          CanvasRenderer.prototype.renderTextWithLetterSpacing = function (text, letterSpacing, baseline) {
+              var _this = this;
+              if (letterSpacing === 0) {
+                  this.ctx.fillText(text.text, text.bounds.left, text.bounds.top + baseline);
+              }
+              else {
+                  var letters = segmentGraphemes(text.text);
+                  letters.reduce(function (left, letter) {
+                      _this.ctx.fillText(letter, left, text.bounds.top + baseline);
+                      return left + _this.ctx.measureText(letter).width;
+                  }, text.bounds.left);
+              }
+          };
+          CanvasRenderer.prototype.createFontStyle = function (styles) {
+              var fontVariant = styles.fontVariant
+                  .filter(function (variant) { return variant === 'normal' || variant === 'small-caps'; })
+                  .join('');
+              var fontFamily = fixIOSSystemFonts(styles.fontFamily).join(', ');
+              var fontSize = isDimensionToken(styles.fontSize)
+                  ? "" + styles.fontSize.number + styles.fontSize.unit
+                  : styles.fontSize.number + "px";
+              return [
+                  [styles.fontStyle, fontVariant, styles.fontWeight, fontSize, fontFamily].join(' '),
+                  fontFamily,
+                  fontSize
+              ];
+          };
+          CanvasRenderer.prototype.renderTextNode = function (text, styles) {
+              return __awaiter(this, void 0, void 0, function () {
+                  var _a, font, fontFamily, fontSize, _b, baseline, middle, paintOrder;
+                  var _this = this;
+                  return __generator(this, function (_c) {
+                      _a = this.createFontStyle(styles), font = _a[0], fontFamily = _a[1], fontSize = _a[2];
+                      this.ctx.font = font;
+                      this.ctx.direction = styles.direction === 1 /* RTL */ ? 'rtl' : 'ltr';
+                      this.ctx.textAlign = 'left';
+                      this.ctx.textBaseline = 'alphabetic';
+                      _b = this.fontMetrics.getMetrics(fontFamily, fontSize), baseline = _b.baseline, middle = _b.middle;
+                      paintOrder = styles.paintOrder;
+                      text.textBounds.forEach(function (text) {
+                          paintOrder.forEach(function (paintOrderLayer) {
+                              switch (paintOrderLayer) {
+                                  case 0 /* FILL */:
+                                      _this.ctx.fillStyle = asString(styles.color);
+                                      _this.renderTextWithLetterSpacing(text, styles.letterSpacing, baseline);
+                                      var textShadows = styles.textShadow;
+                                      if (textShadows.length && text.text.trim().length) {
+                                          textShadows
+                                              .slice(0)
+                                              .reverse()
+                                              .forEach(function (textShadow) {
+                                              _this.ctx.shadowColor = asString(textShadow.color);
+                                              _this.ctx.shadowOffsetX = textShadow.offsetX.number * _this.options.scale;
+                                              _this.ctx.shadowOffsetY = textShadow.offsetY.number * _this.options.scale;
+                                              _this.ctx.shadowBlur = textShadow.blur.number;
+                                              _this.renderTextWithLetterSpacing(text, styles.letterSpacing, baseline);
+                                          });
+                                          _this.ctx.shadowColor = '';
+                                          _this.ctx.shadowOffsetX = 0;
+                                          _this.ctx.shadowOffsetY = 0;
+                                          _this.ctx.shadowBlur = 0;
+                                      }
+                                      if (styles.textDecorationLine.length) {
+                                          _this.ctx.fillStyle = asString(styles.textDecorationColor || styles.color);
+                                          styles.textDecorationLine.forEach(function (textDecorationLine) {
+                                              switch (textDecorationLine) {
+                                                  case 1 /* UNDERLINE */:
+                                                      // Draws a line at the baseline of the font
+                                                      // TODO As some browsers display the line as more than 1px if the font-size is big,
+                                                      // need to take that into account both in position and size
+                                                      _this.ctx.fillRect(text.bounds.left, Math.round(text.bounds.top + baseline), text.bounds.width, 1);
+                                                      break;
+                                                  case 2 /* OVERLINE */:
+                                                      _this.ctx.fillRect(text.bounds.left, Math.round(text.bounds.top), text.bounds.width, 1);
+                                                      break;
+                                                  case 3 /* LINE_THROUGH */:
+                                                      // TODO try and find exact position for line-through
+                                                      _this.ctx.fillRect(text.bounds.left, Math.ceil(text.bounds.top + middle), text.bounds.width, 1);
+                                                      break;
+                                              }
+                                          });
+                                      }
+                                      break;
+                                  case 1 /* STROKE */:
+                                      if (styles.webkitTextStrokeWidth && text.text.trim().length) {
+                                          _this.ctx.strokeStyle = asString(styles.webkitTextStrokeColor);
+                                          _this.ctx.lineWidth = styles.webkitTextStrokeWidth;
+                                          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                                          _this.ctx.lineJoin = !!window.chrome ? 'miter' : 'round';
+                                          _this.ctx.strokeText(text.text, text.bounds.left, text.bounds.top + baseline);
+                                      }
+                                      _this.ctx.strokeStyle = '';
+                                      _this.ctx.lineWidth = 0;
+                                      _this.ctx.lineJoin = 'miter';
+                                      break;
+                              }
+                          });
+                      });
+                      return [2 /*return*/];
+                  });
+              });
+          };
+          CanvasRenderer.prototype.renderReplacedElement = function (container, curves, image) {
+              if (image && container.intrinsicWidth > 0 && container.intrinsicHeight > 0) {
+                  var box = contentBox(container);
+                  var path = calculatePaddingBoxPath(curves);
+                  this.path(path);
+                  this.ctx.save();
+                  this.ctx.clip();
+                  this.ctx.drawImage(image, 0, 0, container.intrinsicWidth, container.intrinsicHeight, box.left, box.top, box.width, box.height);
+                  this.ctx.restore();
+              }
+          };
+          CanvasRenderer.prototype.renderNodeContent = function (paint) {
+              return __awaiter(this, void 0, void 0, function () {
+                  var container, curves, styles, _i, _a, child, image, image, iframeRenderer, canvas, size, _b, fontFamily, fontSize, baseline, bounds, x, textBounds, img, image, url, fontFamily, bounds;
+                  return __generator(this, function (_c) {
+                      switch (_c.label) {
+                          case 0:
+                              this.applyEffects(paint.getEffects(4 /* CONTENT */));
+                              container = paint.container;
+                              curves = paint.curves;
+                              styles = container.styles;
+                              _i = 0, _a = container.textNodes;
+                              _c.label = 1;
+                          case 1:
+                              if (!(_i < _a.length)) return [3 /*break*/, 4];
+                              child = _a[_i];
+                              return [4 /*yield*/, this.renderTextNode(child, styles)];
+                          case 2:
+                              _c.sent();
+                              _c.label = 3;
+                          case 3:
+                              _i++;
+                              return [3 /*break*/, 1];
+                          case 4:
+                              if (!(container instanceof ImageElementContainer)) return [3 /*break*/, 8];
+                              _c.label = 5;
+                          case 5:
+                              _c.trys.push([5, 7, , 8]);
+                              return [4 /*yield*/, this.context.cache.match(container.src)];
+                          case 6:
+                              image = _c.sent();
+                              this.renderReplacedElement(container, curves, image);
+                              return [3 /*break*/, 8];
+                          case 7:
+                              _c.sent();
+                              this.context.logger.error("Error loading image " + container.src);
+                              return [3 /*break*/, 8];
+                          case 8:
+                              if (container instanceof CanvasElementContainer) {
+                                  this.renderReplacedElement(container, curves, container.canvas);
+                              }
+                              if (!(container instanceof SVGElementContainer)) return [3 /*break*/, 12];
+                              _c.label = 9;
+                          case 9:
+                              _c.trys.push([9, 11, , 12]);
+                              return [4 /*yield*/, this.context.cache.match(container.svg)];
+                          case 10:
+                              image = _c.sent();
+                              this.renderReplacedElement(container, curves, image);
+                              return [3 /*break*/, 12];
+                          case 11:
+                              _c.sent();
+                              this.context.logger.error("Error loading svg " + container.svg.substring(0, 255));
+                              return [3 /*break*/, 12];
+                          case 12:
+                              if (!(container instanceof IFrameElementContainer && container.tree)) return [3 /*break*/, 14];
+                              iframeRenderer = new CanvasRenderer(this.context, {
+                                  scale: this.options.scale,
+                                  backgroundColor: container.backgroundColor,
+                                  x: 0,
+                                  y: 0,
+                                  width: container.width,
+                                  height: container.height
+                              });
+                              return [4 /*yield*/, iframeRenderer.render(container.tree)];
+                          case 13:
+                              canvas = _c.sent();
+                              if (container.width && container.height) {
+                                  this.ctx.drawImage(canvas, 0, 0, container.width, container.height, container.bounds.left, container.bounds.top, container.bounds.width, container.bounds.height);
+                              }
+                              _c.label = 14;
+                          case 14:
+                              if (container instanceof InputElementContainer) {
+                                  size = Math.min(container.bounds.width, container.bounds.height);
+                                  if (container.type === CHECKBOX) {
+                                      if (container.checked) {
+                                          this.ctx.save();
+                                          this.path([
+                                              new Vector(container.bounds.left + size * 0.39363, container.bounds.top + size * 0.79),
+                                              new Vector(container.bounds.left + size * 0.16, container.bounds.top + size * 0.5549),
+                                              new Vector(container.bounds.left + size * 0.27347, container.bounds.top + size * 0.44071),
+                                              new Vector(container.bounds.left + size * 0.39694, container.bounds.top + size * 0.5649),
+                                              new Vector(container.bounds.left + size * 0.72983, container.bounds.top + size * 0.23),
+                                              new Vector(container.bounds.left + size * 0.84, container.bounds.top + size * 0.34085),
+                                              new Vector(container.bounds.left + size * 0.39363, container.bounds.top + size * 0.79)
+                                          ]);
+                                          this.ctx.fillStyle = asString(INPUT_COLOR);
+                                          this.ctx.fill();
+                                          this.ctx.restore();
+                                      }
+                                  }
+                                  else if (container.type === RADIO) {
+                                      if (container.checked) {
+                                          this.ctx.save();
+                                          this.ctx.beginPath();
+                                          this.ctx.arc(container.bounds.left + size / 2, container.bounds.top + size / 2, size / 4, 0, Math.PI * 2, true);
+                                          this.ctx.fillStyle = asString(INPUT_COLOR);
+                                          this.ctx.fill();
+                                          this.ctx.restore();
+                                      }
+                                  }
+                              }
+                              if (isTextInputElement(container) && container.value.length) {
+                                  _b = this.createFontStyle(styles), fontFamily = _b[0], fontSize = _b[1];
+                                  baseline = this.fontMetrics.getMetrics(fontFamily, fontSize).baseline;
+                                  this.ctx.font = fontFamily;
+                                  this.ctx.fillStyle = asString(styles.color);
+                                  this.ctx.textBaseline = 'alphabetic';
+                                  this.ctx.textAlign = canvasTextAlign(container.styles.textAlign);
+                                  bounds = contentBox(container);
+                                  x = 0;
+                                  switch (container.styles.textAlign) {
+                                      case 1 /* CENTER */:
+                                          x += bounds.width / 2;
+                                          break;
+                                      case 2 /* RIGHT */:
+                                          x += bounds.width;
+                                          break;
+                                  }
+                                  textBounds = bounds.add(x, 0, 0, -bounds.height / 2 + 1);
+                                  this.ctx.save();
+                                  this.path([
+                                      new Vector(bounds.left, bounds.top),
+                                      new Vector(bounds.left + bounds.width, bounds.top),
+                                      new Vector(bounds.left + bounds.width, bounds.top + bounds.height),
+                                      new Vector(bounds.left, bounds.top + bounds.height)
+                                  ]);
+                                  this.ctx.clip();
+                                  this.renderTextWithLetterSpacing(new TextBounds(container.value, textBounds), styles.letterSpacing, baseline);
+                                  this.ctx.restore();
+                                  this.ctx.textBaseline = 'alphabetic';
+                                  this.ctx.textAlign = 'left';
+                              }
+                              if (!contains(container.styles.display, 2048 /* LIST_ITEM */)) return [3 /*break*/, 20];
+                              if (!(container.styles.listStyleImage !== null)) return [3 /*break*/, 19];
+                              img = container.styles.listStyleImage;
+                              if (!(img.type === 0 /* URL */)) return [3 /*break*/, 18];
+                              image = void 0;
+                              url = img.url;
+                              _c.label = 15;
+                          case 15:
+                              _c.trys.push([15, 17, , 18]);
+                              return [4 /*yield*/, this.context.cache.match(url)];
+                          case 16:
+                              image = _c.sent();
+                              this.ctx.drawImage(image, container.bounds.left - (image.width + 10), container.bounds.top);
+                              return [3 /*break*/, 18];
+                          case 17:
+                              _c.sent();
+                              this.context.logger.error("Error loading list-style-image " + url);
+                              return [3 /*break*/, 18];
+                          case 18: return [3 /*break*/, 20];
+                          case 19:
+                              if (paint.listValue && container.styles.listStyleType !== -1 /* NONE */) {
+                                  fontFamily = this.createFontStyle(styles)[0];
+                                  this.ctx.font = fontFamily;
+                                  this.ctx.fillStyle = asString(styles.color);
+                                  this.ctx.textBaseline = 'middle';
+                                  this.ctx.textAlign = 'right';
+                                  bounds = new Bounds(container.bounds.left, container.bounds.top + getAbsoluteValue(container.styles.paddingTop, container.bounds.width), container.bounds.width, computeLineHeight(styles.lineHeight, styles.fontSize.number) / 2 + 1);
+                                  this.renderTextWithLetterSpacing(new TextBounds(paint.listValue, bounds), styles.letterSpacing, computeLineHeight(styles.lineHeight, styles.fontSize.number) / 2 + 2);
+                                  this.ctx.textBaseline = 'bottom';
+                                  this.ctx.textAlign = 'left';
+                              }
+                              _c.label = 20;
+                          case 20: return [2 /*return*/];
+                      }
+                  });
+              });
+          };
+          CanvasRenderer.prototype.renderStackContent = function (stack) {
+              return __awaiter(this, void 0, void 0, function () {
+                  var _i, _a, child, _b, _c, child, _d, _e, child, _f, _g, child, _h, _j, child, _k, _l, child, _m, _o, child;
+                  return __generator(this, function (_p) {
+                      switch (_p.label) {
+                          case 0:
+                              if (contains(stack.element.container.flags, 16 /* DEBUG_RENDER */)) {
+                                  debugger;
+                              }
+                              // https://www.w3.org/TR/css-position-3/#painting-order
+                              // 1. the background and borders of the element forming the stacking context.
+                              return [4 /*yield*/, this.renderNodeBackgroundAndBorders(stack.element)];
+                          case 1:
+                              // https://www.w3.org/TR/css-position-3/#painting-order
+                              // 1. the background and borders of the element forming the stacking context.
+                              _p.sent();
+                              _i = 0, _a = stack.negativeZIndex;
+                              _p.label = 2;
+                          case 2:
+                              if (!(_i < _a.length)) return [3 /*break*/, 5];
+                              child = _a[_i];
+                              return [4 /*yield*/, this.renderStack(child)];
+                          case 3:
+                              _p.sent();
+                              _p.label = 4;
+                          case 4:
+                              _i++;
+                              return [3 /*break*/, 2];
+                          case 5: 
+                          // 3. For all its in-flow, non-positioned, block-level descendants in tree order:
+                          return [4 /*yield*/, this.renderNodeContent(stack.element)];
+                          case 6:
+                              // 3. For all its in-flow, non-positioned, block-level descendants in tree order:
+                              _p.sent();
+                              _b = 0, _c = stack.nonInlineLevel;
+                              _p.label = 7;
+                          case 7:
+                              if (!(_b < _c.length)) return [3 /*break*/, 10];
+                              child = _c[_b];
+                              return [4 /*yield*/, this.renderNode(child)];
+                          case 8:
+                              _p.sent();
+                              _p.label = 9;
+                          case 9:
+                              _b++;
+                              return [3 /*break*/, 7];
+                          case 10:
+                              _d = 0, _e = stack.nonPositionedFloats;
+                              _p.label = 11;
+                          case 11:
+                              if (!(_d < _e.length)) return [3 /*break*/, 14];
+                              child = _e[_d];
+                              return [4 /*yield*/, this.renderStack(child)];
+                          case 12:
+                              _p.sent();
+                              _p.label = 13;
+                          case 13:
+                              _d++;
+                              return [3 /*break*/, 11];
+                          case 14:
+                              _f = 0, _g = stack.nonPositionedInlineLevel;
+                              _p.label = 15;
+                          case 15:
+                              if (!(_f < _g.length)) return [3 /*break*/, 18];
+                              child = _g[_f];
+                              return [4 /*yield*/, this.renderStack(child)];
+                          case 16:
+                              _p.sent();
+                              _p.label = 17;
+                          case 17:
+                              _f++;
+                              return [3 /*break*/, 15];
+                          case 18:
+                              _h = 0, _j = stack.inlineLevel;
+                              _p.label = 19;
+                          case 19:
+                              if (!(_h < _j.length)) return [3 /*break*/, 22];
+                              child = _j[_h];
+                              return [4 /*yield*/, this.renderNode(child)];
+                          case 20:
+                              _p.sent();
+                              _p.label = 21;
+                          case 21:
+                              _h++;
+                              return [3 /*break*/, 19];
+                          case 22:
+                              _k = 0, _l = stack.zeroOrAutoZIndexOrTransformedOrOpacity;
+                              _p.label = 23;
+                          case 23:
+                              if (!(_k < _l.length)) return [3 /*break*/, 26];
+                              child = _l[_k];
+                              return [4 /*yield*/, this.renderStack(child)];
+                          case 24:
+                              _p.sent();
+                              _p.label = 25;
+                          case 25:
+                              _k++;
+                              return [3 /*break*/, 23];
+                          case 26:
+                              _m = 0, _o = stack.positiveZIndex;
+                              _p.label = 27;
+                          case 27:
+                              if (!(_m < _o.length)) return [3 /*break*/, 30];
+                              child = _o[_m];
+                              return [4 /*yield*/, this.renderStack(child)];
+                          case 28:
+                              _p.sent();
+                              _p.label = 29;
+                          case 29:
+                              _m++;
+                              return [3 /*break*/, 27];
+                          case 30: return [2 /*return*/];
+                      }
+                  });
+              });
+          };
+          CanvasRenderer.prototype.mask = function (paths) {
+              this.ctx.beginPath();
+              this.ctx.moveTo(0, 0);
+              this.ctx.lineTo(this.canvas.width, 0);
+              this.ctx.lineTo(this.canvas.width, this.canvas.height);
+              this.ctx.lineTo(0, this.canvas.height);
+              this.ctx.lineTo(0, 0);
+              this.formatPath(paths.slice(0).reverse());
+              this.ctx.closePath();
+          };
+          CanvasRenderer.prototype.path = function (paths) {
+              this.ctx.beginPath();
+              this.formatPath(paths);
+              this.ctx.closePath();
+          };
+          CanvasRenderer.prototype.formatPath = function (paths) {
+              var _this = this;
+              paths.forEach(function (point, index) {
+                  var start = isBezierCurve(point) ? point.start : point;
+                  if (index === 0) {
+                      _this.ctx.moveTo(start.x, start.y);
+                  }
+                  else {
+                      _this.ctx.lineTo(start.x, start.y);
+                  }
+                  if (isBezierCurve(point)) {
+                      _this.ctx.bezierCurveTo(point.startControl.x, point.startControl.y, point.endControl.x, point.endControl.y, point.end.x, point.end.y);
+                  }
+              });
+          };
+          CanvasRenderer.prototype.renderRepeat = function (path, pattern, offsetX, offsetY) {
+              this.path(path);
+              this.ctx.fillStyle = pattern;
+              this.ctx.translate(offsetX, offsetY);
+              this.ctx.fill();
+              this.ctx.translate(-offsetX, -offsetY);
+          };
+          CanvasRenderer.prototype.resizeImage = function (image, width, height) {
+              var _a;
+              if (image.width === width && image.height === height) {
+                  return image;
+              }
+              var ownerDocument = (_a = this.canvas.ownerDocument) !== null && _a !== void 0 ? _a : document;
+              var canvas = ownerDocument.createElement('canvas');
+              canvas.width = Math.max(1, width);
+              canvas.height = Math.max(1, height);
+              var ctx = canvas.getContext('2d');
+              ctx.drawImage(image, 0, 0, image.width, image.height, 0, 0, width, height);
+              return canvas;
+          };
+          CanvasRenderer.prototype.renderBackgroundImage = function (container) {
+              return __awaiter(this, void 0, void 0, function () {
+                  var index, _loop_1, this_1, _i, _a, backgroundImage;
+                  return __generator(this, function (_b) {
+                      switch (_b.label) {
+                          case 0:
+                              index = container.styles.backgroundImage.length - 1;
+                              _loop_1 = function (backgroundImage) {
+                                  var image, url, _c, path, x, y, width, height, pattern, _d, path, x, y, width, height, _e, lineLength, x0, x1, y0, y1, canvas, ctx, gradient_1, pattern, _f, path, left, top_1, width, height, position, x, y, _g, rx, ry, radialGradient_1, midX, midY, f, invF;
+                                  return __generator(this, function (_h) {
+                                      switch (_h.label) {
+                                          case 0:
+                                              if (!(backgroundImage.type === 0 /* URL */)) return [3 /*break*/, 5];
+                                              image = void 0;
+                                              url = backgroundImage.url;
+                                              _h.label = 1;
+                                          case 1:
+                                              _h.trys.push([1, 3, , 4]);
+                                              return [4 /*yield*/, this_1.context.cache.match(url)];
+                                          case 2:
+                                              image = _h.sent();
+                                              return [3 /*break*/, 4];
+                                          case 3:
+                                              _h.sent();
+                                              this_1.context.logger.error("Error loading background-image " + url);
+                                              return [3 /*break*/, 4];
+                                          case 4:
+                                              if (image) {
+                                                  _c = calculateBackgroundRendering(container, index, [
+                                                      image.width,
+                                                      image.height,
+                                                      image.width / image.height
+                                                  ]), path = _c[0], x = _c[1], y = _c[2], width = _c[3], height = _c[4];
+                                                  pattern = this_1.ctx.createPattern(this_1.resizeImage(image, width, height), 'repeat');
+                                                  this_1.renderRepeat(path, pattern, x, y);
+                                              }
+                                              return [3 /*break*/, 6];
+                                          case 5:
+                                              if (isLinearGradient(backgroundImage)) {
+                                                  _d = calculateBackgroundRendering(container, index, [null, null, null]), path = _d[0], x = _d[1], y = _d[2], width = _d[3], height = _d[4];
+                                                  _e = calculateGradientDirection(backgroundImage.angle, width, height), lineLength = _e[0], x0 = _e[1], x1 = _e[2], y0 = _e[3], y1 = _e[4];
+                                                  canvas = document.createElement('canvas');
+                                                  canvas.width = width;
+                                                  canvas.height = height;
+                                                  ctx = canvas.getContext('2d');
+                                                  gradient_1 = ctx.createLinearGradient(x0, y0, x1, y1);
+                                                  processColorStops(backgroundImage.stops, lineLength).forEach(function (colorStop) {
+                                                      return gradient_1.addColorStop(colorStop.stop, asString(colorStop.color));
+                                                  });
+                                                  ctx.fillStyle = gradient_1;
+                                                  ctx.fillRect(0, 0, width, height);
+                                                  if (width > 0 && height > 0) {
+                                                      pattern = this_1.ctx.createPattern(canvas, 'repeat');
+                                                      this_1.renderRepeat(path, pattern, x, y);
+                                                  }
+                                              }
+                                              else if (isRadialGradient(backgroundImage)) {
+                                                  _f = calculateBackgroundRendering(container, index, [
+                                                      null,
+                                                      null,
+                                                      null
+                                                  ]), path = _f[0], left = _f[1], top_1 = _f[2], width = _f[3], height = _f[4];
+                                                  position = backgroundImage.position.length === 0 ? [FIFTY_PERCENT] : backgroundImage.position;
+                                                  x = getAbsoluteValue(position[0], width);
+                                                  y = getAbsoluteValue(position[position.length - 1], height);
+                                                  _g = calculateRadius(backgroundImage, x, y, width, height), rx = _g[0], ry = _g[1];
+                                                  if (rx > 0 && ry > 0) {
+                                                      radialGradient_1 = this_1.ctx.createRadialGradient(left + x, top_1 + y, 0, left + x, top_1 + y, rx);
+                                                      processColorStops(backgroundImage.stops, rx * 2).forEach(function (colorStop) {
+                                                          return radialGradient_1.addColorStop(colorStop.stop, asString(colorStop.color));
+                                                      });
+                                                      this_1.path(path);
+                                                      this_1.ctx.fillStyle = radialGradient_1;
+                                                      if (rx !== ry) {
+                                                          midX = container.bounds.left + 0.5 * container.bounds.width;
+                                                          midY = container.bounds.top + 0.5 * container.bounds.height;
+                                                          f = ry / rx;
+                                                          invF = 1 / f;
+                                                          this_1.ctx.save();
+                                                          this_1.ctx.translate(midX, midY);
+                                                          this_1.ctx.transform(1, 0, 0, f, 0, 0);
+                                                          this_1.ctx.translate(-midX, -midY);
+                                                          this_1.ctx.fillRect(left, invF * (top_1 - midY) + midY, width, height * invF);
+                                                          this_1.ctx.restore();
+                                                      }
+                                                      else {
+                                                          this_1.ctx.fill();
+                                                      }
+                                                  }
+                                              }
+                                              _h.label = 6;
+                                          case 6:
+                                              index--;
+                                              return [2 /*return*/];
+                                      }
+                                  });
+                              };
+                              this_1 = this;
+                              _i = 0, _a = container.styles.backgroundImage.slice(0).reverse();
+                              _b.label = 1;
+                          case 1:
+                              if (!(_i < _a.length)) return [3 /*break*/, 4];
+                              backgroundImage = _a[_i];
+                              return [5 /*yield**/, _loop_1(backgroundImage)];
+                          case 2:
+                              _b.sent();
+                              _b.label = 3;
+                          case 3:
+                              _i++;
+                              return [3 /*break*/, 1];
+                          case 4: return [2 /*return*/];
+                      }
+                  });
+              });
+          };
+          CanvasRenderer.prototype.renderSolidBorder = function (color, side, curvePoints) {
+              return __awaiter(this, void 0, void 0, function () {
+                  return __generator(this, function (_a) {
+                      this.path(parsePathForBorder(curvePoints, side));
+                      this.ctx.fillStyle = asString(color);
+                      this.ctx.fill();
+                      return [2 /*return*/];
+                  });
+              });
+          };
+          CanvasRenderer.prototype.renderDoubleBorder = function (color, width, side, curvePoints) {
+              return __awaiter(this, void 0, void 0, function () {
+                  var outerPaths, innerPaths;
+                  return __generator(this, function (_a) {
+                      switch (_a.label) {
+                          case 0:
+                              if (!(width < 3)) return [3 /*break*/, 2];
+                              return [4 /*yield*/, this.renderSolidBorder(color, side, curvePoints)];
+                          case 1:
+                              _a.sent();
+                              return [2 /*return*/];
+                          case 2:
+                              outerPaths = parsePathForBorderDoubleOuter(curvePoints, side);
+                              this.path(outerPaths);
+                              this.ctx.fillStyle = asString(color);
+                              this.ctx.fill();
+                              innerPaths = parsePathForBorderDoubleInner(curvePoints, side);
+                              this.path(innerPaths);
+                              this.ctx.fill();
+                              return [2 /*return*/];
+                      }
+                  });
+              });
+          };
+          CanvasRenderer.prototype.renderNodeBackgroundAndBorders = function (paint) {
+              return __awaiter(this, void 0, void 0, function () {
+                  var styles, hasBackground, borders, backgroundPaintingArea, side, _i, borders_1, border;
+                  var _this = this;
+                  return __generator(this, function (_a) {
+                      switch (_a.label) {
+                          case 0:
+                              this.applyEffects(paint.getEffects(2 /* BACKGROUND_BORDERS */));
+                              styles = paint.container.styles;
+                              hasBackground = !isTransparent(styles.backgroundColor) || styles.backgroundImage.length;
+                              borders = [
+                                  { style: styles.borderTopStyle, color: styles.borderTopColor, width: styles.borderTopWidth },
+                                  { style: styles.borderRightStyle, color: styles.borderRightColor, width: styles.borderRightWidth },
+                                  { style: styles.borderBottomStyle, color: styles.borderBottomColor, width: styles.borderBottomWidth },
+                                  { style: styles.borderLeftStyle, color: styles.borderLeftColor, width: styles.borderLeftWidth }
+                              ];
+                              backgroundPaintingArea = calculateBackgroundCurvedPaintingArea(getBackgroundValueForIndex(styles.backgroundClip, 0), paint.curves);
+                              if (!(hasBackground || styles.boxShadow.length)) return [3 /*break*/, 2];
+                              this.ctx.save();
+                              this.path(backgroundPaintingArea);
+                              this.ctx.clip();
+                              if (!isTransparent(styles.backgroundColor)) {
+                                  this.ctx.fillStyle = asString(styles.backgroundColor);
+                                  this.ctx.fill();
+                              }
+                              return [4 /*yield*/, this.renderBackgroundImage(paint.container)];
+                          case 1:
+                              _a.sent();
+                              this.ctx.restore();
+                              styles.boxShadow
+                                  .slice(0)
+                                  .reverse()
+                                  .forEach(function (shadow) {
+                                  _this.ctx.save();
+                                  var borderBoxArea = calculateBorderBoxPath(paint.curves);
+                                  var maskOffset = shadow.inset ? 0 : MASK_OFFSET;
+                                  var shadowPaintingArea = transformPath(borderBoxArea, -maskOffset + (shadow.inset ? 1 : -1) * shadow.spread.number, (shadow.inset ? 1 : -1) * shadow.spread.number, shadow.spread.number * (shadow.inset ? -2 : 2), shadow.spread.number * (shadow.inset ? -2 : 2));
+                                  if (shadow.inset) {
+                                      _this.path(borderBoxArea);
+                                      _this.ctx.clip();
+                                      _this.mask(shadowPaintingArea);
+                                  }
+                                  else {
+                                      _this.mask(borderBoxArea);
+                                      _this.ctx.clip();
+                                      _this.path(shadowPaintingArea);
+                                  }
+                                  _this.ctx.shadowOffsetX = shadow.offsetX.number + maskOffset;
+                                  _this.ctx.shadowOffsetY = shadow.offsetY.number;
+                                  _this.ctx.shadowColor = asString(shadow.color);
+                                  _this.ctx.shadowBlur = shadow.blur.number;
+                                  _this.ctx.fillStyle = shadow.inset ? asString(shadow.color) : 'rgba(0,0,0,1)';
+                                  _this.ctx.fill();
+                                  _this.ctx.restore();
+                              });
+                              _a.label = 2;
+                          case 2:
+                              side = 0;
+                              _i = 0, borders_1 = borders;
+                              _a.label = 3;
+                          case 3:
+                              if (!(_i < borders_1.length)) return [3 /*break*/, 13];
+                              border = borders_1[_i];
+                              if (!(border.style !== 0 /* NONE */ && !isTransparent(border.color) && border.width > 0)) return [3 /*break*/, 11];
+                              if (!(border.style === 2 /* DASHED */)) return [3 /*break*/, 5];
+                              return [4 /*yield*/, this.renderDashedDottedBorder(border.color, border.width, side, paint.curves, 2 /* DASHED */)];
+                          case 4:
+                              _a.sent();
+                              return [3 /*break*/, 11];
+                          case 5:
+                              if (!(border.style === 3 /* DOTTED */)) return [3 /*break*/, 7];
+                              return [4 /*yield*/, this.renderDashedDottedBorder(border.color, border.width, side, paint.curves, 3 /* DOTTED */)];
+                          case 6:
+                              _a.sent();
+                              return [3 /*break*/, 11];
+                          case 7:
+                              if (!(border.style === 4 /* DOUBLE */)) return [3 /*break*/, 9];
+                              return [4 /*yield*/, this.renderDoubleBorder(border.color, border.width, side, paint.curves)];
+                          case 8:
+                              _a.sent();
+                              return [3 /*break*/, 11];
+                          case 9: return [4 /*yield*/, this.renderSolidBorder(border.color, side, paint.curves)];
+                          case 10:
+                              _a.sent();
+                              _a.label = 11;
+                          case 11:
+                              side++;
+                              _a.label = 12;
+                          case 12:
+                              _i++;
+                              return [3 /*break*/, 3];
+                          case 13: return [2 /*return*/];
+                      }
+                  });
+              });
+          };
+          CanvasRenderer.prototype.renderDashedDottedBorder = function (color, width, side, curvePoints, style) {
+              return __awaiter(this, void 0, void 0, function () {
+                  var strokePaths, boxPaths, startX, startY, endX, endY, length, dashLength, spaceLength, useLineDash, multiplier, numberOfDashes, minSpace, maxSpace, path1, path2, path1, path2;
+                  return __generator(this, function (_a) {
+                      this.ctx.save();
+                      strokePaths = parsePathForBorderStroke(curvePoints, side);
+                      boxPaths = parsePathForBorder(curvePoints, side);
+                      if (style === 2 /* DASHED */) {
+                          this.path(boxPaths);
+                          this.ctx.clip();
+                      }
+                      if (isBezierCurve(boxPaths[0])) {
+                          startX = boxPaths[0].start.x;
+                          startY = boxPaths[0].start.y;
+                      }
+                      else {
+                          startX = boxPaths[0].x;
+                          startY = boxPaths[0].y;
+                      }
+                      if (isBezierCurve(boxPaths[1])) {
+                          endX = boxPaths[1].end.x;
+                          endY = boxPaths[1].end.y;
+                      }
+                      else {
+                          endX = boxPaths[1].x;
+                          endY = boxPaths[1].y;
+                      }
+                      if (side === 0 || side === 2) {
+                          length = Math.abs(startX - endX);
+                      }
+                      else {
+                          length = Math.abs(startY - endY);
+                      }
+                      this.ctx.beginPath();
+                      if (style === 3 /* DOTTED */) {
+                          this.formatPath(strokePaths);
+                      }
+                      else {
+                          this.formatPath(boxPaths.slice(0, 2));
+                      }
+                      dashLength = width < 3 ? width * 3 : width * 2;
+                      spaceLength = width < 3 ? width * 2 : width;
+                      if (style === 3 /* DOTTED */) {
+                          dashLength = width;
+                          spaceLength = width;
+                      }
+                      useLineDash = true;
+                      if (length <= dashLength * 2) {
+                          useLineDash = false;
+                      }
+                      else if (length <= dashLength * 2 + spaceLength) {
+                          multiplier = length / (2 * dashLength + spaceLength);
+                          dashLength *= multiplier;
+                          spaceLength *= multiplier;
+                      }
+                      else {
+                          numberOfDashes = Math.floor((length + spaceLength) / (dashLength + spaceLength));
+                          minSpace = (length - numberOfDashes * dashLength) / (numberOfDashes - 1);
+                          maxSpace = (length - (numberOfDashes + 1) * dashLength) / numberOfDashes;
+                          spaceLength =
+                              maxSpace <= 0 || Math.abs(spaceLength - minSpace) < Math.abs(spaceLength - maxSpace)
+                                  ? minSpace
+                                  : maxSpace;
+                      }
+                      if (useLineDash) {
+                          if (style === 3 /* DOTTED */) {
+                              this.ctx.setLineDash([0, dashLength + spaceLength]);
+                          }
+                          else {
+                              this.ctx.setLineDash([dashLength, spaceLength]);
+                          }
+                      }
+                      if (style === 3 /* DOTTED */) {
+                          this.ctx.lineCap = 'round';
+                          this.ctx.lineWidth = width;
+                      }
+                      else {
+                          this.ctx.lineWidth = width * 2 + 1.1;
+                      }
+                      this.ctx.strokeStyle = asString(color);
+                      this.ctx.stroke();
+                      this.ctx.setLineDash([]);
+                      // dashed round edge gap
+                      if (style === 2 /* DASHED */) {
+                          if (isBezierCurve(boxPaths[0])) {
+                              path1 = boxPaths[3];
+                              path2 = boxPaths[0];
+                              this.ctx.beginPath();
+                              this.formatPath([new Vector(path1.end.x, path1.end.y), new Vector(path2.start.x, path2.start.y)]);
+                              this.ctx.stroke();
+                          }
+                          if (isBezierCurve(boxPaths[1])) {
+                              path1 = boxPaths[1];
+                              path2 = boxPaths[2];
+                              this.ctx.beginPath();
+                              this.formatPath([new Vector(path1.end.x, path1.end.y), new Vector(path2.start.x, path2.start.y)]);
+                              this.ctx.stroke();
+                          }
+                      }
+                      this.ctx.restore();
+                      return [2 /*return*/];
+                  });
+              });
+          };
+          CanvasRenderer.prototype.render = function (element) {
+              return __awaiter(this, void 0, void 0, function () {
+                  var stack;
+                  return __generator(this, function (_a) {
+                      switch (_a.label) {
+                          case 0:
+                              if (this.options.backgroundColor) {
+                                  this.ctx.fillStyle = asString(this.options.backgroundColor);
+                                  this.ctx.fillRect(this.options.x, this.options.y, this.options.width, this.options.height);
+                              }
+                              stack = parseStackingContexts(element);
+                              return [4 /*yield*/, this.renderStack(stack)];
+                          case 1:
+                              _a.sent();
+                              this.applyEffects([]);
+                              return [2 /*return*/, this.canvas];
+                      }
+                  });
+              });
+          };
+          return CanvasRenderer;
+      }(Renderer));
+      var isTextInputElement = function (container) {
+          if (container instanceof TextareaElementContainer) {
+              return true;
+          }
+          else if (container instanceof SelectElementContainer) {
+              return true;
+          }
+          else if (container instanceof InputElementContainer && container.type !== RADIO && container.type !== CHECKBOX) {
+              return true;
+          }
+          return false;
+      };
+      var calculateBackgroundCurvedPaintingArea = function (clip, curves) {
+          switch (clip) {
+              case 0 /* BORDER_BOX */:
+                  return calculateBorderBoxPath(curves);
+              case 2 /* CONTENT_BOX */:
+                  return calculateContentBoxPath(curves);
+              case 1 /* PADDING_BOX */:
+              default:
+                  return calculatePaddingBoxPath(curves);
+          }
+      };
+      var canvasTextAlign = function (textAlign) {
+          switch (textAlign) {
+              case 1 /* CENTER */:
+                  return 'center';
+              case 2 /* RIGHT */:
+                  return 'right';
+              case 0 /* LEFT */:
+              default:
+                  return 'left';
+          }
+      };
+      // see https://github.com/niklasvh/html2canvas/pull/2645
+      var iOSBrokenFonts = ['-apple-system', 'system-ui'];
+      var fixIOSSystemFonts = function (fontFamilies) {
+          return /iPhone OS 15_(0|1)/.test(window.navigator.userAgent)
+              ? fontFamilies.filter(function (fontFamily) { return iOSBrokenFonts.indexOf(fontFamily) === -1; })
+              : fontFamilies;
+      };
+
+      var ForeignObjectRenderer = /** @class */ (function (_super) {
+          __extends(ForeignObjectRenderer, _super);
+          function ForeignObjectRenderer(context, options) {
+              var _this = _super.call(this, context, options) || this;
+              _this.canvas = options.canvas ? options.canvas : document.createElement('canvas');
+              _this.ctx = _this.canvas.getContext('2d');
+              _this.options = options;
+              _this.canvas.width = Math.floor(options.width * options.scale);
+              _this.canvas.height = Math.floor(options.height * options.scale);
+              _this.canvas.style.width = options.width + "px";
+              _this.canvas.style.height = options.height + "px";
+              _this.ctx.scale(_this.options.scale, _this.options.scale);
+              _this.ctx.translate(-options.x, -options.y);
+              _this.context.logger.debug("EXPERIMENTAL ForeignObject renderer initialized (" + options.width + "x" + options.height + " at " + options.x + "," + options.y + ") with scale " + options.scale);
+              return _this;
+          }
+          ForeignObjectRenderer.prototype.render = function (element) {
+              return __awaiter(this, void 0, void 0, function () {
+                  var svg, img;
+                  return __generator(this, function (_a) {
+                      switch (_a.label) {
+                          case 0:
+                              svg = createForeignObjectSVG(this.options.width * this.options.scale, this.options.height * this.options.scale, this.options.scale, this.options.scale, element);
+                              return [4 /*yield*/, loadSerializedSVG(svg)];
+                          case 1:
+                              img = _a.sent();
+                              if (this.options.backgroundColor) {
+                                  this.ctx.fillStyle = asString(this.options.backgroundColor);
+                                  this.ctx.fillRect(0, 0, this.options.width * this.options.scale, this.options.height * this.options.scale);
+                              }
+                              this.ctx.drawImage(img, -this.options.x * this.options.scale, -this.options.y * this.options.scale);
+                              return [2 /*return*/, this.canvas];
+                      }
+                  });
+              });
+          };
+          return ForeignObjectRenderer;
+      }(Renderer));
+      var loadSerializedSVG = function (svg) {
+          return new Promise(function (resolve, reject) {
+              var img = new Image();
+              img.onload = function () {
+                  resolve(img);
+              };
+              img.onerror = reject;
+              img.src = "data:image/svg+xml;charset=utf-8," + encodeURIComponent(new XMLSerializer().serializeToString(svg));
+          });
+      };
+
+      var Logger = /** @class */ (function () {
+          function Logger(_a) {
+              var id = _a.id, enabled = _a.enabled;
+              this.id = id;
+              this.enabled = enabled;
+              this.start = Date.now();
+          }
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+          Logger.prototype.debug = function () {
+              var args = [];
+              for (var _i = 0; _i < arguments.length; _i++) {
+                  args[_i] = arguments[_i];
+              }
+              if (this.enabled) {
+                  // eslint-disable-next-line no-console
+                  if (typeof window !== 'undefined' && window.console && typeof console.debug === 'function') {
+                      // eslint-disable-next-line no-console
+                      console.debug.apply(console, __spreadArray([this.id, this.getTime() + "ms"], args));
+                  }
+                  else {
+                      this.info.apply(this, args);
+                  }
+              }
+          };
+          Logger.prototype.getTime = function () {
+              return Date.now() - this.start;
+          };
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+          Logger.prototype.info = function () {
+              var args = [];
+              for (var _i = 0; _i < arguments.length; _i++) {
+                  args[_i] = arguments[_i];
+              }
+              if (this.enabled) {
+                  // eslint-disable-next-line no-console
+                  if (typeof window !== 'undefined' && window.console && typeof console.info === 'function') {
+                      // eslint-disable-next-line no-console
+                      console.info.apply(console, __spreadArray([this.id, this.getTime() + "ms"], args));
+                  }
+              }
+          };
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+          Logger.prototype.warn = function () {
+              var args = [];
+              for (var _i = 0; _i < arguments.length; _i++) {
+                  args[_i] = arguments[_i];
+              }
+              if (this.enabled) {
+                  // eslint-disable-next-line no-console
+                  if (typeof window !== 'undefined' && window.console && typeof console.warn === 'function') {
+                      // eslint-disable-next-line no-console
+                      console.warn.apply(console, __spreadArray([this.id, this.getTime() + "ms"], args));
+                  }
+                  else {
+                      this.info.apply(this, args);
+                  }
+              }
+          };
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+          Logger.prototype.error = function () {
+              var args = [];
+              for (var _i = 0; _i < arguments.length; _i++) {
+                  args[_i] = arguments[_i];
+              }
+              if (this.enabled) {
+                  // eslint-disable-next-line no-console
+                  if (typeof window !== 'undefined' && window.console && typeof console.error === 'function') {
+                      // eslint-disable-next-line no-console
+                      console.error.apply(console, __spreadArray([this.id, this.getTime() + "ms"], args));
+                  }
+                  else {
+                      this.info.apply(this, args);
+                  }
+              }
+          };
+          Logger.instances = {};
+          return Logger;
+      }());
+
+      var Context = /** @class */ (function () {
+          function Context(options, windowBounds) {
+              var _a;
+              this.windowBounds = windowBounds;
+              this.instanceName = "#" + Context.instanceCount++;
+              this.logger = new Logger({ id: this.instanceName, enabled: options.logging });
+              this.cache = (_a = options.cache) !== null && _a !== void 0 ? _a : new Cache(this, options);
+          }
+          Context.instanceCount = 1;
+          return Context;
+      }());
+
+      var html2canvas = function (element, options) {
+          if (options === void 0) { options = {}; }
+          return renderElement(element, options);
+      };
+      if (typeof window !== 'undefined') {
+          CacheStorage.setContext(window);
+      }
+      var renderElement = function (element, opts) { return __awaiter(void 0, void 0, void 0, function () {
+          var ownerDocument, defaultView, resourceOptions, contextOptions, windowOptions, windowBounds, context, foreignObjectRendering, cloneOptions, documentCloner, clonedElement, container, _a, width, height, left, top, backgroundColor, renderOptions, canvas, renderer, root, renderer;
+          var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
+          return __generator(this, function (_u) {
+              switch (_u.label) {
+                  case 0:
+                      if (!element || typeof element !== 'object') {
+                          return [2 /*return*/, Promise.reject('Invalid element provided as first argument')];
+                      }
+                      ownerDocument = element.ownerDocument;
+                      if (!ownerDocument) {
+                          throw new Error("Element is not attached to a Document");
+                      }
+                      defaultView = ownerDocument.defaultView;
+                      if (!defaultView) {
+                          throw new Error("Document is not attached to a Window");
+                      }
+                      resourceOptions = {
+                          allowTaint: (_b = opts.allowTaint) !== null && _b !== void 0 ? _b : false,
+                          imageTimeout: (_c = opts.imageTimeout) !== null && _c !== void 0 ? _c : 15000,
+                          proxy: opts.proxy,
+                          useCORS: (_d = opts.useCORS) !== null && _d !== void 0 ? _d : false
+                      };
+                      contextOptions = __assign({ logging: (_e = opts.logging) !== null && _e !== void 0 ? _e : true, cache: opts.cache }, resourceOptions);
+                      windowOptions = {
+                          windowWidth: (_f = opts.windowWidth) !== null && _f !== void 0 ? _f : defaultView.innerWidth,
+                          windowHeight: (_g = opts.windowHeight) !== null && _g !== void 0 ? _g : defaultView.innerHeight,
+                          scrollX: (_h = opts.scrollX) !== null && _h !== void 0 ? _h : defaultView.pageXOffset,
+                          scrollY: (_j = opts.scrollY) !== null && _j !== void 0 ? _j : defaultView.pageYOffset
+                      };
+                      windowBounds = new Bounds(windowOptions.scrollX, windowOptions.scrollY, windowOptions.windowWidth, windowOptions.windowHeight);
+                      context = new Context(contextOptions, windowBounds);
+                      foreignObjectRendering = (_k = opts.foreignObjectRendering) !== null && _k !== void 0 ? _k : false;
+                      cloneOptions = {
+                          allowTaint: (_l = opts.allowTaint) !== null && _l !== void 0 ? _l : false,
+                          onclone: opts.onclone,
+                          ignoreElements: opts.ignoreElements,
+                          inlineImages: foreignObjectRendering,
+                          copyStyles: foreignObjectRendering
+                      };
+                      context.logger.debug("Starting document clone with size " + windowBounds.width + "x" + windowBounds.height + " scrolled to " + -windowBounds.left + "," + -windowBounds.top);
+                      documentCloner = new DocumentCloner(context, element, cloneOptions);
+                      clonedElement = documentCloner.clonedReferenceElement;
+                      if (!clonedElement) {
+                          return [2 /*return*/, Promise.reject("Unable to find element in cloned iframe")];
+                      }
+                      return [4 /*yield*/, documentCloner.toIFrame(ownerDocument, windowBounds)];
+                  case 1:
+                      container = _u.sent();
+                      _a = isBodyElement(clonedElement) || isHTMLElement(clonedElement)
+                          ? parseDocumentSize(clonedElement.ownerDocument)
+                          : parseBounds(context, clonedElement), width = _a.width, height = _a.height, left = _a.left, top = _a.top;
+                      backgroundColor = parseBackgroundColor(context, clonedElement, opts.backgroundColor);
+                      renderOptions = {
+                          canvas: opts.canvas,
+                          backgroundColor: backgroundColor,
+                          scale: (_o = (_m = opts.scale) !== null && _m !== void 0 ? _m : defaultView.devicePixelRatio) !== null && _o !== void 0 ? _o : 1,
+                          x: ((_p = opts.x) !== null && _p !== void 0 ? _p : 0) + left,
+                          y: ((_q = opts.y) !== null && _q !== void 0 ? _q : 0) + top,
+                          width: (_r = opts.width) !== null && _r !== void 0 ? _r : Math.ceil(width),
+                          height: (_s = opts.height) !== null && _s !== void 0 ? _s : Math.ceil(height)
+                      };
+                      if (!foreignObjectRendering) return [3 /*break*/, 3];
+                      context.logger.debug("Document cloned, using foreign object rendering");
+                      renderer = new ForeignObjectRenderer(context, renderOptions);
+                      return [4 /*yield*/, renderer.render(clonedElement)];
+                  case 2:
+                      canvas = _u.sent();
+                      return [3 /*break*/, 5];
+                  case 3:
+                      context.logger.debug("Document cloned, element located at " + left + "," + top + " with size " + width + "x" + height + " using computed rendering");
+                      context.logger.debug("Starting DOM parsing");
+                      root = parseTree(context, clonedElement);
+                      if (backgroundColor === root.styles.backgroundColor) {
+                          root.styles.backgroundColor = COLORS.TRANSPARENT;
+                      }
+                      context.logger.debug("Starting renderer for element at " + renderOptions.x + "," + renderOptions.y + " with size " + renderOptions.width + "x" + renderOptions.height);
+                      renderer = new CanvasRenderer(context, renderOptions);
+                      return [4 /*yield*/, renderer.render(root)];
+                  case 4:
+                      canvas = _u.sent();
+                      _u.label = 5;
+                  case 5:
+                      if ((_t = opts.removeContainer) !== null && _t !== void 0 ? _t : true) {
+                          if (!DocumentCloner.destroy(container)) {
+                              context.logger.error("Cannot detach cloned iframe as it is not in the DOM anymore");
+                          }
+                      }
+                      context.logger.debug("Finished rendering");
+                      return [2 /*return*/, canvas];
+              }
+          });
+      }); };
+      var parseBackgroundColor = function (context, element, backgroundColorOverride) {
+          var ownerDocument = element.ownerDocument;
+          // http://www.w3.org/TR/css3-background/#special-backgrounds
+          var documentBackgroundColor = ownerDocument.documentElement
+              ? parseColor(context, getComputedStyle(ownerDocument.documentElement).backgroundColor)
+              : COLORS.TRANSPARENT;
+          var bodyBackgroundColor = ownerDocument.body
+              ? parseColor(context, getComputedStyle(ownerDocument.body).backgroundColor)
+              : COLORS.TRANSPARENT;
+          var defaultBackgroundColor = typeof backgroundColorOverride === 'string'
+              ? parseColor(context, backgroundColorOverride)
+              : backgroundColorOverride === null
+                  ? COLORS.TRANSPARENT
+                  : 0xffffffff;
+          return element === ownerDocument.documentElement
+              ? isTransparent(documentBackgroundColor)
+                  ? isTransparent(bodyBackgroundColor)
+                      ? defaultBackgroundColor
+                      : bodyBackgroundColor
+                  : documentBackgroundColor
+              : defaultBackgroundColor;
+      };
+
+      return html2canvas;
+
+  })));
+
+  });
+
+  /* src/TagButton.svelte generated by Svelte v3.59.2 */
+
+  const { console: console_1 } = globals;
+  const file = "src/TagButton.svelte";
+
+  function create_fragment(ctx) {
+  	let button;
+  	let svg;
+  	let g0;
+  	let g1;
+  	let g4;
+  	let title;
+  	let t;
+  	let g3;
+  	let g2;
+  	let path;
+  	let mounted;
+  	let dispose;
+
+  	const block = {
+  		c: function create() {
+  			button = element("button");
+  			svg = svg_element("svg");
+  			g0 = svg_element("g");
+  			g1 = svg_element("g");
+  			g4 = svg_element("g");
+  			title = svg_element("title");
+  			t = text("ai");
+  			g3 = svg_element("g");
+  			g2 = svg_element("g");
+  			path = svg_element("path");
+  			attr_dev(g0, "id", "SVGRepo_bgCarrier");
+  			attr_dev(g0, "stroke-width", "0");
+  			add_location(g0, file, 65, 180, 1908);
+  			attr_dev(g1, "id", "SVGRepo_tracerCarrier");
+  			attr_dev(g1, "stroke-linecap", "round");
+  			attr_dev(g1, "stroke-linejoin", "round");
+  			add_location(g1, file, 65, 227, 1955);
+  			add_location(title, file, 65, 337, 2065);
+  			attr_dev(path, "d", "M320,64 L320,320 L64,320 L64,64 L320,64 Z M171.749388,128 L146.817842,128 L99.4840387,256 L121.976629,256 L130.913039,230.977 L187.575039,230.977 L196.319607,256 L220.167172,256 L171.749388,128 Z M260.093778,128 L237.691519,128 L237.691519,256 L260.093778,256 L260.093778,128 Z M159.094727,149.47526 L181.409039,213.333 L137.135039,213.333 L159.094727,149.47526 Z M341.333333,256 L384,256 L384,298.666667 L341.333333,298.666667 L341.333333,256 Z M85.3333333,341.333333 L128,341.333333 L128,384 L85.3333333,384 L85.3333333,341.333333 Z M170.666667,341.333333 L213.333333,341.333333 L213.333333,384 L170.666667,384 L170.666667,341.333333 Z M85.3333333,0 L128,0 L128,42.6666667 L85.3333333,42.6666667 L85.3333333,0 Z M256,341.333333 L298.666667,341.333333 L298.666667,384 L256,384 L256,341.333333 Z M170.666667,0 L213.333333,0 L213.333333,42.6666667 L170.666667,42.6666667 L170.666667,0 Z M256,0 L298.666667,0 L298.666667,42.6666667 L256,42.6666667 L256,0 Z M341.333333,170.666667 L384,170.666667 L384,213.333333 L341.333333,213.333333 L341.333333,170.666667 Z M0,256 L42.6666667,256 L42.6666667,298.666667 L0,298.666667 L0,256 Z M341.333333,85.3333333 L384,85.3333333 L384,128 L341.333333,128 L341.333333,85.3333333 Z M0,170.666667 L42.6666667,170.666667 L42.6666667,213.333333 L0,213.333333 L0,170.666667 Z M0,85.3333333 L42.6666667,85.3333333 L42.6666667,128 L0,128 L0,85.3333333 Z");
+  			attr_dev(path, "id", "Combined-Shape");
+  			add_location(path, file, 65, 507, 2235);
+  			attr_dev(g2, "id", "icon");
+  			attr_dev(g2, "fill", "#ffffff");
+  			attr_dev(g2, "transform", "translate(64.000000, 64.000000)");
+  			add_location(g2, file, 65, 434, 2162);
+  			attr_dev(g3, "id", "Page-1");
+  			attr_dev(g3, "stroke", "none");
+  			attr_dev(g3, "stroke-width", "1");
+  			attr_dev(g3, "fill", "none");
+  			attr_dev(g3, "fill-rule", "evenodd");
+  			add_location(g3, file, 65, 355, 2083);
+  			attr_dev(g4, "id", "SVGRepo_iconCarrier");
+  			add_location(g4, file, 65, 308, 2036);
+  			attr_dev(svg, "viewBox", "0 0 512 512");
+  			attr_dev(svg, "version", "1.1");
+  			attr_dev(svg, "xmlns", "http://www.w3.org/2000/svg");
+  			attr_dev(svg, "xmlns:xlink", "http://www.w3.org/1999/xlink");
+  			attr_dev(svg, "fill", "#ffffff");
+  			attr_dev(svg, "stroke", "#ffffff");
+  			attr_dev(svg, "width", "20px");
+  			attr_dev(svg, "height", "20px");
+  			attr_dev(svg, "class", "svelte-1m5gxnd");
+  			add_location(svg, file, 65, 2, 1730);
+  			attr_dev(button, "id", "stashrealbooru");
+  			attr_dev(button, "class", "svelte-1m5gxnd");
+  			toggle_class(button, "scanner", /*scanner*/ ctx[0]);
+  			add_location(button, file, 64, 0, 1664);
+  		},
+  		l: function claim(nodes) {
+  			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
+  		},
+  		m: function mount(target, anchor) {
+  			insert_dev(target, button, anchor);
+  			append_dev(button, svg);
+  			append_dev(svg, g0);
+  			append_dev(svg, g1);
+  			append_dev(svg, g4);
+  			append_dev(g4, title);
+  			append_dev(title, t);
+  			append_dev(g4, g3);
+  			append_dev(g3, g2);
+  			append_dev(g2, path);
+
+  			if (!mounted) {
+  				dispose = listen_dev(button, "click", /*recognize*/ ctx[1], false, false, false, false);
+  				mounted = true;
+  			}
+  		},
+  		p: function update(ctx, [dirty]) {
+  			if (dirty & /*scanner*/ 1) {
+  				toggle_class(button, "scanner", /*scanner*/ ctx[0]);
+  			}
+  		},
+  		i: noop,
+  		o: noop,
+  		d: function destroy(detaching) {
+  			if (detaching) detach_dev(button);
+  			mounted = false;
+  			dispose();
+  		}
+  	};
+
+  	dispatch_dev("SvelteRegisterBlock", {
+  		block,
+  		id: create_fragment.name,
+  		type: "component",
+  		source: "",
+  		ctx
+  	});
+
+  	return block;
+  }
+
+  function instance($$self, $$props, $$invalidate) {
+  	let { $$slots: slots = {}, $$scope } = $$props;
+  	validate_slots('TagButton', slots, []);
+  	let scanner = false;
+
+  	function recognize() {
+  		let [scenario] = getScenarioAndID();
+  		let selector;
+
+  		if (scenario === "scenes") {
+  			selector = "#VideoJsPlayer";
+  		} else if (scenario === "images") {
+  			selector = ".image-image";
+  		}
+
+  		html2canvas(document.querySelector(selector)).then(canvas => {
+  			$$invalidate(0, scanner = true);
+  			let image = canvas.toDataURL("image/jpg");
+  			let data = { data: [image, THRESHOLD] };
+
+  			fetch(REALBOORU_API_URL, {
+  				method: "POST",
+  				headers: {
+  					"Content-Type": "application/json; charset=utf-8"
+  				},
+  				body: JSON.stringify(data)
+  			}).then(response => {
+  				console.log(response.responseText);
+
+  				if (response.status !== 200) {
+  					$$invalidate(0, scanner = false);
+  					alert("Something went wrong. It's likely a server issue, Please try again later.");
+  					return;
+  				}
+
+  				return response.json();
+  			}).then(data => {
+  				$$invalidate(0, scanner = false);
+
+  				if (data.data[1].length === 0) {
+  					alert("No matches found");
+  					return;
+  				}
+
+  				new TagMatches({
+  						target: document.body,
+  						props: { matches: data.data[1] }
+  					});
+  			}).catch(error => {
+  				$$invalidate(0, scanner = false);
+  				alert("Error: " + error.message);
+  			});
+  		});
+  	}
+
+  	const calls = {
+  		recog() {
+  			recognize();
+  		}
+  	};
+
+  	const writable_props = [];
+
+  	Object.keys($$props).forEach(key => {
+  		if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console_1.warn(`<TagButton> was created with unknown prop '${key}'`);
+  	});
+
+  	$$self.$capture_state = () => ({
+  		getScenarioAndID,
+  		REALBOORU_API_URL,
+  		THRESHOLD,
+  		TagMatches,
+  		html2canvas,
+  		scanner,
+  		recognize,
+  		calls
+  	});
+
+  	$$self.$inject_state = $$props => {
+  		if ('scanner' in $$props) $$invalidate(0, scanner = $$props.scanner);
+  	};
+
+  	if ($$props && "$$inject" in $$props) {
+  		$$self.$inject_state($$props.$$inject);
+  	}
+
+  	return [scanner, recognize, calls];
+  }
+
+  class TagButton extends SvelteComponentDev {
+  	constructor(options) {
+  		super(options);
+  		init(this, options, instance, create_fragment, safe_not_equal, { calls: 2 });
+
+  		dispatch_dev("SvelteRegisterComponent", {
+  			component: this,
+  			tagName: "TagButton",
+  			options,
+  			id: create_fragment.name
+  		});
+  	}
+
+  	get calls() {
+  		return this.$$.ctx[2];
+  	}
+
+  	set calls(value) {
+  		throw new Error("<TagButton>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
+  	}
+  }
+
+  stash.addEventListener("page:image", function () {
+      let elms = ".ml-auto .btn-group";
+      waitForElm(elms).then(() => {
+          if (!document.querySelector("#stashrealbooru")) {
+              new TagButton({ target: document.querySelector(elms) });
+          }
+      });
+  });
+
+})();
diff --git a/plugins/stashRealbooru/stash-realbooru.yml b/plugins/stashRealbooru/stash-realbooru.yml
new file mode 100644
index 00000000..8db2e521
--- /dev/null
+++ b/plugins/stashRealbooru/stash-realbooru.yml
@@ -0,0 +1,13 @@
+name: Stash Realbooru
+description: Add tags based on the realbooru model, This works on individual images.
+version: 1.0
+ui:
+  requires: 
+  - StashUserscriptLibrary
+  javascript:
+  - stash-realbooru.js
+  css:
+  - stash-realbooru.css
+  csp:
+    connect-src:
+    - "https://hysts-deepdanbooru.hf.space"

From e7129f4e5dc6af29b7fda6c675469166a424f54d Mon Sep 17 00:00:00 2001
From: cc1234 <oc1mfiuzicg0@opayq.com>
Date: Sun, 21 Jan 2024 17:53:24 +0000
Subject: [PATCH 60/91] Update plugin versions and add required dependencies

---
 plugins/stashAI/stashai.yml                |   3 +-
 plugins/stashRealbooru/stash-realbooru.js  | 178 ++++++++++-----------
 plugins/stashRealbooru/stash-realbooru.yml |   5 +-
 plugins/visage/visage.yml                  |   3 +-
 4 files changed, 96 insertions(+), 93 deletions(-)

diff --git a/plugins/stashAI/stashai.yml b/plugins/stashAI/stashai.yml
index 5d9befa2..e0c1aec1 100644
--- a/plugins/stashAI/stashai.yml
+++ b/plugins/stashAI/stashai.yml
@@ -1,6 +1,7 @@
 name: Stash AI
+# requires: StashUserscriptLibrary
 description: Add Tags or Markers to a video using AI
-version: 1.0
+version: 1.0.1
 ui:
   requires: 
   - StashUserscriptLibrary
diff --git a/plugins/stashRealbooru/stash-realbooru.js b/plugins/stashRealbooru/stash-realbooru.js
index f74cda97..ecc0e188 100644
--- a/plugins/stashRealbooru/stash-realbooru.js
+++ b/plugins/stashRealbooru/stash-realbooru.js
@@ -1,7 +1,7 @@
 (function () {
   'use strict';
 
-  let REALBOORU_API_URL = "https://hysts-deepdanbooru.hf.space/api/predict";
+  let REALBOORU_API_URL = "https://cc1234-deepdanbooru.hf.space/api/predict";
   let THRESHOLD = 0.6; // remove matches with a distance higher than this
 
 
@@ -2008,94 +2008,94 @@
   (function (global, factory) {
       module.exports = factory() ;
   }(commonjsGlobal, (function () {
-      /*! *****************************************************************************
-      Copyright (c) Microsoft Corporation.
-
-      Permission to use, copy, modify, and/or distribute this software for any
-      purpose with or without fee is hereby granted.
-
-      THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-      REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-      AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-      INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-      LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-      OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-      PERFORMANCE OF THIS SOFTWARE.
-      ***************************************************************************** */
-      /* global Reflect, Promise */
-
-      var extendStatics = function(d, b) {
-          extendStatics = Object.setPrototypeOf ||
-              ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-              function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-          return extendStatics(d, b);
-      };
-
-      function __extends(d, b) {
-          if (typeof b !== "function" && b !== null)
-              throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-          extendStatics(d, b);
-          function __() { this.constructor = d; }
-          d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-      }
-
-      var __assign = function() {
-          __assign = Object.assign || function __assign(t) {
-              for (var s, i = 1, n = arguments.length; i < n; i++) {
-                  s = arguments[i];
-                  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-              }
-              return t;
-          };
-          return __assign.apply(this, arguments);
-      };
-
-      function __awaiter(thisArg, _arguments, P, generator) {
-          function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-          return new (P || (P = Promise))(function (resolve, reject) {
-              function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-              function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-              function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-              step((generator = generator.apply(thisArg, _arguments || [])).next());
-          });
-      }
-
-      function __generator(thisArg, body) {
-          var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-          return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-          function verb(n) { return function (v) { return step([n, v]); }; }
-          function step(op) {
-              if (f) throw new TypeError("Generator is already executing.");
-              while (_) try {
-                  if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-                  if (y = 0, t) op = [op[0] & 2, t.value];
-                  switch (op[0]) {
-                      case 0: case 1: t = op; break;
-                      case 4: _.label++; return { value: op[1], done: false };
-                      case 5: _.label++; y = op[1]; op = [0]; continue;
-                      case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                      default:
-                          if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                          if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                          if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                          if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                          if (t[2]) _.ops.pop();
-                          _.trys.pop(); continue;
-                  }
-                  op = body.call(thisArg, _);
-              } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-              if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-          }
-      }
-
-      function __spreadArray(to, from, pack) {
-          if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-              if (ar || !(i in from)) {
-                  if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-                  ar[i] = from[i];
-              }
-          }
-          return to.concat(ar || from);
+      /*! *****************************************************************************
+      Copyright (c) Microsoft Corporation.
+
+      Permission to use, copy, modify, and/or distribute this software for any
+      purpose with or without fee is hereby granted.
+
+      THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+      REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+      AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+      INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+      LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+      OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+      PERFORMANCE OF THIS SOFTWARE.
+      ***************************************************************************** */
+      /* global Reflect, Promise */
+
+      var extendStatics = function(d, b) {
+          extendStatics = Object.setPrototypeOf ||
+              ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+              function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+          return extendStatics(d, b);
+      };
+
+      function __extends(d, b) {
+          if (typeof b !== "function" && b !== null)
+              throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+          extendStatics(d, b);
+          function __() { this.constructor = d; }
+          d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+      }
+
+      var __assign = function() {
+          __assign = Object.assign || function __assign(t) {
+              for (var s, i = 1, n = arguments.length; i < n; i++) {
+                  s = arguments[i];
+                  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+              }
+              return t;
+          };
+          return __assign.apply(this, arguments);
+      };
+
+      function __awaiter(thisArg, _arguments, P, generator) {
+          function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+          return new (P || (P = Promise))(function (resolve, reject) {
+              function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+              function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+              function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+              step((generator = generator.apply(thisArg, _arguments || [])).next());
+          });
+      }
+
+      function __generator(thisArg, body) {
+          var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+          return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+          function verb(n) { return function (v) { return step([n, v]); }; }
+          function step(op) {
+              if (f) throw new TypeError("Generator is already executing.");
+              while (_) try {
+                  if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+                  if (y = 0, t) op = [op[0] & 2, t.value];
+                  switch (op[0]) {
+                      case 0: case 1: t = op; break;
+                      case 4: _.label++; return { value: op[1], done: false };
+                      case 5: _.label++; y = op[1]; op = [0]; continue;
+                      case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                      default:
+                          if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                          if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                          if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                          if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                          if (t[2]) _.ops.pop();
+                          _.trys.pop(); continue;
+                  }
+                  op = body.call(thisArg, _);
+              } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+              if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+          }
+      }
+
+      function __spreadArray(to, from, pack) {
+          if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+              if (ar || !(i in from)) {
+                  if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+                  ar[i] = from[i];
+              }
+          }
+          return to.concat(ar || from);
       }
 
       var Bounds = /** @class */ (function () {
diff --git a/plugins/stashRealbooru/stash-realbooru.yml b/plugins/stashRealbooru/stash-realbooru.yml
index 8db2e521..ed73a10e 100644
--- a/plugins/stashRealbooru/stash-realbooru.yml
+++ b/plugins/stashRealbooru/stash-realbooru.yml
@@ -1,6 +1,7 @@
 name: Stash Realbooru
+# requires: StashUserscriptLibrary
 description: Add tags based on the realbooru model, This works on individual images.
-version: 1.0
+version: 1.0.1
 ui:
   requires: 
   - StashUserscriptLibrary
@@ -10,4 +11,4 @@ ui:
   - stash-realbooru.css
   csp:
     connect-src:
-    - "https://hysts-deepdanbooru.hf.space"
+    - "https://cc1234-deepdanbooru.hf.space"
diff --git a/plugins/visage/visage.yml b/plugins/visage/visage.yml
index 9d924d76..bcce0b8f 100644
--- a/plugins/visage/visage.yml
+++ b/plugins/visage/visage.yml
@@ -1,6 +1,7 @@
 name: Visage
+# requires: StashUserscriptLibrary
 description: Use facial Recognition To Lookup Performers.
-version: 1.0
+version: 1.0.1
 ui:
   requires: 
   - StashUserscriptLibrary

From 5ab546ea7e4f20a19e1b5a7ecf177d78ee3d1e5d Mon Sep 17 00:00:00 2001
From: Tweeticoats <Tweeticoats@github.com>
Date: Mon, 22 Jan 2024 20:28:16 +1030
Subject: [PATCH 61/91] Adding a new plugin to automatically download performer
 images from stashdb or any other stashbox. Add the tag [Stashbox Performer
 Gallery] to a performer to start the backgroud job. The images will be
 downloaded and added to a gallery for the database.

You can then go into the gallery and add the tag [Set Profile Image] to an image with exactly 1 performer to set that image as the profile image.
---
 .../requirements.txt                          |   2 +
 .../stashdb-performer-gallery.py              | 227 ++++++++++++++++++
 .../stashdb-performer-gallery.yml             |  38 +++
 3 files changed, 267 insertions(+)
 create mode 100644 plugins/stashdb-performer-gallery/requirements.txt
 create mode 100644 plugins/stashdb-performer-gallery/stashdb-performer-gallery.py
 create mode 100644 plugins/stashdb-performer-gallery/stashdb-performer-gallery.yml

diff --git a/plugins/stashdb-performer-gallery/requirements.txt b/plugins/stashdb-performer-gallery/requirements.txt
new file mode 100644
index 00000000..6945b333
--- /dev/null
+++ b/plugins/stashdb-performer-gallery/requirements.txt
@@ -0,0 +1,2 @@
+requests
+stashapp-tools
diff --git a/plugins/stashdb-performer-gallery/stashdb-performer-gallery.py b/plugins/stashdb-performer-gallery/stashdb-performer-gallery.py
new file mode 100644
index 00000000..44297e2a
--- /dev/null
+++ b/plugins/stashdb-performer-gallery/stashdb-performer-gallery.py
@@ -0,0 +1,227 @@
+import stashapi.log as log
+from stashapi.stashapp import StashInterface
+from stashapi.stashbox import StashBoxInterface
+import os
+import sys
+import requests
+import json
+import time
+import math
+import requests
+from pathlib import Path
+import base64
+
+
+per_page = 100
+request_s = requests.Session()
+stash_boxes={}
+
+
+
+def processImages(img):
+    log.debug('image: %s' % ( img, ))
+    for file in [x['path'] for x in img['visual_files']]:
+        if settings['path'] in file:
+            index_file=Path(Path(file).parent) / (Path(file).stem +'.json')
+            log.debug(index_file)
+            if index_file.exists():
+                log.debug('loading index file %s' % (index_file,))
+                with open(index_file) as f:
+                    index = json.load(f)
+
+                    index['id']=img['id']
+
+                    stash.update_image(index)
+
+
+
+def processPerformers():
+    performers=stash.find_performers(f={"tags": {"depth": 0, "excludes": [], "modifier": "INCLUDES_ALL", "value": [ tag_stashbox_performer_gallery ]}})
+    for performer in performers:
+        processPerformer(performer)
+
+def processPerformer( performer):
+    dir=Path(settings['path']) / performer['id']
+    dir.mkdir(parents=True, exist_ok=True)
+    for sid in performer['stash_ids']:
+        log.debug(sid)
+        processPerformerStashid(sid['endpoint'],sid['stash_id'],performer)
+def get_stashbox(endpoint):
+#    if endpoint in stash_boxes:
+#        return stash_boxes[endpoint]
+    for sbx_config in stash.get_configuration()['general']['stashBoxes']:
+        if sbx_config['endpoint']==endpoint:
+            stashbox = StashBoxInterface({'endpoint': sbx_config['endpoint'], 'api_key': sbx_config['api_key']})
+            stash_boxes[endpoint] = stashbox
+            return stashbox
+
+def processPerformerStashid(endpoint,stashid,p):
+    log.info('processing performer %s, %s  endpoint: %s,  stash id: %s' % (p['name'],p['id'],endpoint,stashid,))
+
+    index_file=os.path.join(settings['path'], p['id'],'index.json')
+    if os.path.exists(index_file):
+        with open(os.path.join(settings['path'], p['id'],'index.json')) as f:
+            index= json.load(f)
+    else:
+        index={'files': {},'galleries':{},'performer_id':p['id']}
+
+    modified=False
+    stashbox=get_stashbox(endpoint)
+    if stashbox:
+        query="""id
+        name
+        images {
+          id
+          url
+        } 
+        """
+        perf=stashbox.find_performer(stashid,fragment=query)
+        log.debug(perf)
+        if endpoint not in index['galleries']:
+            gallery_input={
+                'title': '%s - %s ' % (p['name'], endpoint[8:-8],),
+                'urls':['%s/performers/%s' % (endpoint[:-8],stashid,)],
+                'tag_ids':[tag_stashbox_performer_gallery],
+                'performer_ids':[p['id']]
+            }
+            gal=stash.create_gallery(gallery_input)
+            log.info('Created gallery %s' % (gal,))
+            index['galleries'][endpoint]=gal
+
+            modified=True
+        #check if the gallery still exists and has not been deleted
+        current_gal=stash.find_gallery(index['galleries'][endpoint])
+        log.debug('current: %s' % (current_gal,))
+        if current_gal is None:
+            log.debug('deleted?')
+            gallery_input={
+                'title': '%s - %s ' % (p['name'], endpoint[:-8],),
+                'urls':['%s/performers/%s' % (endpoint[:-8],stashid,)],
+                'tag_ids':[tag_stashbox_performer_gallery],
+                'performer_ids':[p['id']]
+            }
+
+
+            gal=stash.create_gallery(gallery_input)
+            log.info('Created gallery %s' % (gal,))
+            index['galleries'][endpoint]=gal
+            modified=True
+        if modified:
+            with open(index_file, 'w') as f:
+                json.dump(index, f)
+
+        for img in perf['images']:
+            image_index=Path(settings['path'])/ p['id'] /(img['id']+'.json')
+            if not image_index.exists():
+                with open(image_index, 'w') as f:
+                    image_data={
+                        'title':img['id'],
+                        'urls':[img['url']],
+                        'performer_ids':[p['id']],
+                        'tag_ids':[tag_stashbox_performer_gallery],
+                        'gallery_ids':[index['galleries'][endpoint]],
+                    }
+                    json.dump(image_data, f)
+            filename = Path(settings['path']) / p['id'] / (img['id'] + '.jpg')
+            if not os.path.exists(filename):
+                log.info('Downloading image %s to %s' % (img['url'], filename,))
+                r = requests.get(img['url'])
+                with open(filename, "xb") as f:
+                    f.write(r.content)
+                    f.close()
+            #            modified=True
+            else:
+                log.debug('image already downloaded')
+
+    else:
+        log.error('endpoint %s not configured, skipping' % (endpoint,))
+
+
+def setPerformerPicture(img):
+    if len(img['performers'])==1:
+        log.debug(img['paths']['image'])
+        res=request_s.get(img['paths']['image'])
+        log.debug(res.headers['Content-Type'])
+        if res.status_code==200:
+            encoded = base64.b64encode(res.content).decode()
+            new_performer ={
+                'id':img['performers'][0]['id'],
+                'image':'data:{0};base64,{1}'.format(res.headers['Content-Type'], encoded)
+            }
+            log.info('updating performer with tagged image %s' % (new_performer['id'],))
+            stash.update_performer(new_performer)
+
+
+def processQueue():
+    for id in settings['queue'].split(','):
+        if len(id) > 0:
+            p=stash.find_performer(id)
+            processPerformer(p)
+    #queue has not changed since we started, clear setting
+    if stash.get_configuration()['plugins']['stashdb-performer-gallery']==settings['queue']:
+        stash.configure_plugin('stashdb-performer-gallery',{'queue':''})
+        stash.metadata_scan(paths=[settings['path']])
+        stash.run_plugin_task('stashdb-performer-gallery','relink missing images')
+    else:
+        # update remove the completed entries from the queue string leaving the unprocessed and schedule the task again
+        log.debug('updating queue')
+        stash.configure_plugin('stashdb-performer-gallery',{'queue':stash.get_configuration()['plugins']['stashdb-performer-gallery']['queue'].removeprefix(settings['queue'])})
+        stash.run_plugin_task('stashdb-performer-gallery','Process Performers')
+
+def relink_images():
+    images=stash.find_images(f= {"path": {"modifier": "INCLUDES","value": settings['path']},"performer_count": {"modifier": "EQUALS","value": 0}})
+    log.debug(images)
+    for img in images:
+        processImages(img)
+
+json_input = json.loads(sys.stdin.read())
+
+FRAGMENT_SERVER = json_input["server_connection"]
+stash = StashInterface(FRAGMENT_SERVER)
+
+config=stash.get_configuration()['plugins']
+settings={
+    'path':'/download_dir',
+ }
+if 'stashdb-performer-gallery' in config:
+    settings.update(config['stashdb-performer-gallery'])
+#log.info('config: %s ' % (settings,))
+
+
+tag_stashbox_performer_gallery = stash.find_tag('[Stashbox Performer Gallery]', create=True).get("id")
+tag_performer_image = stash.find_tag('[Set Profile Image]', create=True).get("id")
+
+if 'stasdb-performer-gallery' in config:
+    settings.update(config['stasdb-performer-gallery'])
+
+
+
+if 'mode' in json_input['args']:
+    PLUGIN_ARGS = json_input['args']["mode"]
+    if 'performer' in json_input['args']:
+        p=stash.find_performer(json_input['args']['performer'])
+        if tag_stashbox_performer_gallery in [x['id'] for x in p['tags']]:
+            processPerformer(p)
+        stash.metadata_scan(paths=[settings['path']])
+        stash.run_plugin_task('stashdb-performer-gallery','relink missing images',args={})
+    elif 'processPerformers' in PLUGIN_ARGS:
+        processPerformers()
+        stash.metadata_scan([settings['path']])
+        stash.run_plugin_task('stashdb-performer-gallery','relink missing images',args={})
+    elif 'processImages' in PLUGIN_ARGS:
+        relink_images()
+
+
+elif 'hookContext' in json_input['args']:
+    id=json_input['args']['hookContext']['id']
+    if json_input['args']['hookContext']['type']=='Image.Create.Post':
+        img=stash.find_image(image_in=id)
+        processImages(img)
+    if json_input['args']['hookContext']['type']=='Image.Update.Post':
+        img=stash.find_image(image_in=id)
+        if tag_performer_image in [x['id'] for x in img['tags']]:
+            setPerformerPicture(img)
+    if json_input['args']['hookContext']['type']=='Performer.Update.Post':
+        stash.run_plugin_task('stashdb-performer-gallery','Process Performers',args={'performer':id})
+
+
diff --git a/plugins/stashdb-performer-gallery/stashdb-performer-gallery.yml b/plugins/stashdb-performer-gallery/stashdb-performer-gallery.yml
new file mode 100644
index 00000000..6d6a5f4d
--- /dev/null
+++ b/plugins/stashdb-performer-gallery/stashdb-performer-gallery.yml
@@ -0,0 +1,38 @@
+name: stashdb performer gallery
+description: Automatically download performer images from stashdb or other stash-boxes. Add the [Stashbox Performer Gallery] tag to a performer and it will create a gallery of images from that stash-box database. Apply the tag [Set Profile Image] to an image to set it as the profile image of that performer. Note you will need to configure the download path and add this as a path under settings > library
+version: 0.1
+url: https://github.com/stashapp/CommunityScripts/
+exec:
+  - python
+  - "{pluginDir}/stashdb-performer-gallery.py"
+interface: raw
+settings:
+  path:
+    displayName: Download parent folder
+    description: Download location for files, note this should be in a different folder to stash and in a folder covered by stash. You may need to create a new library path to cover this directory.
+    type: STRING
+
+hooks:
+  - name: modify performer
+    description: Download galleries on performer update if the [performer gallery] tag is applied
+    triggeredBy:
+      - Performer.Update.Post
+  - name: image add
+    description: Add images
+    triggeredBy:
+      - Image.Create.Post
+  - name: set profile images
+    description: Set profile images py adding the [Set Profile Image] tag to the image, there must be exactly 1 performer tagged on the image.
+    triggeredBy:
+      - Image.Update.Post
+
+
+tasks:
+  - name: 'Process Performers'
+    description: Fetch performer images for performers with the [performer gallery] tag
+    defaultArgs:
+      mode: processPerformers
+  - name: 'relink missing images'
+    description: reprocess missing images
+    defaultArgs:
+      mode: processImages

From d3ed7cbd6f7e52fe85f91f5a18c6453b66609524 Mon Sep 17 00:00:00 2001
From: raghavan <raghavanmarch2002@gmail.com>
Date: Mon, 22 Jan 2024 18:59:28 +0530
Subject: [PATCH 62/91] update plugins

---
 plugins/stashAI/stashai.js                | 4 ++--
 plugins/stashRealbooru/stash-realbooru.js | 2 +-
 plugins/visage/visage.js                  | 4 ++--
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/plugins/stashAI/stashai.js b/plugins/stashAI/stashai.js
index 9b66c1d3..fa019ba0 100644
--- a/plugins/stashAI/stashai.js
+++ b/plugins/stashAI/stashai.js
@@ -3615,7 +3615,7 @@
   	}
   }
 
-  stash.addEventListener("page:scene", function () {
+  stash.addEventListener("stash:page:scene", function () {
       let elms = ".ml-auto .btn-group";
       waitForElm(elms).then(() => {
           if (!document.querySelector("#stashmarker")) {
@@ -3623,7 +3623,7 @@
           }
       });
   });
-  stash.addEventListener("page:scene", function () {
+  stash.addEventListener("stash:page:scene", function () {
       let elms = ".ml-auto .btn-group";
       waitForElm(elms).then(() => {
           if (!document.querySelector("#stashtag")) {
diff --git a/plugins/stashRealbooru/stash-realbooru.js b/plugins/stashRealbooru/stash-realbooru.js
index ecc0e188..2445bbe5 100644
--- a/plugins/stashRealbooru/stash-realbooru.js
+++ b/plugins/stashRealbooru/stash-realbooru.js
@@ -10054,7 +10054,7 @@
   	}
   }
 
-  stash.addEventListener("page:image", function () {
+  stash.addEventListener("stash:page:image", function () {
       let elms = ".ml-auto .btn-group";
       waitForElm(elms).then(() => {
           if (!document.querySelector("#stashrealbooru")) {
diff --git a/plugins/visage/visage.js b/plugins/visage/visage.js
index 3f129588..143d4cd1 100644
--- a/plugins/visage/visage.js
+++ b/plugins/visage/visage.js
@@ -11785,7 +11785,7 @@
   	}
   }
 
-  stash.addEventListener("page:scene", function () {
+  stash.addEventListener("stash:page:scene", function () {
       let elms = ".ml-auto .btn-group";
       waitForElm(elms).then(() => {
           const e = document.querySelector(elms);
@@ -11798,7 +11798,7 @@
           }
       });
   });
-  stash.addEventListener("page:image", function () {
+  stash.addEventListener("stash:page:image", function () {
       let elms = ".ml-auto .btn-group";
       waitForElm(elms).then(() => {
           if (!document.querySelector("#visage")) {

From 62293e16cb4510760a1605ae3f31df12040effd3 Mon Sep 17 00:00:00 2001
From: raghavan <raghavanmarch2002@gmail.com>
Date: Mon, 22 Jan 2024 19:01:54 +0530
Subject: [PATCH 63/91] close unfinished function to save memory

---
 plugins/stashUserscriptLibrary/stashUserscriptLibrary.js | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/plugins/stashUserscriptLibrary/stashUserscriptLibrary.js b/plugins/stashUserscriptLibrary/stashUserscriptLibrary.js
index 91d77dec..89b5da1a 100644
--- a/plugins/stashUserscriptLibrary/stashUserscriptLibrary.js
+++ b/plugins/stashUserscriptLibrary/stashUserscriptLibrary.js
@@ -438,9 +438,10 @@ class Stash extends EventTarget {
                 subtree: true,
             })
 
-            const stash = this
             if (disconnectOnPageChange) {
+                const stash = this
                 function disconnect() {
+                    resolve(false)
                     observer.disconnect()
                     stash.removeEventListener("stash:page", disconnect)
                 }
@@ -462,9 +463,10 @@ class Stash extends EventTarget {
                 subtree: true,
             })
 
-            const stash = this
             if (disconnectOnPageChange) {
+                const stash = this
                 function disconnect() {
+                    resolve(false)
                     observer.disconnect()
                     stash.removeEventListener("stash:page", disconnect)
                 }
@@ -525,7 +527,7 @@ class Stash extends EventTarget {
                 }
             }
         }
-    callback()
+        callback()
     }
     _dispatchPageEvent(event, addToHistory = true) {
         this.dispatchEvent(new CustomEvent(event, {

From 53f209943bcedf54b6a4273309ab20e9be078ca4 Mon Sep 17 00:00:00 2001
From: raghavan <raghavanmarch2002@gmail.com>
Date: Mon, 22 Jan 2024 23:52:41 +0530
Subject: [PATCH 64/91] re-implemented display view events

---
 .../stashUserscriptLibrary.js                 | 319 +++++++++++++-----
 1 file changed, 230 insertions(+), 89 deletions(-)

diff --git a/plugins/stashUserscriptLibrary/stashUserscriptLibrary.js b/plugins/stashUserscriptLibrary/stashUserscriptLibrary.js
index 89b5da1a..7efa6143 100644
--- a/plugins/stashUserscriptLibrary/stashUserscriptLibrary.js
+++ b/plugins/stashUserscriptLibrary/stashUserscriptLibrary.js
@@ -37,7 +37,7 @@ class Logger {
 class Stash extends EventTarget {
     constructor({
         pageUrlCheckInterval = 100,
-        detectReRenders = false, // detects if .main element is re-rendered. eg: When you are in scenes page and clicking the scenes nav tab the url wont change but the elements are re-rendered, So with this you can listen and alter the elements inside the .main node
+        detectReRenders = true,
         logging = false
     } = {}) {
         super();
@@ -47,7 +47,6 @@ class Stash extends EventTarget {
         this.fireOnHashChangesToo = true;
         this._lastPathStr = "";
         this._lastQueryStr = "";
-        this._lastHashStr = "";
         this._lastHref = "";
         this._lastStashPageEvent = "";
         this.waitForElement(this._detectReRenders ? ".main > div" : "html").then(() => {
@@ -55,9 +54,8 @@ class Stash extends EventTarget {
                 // Loop every 100 ms
                 if (
                     this._lastPathStr !== location.pathname ||
-                    this._lastQueryStr !== location.search ||
-                    (this.fireOnHashChangesToo && this._lastHashStr !== location.hash) ||
                     this._lastHref !== location.href ||
+                    this._lastQueryStr !== location.search ||
                     (!document.querySelector(".main > div[stashUserscriptLibrary]") && this._detectReRenders)
                 ) {
                     this._dispatchPageEvent("stash:page", false)
@@ -65,19 +63,17 @@ class Stash extends EventTarget {
                     this._handlePageChange({
                         lastPathStr: this._lastPathStr,
                         lastQueryStr: this._lastQueryStr,
-                        lastHashStr: this._lastHashStr,
                         lastHref: this._lastHref,
                         lastStashPageEvent: this._lastStashPageEvent,
                     });
 
                     this._lastPathStr = location.pathname
                     this._lastQueryStr = location.search
-                    this._lastHashStr = location.hash
                     this._lastHref = location.href
 
                     if (this._detectReRenders) {
                         this.waitForElement(".main > div", 10000).then((element) => {
-                            element.setAttribute("stashUserscriptLibrary", "");
+                            if (element) element.setAttribute("stashUserscriptLibrary", "");
                         })
                     }
                 }
@@ -474,18 +470,18 @@ class Stash extends EventTarget {
             }
         })
     }
-    async _listenForNonPageChanges({selector = "", location = document.body, listenType = "", event = "", recursive = false, reRunHandlePageChange = false, condition = () => true, listenDefaultTab = true, callback = () => {}} = {}){
+    async _listenForNonPageChanges({selector = "", location = document.body, listenType = "", event = "", recursive = false, reRunHandlePageChange = false, listenDefaultTab = true, callback = () => {}} = {}){
         if (recursive) return
 
         if (listenType === "tabs") {
-            const locationElement = await this.waitForElement(location, 10000, document.body, true)
+            const tabsContainer = await this.waitForElement(selector, 10000, location, true)
             const stash = this
             let previousEvent = ""
 
             function listenForTabClicks(domEvent) {
                 const clickedChild = domEvent.target ? domEvent.target : domEvent;
 
-                if(!clickedChild.classList?.contains("nav-link")) return
+                if (!clickedChild.classList?.contains("nav-link")) return
 
                 const tagName = clickedChild.getAttribute("data-rb-event-key")
                 const parentEvent = tagName.split("-")[0]
@@ -493,19 +489,19 @@ class Stash extends EventTarget {
 
                 event = `stash:page:${parentEvent}:${childEvent}`
 
-                if (previousEvent === event || !condition()) return
+                if (previousEvent === event) return
                 previousEvent = event
 
                 stash._dispatchPageEvent(`stash:page:any:${childEvent}`, false)
                 stash._dispatchPageEvent(event)
             }
 
-            if (listenDefaultTab) listenForTabClicks(locationElement.querySelector(".nav-link.active"))
+            if (listenDefaultTab) listenForTabClicks(tabsContainer.querySelector(".nav-link.active"))
 
-            locationElement.addEventListener("click", listenForTabClicks);
+            tabsContainer.addEventListener("click", listenForTabClicks);
 
             function removeEventListenerOnPageChange() {
-                locationElement.removeEventListener("click", listenForTabClicks)
+                tabsContainer.removeEventListener("click", listenForTabClicks)
                 stash.removeEventListener("stash:page", removeEventListenerOnPageChange)
             }
             stash.addEventListener("stash:page", removeEventListenerOnPageChange)
@@ -513,20 +509,19 @@ class Stash extends EventTarget {
             this._dispatchPageEvent(event)
 
             if (await this.waitForElementDeath(selector, location, true)) {
-                if (this._lastPathStr === window.location.pathname && !reRunHandlePageChange) {
-                    await this._listenForNonPageChanges({selector: selector, event: event})
-                } else if (this._lastPathStr === window.location.pathname && reRunHandlePageChange)  {
+                if (this._lastPathStr === window.location.pathname && reRunHandlePageChange)  {
+                    // triggered after home, performer, studio, tag's edit page close
                     this._handlePageChange({
                         recursive: true,
                         lastPathStr: this._lastPathStr,
                         lastQueryStr: this._lastQueryStr,
-                        lastHashStr: this._lastHashStr,
                         lastHref: this._lastHref,
                         lastStashPageEvent: this._lastStashPageEvent,
                     });
                 }
             }
         }
+
         callback()
     }
     _dispatchPageEvent(event, addToHistory = true) {
@@ -536,25 +531,27 @@ class Stash extends EventTarget {
                 lastEventState: {
                     lastPathStr: this._lastPathStr,
                     lastQueryStr: this._lastQueryStr,
-                    lastHashStr: this._lastHashStr,
                     lastHref: this._lastHref,
                     lastStashPageEvent: this._lastStashPageEvent,
                 }
             }
         }))
+
         if (addToHistory) {
             this.log.debug(`[Navigation] ${event}`);
             if (event.startsWith("stash:")) {
                 this._lastStashPageEvent = event;
             }
         }
+
+        // if (event!=="stash:page" && !addToHistory) this.log.debug(`[Navigation] ${event}`); // log ":any:" events
     }
     addPageListener(eventData) {
-        const {event, regex, callBack = () => {}, manuallyHandleDispatchEvent = false} = eventData
+        const {event, regex, callback = () => {}, manuallyHandleDispatchEvent = false} = eventData
         if (event && !event?.startsWith("stash:") && regex && this._pageListeners[event] === undefined){
             this._pageListeners[event] = {
                 regex: regex,
-                callBack: callBack,
+                callback: callback,
                 manuallyHandleDispatchEvent: manuallyHandleDispatchEvent
             }
 
@@ -572,7 +569,7 @@ class Stash extends EventTarget {
         }
     }
     removePageListener(event) {
-        if(event && !event?.startsWith("stash:") && this._pageListeners[event]){
+        if (event && !event?.startsWith("stash:") && this._pageListeners[event]){
             delete this._pageListeners[event]
             return event
         } else {
@@ -595,16 +592,22 @@ class Stash extends EventTarget {
             // scenes tab
             "stash:page:scenes": {
                 regex: /\/scenes\?/,
-                handleDisplayView: true,
-                callBack: () => this.processTagger()
+                manuallyHandleDispatchEvent: true,
+                handleDisplayView: "ignoreDisplayViewCondition",
+                callback: ({lastHref, event, regex}) => {
+                    if (!this.matchUrl(lastHref, regex)) {
+                        this._dispatchPageEvent(event);
+                        this.processTagger()
+                    }
+                }
             },
             "stash:page:scene:new": {
                 regex: /\/scenes\/new/
             },
             "stash:page:scene": {
                 regex: /\/scenes\/\d+\?/,
-                callBack: ({recursive = false}) => this._listenForNonPageChanges({
-                    location: ".scene-tabs .nav-tabs",
+                callback: ({recursive = false}) => this._listenForNonPageChanges({
+                    selector: ".scene-tabs .nav-tabs",
                     listenType: "tabs",
                     recursive: recursive
                 })
@@ -614,11 +617,17 @@ class Stash extends EventTarget {
             "stash:page:images": {
                 regex: /\/images\?/,
                 handleDisplayView: true,
+                manuallyHandleDispatchEvent: true,
+                callback: ({lastHref, event, regex}) => {
+                    if (!this.matchUrl(lastHref, regex)) {
+                        this._dispatchPageEvent(event);
+                    }
+                }
             },
             "stash:page:image": {
                 regex: /\/images\/\d+/,
-                callBack: ({recursive = false}) => this._listenForNonPageChanges({
-                    location: ".image-tabs .nav-tabs",
+                callback: ({recursive = false}) => this._listenForNonPageChanges({
+                    selector: ".image-tabs .nav-tabs",
                     listenType: "tabs",
                     recursive: recursive
                 })
@@ -633,7 +642,7 @@ class Stash extends EventTarget {
             },
             "stash:page:movie:scenes": {
                 regex: /\/movies\/\d+\?/,
-                callBack: () => this.processTagger()
+                callback: () => this.processTagger()
             },
 
             // markers tab
@@ -644,7 +653,13 @@ class Stash extends EventTarget {
             // galleries tab
             "stash:page:galleries": {
                 regex: /\/galleries\?/,
-                handleDisplayView: true,
+                handleDisplayView: "ignoreDisplayViewCondition",
+                manuallyHandleDispatchEvent: true,
+                callback: ({lastHref, event, regex}) => {
+                    if (!this.matchUrl(lastHref, regex)) {
+                        this._dispatchPageEvent(event);
+                    }
+                }
             },
             "stash:page:gallery:new": {
                 regex: /\/galleries\/new/,
@@ -653,16 +668,16 @@ class Stash extends EventTarget {
                 regex: /\/galleries\/\d+\?/,
                 manuallyHandleDispatchEvent: true,
                 handleDisplayView: "ignoreDisplayViewCondition",
-                callBack: ({lastHref, recursive = false}, event) => {
-                    if(!this.matchUrl(lastHref, /\/galleries\/\d+\//)){
+                callback: ({lastHref, lastPathStr, recursive = false, event}) => {
+                    if (!this.matchUrl(lastHref, /\/galleries\/\d+\//) && lastPathStr !== window.location.pathname) {
                         this._dispatchPageEvent("stash:page:gallery");
-                        this._listenForNonPageChanges({selector: ".gallery-tabs .nav-tabs .nav-link.active", event: "stash:page:gallery:details"})
+                        this._listenForNonPageChanges({selector: ".gallery-tabs .nav-tabs .nav-link.active", event: "stash:page:gallery:details", recursive: recursive})
                     }
         
                     this._dispatchPageEvent(event);
                     
                     this._listenForNonPageChanges({
-                        location: ".gallery-tabs .nav-tabs",
+                        selector: ".gallery-tabs .nav-tabs",
                         listenType: "tabs",
                         recursive: recursive,
                         listenDefaultTab: false
@@ -673,16 +688,16 @@ class Stash extends EventTarget {
                 regex: /\/galleries\/\d+\/add/,
                 manuallyHandleDispatchEvent: true,
                 handleDisplayView: "ignoreDisplayViewCondition",
-                callBack: ({lastHref, recursive = false}, event) => {
-                    if(!this.matchUrl(lastHref, /\/galleries\/\d+/)){
+                callback: ({lastHref, lastPathStr, recursive = false, event}) => {
+                    if (!this.matchUrl(lastHref, /\/galleries\/\d+/) && lastPathStr !== window.location.pathname) {
                         this._dispatchPageEvent("stash:page:gallery");
-                        this._listenForNonPageChanges({selector: ".gallery-tabs .nav-tabs .nav-link.active", event: "stash:page:gallery:details"})
+                        this._listenForNonPageChanges({selector: ".gallery-tabs .nav-tabs .nav-link.active", event: "stash:page:gallery:details", recursive: recursive})
                     }
         
                     this._dispatchPageEvent(event);
                     
                     this._listenForNonPageChanges({
-                        location: ".gallery-tabs .nav-tabs",
+                        selector: ".gallery-tabs .nav-tabs",
                         listenType: "tabs",
                         recursive: recursive,
                         listenDefaultTab: false
@@ -693,9 +708,13 @@ class Stash extends EventTarget {
             // performers tab
             "stash:page:performers": {
                 regex: /\/performers\?/,
+                handleDisplayView: "ignoreDisplayViewCondition", 
                 manuallyHandleDispatchEvent: true,
-                handleDisplayView: true, 
-                callBack: ({lastHref}, event) => !this.matchUrl(lastHref, /\/performers\?/) || this._detectReRenders ? this._dispatchPageEvent(event) : null
+                callback: ({lastHref, event, regex}) => {
+                    if (!this.matchUrl(lastHref, regex) || this._detectReRenders) {
+                        this._dispatchPageEvent(event)
+                    }
+                }
             },
             "stash:page:performer:new": {
                 regex: /\/performers\/new/
@@ -703,8 +722,8 @@ class Stash extends EventTarget {
             "stash:page:performer": {
                 regex: /\/performers\/\d+/,
                 manuallyHandleDispatchEvent: true,
-                callBack: ({lastHref}, event) => {
-                    if(!this.matchUrl(lastHref, /\/performers\/\d+/)){
+                callback: ({lastHref, event, regex}) => {
+                    if (!this.matchUrl(lastHref, regex)) {
                         this._dispatchPageEvent(event);
                         this.processTagger();
                     }
@@ -719,29 +738,59 @@ class Stash extends EventTarget {
             },
             "stash:page:performer:scenes": {
                 regex: /\/performers\/\d+\?/,
-                handleDisplayView: true,
+                handleDisplayView: "ignoreDisplayViewCondition",
+                manuallyHandleDispatchEvent: true,
+                callback: ({lastHref, event, regex}) => {
+                    if (!this.matchUrl(lastHref, regex)) {
+                        this._dispatchPageEvent(event);
+                    }
+                }
             },
             "stash:page:performer:galleries": {
                 regex: /\/performers\/\d+\/galleries/,
-                handleDisplayView: true
+                handleDisplayView: "ignoreDisplayViewCondition",
+                manuallyHandleDispatchEvent: true,
+                callback: ({lastHref, event, regex}) => {
+                    if (!this.matchUrl(lastHref, regex)) {
+                        this._dispatchPageEvent(event);
+                    }
+                }
             },
             "stash:page:performer:images": {
                 regex: /\/performers\/\d+\/images/,
-                handleDisplayView: true
+                handleDisplayView: "ignoreDisplayViewCondition",
+                manuallyHandleDispatchEvent: true,
+                callback: ({lastHref, event, regex}) => {
+                    if (!this.matchUrl(lastHref, regex)) {
+                        this._dispatchPageEvent(event);
+                    }
+                }
             },
             "stash:page:performer:movies": {
                 regex: /\/performers\/\d+\/movies/
             },
             "stash:page:performer:appearswith": {
                 regex: /\/performers\/\d+\/appearswith/,
-                handleDisplayView: true,
-                callBack: () => this.processTagger()
+                handleDisplayView: "ignoreDisplayViewCondition",
+                manuallyHandleDispatchEvent: true,
+                callback: ({lastHref, event, regex}) => {
+                    if (!this.matchUrl(lastHref, regex)) {
+                        this._dispatchPageEvent(event);
+                        this.processTagger()
+                    }
+                }
             },
 
             // studios tab
             "stash:page:studios": {
                 regex: /\/studios\?/,
-                handleDisplayView: true,
+                handleDisplayView: "ignoreDisplayViewCondition",
+                manuallyHandleDispatchEvent: true,
+                callback: ({lastHref, event, regex}) => {
+                    if (!this.matchUrl(lastHref, regex)) {
+                        this._dispatchPageEvent(event);
+                    }
+                }
             },
             "stash:page:studio:new": {
                 regex: /\/studios\/new/
@@ -749,8 +798,8 @@ class Stash extends EventTarget {
             "stash:page:studio": {
                 regex: /\/studios\/\d+/,
                 manuallyHandleDispatchEvent: true,
-                callBack: ({lastHref}, event) => {
-                    if(!this.matchUrl(lastHref, /\/studios\/\d+/)){
+                callback: ({lastHref, event, regex}) => {
+                    if (!this.matchUrl(lastHref, regex)) {
                         this._dispatchPageEvent(event);
                         this.processTagger();
                     }
@@ -765,32 +814,68 @@ class Stash extends EventTarget {
             },
             "stash:page:studio:scenes": {
                 regex: /\/studios\/\d+\?/,
-                handleDisplayView: true,
+                handleDisplayView: "ignoreDisplayViewCondition",
+                manuallyHandleDispatchEvent: true,
+                callback: ({lastHref, event, regex}) => {
+                    if (!this.matchUrl(lastHref, regex)) {
+                        this._dispatchPageEvent(event);
+                    }
+                }
             },
             "stash:page:studio:galleries": {
                 regex: /\/studios\/\d+\/galleries/,
-                handleDisplayView: true,
+                handleDisplayView: "ignoreDisplayViewCondition",
+                manuallyHandleDispatchEvent: true,
+                callback: ({lastHref, event, regex}) => {
+                    if (!this.matchUrl(lastHref, regex)) {
+                        this._dispatchPageEvent(event);
+                    }
+                }
             },
             "stash:page:studio:images": {
                 regex: /\/studios\/\d+\/images/,
-                handleDisplayView: true,
+                handleDisplayView: "ignoreDisplayViewCondition",
+                manuallyHandleDispatchEvent: true,
+                callback: ({lastHref, event, regex}) => {
+                    if (!this.matchUrl(lastHref, regex)) {
+                        this._dispatchPageEvent(event);
+                    }
+                }
             },
             "stash:page:studio:performers": {
                 regex: /\/studios\/\d+\/performers/,
-                handleDisplayView: true,
+                handleDisplayView: "ignoreDisplayViewCondition",
+                manuallyHandleDispatchEvent: true,
+                callback: ({lastHref, event, regex}) => {
+                    if (!this.matchUrl(lastHref, regex)) {
+                        this._dispatchPageEvent(event);
+                    }
+                }
             },
             "stash:page:studio:movies": {
                 regex: /\/studios\/\d+\/movies/
             },
             "stash:page:studio:childstudios": {
                 regex: /\/studios\/\d+\/childstudios/,
-                handleDisplayView: true,
+                handleDisplayView: "ignoreDisplayViewCondition",
+                manuallyHandleDispatchEvent: true,
+                callback: ({lastHref, event, regex}) => {
+                    if (!this.matchUrl(lastHref, regex)) {
+                        this._dispatchPageEvent(event);
+                    }
+                }
             },
 
             // tags tab
             "stash:page:tags": {
                 regex: /\/tags\?/,
-                handleDisplayView: true,
+                handleDisplayView: "ignoreDisplayViewCondition",
+                manuallyHandleDispatchEvent: true,
+                callback: ({lastHref, event, regex}) => {
+                    if (!this.matchUrl(lastHref, regex)) {
+                        this._dispatchPageEvent(event);
+                    }
+                }
             },
             "stash:page:tag:new": {
                 regex: /\/tags\/new/
@@ -798,8 +883,8 @@ class Stash extends EventTarget {
             "stash:page:tag": {
                 regex: /\/tags\/\d+/,
                 manuallyHandleDispatchEvent: true,
-                callBack: ({lastHref}, event) => {
-                    if(!this.matchUrl(lastHref, /\/tags\/\d+/)){
+                callback: ({lastHref, event, regex}) => {
+                    if (!this.matchUrl(lastHref, regex)) {
                         this._dispatchPageEvent(event);
                         this.processTagger();
                     }
@@ -814,29 +899,57 @@ class Stash extends EventTarget {
             },
             "stash:page:tag:scenes": {
                 regex: /\/tags\/\d+\?/,
-                handleDisplayView: true,
+                handleDisplayView: "ignoreDisplayViewCondition",
+                manuallyHandleDispatchEvent: true,
+                callback: ({lastHref, event, regex}) => {
+                    if (!this.matchUrl(lastHref, regex)) {
+                        this._dispatchPageEvent(event);
+                    }
+                }
             },
             "stash:page:tag:galleries": {
                 regex: /\/tags\/\d+\/galleries/,
-                handleDisplayView: true,
+                handleDisplayView: "ignoreDisplayViewCondition",
+                manuallyHandleDispatchEvent: true,
+                callback: ({lastHref, event, regex}) => {
+                    if (!this.matchUrl(lastHref, regex)) {
+                        this._dispatchPageEvent(event);
+                    }
+                }
             },
             "stash:page:tag:images": {
                 regex: /\/tags\/\d+\/images/,
-                handleDisplayView: true,
+                handleDisplayView: "ignoreDisplayViewCondition",
+                manuallyHandleDispatchEvent: true,
+                callback: ({lastHref, event, regex}) => {
+                    if (!this.matchUrl(lastHref, regex)) {
+                        this._dispatchPageEvent(event);
+                    }
+                }
             },
             "stash:page:tag:markers": {
                 regex: /\/tags\/\d+\/markers/
             },
             "stash:page:tag:performers": {
                 regex: /\/tags\/\d+\/performers/,
-                handleDisplayView: true,
+                handleDisplayView: "ignoreDisplayViewCondition",
+                manuallyHandleDispatchEvent: true,
+                callback: ({lastHref, event, regex}) => {
+                    if (!this.matchUrl(lastHref, regex)) {
+                        this._dispatchPageEvent(event);
+                    }
+                }
             },
 
             // settings page
             "stash:page:settings": {
                 regex: /\/settings/,
                 manuallyHandleDispatchEvent: true,
-                callBack: ({lastHref}, event) => !this.matchUrl(lastHref, /\/settings/) ? this._dispatchPageEvent(event) : null
+                callback: ({lastHref, event, regex}) => {
+                    if (!this.matchUrl(lastHref, regex)) {
+                        this._dispatchPageEvent(event)
+                    }
+                }
             },
             "stash:page:settings:tasks": {
                 regex: /\/settings\?tab=tasks/,
@@ -859,7 +972,7 @@ class Stash extends EventTarget {
             },
             "stash:page:settings:system": {
                 regex: /\/settings\?tab=system/,
-                callBack: () => this.createSettings()
+                callback: () => this.createSettings()
             },
             "stash:page:settings:plugins": {
                 regex: /\/settings\?tab=plugins/
@@ -885,7 +998,7 @@ class Stash extends EventTarget {
             // home page
             "stash:page:home": {
                 regex: /\/$/,
-                callBack: () => this._listenForNonPageChanges({selector: ".recommendations-container-edit", event: "stash:page:home:edit", reRunHandlePageChange: true})
+                callback: () => this._listenForNonPageChanges({selector: ".recommendations-container-edit", event: "stash:page:home:edit", reRunHandlePageChange: true})
             },
         }
     }
@@ -893,12 +1006,25 @@ class Stash extends EventTarget {
         const events = Object.keys(this._pageListeners)
 
         for (const event of events) {
-            const {regex, callBack = async () => {}, manuallyHandleDispatchEvent = false, handleDisplayView = false} = this._pageListeners[event]
+            const {regex, callback = () => {}, manuallyHandleDispatchEvent = false, handleDisplayView = false} = this._pageListeners[event]
             
             let isDisplayViewPage = false
-            let isListPage, isWallPage, isTaggerPage
+            let isGridPage, isListPage, isWallPage, isTaggerPage
+
+            const splitEvent = event.split(":")
+            const tabPage = {page: "", tab: ""}
+            let childAnyEventCondition = false
+
+            if (splitEvent.length === 4) {
+                childAnyEventCondition = true
+                tabPage.page = splitEvent[2]
+                tabPage.tab = splitEvent[3]
+            }
+            
+            splitEvent.pop()
             
             if (handleDisplayView) {
+                isGridPage = this.matchUrl(window.location.href, concatRegexp(regex, /(?!.*disp=)/))
                 isListPage = this.matchUrl(window.location.href, concatRegexp(regex, /.*disp=1/))
                 isWallPage = this.matchUrl(window.location.href, concatRegexp(regex, /.*disp=2/))
                 isTaggerPage = this.matchUrl(window.location.href, concatRegexp(regex, /.*disp=3/))
@@ -906,24 +1032,39 @@ class Stash extends EventTarget {
                 if (isListPage || isWallPage || isTaggerPage) isDisplayViewPage = true
             }
 
+            function dispatchViewEvent(view, stash){
+                stash._dispatchPageEvent(event + `:${view}`);
+                if (childAnyEventCondition) {
+                    stash._dispatchPageEvent("stash:page:" + tabPage.page  + `:any:${view}`, false);
+                    stash._dispatchPageEvent("stash:page:any:" + tabPage.tab  + `:${view}`, false);
+                } else {
+                    stash._dispatchPageEvent(`stash:page:any:${view}`, false);
+                }
+            }
+
             const handleDisplayViewCondition = handleDisplayView !== true || (handleDisplayView && (!isDisplayViewPage || args.lastHref === ""))
 
             if (this.matchUrl(window.location.href, regex) && handleDisplayViewCondition) {
                 if (!manuallyHandleDispatchEvent) this._dispatchPageEvent(event)
-                callBack({...args, location: window.location}, event)
+                callback({...args, location: window.location, event: event, regex: regex})
+                
+                if (isGridPage) dispatchViewEvent("grid", this)
             }
 
             if (handleDisplayView) {
-                if (isListPage) {
-                    this._dispatchPageEvent("stash:page:any:list", false);
-                    this._dispatchPageEvent(event + ":list");
-                } else if (isWallPage) {
-                    this._dispatchPageEvent("stash:page:any:wall", false);
-                    this._dispatchPageEvent(event + ":wall");
-                } else if (isTaggerPage) {
-                    this._dispatchPageEvent("stash:page:any:tagger", false);
-                    this._dispatchPageEvent(event + ":tagger");
+                let view = ""
+                switch(true) {
+                    case isListPage:
+                        view = "list"
+                        break;
+                    case isWallPage:
+                        view = "wall"
+                        break;
+                    case isTaggerPage:
+                        view = "tagger"
+                        break;
                 }
+                if (view) dispatchViewEvent(view, this)
             }
         }
     }
@@ -1291,50 +1432,50 @@ class Stash extends EventTarget {
 
 window.stash = new Stash();
 
-function waitForElementQuerySelector(query, callBack, time) {
+function waitForElementQuerySelector(query, callback, time) {
     time = (typeof time !== 'undefined') ? time : 100;
     window.setTimeout(() => {
         const element = document.querySelector(query);
         if (element) {
-            callBack(query, element);
+            callback(query, element);
         } else {
-            waitForElementQuerySelector(query, callBack, time);
+            waitForElementQuerySelector(query, callback, time);
         }
     }, time);
 }
 
-function waitForElementClass(elementId, callBack, time) {
+function waitForElementClass(elementId, callback, time) {
     time = (typeof time !== 'undefined') ? time : 100;
     window.setTimeout(() => {
         const element = document.getElementsByClassName(elementId);
         if (element.length > 0) {
-            callBack(elementId, element);
+            callback(elementId, element);
         } else {
-            waitForElementClass(elementId, callBack, time);
+            waitForElementClass(elementId, callback, time);
         }
     }, time);
 }
 
-function waitForElementId(elementId, callBack, time) {
+function waitForElementId(elementId, callback, time) {
     time = (typeof time !== 'undefined') ? time : 100;
     window.setTimeout(() => {
         const element = document.getElementById(elementId);
         if (element != null) {
-            callBack(elementId, element);
+            callback(elementId, element);
         } else {
-            waitForElementId(elementId, callBack, time);
+            waitForElementId(elementId, callback, time);
         }
     }, time);
 }
 
-function waitForElementByXpath(xpath, callBack, time) {
+function waitForElementByXpath(xpath, callback, time) {
     time = (typeof time !== 'undefined') ? time : 100;
     window.setTimeout(() => {
         const element = getElementByXpath(xpath);
         if (element) {
-            callBack(xpath, element);
+            callback(xpath, element);
         } else {
-            waitForElementByXpath(xpath, callBack, time);
+            waitForElementByXpath(xpath, callback, time);
         }
     }, time);
 }

From b36952016c1a490b06104c6bc5cb9b1dad85a592 Mon Sep 17 00:00:00 2001
From: Maista6969 <glad.beach5807@fastmail.com>
Date: Mon, 22 Jan 2024 19:26:22 +0100
Subject: [PATCH 65/91] Fix Kodi-Helper producing invalid XML

---
 scripts/kodi-helper/kodi-helper.py | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/scripts/kodi-helper/kodi-helper.py b/scripts/kodi-helper/kodi-helper.py
index d46e4c95..e2463e6d 100644
--- a/scripts/kodi-helper/kodi-helper.py
+++ b/scripts/kodi-helper/kodi-helper.py
@@ -229,8 +229,7 @@ def generateSTRM(scene):
     return scene["paths"]["stream"]
 
 def generateNFO(scene, args):
-    ret = """
-<?xml version="1.0" encoding="UTF-8" standalone="yes" ?>
+    ret = """<?xml version="1.0" encoding="UTF-8" standalone="yes" ?>
 <movie>
     <title>{title}</title>
     <userrating>{rating}</userrating>
@@ -243,8 +242,7 @@ def generateNFO(scene, args):
     {thumbs}
     {fanart}
     {genres}
-</movie>
-"""
+</movie>"""
     tags = ""
     for t in scene["tags"]:
         tags = tags + """

From 1170e5c53b7dba3e43684279a7d48946a2d33393 Mon Sep 17 00:00:00 2001
From: raghavan <raghavanmarch2002@gmail.com>
Date: Tue, 23 Jan 2024 00:09:55 +0530
Subject: [PATCH 66/91] rm un-used var

---
 plugins/stashUserscriptLibrary/stashUserscriptLibrary.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/plugins/stashUserscriptLibrary/stashUserscriptLibrary.js b/plugins/stashUserscriptLibrary/stashUserscriptLibrary.js
index 7efa6143..3e0b51d4 100644
--- a/plugins/stashUserscriptLibrary/stashUserscriptLibrary.js
+++ b/plugins/stashUserscriptLibrary/stashUserscriptLibrary.js
@@ -44,7 +44,6 @@ class Stash extends EventTarget {
         this.log = new Logger(logging);
         this._pageUrlCheckInterval = pageUrlCheckInterval;
         this._detectReRenders = detectReRenders;
-        this.fireOnHashChangesToo = true;
         this._lastPathStr = "";
         this._lastQueryStr = "";
         this._lastHref = "";

From 14c24cfb07b327b63fae127d7571dc09a8e6144e Mon Sep 17 00:00:00 2001
From: Tweeticoats <60335703+Tweeticoats@users.noreply.github.com>
Date: Thu, 25 Jan 2024 14:01:06 +1030
Subject: [PATCH 67/91] Update stashdb-performer-gallery.py

Bugfix, create a .nogallery file in the directory so the built in gallery does not get created.
---
 plugins/stashdb-performer-gallery/stashdb-performer-gallery.py | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/plugins/stashdb-performer-gallery/stashdb-performer-gallery.py b/plugins/stashdb-performer-gallery/stashdb-performer-gallery.py
index 44297e2a..29d9f4e6 100644
--- a/plugins/stashdb-performer-gallery/stashdb-performer-gallery.py
+++ b/plugins/stashdb-performer-gallery/stashdb-performer-gallery.py
@@ -43,6 +43,8 @@ def processPerformers():
 def processPerformer( performer):
     dir=Path(settings['path']) / performer['id']
     dir.mkdir(parents=True, exist_ok=True)
+    nogallery=dir / '.nogallery'
+    nogallery.touch()
     for sid in performer['stash_ids']:
         log.debug(sid)
         processPerformerStashid(sid['endpoint'],sid['stash_id'],performer)

From 710f96622f93048f404ba1f3b87e10f7ac9f2c22 Mon Sep 17 00:00:00 2001
From: p0rnb0x <71538354+p0rnb0x@users.noreply.github.com>
Date: Fri, 26 Jan 2024 04:43:06 +0000
Subject: [PATCH 68/91] use `baseURL` if available

---
 .../stashUserscriptLibrary.js                 | 116 +++++++++---------
 1 file changed, 59 insertions(+), 57 deletions(-)

diff --git a/plugins/stashUserscriptLibrary/stashUserscriptLibrary.js b/plugins/stashUserscriptLibrary/stashUserscriptLibrary.js
index 3e0b51d4..bc1a394b 100644
--- a/plugins/stashUserscriptLibrary/stashUserscriptLibrary.js
+++ b/plugins/stashUserscriptLibrary/stashUserscriptLibrary.js
@@ -4,6 +4,8 @@ const {
     fetch: originalFetch
 } = window;
 
+const baseURL = document.querySelector("base")?.getAttribute("href") ?? "/";
+
 window.fetch = async (...args) => {
     let [resource, config] = args;
     // request interceptor here
@@ -172,7 +174,7 @@ class Stash extends EventTarget {
         }
 
         try {
-            const res = await window.fetch('/graphql', options);
+            const res = await window.fetch(baseURL + 'graphql', options);
             this.log.debug(res);
             return res.json();
         } catch (err) {
@@ -285,7 +287,7 @@ class Stash extends EventTarget {
         return this.callGQL(reqData);
     }
     matchUrl(href, fragment) {
-        const regexp = concatRegexp(new RegExp(window.location.origin), fragment);
+        const regexp = concatRegexp(new RegExp(window.location.origin + baseURL), fragment);
         return href.match(regexp) != null;
     }
     createSettings() {
@@ -401,7 +403,7 @@ class Stash extends EventTarget {
         return document.getElementById(inputId);
     }
     get serverUrl() {
-        return window.location.origin;
+        return window.location.origin + baseURL;
     }
     async waitForElement(selector, timeout = null, location = document.body, disconnectOnPageChange = false) {
         return new Promise((resolve) => {
@@ -590,7 +592,7 @@ class Stash extends EventTarget {
         this._pageListeners = {
             // scenes tab
             "stash:page:scenes": {
-                regex: /\/scenes\?/,
+                regex: /scenes\?/,
                 manuallyHandleDispatchEvent: true,
                 handleDisplayView: "ignoreDisplayViewCondition",
                 callback: ({lastHref, event, regex}) => {
@@ -601,10 +603,10 @@ class Stash extends EventTarget {
                 }
             },
             "stash:page:scene:new": {
-                regex: /\/scenes\/new/
+                regex: /scenes\/new/
             },
             "stash:page:scene": {
-                regex: /\/scenes\/\d+\?/,
+                regex: /scenes\/\d+\?/,
                 callback: ({recursive = false}) => this._listenForNonPageChanges({
                     selector: ".scene-tabs .nav-tabs",
                     listenType: "tabs",
@@ -614,7 +616,7 @@ class Stash extends EventTarget {
 
             // images tab
             "stash:page:images": {
-                regex: /\/images\?/,
+                regex: /images\?/,
                 handleDisplayView: true,
                 manuallyHandleDispatchEvent: true,
                 callback: ({lastHref, event, regex}) => {
@@ -624,7 +626,7 @@ class Stash extends EventTarget {
                 }
             },
             "stash:page:image": {
-                regex: /\/images\/\d+/,
+                regex: /images\/\d+/,
                 callback: ({recursive = false}) => this._listenForNonPageChanges({
                     selector: ".image-tabs .nav-tabs",
                     listenType: "tabs",
@@ -634,24 +636,24 @@ class Stash extends EventTarget {
 
             // movies tab
             "stash:page:movies": {
-                regex: /\/movies\?/,
+                regex: /movies\?/,
             },
             "stash:page:movie": {
-                regex: /\/movies\/\d+/,
+                regex: /movies\/\d+/,
             },
             "stash:page:movie:scenes": {
-                regex: /\/movies\/\d+\?/,
+                regex: /movies\/\d+\?/,
                 callback: () => this.processTagger()
             },
 
             // markers tab
             "stash:page:markers": {
-                regex: /\/scenes\/markers/
+                regex: /scenes\/markers/
             },
 
             // galleries tab
             "stash:page:galleries": {
-                regex: /\/galleries\?/,
+                regex: /galleries\?/,
                 handleDisplayView: "ignoreDisplayViewCondition",
                 manuallyHandleDispatchEvent: true,
                 callback: ({lastHref, event, regex}) => {
@@ -661,10 +663,10 @@ class Stash extends EventTarget {
                 }
             },
             "stash:page:gallery:new": {
-                regex: /\/galleries\/new/,
+                regex: /galleries\/new/,
             },
             "stash:page:gallery:images": {
-                regex: /\/galleries\/\d+\?/,
+                regex: /galleries\/\d+\?/,
                 manuallyHandleDispatchEvent: true,
                 handleDisplayView: "ignoreDisplayViewCondition",
                 callback: ({lastHref, lastPathStr, recursive = false, event}) => {
@@ -684,7 +686,7 @@ class Stash extends EventTarget {
                 }
             },
             "stash:page:gallery:add": {
-                regex: /\/galleries\/\d+\/add/,
+                regex: /galleries\/\d+\/add/,
                 manuallyHandleDispatchEvent: true,
                 handleDisplayView: "ignoreDisplayViewCondition",
                 callback: ({lastHref, lastPathStr, recursive = false, event}) => {
@@ -706,7 +708,7 @@ class Stash extends EventTarget {
 
             // performers tab
             "stash:page:performers": {
-                regex: /\/performers\?/,
+                regex: /performers\?/,
                 handleDisplayView: "ignoreDisplayViewCondition", 
                 manuallyHandleDispatchEvent: true,
                 callback: ({lastHref, event, regex}) => {
@@ -716,10 +718,10 @@ class Stash extends EventTarget {
                 }
             },
             "stash:page:performer:new": {
-                regex: /\/performers\/new/
+                regex: /performers\/new/
             },
             "stash:page:performer": {
-                regex: /\/performers\/\d+/,
+                regex: /performers\/\d+/,
                 manuallyHandleDispatchEvent: true,
                 callback: ({lastHref, event, regex}) => {
                     if (!this.matchUrl(lastHref, regex)) {
@@ -736,7 +738,7 @@ class Stash extends EventTarget {
                 }
             },
             "stash:page:performer:scenes": {
-                regex: /\/performers\/\d+\?/,
+                regex: /performers\/\d+\?/,
                 handleDisplayView: "ignoreDisplayViewCondition",
                 manuallyHandleDispatchEvent: true,
                 callback: ({lastHref, event, regex}) => {
@@ -746,7 +748,7 @@ class Stash extends EventTarget {
                 }
             },
             "stash:page:performer:galleries": {
-                regex: /\/performers\/\d+\/galleries/,
+                regex: /performers\/\d+\/galleries/,
                 handleDisplayView: "ignoreDisplayViewCondition",
                 manuallyHandleDispatchEvent: true,
                 callback: ({lastHref, event, regex}) => {
@@ -756,7 +758,7 @@ class Stash extends EventTarget {
                 }
             },
             "stash:page:performer:images": {
-                regex: /\/performers\/\d+\/images/,
+                regex: /performers\/\d+\/images/,
                 handleDisplayView: "ignoreDisplayViewCondition",
                 manuallyHandleDispatchEvent: true,
                 callback: ({lastHref, event, regex}) => {
@@ -766,10 +768,10 @@ class Stash extends EventTarget {
                 }
             },
             "stash:page:performer:movies": {
-                regex: /\/performers\/\d+\/movies/
+                regex: /performers\/\d+\/movies/
             },
             "stash:page:performer:appearswith": {
-                regex: /\/performers\/\d+\/appearswith/,
+                regex: /performers\/\d+\/appearswith/,
                 handleDisplayView: "ignoreDisplayViewCondition",
                 manuallyHandleDispatchEvent: true,
                 callback: ({lastHref, event, regex}) => {
@@ -782,7 +784,7 @@ class Stash extends EventTarget {
 
             // studios tab
             "stash:page:studios": {
-                regex: /\/studios\?/,
+                regex: /studios\?/,
                 handleDisplayView: "ignoreDisplayViewCondition",
                 manuallyHandleDispatchEvent: true,
                 callback: ({lastHref, event, regex}) => {
@@ -792,10 +794,10 @@ class Stash extends EventTarget {
                 }
             },
             "stash:page:studio:new": {
-                regex: /\/studios\/new/
+                regex: /studios\/new/
             },
             "stash:page:studio": {
-                regex: /\/studios\/\d+/,
+                regex: /studios\/\d+/,
                 manuallyHandleDispatchEvent: true,
                 callback: ({lastHref, event, regex}) => {
                     if (!this.matchUrl(lastHref, regex)) {
@@ -812,7 +814,7 @@ class Stash extends EventTarget {
                 }
             },
             "stash:page:studio:scenes": {
-                regex: /\/studios\/\d+\?/,
+                regex: /studios\/\d+\?/,
                 handleDisplayView: "ignoreDisplayViewCondition",
                 manuallyHandleDispatchEvent: true,
                 callback: ({lastHref, event, regex}) => {
@@ -822,7 +824,7 @@ class Stash extends EventTarget {
                 }
             },
             "stash:page:studio:galleries": {
-                regex: /\/studios\/\d+\/galleries/,
+                regex: /studios\/\d+\/galleries/,
                 handleDisplayView: "ignoreDisplayViewCondition",
                 manuallyHandleDispatchEvent: true,
                 callback: ({lastHref, event, regex}) => {
@@ -832,7 +834,7 @@ class Stash extends EventTarget {
                 }
             },
             "stash:page:studio:images": {
-                regex: /\/studios\/\d+\/images/,
+                regex: /studios\/\d+\/images/,
                 handleDisplayView: "ignoreDisplayViewCondition",
                 manuallyHandleDispatchEvent: true,
                 callback: ({lastHref, event, regex}) => {
@@ -842,7 +844,7 @@ class Stash extends EventTarget {
                 }
             },
             "stash:page:studio:performers": {
-                regex: /\/studios\/\d+\/performers/,
+                regex: /studios\/\d+\/performers/,
                 handleDisplayView: "ignoreDisplayViewCondition",
                 manuallyHandleDispatchEvent: true,
                 callback: ({lastHref, event, regex}) => {
@@ -852,10 +854,10 @@ class Stash extends EventTarget {
                 }
             },
             "stash:page:studio:movies": {
-                regex: /\/studios\/\d+\/movies/
+                regex: /studios\/\d+\/movies/
             },
             "stash:page:studio:childstudios": {
-                regex: /\/studios\/\d+\/childstudios/,
+                regex: /studios\/\d+\/childstudios/,
                 handleDisplayView: "ignoreDisplayViewCondition",
                 manuallyHandleDispatchEvent: true,
                 callback: ({lastHref, event, regex}) => {
@@ -867,7 +869,7 @@ class Stash extends EventTarget {
 
             // tags tab
             "stash:page:tags": {
-                regex: /\/tags\?/,
+                regex: /tags\?/,
                 handleDisplayView: "ignoreDisplayViewCondition",
                 manuallyHandleDispatchEvent: true,
                 callback: ({lastHref, event, regex}) => {
@@ -877,10 +879,10 @@ class Stash extends EventTarget {
                 }
             },
             "stash:page:tag:new": {
-                regex: /\/tags\/new/
+                regex: /tags\/new/
             },
             "stash:page:tag": {
-                regex: /\/tags\/\d+/,
+                regex: /tags\/\d+/,
                 manuallyHandleDispatchEvent: true,
                 callback: ({lastHref, event, regex}) => {
                     if (!this.matchUrl(lastHref, regex)) {
@@ -897,7 +899,7 @@ class Stash extends EventTarget {
                 }
             },
             "stash:page:tag:scenes": {
-                regex: /\/tags\/\d+\?/,
+                regex: /tags\/\d+\?/,
                 handleDisplayView: "ignoreDisplayViewCondition",
                 manuallyHandleDispatchEvent: true,
                 callback: ({lastHref, event, regex}) => {
@@ -907,7 +909,7 @@ class Stash extends EventTarget {
                 }
             },
             "stash:page:tag:galleries": {
-                regex: /\/tags\/\d+\/galleries/,
+                regex: /tags\/\d+\/galleries/,
                 handleDisplayView: "ignoreDisplayViewCondition",
                 manuallyHandleDispatchEvent: true,
                 callback: ({lastHref, event, regex}) => {
@@ -917,7 +919,7 @@ class Stash extends EventTarget {
                 }
             },
             "stash:page:tag:images": {
-                regex: /\/tags\/\d+\/images/,
+                regex: /tags\/\d+\/images/,
                 handleDisplayView: "ignoreDisplayViewCondition",
                 manuallyHandleDispatchEvent: true,
                 callback: ({lastHref, event, regex}) => {
@@ -927,10 +929,10 @@ class Stash extends EventTarget {
                 }
             },
             "stash:page:tag:markers": {
-                regex: /\/tags\/\d+\/markers/
+                regex: /tags\/\d+\/markers/
             },
             "stash:page:tag:performers": {
-                regex: /\/tags\/\d+\/performers/,
+                regex: /tags\/\d+\/performers/,
                 handleDisplayView: "ignoreDisplayViewCondition",
                 manuallyHandleDispatchEvent: true,
                 callback: ({lastHref, event, regex}) => {
@@ -942,7 +944,7 @@ class Stash extends EventTarget {
 
             // settings page
             "stash:page:settings": {
-                regex: /\/settings/,
+                regex: /settings/,
                 manuallyHandleDispatchEvent: true,
                 callback: ({lastHref, event, regex}) => {
                     if (!this.matchUrl(lastHref, regex)) {
@@ -951,52 +953,52 @@ class Stash extends EventTarget {
                 }
             },
             "stash:page:settings:tasks": {
-                regex: /\/settings\?tab=tasks/,
+                regex: /settings\?tab=tasks/,
                 callback: () => this.hidePluginTasks()
             },
             "stash:page:settings:library": {
-                regex: /\/settings\?tab=library/
+                regex: /settings\?tab=library/
             },
             "stash:page:settings:interface": {
-                regex: /\/settings\?tab=interface/
+                regex: /settings\?tab=interface/
             },
             "stash:page:settings:security": {
-                regex: /\/settings\?tab=security/
+                regex: /settings\?tab=security/
             },
             "stash:page:settings:metadata-providers": {
-                regex: /\/settings\?tab=metadata-providers/
+                regex: /settings\?tab=metadata-providers/
             },
             "stash:page:settings:services": {
-                regex: /\/settings\?tab=services/
+                regex: /settings\?tab=services/
             },
             "stash:page:settings:system": {
-                regex: /\/settings\?tab=system/,
+                regex: /settings\?tab=system/,
                 callback: () => this.createSettings()
             },
             "stash:page:settings:plugins": {
-                regex: /\/settings\?tab=plugins/
+                regex: /settings\?tab=plugins/
             },
             "stash:page:settings:logs": {
-                regex: /\/settings\?tab=logs/
+                regex: /settings\?tab=logs/
             },
             "stash:page:settings:tools": {
-                regex: /\/settings\?tab=tools/
+                regex: /settings\?tab=tools/
             },
             "stash:page:settings:changelog": {
-                regex: /\/settings\?tab=changelog/
+                regex: /settings\?tab=changelog/
             },
             "stash:page:settings:about": {
-                regex: /\/settings\?tab=about/
+                regex: /settings\?tab=about/
             },
 
             // stats page
             "stash:page:stats": {
-                regex: /\/stats/
+                regex: /stats/
             },
 
             // home page
             "stash:page:home": {
-                regex: /\/$/,
+                regex: /$/,
                 callback: () => this._listenForNonPageChanges({selector: ".recommendations-container-edit", event: "stash:page:home:edit", reRunHandlePageChange: true})
             },
         }
@@ -1318,7 +1320,7 @@ class Stash extends EventTarget {
     parseSearchItem(searchItem) {
         const urlNode = searchItem.querySelector('a.scene-link');
         const url = new URL(urlNode.href);
-        const id = url.pathname.replace('/scenes/', '');
+        const id = url.pathname.replace(baseURL + 'scenes/', '');
         const data = this.scenes[id];
         const nameNode = searchItem.querySelector('a.scene-link > div.TruncatedText');
         const name = nameNode.innerText;

From 07fcbdfca4715f0991ba241e9a20f855078c0204 Mon Sep 17 00:00:00 2001
From: cc1234 <oc1mfiuzicg0@opayq.com>
Date: Sat, 27 Jan 2024 13:50:28 +0000
Subject: [PATCH 69/91] Bugfix for visage where height and aliases cause issues
 when set to empty. fix issue in stashai where forloop was causing await to
 not work correctly.

---
 plugins/stashAI/stashai.css |   2 +-
 plugins/stashAI/stashai.js  |  47 +++----
 plugins/stashAI/stashai.yml |   2 +-
 plugins/visage/visage.css   |   2 +-
 plugins/visage/visage.js    | 261 +++++++++++++++++++-----------------
 plugins/visage/visage.yml   |   2 +-
 6 files changed, 163 insertions(+), 153 deletions(-)

diff --git a/plugins/stashAI/stashai.css b/plugins/stashAI/stashai.css
index cfee3991..7117d991 100644
--- a/plugins/stashAI/stashai.css
+++ b/plugins/stashAI/stashai.css
@@ -1 +1 @@
-button.svelte-1m5gxnd{background-color:var(--nav-color);border:0px}.scanner.svelte-1m5gxnd{animation:svelte-1m5gxnd-pulse 2s infinite}@keyframes svelte-1m5gxnd-pulse{0%{transform:scale(0.95);box-shadow:0 0 0 0 var(--light)}70%{transform:scale(1.1);box-shadow:0 0 0 10px var(--info)}100%{transform:scale(0.95);box-shadow:0 0 0 0 var(--primary)}}svg.svelte-1m5gxnd{fill:#ffffff}.modal-header.svelte-qsvzsw{font-size:1rem;border-bottom:0px;padding:20px}.modal-footer.svelte-qsvzsw{border-top:0px}.selected.svelte-qsvzsw{border:2px solid #007bff}.tagger-tabs.svelte-qsvzsw{position:absolute;flex:0 0 450px;max-width:450px;min-width:450px;height:100%;overflow:auto;order:-1;background-color:var(--body-color)}.tag-item.svelte-zeu5yg{background-color:var(--card-color);width:100%;padding:5px;margin:0px}.tag-item-accept.svelte-zeu5yg:hover{fill:#45a82c;transition:fill 0.2s ease-out}.tag-item-reject.svelte-zeu5yg:hover{fill:#a82c2c;transition:fill 0.2s ease-out}.tag-item-select.svelte-zeu5yg{border:none;outline:none;scroll-behavior:smooth}.scrubber-item.svelte-zeu5yg{width:160px;height:90px;border-radius:5px 5px 0px 0px;position:relative;cursor:pointer}svg.svelte-zeu5yg{fill:#ffffff}button.svelte-xcs6vi{background-color:var(--nav-color);border:0px}.scanner.svelte-xcs6vi{animation:svelte-xcs6vi-pulse 2s infinite}@keyframes svelte-xcs6vi-pulse{0%{transform:scale(0.95);box-shadow:0 0 0 0 var(--light)}70%{transform:scale(1.1);box-shadow:0 0 0 10px var(--info)}100%{transform:scale(0.95);box-shadow:0 0 0 0 var(--primary)}}.top-accent.svelte-9viihb{border-top:10px solid var(--primary);border-radius:3px}.modal-header.svelte-9viihb{font-size:2.4rem;border-bottom:0px;padding:20px}.modal-footer.svelte-9viihb{border-top:0px}.lds-dual-ring.svelte-9viihb{display:inline-block;width:16px;height:16px}.lds-dual-ring.svelte-9viihb:after{content:" ";display:block;width:12px;height:12px;margin:3px;border-radius:50%;border:6px solid #fff;border-color:#fff transparent #fff transparent;animation:svelte-9viihb-lds-dual-ring 1.2s linear infinite}@keyframes svelte-9viihb-lds-dual-ring{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.tag-item.svelte-1d03wug{background-color:var(--card-color);width:100%;padding:5px;margin:0px}.tag-item-select.svelte-1d03wug{border:none;outline:none;scroll-behavior:smooth}.tag-item-reject.svelte-1d03wug:hover{fill:#a82c2c;transition:fill 0.2s ease-out}.scrubber-item.svelte-1d03wug{width:160px;height:90px;border-radius:5px 5px 0px 0px;position:relative}svg.svelte-1d03wug{fill:#ffffff}
\ No newline at end of file
+button.svelte-1m5gxnd{background-color:var(--nav-color);border:0px}.scanner.svelte-1m5gxnd{animation:svelte-1m5gxnd-pulse 2s infinite}@keyframes svelte-1m5gxnd-pulse{0%{transform:scale(0.95);box-shadow:0 0 0 0 var(--light)}70%{transform:scale(1.1);box-shadow:0 0 0 10px var(--info)}100%{transform:scale(0.95);box-shadow:0 0 0 0 var(--primary)}}svg.svelte-1m5gxnd{fill:#ffffff}button.svelte-xcs6vi{background-color:var(--nav-color);border:0px}.scanner.svelte-xcs6vi{animation:svelte-xcs6vi-pulse 2s infinite}@keyframes svelte-xcs6vi-pulse{0%{transform:scale(0.95);box-shadow:0 0 0 0 var(--light)}70%{transform:scale(1.1);box-shadow:0 0 0 10px var(--info)}100%{transform:scale(0.95);box-shadow:0 0 0 0 var(--primary)}}.top-accent.svelte-9viihb{border-top:10px solid var(--primary);border-radius:3px}.modal-header.svelte-9viihb{font-size:2.4rem;border-bottom:0px;padding:20px}.modal-footer.svelte-9viihb{border-top:0px}.lds-dual-ring.svelte-9viihb{display:inline-block;width:16px;height:16px}.lds-dual-ring.svelte-9viihb:after{content:" ";display:block;width:12px;height:12px;margin:3px;border-radius:50%;border:6px solid #fff;border-color:#fff transparent #fff transparent;animation:svelte-9viihb-lds-dual-ring 1.2s linear infinite}@keyframes svelte-9viihb-lds-dual-ring{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.modal-header.svelte-qsvzsw{font-size:1rem;border-bottom:0px;padding:20px}.modal-footer.svelte-qsvzsw{border-top:0px}.selected.svelte-qsvzsw{border:2px solid #007bff}.tagger-tabs.svelte-qsvzsw{position:absolute;flex:0 0 450px;max-width:450px;min-width:450px;height:100%;overflow:auto;order:-1;background-color:var(--body-color)}.tag-item.svelte-zeu5yg{background-color:var(--card-color);width:100%;padding:5px;margin:0px}.tag-item-accept.svelte-zeu5yg:hover{fill:#45a82c;transition:fill 0.2s ease-out}.tag-item-reject.svelte-zeu5yg:hover{fill:#a82c2c;transition:fill 0.2s ease-out}.tag-item-select.svelte-zeu5yg{border:none;outline:none;scroll-behavior:smooth}.scrubber-item.svelte-zeu5yg{width:160px;height:90px;border-radius:5px 5px 0px 0px;position:relative;cursor:pointer}svg.svelte-zeu5yg{fill:#ffffff}.tag-item.svelte-1d03wug{background-color:var(--card-color);width:100%;padding:5px;margin:0px}.tag-item-select.svelte-1d03wug{border:none;outline:none;scroll-behavior:smooth}.tag-item-reject.svelte-1d03wug:hover{fill:#a82c2c;transition:fill 0.2s ease-out}.scrubber-item.svelte-1d03wug{width:160px;height:90px;border-radius:5px 5px 0px 0px;position:relative}svg.svelte-1d03wug{fill:#ffffff}
\ No newline at end of file
diff --git a/plugins/stashAI/stashai.js b/plugins/stashAI/stashai.js
index fa019ba0..c0786f94 100644
--- a/plugins/stashAI/stashai.js
+++ b/plugins/stashAI/stashai.js
@@ -95,7 +95,6 @@
   }
 
 
-
   /**
    * Returns an array with the scenario and scenario ID parsed from the current URL.
    * @returns {Array<string>} An array with the scenario and scenario ID.
@@ -1621,7 +1620,7 @@
   	return child_ctx;
   }
 
-  // (93:10) {#each filteredFrames as frame (frame.id)}
+  // (97:10) {#each filteredFrames as frame (frame.id)}
   function create_each_block$2(key_1, ctx) {
   	let div;
   	let marker;
@@ -1658,7 +1657,7 @@
   			t = space();
   			attr_dev(div, "class", "svelte-qsvzsw");
   			toggle_class(div, "selected", /*selected*/ ctx[3] === /*frame*/ ctx[19].id);
-  			add_location(div, file$4, 93, 12, 2646);
+  			add_location(div, file$4, 97, 12, 2701);
   			this.first = div;
   		},
   		m: function mount(target, anchor) {
@@ -1726,14 +1725,14 @@
   		block,
   		id: create_each_block$2.name,
   		type: "each",
-  		source: "(93:10) {#each filteredFrames as frame (frame.id)}",
+  		source: "(97:10) {#each filteredFrames as frame (frame.id)}",
   		ctx
   	});
 
   	return block;
   }
 
-  // (114:12) {#if saving}
+  // (118:12) {#if saving}
   function create_if_block$1(ctx) {
   	let div;
 
@@ -1741,7 +1740,7 @@
   		c: function create() {
   			div = element("div");
   			attr_dev(div, "class", "lds-dual-ring");
-  			add_location(div, file$4, 114, 14, 3426);
+  			add_location(div, file$4, 118, 14, 3481);
   		},
   		m: function mount(target, anchor) {
   			insert_dev(target, div, anchor);
@@ -1755,7 +1754,7 @@
   		block,
   		id: create_if_block$1.name,
   		type: "if",
-  		source: "(114:12) {#if saving}",
+  		source: "(118:12) {#if saving}",
   		ctx
   	});
 
@@ -1836,30 +1835,30 @@
   			attr_dev(input, "id", "stash-tag-threshold");
   			set_style(input, "margin", "0px");
   			set_style(input, "height", "10px");
-  			add_location(input, file$4, 78, 19, 2149);
+  			add_location(input, file$4, 82, 19, 2204);
   			attr_dev(div0, "class", "modal-header svelte-qsvzsw");
-  			add_location(div0, file$4, 77, 6, 2103);
+  			add_location(div0, file$4, 81, 6, 2158);
   			attr_dev(div1, "class", "row justify-content-center");
-  			add_location(div1, file$4, 91, 8, 2540);
+  			add_location(div1, file$4, 95, 8, 2595);
   			attr_dev(div2, "class", "modal-body");
-  			add_location(div2, file$4, 90, 6, 2507);
+  			add_location(div2, file$4, 94, 6, 2562);
   			attr_dev(button0, "id", "tags-cancel");
   			attr_dev(button0, "type", "button");
   			attr_dev(button0, "class", "ml-2 btn btn-secondary");
-  			add_location(button0, file$4, 106, 10, 3128);
+  			add_location(button0, file$4, 110, 10, 3183);
   			attr_dev(button1, "id", "tags-accept");
   			attr_dev(button1, "type", "button");
   			attr_dev(button1, "class", "ml-2 btn btn-primary");
-  			add_location(button1, file$4, 112, 10, 3299);
-  			add_location(div3, file$4, 105, 8, 3112);
+  			add_location(button1, file$4, 116, 10, 3354);
+  			add_location(div3, file$4, 109, 8, 3167);
   			attr_dev(div4, "class", "ModalFooter modal-footer svelte-qsvzsw");
-  			add_location(div4, file$4, 104, 6, 3065);
+  			add_location(div4, file$4, 108, 6, 3120);
   			attr_dev(div5, "class", "modal-content");
-  			add_location(div5, file$4, 76, 4, 2069);
+  			add_location(div5, file$4, 80, 4, 2124);
   			attr_dev(div6, "class", "modal-dialog modal-xl top-accent");
-  			add_location(div6, file$4, 75, 2, 2018);
+  			add_location(div6, file$4, 79, 2, 2073);
   			attr_dev(div7, "class", "tagger-tabs svelte-qsvzsw");
-  			add_location(div7, file$4, 74, 0, 1973);
+  			add_location(div7, file$4, 78, 0, 2028);
   		},
   		l: function claim(nodes) {
   			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
@@ -2027,15 +2026,17 @@
   	async function addMarker(frame) {
   		const [,scene_id] = getScenarioAndID();
   		let time;
+  		let tagId;
   		const tagLower = frame.tag.label.toLowerCase();
 
   		if (tags[tagLower] === undefined) {
   			const tagID = await createTag(tagLower);
   			tags[tagLower] = tagID;
+  			tagId = tagID;
+  		} else {
+  			tagId = tags[tagLower];
   		}
 
-  		let tagId = tags[tagLower];
-
   		if (selected && selected === frame.id) {
   			const video = getCurrentVideo();
   			time = video.currentTime;
@@ -2048,13 +2049,13 @@
   		$$invalidate(3, selected = null);
   	}
 
-  	function saveAll() {
+  	async function saveAll() {
   		$$invalidate(3, selected = null);
   		$$invalidate(4, saving = true);
 
-  		filteredFrames.forEach(async frame => {
+  		for (const frame of filteredFrames) {
   			await addMarker(frame);
-  		});
+  		}
 
   		$$invalidate(4, saving = false);
   		window.location.reload();
diff --git a/plugins/stashAI/stashai.yml b/plugins/stashAI/stashai.yml
index e0c1aec1..f3b1c9df 100644
--- a/plugins/stashAI/stashai.yml
+++ b/plugins/stashAI/stashai.yml
@@ -1,7 +1,7 @@
 name: Stash AI
 # requires: StashUserscriptLibrary
 description: Add Tags or Markers to a video using AI
-version: 1.0.1
+version: 1.0.2
 ui:
   requires: 
   - StashUserscriptLibrary
diff --git a/plugins/visage/visage.css b/plugins/visage/visage.css
index 7b701530..50b62d4f 100644
--- a/plugins/visage/visage.css
+++ b/plugins/visage/visage.css
@@ -1 +1 @@
-button.svelte-1m5gxnd{background-color:var(--nav-color);border:0px}.scanner.svelte-1m5gxnd{animation:svelte-1m5gxnd-pulse 2s infinite}@keyframes svelte-1m5gxnd-pulse{0%{transform:scale(0.95);box-shadow:0 0 0 0 var(--light)}70%{transform:scale(1.1);box-shadow:0 0 0 10px var(--info)}100%{transform:scale(0.95);box-shadow:0 0 0 0 var(--primary)}}svg.svelte-1m5gxnd{fill:#ffffff}button.svelte-1m5gxnd{background-color:var(--nav-color);border:0px}.scanner.svelte-1m5gxnd{animation:svelte-1m5gxnd-pulse 2s infinite}@keyframes svelte-1m5gxnd-pulse{0%{transform:scale(0.95);box-shadow:0 0 0 0 var(--light)}70%{transform:scale(1.1);box-shadow:0 0 0 10px var(--info)}100%{transform:scale(0.95);box-shadow:0 0 0 0 var(--primary)}}svg.svelte-1m5gxnd{fill:#ffffff}.carousel.svelte-ssoxzi{display:flex;overflow-x:auto;overflow-y:auto;white-space:nowrap;overscroll-behavior-x:contain;overscroll-behavior-y:contain;scroll-snap-type:x mandatory;gap:1rem}.modal-header.svelte-ssoxzi{font-size:2.4rem;border-bottom:0px;padding:10px 10px 0px 10px}.modal-footer.svelte-ssoxzi{border-top:0px}.svelte-ssoxzi::-webkit-scrollbar{width:30px}.svelte-ssoxzi::-webkit-scrollbar-thumb{background:var(--orange);border-radius:20px}.card.svelte-ssoxzi{min-width:250px}.performer-card.svelte-ssoxzi{cursor:pointer}.assigned.svelte-ssoxzi{border:5px solid var(--green);animation:border 1s ease-in-out}.face-tab.svelte-ssoxzi{width:50px;height:50px;object-fit:cover}.selected.svelte-p95y28{border:2px solid #007bff}.face-tabs.svelte-p95y28{position:absolute;flex:0 0 450px;max-width:450px;min-width:450px;height:100%;overflow:auto;order:-1;background-color:var(--body-color)}.face-item.svelte-p95y28{width:160px;height:90px;border-radius:5px 5px 0px 0px;position:relative;cursor:pointer}.svelte-tabs__tab.svelte-1fbofsd{border:none;border-bottom:2px solid transparent;color:#000000;cursor:pointer;list-style:none;display:inline-block;padding:0.5em 0.75em}.svelte-tabs__tab.svelte-1fbofsd:focus{outline:thin dotted}.svelte-tabs__selected.svelte-1fbofsd{border-bottom:2px solid #4F81E5;color:#4F81E5}.svelte-tabs__tab-list.svelte-12yby2a{border-bottom:1px solid #CCCCCC;margin:0;padding:0}.svelte-tabs__tab-panel.svelte-epfyet{margin-top:0.5em}
\ No newline at end of file
+button.svelte-1m5gxnd{background-color:var(--nav-color);border:0px}.scanner.svelte-1m5gxnd{animation:svelte-1m5gxnd-pulse 2s infinite}@keyframes svelte-1m5gxnd-pulse{0%{transform:scale(0.95);box-shadow:0 0 0 0 var(--light)}70%{transform:scale(1.1);box-shadow:0 0 0 10px var(--info)}100%{transform:scale(0.95);box-shadow:0 0 0 0 var(--primary)}}svg.svelte-1m5gxnd{fill:#ffffff}button.svelte-1m5gxnd{background-color:var(--nav-color);border:0px}.scanner.svelte-1m5gxnd{animation:svelte-1m5gxnd-pulse 2s infinite}@keyframes svelte-1m5gxnd-pulse{0%{transform:scale(0.95);box-shadow:0 0 0 0 var(--light)}70%{transform:scale(1.1);box-shadow:0 0 0 10px var(--info)}100%{transform:scale(0.95);box-shadow:0 0 0 0 var(--primary)}}svg.svelte-1m5gxnd{fill:#ffffff}.carousel.svelte-ssoxzi{display:flex;overflow-x:auto;overflow-y:auto;white-space:nowrap;overscroll-behavior-x:contain;overscroll-behavior-y:contain;scroll-snap-type:x mandatory;gap:1rem}.modal-header.svelte-ssoxzi{font-size:2.4rem;border-bottom:0px;padding:10px 10px 0px 10px}.modal-footer.svelte-ssoxzi{border-top:0px}.svelte-ssoxzi::-webkit-scrollbar{width:30px}.svelte-ssoxzi::-webkit-scrollbar-thumb{background:var(--orange);border-radius:20px}.card.svelte-ssoxzi{min-width:250px}.performer-card.svelte-ssoxzi{cursor:pointer}.assigned.svelte-ssoxzi{border:5px solid var(--green);animation:border 1s ease-in-out}.face-tab.svelte-ssoxzi{width:50px;height:50px;object-fit:cover}.selected.svelte-p95y28{border:2px solid #007bff}.face-tabs.svelte-p95y28{position:absolute;flex:0 0 450px;max-width:450px;min-width:450px;height:100%;overflow:auto;order:-1;background-color:var(--body-color)}.face-item.svelte-p95y28{width:160px;height:90px;border-radius:5px 5px 0px 0px;position:relative;cursor:pointer}.svelte-tabs__tab.svelte-1fbofsd{border:none;border-bottom:2px solid transparent;color:#000000;cursor:pointer;list-style:none;display:inline-block;padding:0.5em 0.75em}.svelte-tabs__tab.svelte-1fbofsd:focus{outline:thin dotted}.svelte-tabs__selected.svelte-1fbofsd{border-bottom:2px solid #4F81E5;color:#4F81E5}.svelte-tabs__tab-panel.svelte-epfyet{margin-top:0.5em}.svelte-tabs__tab-list.svelte-12yby2a{border-bottom:1px solid #CCCCCC;margin:0;padding:0}
\ No newline at end of file
diff --git a/plugins/visage/visage.js b/plugins/visage/visage.js
index 143d4cd1..1e650e0b 100644
--- a/plugins/visage/visage.js
+++ b/plugins/visage/visage.js
@@ -2104,6 +2104,8 @@
 
   /* src/Match.svelte generated by Svelte v3.59.2 */
 
+  const { Object: Object_1 } = globals;
+
   const file$3 = "src/Match.svelte";
 
   function get_each_context$1(ctx, list, i) {
@@ -2129,7 +2131,7 @@
   	return child_ctx;
   }
 
-  // (118:0) {#if visible}
+  // (125:0) {#if visible}
   function create_if_block(ctx) {
   	let div5;
   	let div4;
@@ -2172,29 +2174,29 @@
   			button1 = element("button");
   			button1.textContent = "Toggle Visibility";
   			attr_dev(div0, "class", "modal-body svelte-ssoxzi");
-  			add_location(div0, file$3, 130, 8, 3404);
+  			add_location(div0, file$3, 137, 8, 3599);
   			attr_dev(button0, "id", "face_close");
   			attr_dev(button0, "type", "button");
   			attr_dev(button0, "class", "ml-2 btn btn-secondary svelte-ssoxzi");
-  			add_location(button0, file$3, 195, 12, 5952);
+  			add_location(button0, file$3, 202, 12, 6147);
   			attr_dev(button1, "id", "face_toggle");
   			attr_dev(button1, "type", "button");
   			attr_dev(button1, "class", "ml-2 btn btn-secondary svelte-ssoxzi");
-  			add_location(button1, file$3, 201, 12, 6134);
+  			add_location(button1, file$3, 208, 12, 6329);
   			attr_dev(div1, "class", "svelte-ssoxzi");
-  			add_location(div1, file$3, 194, 10, 5934);
+  			add_location(div1, file$3, 201, 10, 6129);
   			attr_dev(div2, "class", "ModalFooter modal-footer svelte-ssoxzi");
-  			add_location(div2, file$3, 193, 8, 5885);
+  			add_location(div2, file$3, 200, 8, 6080);
   			attr_dev(div3, "class", "modal-content svelte-ssoxzi");
-  			add_location(div3, file$3, 129, 6, 3368);
+  			add_location(div3, file$3, 136, 6, 3563);
   			attr_dev(div4, "class", "modal-dialog modal-xl svelte-ssoxzi");
-  			add_location(div4, file$3, 128, 4, 3326);
+  			add_location(div4, file$3, 135, 4, 3521);
   			attr_dev(div5, "role", "dialog");
   			attr_dev(div5, "aria-modal", "true");
   			attr_dev(div5, "class", "fade ModalComponent modal show svelte-ssoxzi");
   			attr_dev(div5, "tabindex", "-1");
   			set_style(div5, "display", "block");
-  			add_location(div5, file$3, 118, 2, 3083);
+  			add_location(div5, file$3, 125, 2, 3278);
   		},
   		m: function mount(target, anchor) {
   			insert_dev(target, div5, anchor);
@@ -2262,14 +2264,14 @@
   		block,
   		id: create_if_block.name,
   		type: "if",
-  		source: "(118:0) {#if visible}",
+  		source: "(125:0) {#if visible}",
   		ctx
   	});
 
   	return block;
   }
 
-  // (135:16) <Tab>
+  // (142:16) <Tab>
   function create_default_slot_3(ctx) {
   	let img;
   	let img_src_value;
@@ -2282,7 +2284,7 @@
   			if (!src_url_equal(img.src, img_src_value = "data:image/jpg;base64," + /*face*/ ctx[10].image)) attr_dev(img, "src", img_src_value);
   			attr_dev(img, "alt", "");
   			attr_dev(img, "class", "face-tab svelte-ssoxzi");
-  			add_location(img, file$3, 135, 18, 3562);
+  			add_location(img, file$3, 142, 18, 3757);
   		},
   		m: function mount(target, anchor) {
   			insert_dev(target, img, anchor);
@@ -2303,14 +2305,14 @@
   		block,
   		id: create_default_slot_3.name,
   		type: "slot",
-  		source: "(135:16) <Tab>",
+  		source: "(142:16) <Tab>",
   		ctx
   	});
 
   	return block;
   }
 
-  // (134:14) {#each matches as face, i (face.image)}
+  // (141:14) {#each matches as face, i (face.image)}
   function create_each_block_2(key_1, ctx) {
   	let first;
   	let tab;
@@ -2366,14 +2368,14 @@
   		block,
   		id: create_each_block_2.name,
   		type: "each",
-  		source: "(134:14) {#each matches as face, i (face.image)}",
+  		source: "(141:14) {#each matches as face, i (face.image)}",
   		ctx
   	});
 
   	return block;
   }
 
-  // (133:12) <TabList>
+  // (140:12) <TabList>
   function create_default_slot_2(ctx) {
   	let each_blocks = [];
   	let each_1_lookup = new Map();
@@ -2447,14 +2449,14 @@
   		block,
   		id: create_default_slot_2.name,
   		type: "slot",
-  		source: "(133:12) <TabList>",
+  		source: "(140:12) <TabList>",
   		ctx
   	});
 
   	return block;
   }
 
-  // (150:20) {#each performers as match, i (match.id)}
+  // (157:20) {#each performers as match, i (match.id)}
   function create_each_block_1(key_1, ctx) {
   	let div4;
   	let div0;
@@ -2515,30 +2517,30 @@
   			attr_dev(img, "class", "performer-card-image svelte-ssoxzi");
   			attr_dev(img, "alt", img_alt_value = /*match*/ ctx[14].name);
   			if (!src_url_equal(img.src, img_src_value = /*match*/ ctx[14].image)) attr_dev(img, "src", img_src_value);
-  			add_location(img, file$3, 160, 26, 4544);
+  			add_location(img, file$3, 167, 26, 4739);
   			attr_dev(span0, "class", span0_class_value = "performer-card__country-flag fi fi-" + /*match*/ ctx[14].country?.toLowerCase() + " svelte-ssoxzi");
-  			add_location(span0, file$3, 166, 26, 4795);
+  			add_location(span0, file$3, 173, 26, 4990);
   			attr_dev(div0, "class", "thumbnail-section svelte-ssoxzi");
-  			add_location(div0, file$3, 159, 24, 4486);
+  			add_location(div0, file$3, 166, 24, 4681);
   			attr_dev(a, "href", a_href_value = "https://stashdb.org/performers/" + /*match*/ ctx[14].id);
   			attr_dev(a, "target", "_blank");
   			attr_dev(a, "class", "svelte-ssoxzi");
-  			add_location(a, file$3, 173, 30, 5179);
+  			add_location(a, file$3, 180, 30, 5374);
   			attr_dev(div1, "class", "svelte-ssoxzi");
-  			add_location(div1, file$3, 180, 33, 5526);
+  			add_location(div1, file$3, 187, 33, 5721);
   			attr_dev(span1, "class", "tag-item badge badge-pill svelte-ssoxzi");
-  			add_location(span1, file$3, 179, 30, 5453);
+  			add_location(span1, file$3, 186, 30, 5648);
   			set_style(div2, "-webkit-line-clamp", "2");
   			attr_dev(div2, "class", "svelte-ssoxzi");
-  			add_location(div2, file$3, 172, 28, 5113);
+  			add_location(div2, file$3, 179, 28, 5308);
   			attr_dev(h5, "class", "card-section-title flex-aligned svelte-ssoxzi");
-  			add_location(h5, file$3, 171, 26, 5040);
+  			add_location(h5, file$3, 178, 26, 5235);
   			attr_dev(div3, "class", "card-section svelte-ssoxzi");
-  			add_location(div3, file$3, 170, 24, 4987);
+  			add_location(div3, file$3, 177, 24, 5182);
   			attr_dev(div4, "draggable", "false");
   			attr_dev(div4, "class", "performer-card grid-card card svelte-ssoxzi");
   			attr_dev(div4, "id", div4_id_value = "face-" + /*i*/ ctx[13]);
-  			add_location(div4, file$3, 150, 22, 4070);
+  			add_location(div4, file$3, 157, 22, 4265);
   			this.first = div4;
   		},
   		m: function mount(target, anchor) {
@@ -2608,14 +2610,14 @@
   		block,
   		id: create_each_block_1.name,
   		type: "each",
-  		source: "(150:20) {#each performers as match, i (match.id)}",
+  		source: "(157:20) {#each performers as match, i (match.id)}",
   		ctx
   	});
 
   	return block;
   }
 
-  // (147:14) <TabPanel>
+  // (154:14) <TabPanel>
   function create_default_slot_1(ctx) {
   	let div1;
   	let div0;
@@ -2644,9 +2646,9 @@
 
   			t = space();
   			attr_dev(div0, "class", "carousel svelte-ssoxzi");
-  			add_location(div0, file$3, 148, 18, 3963);
+  			add_location(div0, file$3, 155, 18, 4158);
   			attr_dev(div1, "class", "row svelte-ssoxzi");
-  			add_location(div1, file$3, 147, 16, 3927);
+  			add_location(div1, file$3, 154, 16, 4122);
   		},
   		m: function mount(target, anchor) {
   			insert_dev(target, div1, anchor);
@@ -2683,14 +2685,14 @@
   		block,
   		id: create_default_slot_1.name,
   		type: "slot",
-  		source: "(147:14) <TabPanel>",
+  		source: "(154:14) <TabPanel>",
   		ctx
   	});
 
   	return block;
   }
 
-  // (145:12) {#each matches as face, i (face.image)}
+  // (152:12) {#each matches as face, i (face.image)}
   function create_each_block$1(key_1, ctx) {
   	let first;
   	let tabpanel;
@@ -2746,14 +2748,14 @@
   		block,
   		id: create_each_block$1.name,
   		type: "each",
-  		source: "(145:12) {#each matches as face, i (face.image)}",
+  		source: "(152:12) {#each matches as face, i (face.image)}",
   		ctx
   	});
 
   	return block;
   }
 
-  // (132:10) <Tabs>
+  // (139:10) <Tabs>
   function create_default_slot(ctx) {
   	let tablist;
   	let t;
@@ -2858,7 +2860,7 @@
   		block,
   		id: create_default_slot.name,
   		type: "slot",
-  		source: "(132:10) <Tabs>",
+  		source: "(139:10) <Tabs>",
   		ctx
   	});
 
@@ -2992,6 +2994,13 @@
   				delete performer.aliases;
   			}
 
+  			// Remove attributes that are set to null
+  			Object.keys(performer).forEach(key => {
+  				if (performer[key] === null) {
+  					delete performer[key];
+  				}
+  			});
+
   			performer.stash_ids = [{ endpoint, stash_id: id_ }];
   			id_ = await createPerformer(performer);
 
@@ -3043,7 +3052,7 @@
 
   	const writable_props = ['matches'];
 
-  	Object.keys($$props).forEach(key => {
+  	Object_1.keys($$props).forEach(key => {
   		if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console.warn(`<Match> was created with unknown prop '${key}'`);
   	});
 
@@ -3150,94 +3159,94 @@
   (function (global, factory) {
       module.exports = factory() ;
   }(commonjsGlobal, (function () {
-      /*! *****************************************************************************
-      Copyright (c) Microsoft Corporation.
-
-      Permission to use, copy, modify, and/or distribute this software for any
-      purpose with or without fee is hereby granted.
-
-      THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-      REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-      AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-      INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-      LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-      OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-      PERFORMANCE OF THIS SOFTWARE.
-      ***************************************************************************** */
-      /* global Reflect, Promise */
-
-      var extendStatics = function(d, b) {
-          extendStatics = Object.setPrototypeOf ||
-              ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-              function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-          return extendStatics(d, b);
-      };
-
-      function __extends(d, b) {
-          if (typeof b !== "function" && b !== null)
-              throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-          extendStatics(d, b);
-          function __() { this.constructor = d; }
-          d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-      }
-
-      var __assign = function() {
-          __assign = Object.assign || function __assign(t) {
-              for (var s, i = 1, n = arguments.length; i < n; i++) {
-                  s = arguments[i];
-                  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-              }
-              return t;
-          };
-          return __assign.apply(this, arguments);
-      };
-
-      function __awaiter(thisArg, _arguments, P, generator) {
-          function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-          return new (P || (P = Promise))(function (resolve, reject) {
-              function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-              function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-              function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-              step((generator = generator.apply(thisArg, _arguments || [])).next());
-          });
-      }
-
-      function __generator(thisArg, body) {
-          var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-          return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-          function verb(n) { return function (v) { return step([n, v]); }; }
-          function step(op) {
-              if (f) throw new TypeError("Generator is already executing.");
-              while (_) try {
-                  if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-                  if (y = 0, t) op = [op[0] & 2, t.value];
-                  switch (op[0]) {
-                      case 0: case 1: t = op; break;
-                      case 4: _.label++; return { value: op[1], done: false };
-                      case 5: _.label++; y = op[1]; op = [0]; continue;
-                      case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                      default:
-                          if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                          if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                          if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                          if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                          if (t[2]) _.ops.pop();
-                          _.trys.pop(); continue;
-                  }
-                  op = body.call(thisArg, _);
-              } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-              if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-          }
-      }
-
-      function __spreadArray(to, from, pack) {
-          if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-              if (ar || !(i in from)) {
-                  if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-                  ar[i] = from[i];
-              }
-          }
-          return to.concat(ar || from);
+      /*! *****************************************************************************
+      Copyright (c) Microsoft Corporation.
+
+      Permission to use, copy, modify, and/or distribute this software for any
+      purpose with or without fee is hereby granted.
+
+      THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+      REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+      AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+      INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+      LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+      OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+      PERFORMANCE OF THIS SOFTWARE.
+      ***************************************************************************** */
+      /* global Reflect, Promise */
+
+      var extendStatics = function(d, b) {
+          extendStatics = Object.setPrototypeOf ||
+              ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+              function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+          return extendStatics(d, b);
+      };
+
+      function __extends(d, b) {
+          if (typeof b !== "function" && b !== null)
+              throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+          extendStatics(d, b);
+          function __() { this.constructor = d; }
+          d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+      }
+
+      var __assign = function() {
+          __assign = Object.assign || function __assign(t) {
+              for (var s, i = 1, n = arguments.length; i < n; i++) {
+                  s = arguments[i];
+                  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+              }
+              return t;
+          };
+          return __assign.apply(this, arguments);
+      };
+
+      function __awaiter(thisArg, _arguments, P, generator) {
+          function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+          return new (P || (P = Promise))(function (resolve, reject) {
+              function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+              function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+              function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+              step((generator = generator.apply(thisArg, _arguments || [])).next());
+          });
+      }
+
+      function __generator(thisArg, body) {
+          var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+          return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+          function verb(n) { return function (v) { return step([n, v]); }; }
+          function step(op) {
+              if (f) throw new TypeError("Generator is already executing.");
+              while (_) try {
+                  if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+                  if (y = 0, t) op = [op[0] & 2, t.value];
+                  switch (op[0]) {
+                      case 0: case 1: t = op; break;
+                      case 4: _.label++; return { value: op[1], done: false };
+                      case 5: _.label++; y = op[1]; op = [0]; continue;
+                      case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                      default:
+                          if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                          if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                          if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                          if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                          if (t[2]) _.ops.pop();
+                          _.trys.pop(); continue;
+                  }
+                  op = body.call(thisArg, _);
+              } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+              if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+          }
+      }
+
+      function __spreadArray(to, from, pack) {
+          if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+              if (ar || !(i in from)) {
+                  if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+                  ar[i] = from[i];
+              }
+          }
+          return to.concat(ar || from);
       }
 
       var Bounds = /** @class */ (function () {
diff --git a/plugins/visage/visage.yml b/plugins/visage/visage.yml
index bcce0b8f..efb1d004 100644
--- a/plugins/visage/visage.yml
+++ b/plugins/visage/visage.yml
@@ -1,7 +1,7 @@
 name: Visage
 # requires: StashUserscriptLibrary
 description: Use facial Recognition To Lookup Performers.
-version: 1.0.1
+version: 1.0.2
 ui:
   requires: 
   - StashUserscriptLibrary

From 0b0a36630e6344d1cccd161bcaee88ffbf4c418e Mon Sep 17 00:00:00 2001
From: alucicrazy <122958864+alucicrazy@users.noreply.github.com>
Date: Sat, 27 Jan 2024 14:42:53 -0300
Subject: [PATCH 70/91] Update filenameParser.js to work with v0.24.3

---
 plugins/filenameParser/filenameParser.js | 21 ++++++++++++++-------
 1 file changed, 14 insertions(+), 7 deletions(-)

diff --git a/plugins/filenameParser/filenameParser.js b/plugins/filenameParser/filenameParser.js
index c6e94b50..ca3d1269 100644
--- a/plugins/filenameParser/filenameParser.js
+++ b/plugins/filenameParser/filenameParser.js
@@ -42,7 +42,9 @@ function getSceneFilename(sceneID) {
     var query = "\
 query findScene($id: ID) {\
     findScene(id: $id) {\
-        path\
+        files {\
+            path\
+        }\
     }\
 }";
 
@@ -56,7 +58,7 @@ query findScene($id: ID) {\
         return null;
     }
 
-    var path = findScene.path;
+    var path = findScene.files[0].path;
     return path.substring(path.lastIndexOf('/') + 1);
 }
 
@@ -81,7 +83,9 @@ function getGalleryFilename(galleryID) {
     var query = "\
 query findGallery($id: ID!) {\
     findGallery(id: $id) {\
-        path\
+        files {\
+            path\
+        }\
     }\
 }";
 
@@ -95,7 +99,7 @@ query findGallery($id: ID!) {\
         return null;
     }
 
-    var path = findGallery.path;
+    var path = findGallery.files[0].path;
     return path.substring(path.lastIndexOf('/') + 1);
 }
 
@@ -157,12 +161,15 @@ function cleanFilename(name) {
         .replace(/\((.*?)\)/g, '$1')
         // replace {...} with just ...
         .replace(/{(.*?)}/g, '$1')
-    ;
+        ;
 
     var blockList = [
         'mp4',
         'mov',
+        'mkv',
         'zip',
+        'cbz',
+        'cbr',
         'xxx',
         '4k',
         '4096x2160',
@@ -188,7 +195,7 @@ function cleanFilename(name) {
         .replace(/^(_|[^\w\d])+/, '')
         // Remove everything except letters and digits at the end
         .replace(/(_|[^\w\d])+$/, '')
-    ;
+        ;
 
     return name;
 }
@@ -289,7 +296,7 @@ query findPerformers($performer_filter: PerformerFilterType, $filter: FindFilter
         performers {\
             id\
             name\
-            aliases\
+            alias_list\
         }\
     }\
 }"

From bc36b751e5bd1824e8b66371855fcb6782dfce27 Mon Sep 17 00:00:00 2001
From: Tweeticoats <Tweeticoats@github.com>
Date: Sun, 28 Jan 2024 15:16:05 +1030
Subject: [PATCH 71/91] Adding plugin to fetch markers from The Porn DB that
 have been tagged with their stash-box endpoint.

---
 plugins/TPBDMarkers/TPDBMarkers.yml  | 19 +++++++
 plugins/TPBDMarkers/requirements.txt |  2 +
 plugins/TPBDMarkers/tpdbMarkers.py   | 78 ++++++++++++++++++++++++++++
 3 files changed, 99 insertions(+)
 create mode 100644 plugins/TPBDMarkers/TPDBMarkers.yml
 create mode 100644 plugins/TPBDMarkers/requirements.txt
 create mode 100644 plugins/TPBDMarkers/tpdbMarkers.py

diff --git a/plugins/TPBDMarkers/TPDBMarkers.yml b/plugins/TPBDMarkers/TPDBMarkers.yml
new file mode 100644
index 00000000..4d37c104
--- /dev/null
+++ b/plugins/TPBDMarkers/TPDBMarkers.yml
@@ -0,0 +1,19 @@
+name: The Porn DB Markers
+description: Sync Markers from The Porn DB aka metadataapi.net
+version: 0.1
+url: https://github.com/stashapp/CommunityScripts/
+exec:
+  - python
+  - "{pluginDir}/tpdbMarkers.py"
+interface: raw
+hooks:
+  - name: Add Marker to Scene
+    description: Makes Markers checking against timestamp.trade
+    triggeredBy:
+      - Scene.Update.Post
+
+tasks:
+  - name: 'Sync'
+    description: Get markers for all scenes with a stashid and no markers
+    defaultArgs:
+      mode: processScene
diff --git a/plugins/TPBDMarkers/requirements.txt b/plugins/TPBDMarkers/requirements.txt
new file mode 100644
index 00000000..6945b333
--- /dev/null
+++ b/plugins/TPBDMarkers/requirements.txt
@@ -0,0 +1,2 @@
+requests
+stashapp-tools
diff --git a/plugins/TPBDMarkers/tpdbMarkers.py b/plugins/TPBDMarkers/tpdbMarkers.py
new file mode 100644
index 00000000..fcae0ccb
--- /dev/null
+++ b/plugins/TPBDMarkers/tpdbMarkers.py
@@ -0,0 +1,78 @@
+import stashapi.log as log
+from stashapi.stashapp import StashInterface
+import stashapi.marker_parse as mp
+import sys
+import requests
+import json
+import time
+
+
+per_page = 100
+request_s = requests.Session()
+
+
+def processScene(scene):
+    for sid in scene['stash_ids']:
+        if sid['endpoint'] == 'https://metadataapi.net/graphql':
+            log.debug('Scene has a TPDB stash id, looking up %s ' % (sid['stash_id'],))
+            res=request_s.get('https://api.metadataapi.net/scenes/%s' % (sid['stash_id'],))
+            if res.status_code==200:
+                if 'data' in res.json():
+                    data=res.json()['data']
+                    markers = []
+                    for m in data['markers']:
+                        log.debug(m)
+                        marker={
+                            'title' : m['title'],
+                            'primary_tag' : m["title"],
+                            'tags': [],
+                            'seconds':m['start_time'],
+                        }
+                        markers.append(marker)
+
+                    if len(markers) > 0:
+                        log.info('Saving markers')
+                        mp.import_scene_markers(stash, markers, scene['id'], 15)
+#            log.debug(res.content)
+
+
+
+def processAll():
+    log.info('Getting scene count')
+    skip_sync_tag_id = stash.find_tag('[TPDB: Skip Marker]', create=True).get("id")
+    count=stash.find_scenes(f={"stash_id_endpoint": { "endpoint": "https://metadataapi.net/graphql", "modifier": "NOT_NULL", "stash_id": ""},"has_markers":"false","tags":{"depth":0,"excludes":[skip_sync_tag_id],"modifier":"INCLUDES_ALL","value":[]}},filter={"per_page": 1},get_count=True)[0]
+    log.info(str(count)+' scenes to submit.')
+    i=0
+    for r in range(1,int(count/per_page)+1):
+        log.info('fetching data: %s - %s %0.1f%%' % ((r - 1) * per_page,r * per_page,(i/count)*100,))
+        scenes=stash.find_scenes(f={"stash_id_endpoint": { "endpoint": "https://metadataapi.net/graphql", "modifier": "NOT_NULL", "stash_id": ""},"has_markers":"false"},filter={"page":r,"per_page": per_page})
+        for s in scenes:
+            processScene(s)
+            i=i+1
+            log.progress((i/count))
+            time.sleep(1)
+
+
+json_input = json.loads(sys.stdin.read())
+
+FRAGMENT_SERVER = json_input["server_connection"]
+stash = StashInterface(FRAGMENT_SERVER)
+
+# Set up the auth token for tpdb
+if 'https://metadataapi.net/graphql' in [x['endpoint'] for x in stash.get_configuration()['general']['stashBoxes']]:
+    for x in stash.get_configuration()['general']['stashBoxes']:
+        if x['endpoint'] == 'https://metadataapi.net/graphql':
+            request_s.headers['Authorization']='Bearer %s' % (x['api_key'],)
+
+    if 'mode' in json_input['args']:
+        PLUGIN_ARGS = json_input['args']["mode"]
+        if 'processScene' in PLUGIN_ARGS:
+            processAll()
+    elif 'hookContext' in json_input['args']:
+        id = json_input['args']['hookContext']['id']
+        if json_input['args']['hookContext']['type'] == 'Scene.Update.Post':
+            scene = stash.find_scene(id)
+            processScene(scene)
+
+else:
+    log.warning('The Porn DB endpoint not configured')
\ No newline at end of file

From 5402a71ca84c8d6cb4690a993dffe011f5b02d89 Mon Sep 17 00:00:00 2001
From: Tweeticoats <Tweeticoats@github.com>
Date: Sun, 28 Jan 2024 15:23:36 +1030
Subject: [PATCH 72/91] Update yaml

---
 plugins/TPBDMarkers/TPDBMarkers.yml | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/plugins/TPBDMarkers/TPDBMarkers.yml b/plugins/TPBDMarkers/TPDBMarkers.yml
index 4d37c104..4d7cb8b2 100644
--- a/plugins/TPBDMarkers/TPDBMarkers.yml
+++ b/plugins/TPBDMarkers/TPDBMarkers.yml
@@ -8,12 +8,12 @@ exec:
 interface: raw
 hooks:
   - name: Add Marker to Scene
-    description: Makes Markers checking against timestamp.trade
+    description: Makes Markers checking against The Porn DB aka metadataapi.net
     triggeredBy:
       - Scene.Update.Post
 
 tasks:
   - name: 'Sync'
-    description: Get markers for all scenes with a stashid and no markers
+    description: Get markers for all scenes with a stashid from metadataapi.net and no markers
     defaultArgs:
       mode: processScene

From 228c294ffa30b191c50ac147af319c8990a9395e Mon Sep 17 00:00:00 2001
From: Raghavan <raghavanmarch2002@gmail.com>
Date: Wed, 7 Feb 2024 04:55:44 +0530
Subject: [PATCH 73/91] Workflow to check JS and PY code format (#242)

* fix css files
* create workflow
* format code using prettier
* black ignore 3rd party folder
* format py code using black
* black exclude option in workflow
* Don't format workflow files
* Add contributing instructions to readme
---------
Co-authored-by: WithoutPants <53250216+WithoutPants@users.noreply.github.com>
---
 .editorconfig                                 |    12 +
 .github/workflows/check_code_format.yml       |    50 +
 .github/workflows/deploy.yml                  |    45 +-
 .gitignore                                    |     3 +-
 .prettierignore                               |    11 +
 .../Contents/DefaultPrefs.json                |   288 +-
 README.md                                     |    22 +
 package-lock.json                             |    29 +
 package.json                                  |    12 +
 plugins/CropperJS/CropperJS.yml               |     7 +-
 plugins/CropperJS/cropper.css                 |   257 +-
 plugins/CropperJS/cropper.js                  |  1972 +-
 plugins/DateParser/date_parser.py             |    86 +-
 plugins/DateParser/date_parser.yml            |    26 +-
 .../stashBatchResultToggle.js                 |   685 +-
 .../stashBatchResultToggle.yml                |    18 +-
 plugins/TPBDMarkers/TPDBMarkers.yml           |     2 +-
 plugins/TPBDMarkers/tpdbMarkers.py            |   113 +-
 .../comicInfoExtractor/comicInfoExtractor.py  |    96 +-
 .../defaultDataForPath/defaultDataForPath.js  |   660 +-
 .../defaultDataForPath/defaultDataForPath.yml |     2 +-
 plugins/dupeMarker/dupeMarker.py              |    90 +-
 plugins/dupeMarker/dupeMarker.yml             |     4 +-
 plugins/filenameParser/filenameParser.js      |   596 +-
 plugins/markerTagToScene/markerTagToScene.js  |    96 +-
 plugins/markerTagToScene/markerTagToScene.yml |     2 +-
 plugins/miscTags/miscTags.py                  |   237 +-
 plugins/pathParser/pathParser.js              |   583 +-
 plugins/pathParser/pathParser.yml             |    14 +-
 plugins/phashDuplicateTagger/config.py        |    87 +-
 .../phashDuplicateTagger.py                   |   438 +-
 .../phashDuplicateTagger.yml                  |    24 +-
 plugins/renamerOnUpdate/log.py                |    29 +-
 plugins/renamerOnUpdate/renamerOnUpdate.py    |   646 +-
 plugins/renamerOnUpdate/renamerOnUpdate.yml   |     9 +-
 .../renamerOnUpdate/renamerOnUpdate_config.py |    78 +-
 .../sceneCoverCropper/sceneCoverCropper.js    |   282 +-
 .../sceneCoverCropper/sceneCoverCropper.yml   |     4 +-
 plugins/setSceneCoverFromFile/set_cover.py    |   101 +-
 .../setSceneCoverFromFile/set_scene_cover.yml |     4 +-
 plugins/stashAI/stashai.css                   |   156 +-
 plugins/stashAI/stashai.js                    |  6560 +++--
 plugins/stashAI/stashai.yml                   |    10 +-
 plugins/stashRealbooru/stash-realbooru.css    |    82 +-
 plugins/stashRealbooru/stash-realbooru.js     | 20399 +++++++------
 plugins/stashRealbooru/stash-realbooru.yml    |    10 +-
 .../StashUserscriptLibrary.yml                |    12 +-
 .../stashUserscriptLibrary.js                 |  3472 +--
 .../stashdb-performer-gallery.py              |   318 +-
 .../stashdb-performer-gallery.yml             |     5 +-
 plugins/stats/stats.js                        |   292 +-
 plugins/stats/stats.yml                       |    18 +-
 plugins/tagGraph/config.py                    |     8 +-
 plugins/tagGraph/tag_graph.py                 |   451 +-
 plugins/tagGraph/tag_graph.yml                |     2 +-
 plugins/timestampTrade/timestampTrade.py      |   671 +-
 plugins/timestampTrade/timestampTrade.yml     |    10 +-
 plugins/titleFromFilename/config.py           |     2 +-
 plugins/titleFromFilename/graphql.py          |    63 +-
 plugins/titleFromFilename/log.py              |    29 +-
 .../titleFromFilename/titleFromFilename.py    |    41 +-
 plugins/visage/visage.css                     |   133 +-
 plugins/visage/visage.js                      | 23789 +++++++++-------
 plugins/visage/visage.yml                     |    28 +-
 requirements.txt                              |     1 +
 .../Sqlite_Renamer/Stash_Sqlite_Renamer.py    |   147 +-
 scripts/kodi-helper/kodi-helper.py            |   178 +-
 scripts/stash-watcher/watcher.py              |   121 +-
 themes/Theme-BlackHole/Theme-BlackHole.css    |    29 +-
 themes/Theme-BlackHole/Theme-BlackHole.yml    |     4 +-
 themes/Theme-ModernDark/Theme-ModernDark.css  |  1000 +-
 themes/Theme-ModernDark/Theme-ModernDark.yml  |     2 +-
 themes/Theme-NeonDark/Theme-NeonDark.css      |  1325 +-
 themes/Theme-NeonDark/Theme-NeonDark.yml      |     2 +-
 themes/Theme-Night/Theme-Night.css            |   142 +-
 themes/Theme-Night/Theme-Night.yml            |     2 +-
 themes/Theme-Plex/Theme-Plex.css              |   159 +-
 themes/Theme-Plex/Theme-Plex.yml              |     2 +-
 themes/Theme-PornHub/Theme-PornHub.css        |    67 +-
 themes/Theme-PornHub/Theme-PornHub.yml        |     2 +-
 themes/Theme-Pulsar/Theme-Pulsar.css          |  3308 ++-
 themes/Theme-Pulsar/Theme-Pulsar.yml          |     2 +-
 .../Theme-PulsarLight/Theme-PulsarLight.css   |  3352 ++-
 .../Theme-PulsarLight/Theme-PulsarLight.yml   |     2 +-
 .../Theme-RoundedYellow.css                   |   352 +-
 .../Theme-RoundedYellow.yml                   |     2 +-
 .../stashdb_submission_helper.user.js         |   349 +-
 87 files changed, 43191 insertions(+), 31640 deletions(-)
 create mode 100644 .editorconfig
 create mode 100644 .github/workflows/check_code_format.yml
 create mode 100644 .prettierignore
 create mode 100644 package-lock.json
 create mode 100644 package.json
 create mode 100644 requirements.txt

diff --git a/.editorconfig b/.editorconfig
new file mode 100644
index 00000000..8f1d938b
--- /dev/null
+++ b/.editorconfig
@@ -0,0 +1,12 @@
+root = true
+
+[*]
+charset = utf-8
+end_of_line = lf
+indent_style = space
+indent_size = 2
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.md]
+trim_trailing_whitespace = false
\ No newline at end of file
diff --git a/.github/workflows/check_code_format.yml b/.github/workflows/check_code_format.yml
new file mode 100644
index 00000000..1c82e7a6
--- /dev/null
+++ b/.github/workflows/check_code_format.yml
@@ -0,0 +1,50 @@
+name: Check Code Format
+
+on:
+  push:
+    branches:
+      - main
+  pull_request:
+    branches:
+      - main
+
+permissions:
+  contents: write
+
+jobs:
+  check_js_code_format:
+    name: Check JS code format
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+          ref: ${{ github.head_ref }}
+
+      - name: Check format
+        uses: creyD/prettier_action@v4.3
+        with:
+          prettier_options: --check
+          dry: true
+          only_changed: true
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+
+  check_py_code_format:
+    name: Check PY code format
+    runs-on: ubuntu-latest
+    needs: check_js_code_format
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+          ref: ${{ github.head_ref }}
+
+      - name: Check format
+        uses: psf/black@stable
+        with:
+          options: '--exclude="3rd party"'
+          src: "."
diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
index 74b7f1e6..dd668df1 100644
--- a/.github/workflows/deploy.yml
+++ b/.github/workflows/deploy.yml
@@ -2,7 +2,7 @@ name: Deploy repository to Github Pages
 
 on:
   push:
-    branches: [ main, stable ]
+    branches: [main, stable]
 
   # Allows you to run this workflow manually from the Actions tab
   workflow_dispatch:
@@ -17,27 +17,27 @@ jobs:
   build:
     runs-on: ubuntu-22.04
     steps:
-    - name: Checkout main
-      uses: actions/checkout@v2
-      with:
-        path: main
-        ref: main
-        fetch-depth: '0'
-    - run: |
-        cd main
-        ./build_site.sh ../_site/stable
-    - name: Checkout dev
-      uses: actions/checkout@v2
-      with:
-        path: dev
-        # change this ref to whatever dev branch/tag we need when necessary
-        ref: main
-        fetch-depth: '0'
-    - run: |
-        cd dev
-        ../main/build_site.sh ../_site/develop
-    - uses: actions/upload-pages-artifact@v2
-    
+      - name: Checkout main
+        uses: actions/checkout@v2
+        with:
+          path: main
+          ref: main
+          fetch-depth: "0"
+      - run: |
+          cd main
+          ./build_site.sh ../_site/stable
+      - name: Checkout dev
+        uses: actions/checkout@v2
+        with:
+          path: dev
+          # change this ref to whatever dev branch/tag we need when necessary
+          ref: main
+          fetch-depth: "0"
+      - run: |
+          cd dev
+          ../main/build_site.sh ../_site/develop
+      - uses: actions/upload-pages-artifact@v2
+
   deploy:
     environment:
       name: github-pages
@@ -48,4 +48,3 @@ jobs:
       - name: Deploy to GitHub Pages
         id: deployment
         uses: actions/deploy-pages@v2
-    
diff --git a/.gitignore b/.gitignore
index 16182c5d..03208493 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1 +1,2 @@
-/_site
\ No newline at end of file
+/_site
+node_modules
\ No newline at end of file
diff --git a/.prettierignore b/.prettierignore
new file mode 100644
index 00000000..af4db472
--- /dev/null
+++ b/.prettierignore
@@ -0,0 +1,11 @@
+*.md
+
+# dependencies
+node_modules
+package-lock.json
+
+# production
+dist
+
+# workflows
+.github
\ No newline at end of file
diff --git a/3rd party/StashPlexAgent.bundle/Contents/DefaultPrefs.json b/3rd party/StashPlexAgent.bundle/Contents/DefaultPrefs.json
index 27fb2447..61761821 100644
--- a/3rd party/StashPlexAgent.bundle/Contents/DefaultPrefs.json	
+++ b/3rd party/StashPlexAgent.bundle/Contents/DefaultPrefs.json	
@@ -1,146 +1,146 @@
 [
-    {
-        "id": "Hostname",
-        "label": "The host for Stash",
-        "type": "text",
-        "default": "127.0.0.1"
-    },
-    {
-        "id": "Port",
-        "label": "The port for Stash",
-        "type": "text",
-        "default": "9999"
-    },
-    {
-        "id": "UseHTTPS",
-        "label": "Use HTTPS instead of HTTP to connect",
-        "type": "bool",
-        "default": false
-    },
-    {
-        "id": "APIKey",
-        "label": "The API Key for Stash if Authentication is enabled",
-        "type": "text",
-        "default": ""
-    },
-    {
-        "id": "IncludeGalleryImages",
-        "label": "Include attached Gallery images in addition to default poster?",
-        "type": "bool",
-        "default": false
-    },
-    {
-        "id": "SortGalleryImages",
-        "label": "If including gallery images, auto sort into poster/background based on orientation?",
-        "type": "bool",
-        "default": false
-    },
-    {
-        "id": "AppendPerformerTags",
-        "label": "Include Performer Tags with the scraped scene tags?",
-        "type": "bool",
-        "default": false
-    },
-    {
-        "id": "IgnoreTags",
-        "label": "Stash Tag ID numbers to ignore (comma separated, 0 to disable)",
-        "type": "text",
-        "default": "1,2,3318,6279"
-    },
-    {
-        "id": "CreateTagCollectionTags",
-        "label": "Stash Tag ID numbers create Collections from (comma separated, 0 to disable)",
-        "type": "text",
-        "default": "0"
-    },
-    {
-        "id": "CreateAllTagCollectionTags",
-        "label": "Create Collections from ALL Tags (If TRUE then option above will exclude instead of include tags)",
-        "type": "bool",
-        "default": false
-    },
-    {
-        "id": "CreateSiteCollectionTags",
-        "label": "Auto create Plex Collection tags for scene Site",
-        "type": "bool",
-        "default": true
-    },
-    {
-        "id": "PrefixSiteCollectionTags",
-        "label": "Prefix for Site Collection Names (The Site name will be appended to this value)",
-        "type": "text",
-        "default": "Site: "
-    },
-    {
-        "id": "CreateStudioCollectionTags",
-        "label": "Auto create Plex Collection tags for scene Studio",
-        "type": "bool",
-        "default": true
-    },
-    {
-        "id": "UseSiteForStudioCollectionTags",
-        "label": "If Studio is not defined, use Site instead (In Stash, Studio is the parent of the scene Studio)",
-        "type": "bool",
-        "default": false
-    },
-    {
-        "id": "PrefixStudioCollectionTags",
-        "label": "Prefix for Studio Collection Names (The Studio name (if available) will be appended to this value)",
-        "type": "text",
-        "default": "Studio: "
-    },
-    {
-        "id": "CreateMovieCollectionTags",
-        "label": "Auto create Plex Collection tags for associated scene Movie",
-        "type": "bool",
-        "default": false
-    },
-    {
-        "id": "PrefixMovieCollectionTags",
-        "label": "Prefix for Movie Collection Names (The Movie title (if available) will be appended to this value)",
-        "type": "text",
-        "default": "Movie: "
-    },
-    {
-        "id": "CreatePerformerCollectionTags",
-        "label": "Auto create Plex Collection tags for associated Performers",
-        "type": "bool",
-        "default": false
-    },
-    {
-        "id": "PrefixPerformerCollectionTags",
-        "label": "Prefix for Performer Collection Names (The performer (if available) will be appended to this value)",
-        "type": "text",
-        "default": "Actor: "
-    },
-    {
-        "id": "CreateRatingTags",
-        "label": "Auto create Plex Collection tags for Stash star rating",
-        "type": "bool",
-        "default": false
-    },
-    {
-        "id": "RequireOrganized",
-        "label": "Require Organized flag to be set in Stash to pull metadata",
-        "type": "bool",
-        "default": false
-    },
-    {
-        "id": "RequireURL",
-        "label": "Require scene URL to be set in Stash to pull metadata",
-        "type": "bool",
-        "default": false
-    },
-    {
-        "id": "RequireStashID",
-        "label": "Require a scene StashID to be set in Stash to pull metadata",
-        "type": "bool",
-        "default": false
-    },
-    {
-        "id": "debug",
-        "label": "Use debug logging",
-        "type": "bool",
-        "default": false
-    },
+  {
+    "id": "Hostname",
+    "label": "The host for Stash",
+    "type": "text",
+    "default": "127.0.0.1"
+  },
+  {
+    "id": "Port",
+    "label": "The port for Stash",
+    "type": "text",
+    "default": "9999"
+  },
+  {
+    "id": "UseHTTPS",
+    "label": "Use HTTPS instead of HTTP to connect",
+    "type": "bool",
+    "default": false
+  },
+  {
+    "id": "APIKey",
+    "label": "The API Key for Stash if Authentication is enabled",
+    "type": "text",
+    "default": ""
+  },
+  {
+    "id": "IncludeGalleryImages",
+    "label": "Include attached Gallery images in addition to default poster?",
+    "type": "bool",
+    "default": false
+  },
+  {
+    "id": "SortGalleryImages",
+    "label": "If including gallery images, auto sort into poster/background based on orientation?",
+    "type": "bool",
+    "default": false
+  },
+  {
+    "id": "AppendPerformerTags",
+    "label": "Include Performer Tags with the scraped scene tags?",
+    "type": "bool",
+    "default": false
+  },
+  {
+    "id": "IgnoreTags",
+    "label": "Stash Tag ID numbers to ignore (comma separated, 0 to disable)",
+    "type": "text",
+    "default": "1,2,3318,6279"
+  },
+  {
+    "id": "CreateTagCollectionTags",
+    "label": "Stash Tag ID numbers create Collections from (comma separated, 0 to disable)",
+    "type": "text",
+    "default": "0"
+  },
+  {
+    "id": "CreateAllTagCollectionTags",
+    "label": "Create Collections from ALL Tags (If TRUE then option above will exclude instead of include tags)",
+    "type": "bool",
+    "default": false
+  },
+  {
+    "id": "CreateSiteCollectionTags",
+    "label": "Auto create Plex Collection tags for scene Site",
+    "type": "bool",
+    "default": true
+  },
+  {
+    "id": "PrefixSiteCollectionTags",
+    "label": "Prefix for Site Collection Names (The Site name will be appended to this value)",
+    "type": "text",
+    "default": "Site: "
+  },
+  {
+    "id": "CreateStudioCollectionTags",
+    "label": "Auto create Plex Collection tags for scene Studio",
+    "type": "bool",
+    "default": true
+  },
+  {
+    "id": "UseSiteForStudioCollectionTags",
+    "label": "If Studio is not defined, use Site instead (In Stash, Studio is the parent of the scene Studio)",
+    "type": "bool",
+    "default": false
+  },
+  {
+    "id": "PrefixStudioCollectionTags",
+    "label": "Prefix for Studio Collection Names (The Studio name (if available) will be appended to this value)",
+    "type": "text",
+    "default": "Studio: "
+  },
+  {
+    "id": "CreateMovieCollectionTags",
+    "label": "Auto create Plex Collection tags for associated scene Movie",
+    "type": "bool",
+    "default": false
+  },
+  {
+    "id": "PrefixMovieCollectionTags",
+    "label": "Prefix for Movie Collection Names (The Movie title (if available) will be appended to this value)",
+    "type": "text",
+    "default": "Movie: "
+  },
+  {
+    "id": "CreatePerformerCollectionTags",
+    "label": "Auto create Plex Collection tags for associated Performers",
+    "type": "bool",
+    "default": false
+  },
+  {
+    "id": "PrefixPerformerCollectionTags",
+    "label": "Prefix for Performer Collection Names (The performer (if available) will be appended to this value)",
+    "type": "text",
+    "default": "Actor: "
+  },
+  {
+    "id": "CreateRatingTags",
+    "label": "Auto create Plex Collection tags for Stash star rating",
+    "type": "bool",
+    "default": false
+  },
+  {
+    "id": "RequireOrganized",
+    "label": "Require Organized flag to be set in Stash to pull metadata",
+    "type": "bool",
+    "default": false
+  },
+  {
+    "id": "RequireURL",
+    "label": "Require scene URL to be set in Stash to pull metadata",
+    "type": "bool",
+    "default": false
+  },
+  {
+    "id": "RequireStashID",
+    "label": "Require a scene StashID to be set in Stash to pull metadata",
+    "type": "bool",
+    "default": false
+  },
+  {
+    "id": "debug",
+    "label": "Use debug logging",
+    "type": "bool",
+    "default": false
+  }
 ]
diff --git a/README.md b/README.md
index 1945069c..0f357c83 100644
--- a/README.md
+++ b/README.md
@@ -51,3 +51,25 @@ We welcome new themes, as well as patches to existing themes.
 ---------|---------------|-----------|----
 StashDB  |[StashDB Submission Helper](/userscripts/StashDB_Submission_Helper)|Adds handy functions for StashDB submissions like buttons to add aliases in bulk to a performer|:x:
 Kodi|[Kodi Helper](scripts/kodi-helper)|Generates `nfo` and `strm` for use with Kodi.|v0.7|:x:
+
+## Contributing
+
+Formatting is enforced on all files.
+
+[Yarn](https://yarnpkg.com/en/docs/install) must be installed to run the formatting tools. Python dependencies must also be installed to format `py` files.
+
+### Formatting non-`py` files
+
+For non-`py` files, files may be formatted using `prettier`
+
+After installing `yarn` and before running prettier for the first time, `prettier` must be installed by running: `yarn install --frozen-lockfile`
+
+To run `prettier` to format non-`py` files, run the following: `yarn run format`
+
+### Formatting `py` files
+
+`py` files are formatted using `black` which must be installed first.
+
+After installing `yarn` and before formatting for the first time, `black` must be installed by running: `pip install -r requirements.txt`
+
+To run `black` to format `py` files, run the following: `yarn run format-py`
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 00000000..5306f643
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,29 @@
+{
+  "name": "community-scripts",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "community-scripts",
+      "license": "AGPL-3.0-only",
+      "devDependencies": {
+        "prettier": "^3.2.5"
+      }
+    },
+    "node_modules/prettier": {
+      "version": "3.2.5",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.2.5.tgz",
+      "integrity": "sha512-3/GWa9aOC0YeD7LUfvOG2NiDyhOWRvt1k+rcKhOuYnMY24iiCphgneUfJDyFXd6rZCAnuLBv6UeAULtrhT/F4A==",
+      "dev": true,
+      "bin": {
+        "prettier": "bin/prettier.cjs"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/prettier/prettier?sponsor=1"
+      }
+    }
+  }
+}
diff --git a/package.json b/package.json
new file mode 100644
index 00000000..1691a6b0
--- /dev/null
+++ b/package.json
@@ -0,0 +1,12 @@
+{
+  "name": "community-scripts",
+  "description": "This repository contains plugin and utility scripts created by the Stash community and hosted on the official GitHub repo.",
+  "license": "AGPL-3.0-only",
+  "scripts": {
+    "format": "prettier --write .",
+    "format-py": "black --exclude=\"3rd party\" ."
+  },
+  "devDependencies": {
+    "prettier": "^3.2.5"
+  }
+}
diff --git a/plugins/CropperJS/CropperJS.yml b/plugins/CropperJS/CropperJS.yml
index 7b5b6cba..38fb2e0e 100644
--- a/plugins/CropperJS/CropperJS.yml
+++ b/plugins/CropperJS/CropperJS.yml
@@ -3,9 +3,8 @@ description: Exports cropper.js functionality for JS/Userscripts
 version: 1.6.1
 ui:
   css:
-  - cropper.css
+    - cropper.css
   javascript:
-  - cropper.js
-
+    - cropper.js
 # note - not minimized for more transparency around updates & diffs against source code
-# https://github.com/fengyuanchen/cropperjs/tree/main/dist
\ No newline at end of file
+# https://github.com/fengyuanchen/cropperjs/tree/main/dist
diff --git a/plugins/CropperJS/cropper.css b/plugins/CropperJS/cropper.css
index 98a40ab8..74935b27 100644
--- a/plugins/CropperJS/cropper.css
+++ b/plugins/CropperJS/cropper.css
@@ -14,24 +14,24 @@
   line-height: 0;
   position: relative;
   -ms-touch-action: none;
-      touch-action: none;
+  touch-action: none;
   -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
 }
 
 .cropper-container img {
-    backface-visibility: hidden;
-    display: block;
-    height: 100%;
-    image-orientation: 0deg;
-    max-height: none !important;
-    max-width: none !important;
-    min-height: 0 !important;
-    min-width: 0 !important;
-    width: 100%;
-  }
+  backface-visibility: hidden;
+  display: block;
+  height: 100%;
+  image-orientation: 0deg;
+  max-height: none !important;
+  max-width: none !important;
+  min-height: 0 !important;
+  min-width: 0 !important;
+  width: 100%;
+}
 
 .cropper-wrap-box,
 .cropper-canvas,
@@ -77,22 +77,22 @@
 }
 
 .cropper-dashed.dashed-h {
-    border-bottom-width: 1px;
-    border-top-width: 1px;
-    height: calc(100% / 3);
-    left: 0;
-    top: calc(100% / 3);
-    width: 100%;
-  }
+  border-bottom-width: 1px;
+  border-top-width: 1px;
+  height: calc(100% / 3);
+  left: 0;
+  top: calc(100% / 3);
+  width: 100%;
+}
 
 .cropper-dashed.dashed-v {
-    border-left-width: 1px;
-    border-right-width: 1px;
-    height: 100%;
-    left: calc(100% / 3);
-    top: 0;
-    width: calc(100% / 3);
-  }
+  border-left-width: 1px;
+  border-right-width: 1px;
+  height: 100%;
+  left: calc(100% / 3);
+  top: 0;
+  width: calc(100% / 3);
+}
 
 .cropper-center {
   display: block;
@@ -105,26 +105,26 @@
 }
 
 .cropper-center::before,
-  .cropper-center::after {
-    background-color: #eee;
-    content: ' ';
-    display: block;
-    position: absolute;
-  }
+.cropper-center::after {
+  background-color: #eee;
+  content: " ";
+  display: block;
+  position: absolute;
+}
 
 .cropper-center::before {
-    height: 1px;
-    left: -3px;
-    top: 0;
-    width: 7px;
-  }
+  height: 1px;
+  left: -3px;
+  top: 0;
+  width: 7px;
+}
 
 .cropper-center::after {
-    height: 7px;
-    left: 0;
-    top: -3px;
-    width: 1px;
-  }
+  height: 7px;
+  left: 0;
+  top: -3px;
+  width: 1px;
+}
 
 .cropper-face,
 .cropper-line,
@@ -147,32 +147,32 @@
 }
 
 .cropper-line.line-e {
-    cursor: ew-resize;
-    right: -3px;
-    top: 0;
-    width: 5px;
-  }
+  cursor: ew-resize;
+  right: -3px;
+  top: 0;
+  width: 5px;
+}
 
 .cropper-line.line-n {
-    cursor: ns-resize;
-    height: 5px;
-    left: 0;
-    top: -3px;
-  }
+  cursor: ns-resize;
+  height: 5px;
+  left: 0;
+  top: -3px;
+}
 
 .cropper-line.line-w {
-    cursor: ew-resize;
-    left: -3px;
-    top: 0;
-    width: 5px;
-  }
+  cursor: ew-resize;
+  left: -3px;
+  top: 0;
+  width: 5px;
+}
 
 .cropper-line.line-s {
-    bottom: -3px;
-    cursor: ns-resize;
-    height: 5px;
-    left: 0;
-  }
+  bottom: -3px;
+  cursor: ns-resize;
+  height: 5px;
+  left: 0;
+}
 
 .cropper-point {
   background-color: #39f;
@@ -182,103 +182,100 @@
 }
 
 .cropper-point.point-e {
-    cursor: ew-resize;
-    margin-top: -3px;
-    right: -3px;
-    top: 50%;
-  }
+  cursor: ew-resize;
+  margin-top: -3px;
+  right: -3px;
+  top: 50%;
+}
 
 .cropper-point.point-n {
-    cursor: ns-resize;
-    left: 50%;
-    margin-left: -3px;
-    top: -3px;
-  }
+  cursor: ns-resize;
+  left: 50%;
+  margin-left: -3px;
+  top: -3px;
+}
 
 .cropper-point.point-w {
-    cursor: ew-resize;
-    left: -3px;
-    margin-top: -3px;
-    top: 50%;
-  }
+  cursor: ew-resize;
+  left: -3px;
+  margin-top: -3px;
+  top: 50%;
+}
 
 .cropper-point.point-s {
-    bottom: -3px;
-    cursor: s-resize;
-    left: 50%;
-    margin-left: -3px;
-  }
+  bottom: -3px;
+  cursor: s-resize;
+  left: 50%;
+  margin-left: -3px;
+}
 
 .cropper-point.point-ne {
-    cursor: nesw-resize;
-    right: -3px;
-    top: -3px;
-  }
+  cursor: nesw-resize;
+  right: -3px;
+  top: -3px;
+}
 
 .cropper-point.point-nw {
-    cursor: nwse-resize;
-    left: -3px;
-    top: -3px;
-  }
+  cursor: nwse-resize;
+  left: -3px;
+  top: -3px;
+}
 
 .cropper-point.point-sw {
-    bottom: -3px;
-    cursor: nesw-resize;
-    left: -3px;
-  }
+  bottom: -3px;
+  cursor: nesw-resize;
+  left: -3px;
+}
 
 .cropper-point.point-se {
-    bottom: -3px;
-    cursor: nwse-resize;
-    height: 20px;
-    opacity: 1;
-    right: -3px;
-    width: 20px;
-  }
+  bottom: -3px;
+  cursor: nwse-resize;
+  height: 20px;
+  opacity: 1;
+  right: -3px;
+  width: 20px;
+}
 
 @media (min-width: 768px) {
-
-.cropper-point.point-se {
-      height: 15px;
-      width: 15px;
+  .cropper-point.point-se {
+    height: 15px;
+    width: 15px;
   }
-    }
+}
 
 @media (min-width: 992px) {
-
-.cropper-point.point-se {
-      height: 10px;
-      width: 10px;
+  .cropper-point.point-se {
+    height: 10px;
+    width: 10px;
   }
-    }
+}
 
 @media (min-width: 1200px) {
-
-.cropper-point.point-se {
-      height: 5px;
-      opacity: 0.75;
-      width: 5px;
+  .cropper-point.point-se {
+    height: 5px;
+    opacity: 0.75;
+    width: 5px;
   }
-    }
+}
 
 .cropper-point.point-se::before {
-    background-color: #39f;
-    bottom: -50%;
-    content: ' ';
-    display: block;
-    height: 200%;
-    opacity: 0;
-    position: absolute;
-    right: -50%;
-    width: 200%;
-  }
+  background-color: #39f;
+  bottom: -50%;
+  content: " ";
+  display: block;
+  height: 200%;
+  opacity: 0;
+  position: absolute;
+  right: -50%;
+  width: 200%;
+}
 
 .cropper-invisible {
   opacity: 0;
 }
 
 .cropper-bg {
-  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');
+  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC");
 }
 
 .cropper-hide {
diff --git a/plugins/CropperJS/cropper.js b/plugins/CropperJS/cropper.js
index 55a50c88..8d321c7e 100644
--- a/plugins/CropperJS/cropper.js
+++ b/plugins/CropperJS/cropper.js
@@ -9,40 +9,66 @@
  */
 
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
-  typeof define === 'function' && define.amd ? define(factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.Cropper = factory());
-})(this, (function () { 'use strict';
+  typeof exports === "object" && typeof module !== "undefined"
+    ? (module.exports = factory())
+    : typeof define === "function" && define.amd
+      ? define(factory)
+      : ((global =
+          typeof globalThis !== "undefined" ? globalThis : global || self),
+        (global.Cropper = factory()));
+})(this, function () {
+  "use strict";
 
   function ownKeys(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
       var o = Object.getOwnPropertySymbols(e);
-      r && (o = o.filter(function (r) {
-        return Object.getOwnPropertyDescriptor(e, r).enumerable;
-      })), t.push.apply(t, o);
+      r &&
+        (o = o.filter(function (r) {
+          return Object.getOwnPropertyDescriptor(e, r).enumerable;
+        })),
+        t.push.apply(t, o);
     }
     return t;
   }
   function _objectSpread2(e) {
     for (var r = 1; r < arguments.length; r++) {
       var t = null != arguments[r] ? arguments[r] : {};
-      r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {
-        _defineProperty(e, r, t[r]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
-        Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
-      });
+      r % 2
+        ? ownKeys(Object(t), !0).forEach(function (r) {
+            _defineProperty(e, r, t[r]);
+          })
+        : Object.getOwnPropertyDescriptors
+          ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t))
+          : ownKeys(Object(t)).forEach(function (r) {
+              Object.defineProperty(
+                e,
+                r,
+                Object.getOwnPropertyDescriptor(t, r),
+              );
+            });
     }
     return e;
   }
   function _typeof(o) {
     "@babel/helpers - typeof";
 
-    return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
-      return typeof o;
-    } : function (o) {
-      return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
-    }, _typeof(o);
+    return (
+      (_typeof =
+        "function" == typeof Symbol && "symbol" == typeof Symbol.iterator
+          ? function (o) {
+              return typeof o;
+            }
+          : function (o) {
+              return o &&
+                "function" == typeof Symbol &&
+                o.constructor === Symbol &&
+                o !== Symbol.prototype
+                ? "symbol"
+                : typeof o;
+            }),
+      _typeof(o)
+    );
   }
   function _classCallCheck(instance, Constructor) {
     if (!(instance instanceof Constructor)) {
@@ -62,7 +88,7 @@
     if (protoProps) _defineProperties(Constructor.prototype, protoProps);
     if (staticProps) _defineProperties(Constructor, staticProps);
     Object.defineProperty(Constructor, "prototype", {
-      writable: false
+      writable: false,
     });
     return Constructor;
   }
@@ -73,7 +99,7 @@
         value: value,
         enumerable: true,
         configurable: true,
-        writable: true
+        writable: true,
       });
     } else {
       obj[key] = value;
@@ -81,13 +107,22 @@
     return obj;
   }
   function _toConsumableArray(arr) {
-    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+    return (
+      _arrayWithoutHoles(arr) ||
+      _iterableToArray(arr) ||
+      _unsupportedIterableToArray(arr) ||
+      _nonIterableSpread()
+    );
   }
   function _arrayWithoutHoles(arr) {
     if (Array.isArray(arr)) return _arrayLikeToArray(arr);
   }
   function _iterableToArray(iter) {
-    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+    if (
+      (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null) ||
+      iter["@@iterator"] != null
+    )
+      return Array.from(iter);
   }
   function _unsupportedIterableToArray(o, minLen) {
     if (!o) return;
@@ -95,7 +130,8 @@
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(o);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
+      return _arrayLikeToArray(o, minLen);
   }
   function _arrayLikeToArray(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
@@ -103,7 +139,9 @@
     return arr2;
   }
   function _nonIterableSpread() {
-    throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+    throw new TypeError(
+      "Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.",
+    );
   }
   function _toPrimitive(input, hint) {
     if (typeof input !== "object" || input === null) return input;
@@ -120,25 +158,29 @@
     return typeof key === "symbol" ? key : String(key);
   }
 
-  var IS_BROWSER = typeof window !== 'undefined' && typeof window.document !== 'undefined';
+  var IS_BROWSER =
+    typeof window !== "undefined" && typeof window.document !== "undefined";
   var WINDOW = IS_BROWSER ? window : {};
-  var IS_TOUCH_DEVICE = IS_BROWSER && WINDOW.document.documentElement ? 'ontouchstart' in WINDOW.document.documentElement : false;
-  var HAS_POINTER_EVENT = IS_BROWSER ? 'PointerEvent' in WINDOW : false;
-  var NAMESPACE = 'cropper';
+  var IS_TOUCH_DEVICE =
+    IS_BROWSER && WINDOW.document.documentElement
+      ? "ontouchstart" in WINDOW.document.documentElement
+      : false;
+  var HAS_POINTER_EVENT = IS_BROWSER ? "PointerEvent" in WINDOW : false;
+  var NAMESPACE = "cropper";
 
   // Actions
-  var ACTION_ALL = 'all';
-  var ACTION_CROP = 'crop';
-  var ACTION_MOVE = 'move';
-  var ACTION_ZOOM = 'zoom';
-  var ACTION_EAST = 'e';
-  var ACTION_WEST = 'w';
-  var ACTION_SOUTH = 's';
-  var ACTION_NORTH = 'n';
-  var ACTION_NORTH_EAST = 'ne';
-  var ACTION_NORTH_WEST = 'nw';
-  var ACTION_SOUTH_EAST = 'se';
-  var ACTION_SOUTH_WEST = 'sw';
+  var ACTION_ALL = "all";
+  var ACTION_CROP = "crop";
+  var ACTION_MOVE = "move";
+  var ACTION_ZOOM = "zoom";
+  var ACTION_EAST = "e";
+  var ACTION_WEST = "w";
+  var ACTION_SOUTH = "s";
+  var ACTION_NORTH = "n";
+  var ACTION_NORTH_EAST = "ne";
+  var ACTION_NORTH_WEST = "nw";
+  var ACTION_SOUTH_EAST = "se";
+  var ACTION_SOUTH_WEST = "sw";
 
   // Classes
   var CLASS_CROP = "".concat(NAMESPACE, "-crop");
@@ -154,29 +196,33 @@
   var DATA_PREVIEW = "".concat(NAMESPACE, "Preview");
 
   // Drag modes
-  var DRAG_MODE_CROP = 'crop';
-  var DRAG_MODE_MOVE = 'move';
-  var DRAG_MODE_NONE = 'none';
+  var DRAG_MODE_CROP = "crop";
+  var DRAG_MODE_MOVE = "move";
+  var DRAG_MODE_NONE = "none";
 
   // Events
-  var EVENT_CROP = 'crop';
-  var EVENT_CROP_END = 'cropend';
-  var EVENT_CROP_MOVE = 'cropmove';
-  var EVENT_CROP_START = 'cropstart';
-  var EVENT_DBLCLICK = 'dblclick';
-  var EVENT_TOUCH_START = IS_TOUCH_DEVICE ? 'touchstart' : 'mousedown';
-  var EVENT_TOUCH_MOVE = IS_TOUCH_DEVICE ? 'touchmove' : 'mousemove';
-  var EVENT_TOUCH_END = IS_TOUCH_DEVICE ? 'touchend touchcancel' : 'mouseup';
-  var EVENT_POINTER_DOWN = HAS_POINTER_EVENT ? 'pointerdown' : EVENT_TOUCH_START;
-  var EVENT_POINTER_MOVE = HAS_POINTER_EVENT ? 'pointermove' : EVENT_TOUCH_MOVE;
-  var EVENT_POINTER_UP = HAS_POINTER_EVENT ? 'pointerup pointercancel' : EVENT_TOUCH_END;
-  var EVENT_READY = 'ready';
-  var EVENT_RESIZE = 'resize';
-  var EVENT_WHEEL = 'wheel';
-  var EVENT_ZOOM = 'zoom';
+  var EVENT_CROP = "crop";
+  var EVENT_CROP_END = "cropend";
+  var EVENT_CROP_MOVE = "cropmove";
+  var EVENT_CROP_START = "cropstart";
+  var EVENT_DBLCLICK = "dblclick";
+  var EVENT_TOUCH_START = IS_TOUCH_DEVICE ? "touchstart" : "mousedown";
+  var EVENT_TOUCH_MOVE = IS_TOUCH_DEVICE ? "touchmove" : "mousemove";
+  var EVENT_TOUCH_END = IS_TOUCH_DEVICE ? "touchend touchcancel" : "mouseup";
+  var EVENT_POINTER_DOWN = HAS_POINTER_EVENT
+    ? "pointerdown"
+    : EVENT_TOUCH_START;
+  var EVENT_POINTER_MOVE = HAS_POINTER_EVENT ? "pointermove" : EVENT_TOUCH_MOVE;
+  var EVENT_POINTER_UP = HAS_POINTER_EVENT
+    ? "pointerup pointercancel"
+    : EVENT_TOUCH_END;
+  var EVENT_READY = "ready";
+  var EVENT_RESIZE = "resize";
+  var EVENT_WHEEL = "wheel";
+  var EVENT_ZOOM = "zoom";
 
   // Mime types
-  var MIME_TYPE_JPEG = 'image/jpeg';
+  var MIME_TYPE_JPEG = "image/jpeg";
 
   // RegExps
   var REGEXP_ACTIONS = /^e|w|s|n|se|sw|ne|nw|all|crop|move|zoom$/;
@@ -205,7 +251,7 @@
     // An object with the previous cropping result data
     data: null,
     // A selector for adding extra containers to preview
-    preview: '',
+    preview: "",
     // Re-render the cropper when resize the window
     responsive: true,
     // Restore the cropped area after resize the window
@@ -261,10 +307,35 @@
     cropmove: null,
     cropend: null,
     crop: null,
-    zoom: null
+    zoom: null,
   };
 
-  var TEMPLATE = '<div class="cropper-container" touch-action="none">' + '<div class="cropper-wrap-box">' + '<div class="cropper-canvas"></div>' + '</div>' + '<div class="cropper-drag-box"></div>' + '<div class="cropper-crop-box">' + '<span class="cropper-view-box"></span>' + '<span class="cropper-dashed dashed-h"></span>' + '<span class="cropper-dashed dashed-v"></span>' + '<span class="cropper-center"></span>' + '<span class="cropper-face"></span>' + '<span class="cropper-line line-e" data-cropper-action="e"></span>' + '<span class="cropper-line line-n" data-cropper-action="n"></span>' + '<span class="cropper-line line-w" data-cropper-action="w"></span>' + '<span class="cropper-line line-s" data-cropper-action="s"></span>' + '<span class="cropper-point point-e" data-cropper-action="e"></span>' + '<span class="cropper-point point-n" data-cropper-action="n"></span>' + '<span class="cropper-point point-w" data-cropper-action="w"></span>' + '<span class="cropper-point point-s" data-cropper-action="s"></span>' + '<span class="cropper-point point-ne" data-cropper-action="ne"></span>' + '<span class="cropper-point point-nw" data-cropper-action="nw"></span>' + '<span class="cropper-point point-sw" data-cropper-action="sw"></span>' + '<span class="cropper-point point-se" data-cropper-action="se"></span>' + '</div>' + '</div>';
+  var TEMPLATE =
+    '<div class="cropper-container" touch-action="none">' +
+    '<div class="cropper-wrap-box">' +
+    '<div class="cropper-canvas"></div>' +
+    "</div>" +
+    '<div class="cropper-drag-box"></div>' +
+    '<div class="cropper-crop-box">' +
+    '<span class="cropper-view-box"></span>' +
+    '<span class="cropper-dashed dashed-h"></span>' +
+    '<span class="cropper-dashed dashed-v"></span>' +
+    '<span class="cropper-center"></span>' +
+    '<span class="cropper-face"></span>' +
+    '<span class="cropper-line line-e" data-cropper-action="e"></span>' +
+    '<span class="cropper-line line-n" data-cropper-action="n"></span>' +
+    '<span class="cropper-line line-w" data-cropper-action="w"></span>' +
+    '<span class="cropper-line line-s" data-cropper-action="s"></span>' +
+    '<span class="cropper-point point-e" data-cropper-action="e"></span>' +
+    '<span class="cropper-point point-n" data-cropper-action="n"></span>' +
+    '<span class="cropper-point point-w" data-cropper-action="w"></span>' +
+    '<span class="cropper-point point-s" data-cropper-action="s"></span>' +
+    '<span class="cropper-point point-ne" data-cropper-action="ne"></span>' +
+    '<span class="cropper-point point-nw" data-cropper-action="nw"></span>' +
+    '<span class="cropper-point point-sw" data-cropper-action="sw"></span>' +
+    '<span class="cropper-point point-se" data-cropper-action="se"></span>' +
+    "</div>" +
+    "</div>";
 
   /**
    * Check if the given value is not a number.
@@ -277,7 +348,7 @@
    * @returns {boolean} Returns `true` if the given value is a number, else `false`.
    */
   function isNumber(value) {
-    return typeof value === 'number' && !isNaN(value);
+    return typeof value === "number" && !isNaN(value);
   }
 
   /**
@@ -295,7 +366,7 @@
    * @returns {boolean} Returns `true` if the given value is undefined, else `false`.
    */
   function isUndefined(value) {
-    return typeof value === 'undefined';
+    return typeof value === "undefined";
   }
 
   /**
@@ -304,7 +375,7 @@
    * @returns {boolean} Returns `true` if the given value is an object, else `false`.
    */
   function isObject(value) {
-    return _typeof(value) === 'object' && value !== null;
+    return _typeof(value) === "object" && value !== null;
   }
   var hasOwnProperty = Object.prototype.hasOwnProperty;
 
@@ -320,7 +391,11 @@
     try {
       var _constructor = value.constructor;
       var prototype = _constructor.prototype;
-      return _constructor && prototype && hasOwnProperty.call(prototype, 'isPrototypeOf');
+      return (
+        _constructor &&
+        prototype &&
+        hasOwnProperty.call(prototype, "isPrototypeOf")
+      );
     } catch (error) {
       return false;
     }
@@ -332,7 +407,7 @@
    * @returns {boolean} Returns `true` if the given value is a function, else `false`.
    */
   function isFunction(value) {
-    return typeof value === 'function';
+    return typeof value === "function";
   }
   var slice = Array.prototype.slice;
 
@@ -372,21 +447,29 @@
    * @param {*} args - The rest objects for merging to the target object.
    * @returns {Object} The extended object.
    */
-  var assign = Object.assign || function assign(target) {
-    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-      args[_key - 1] = arguments[_key];
-    }
-    if (isObject(target) && args.length > 0) {
-      args.forEach(function (arg) {
-        if (isObject(arg)) {
-          Object.keys(arg).forEach(function (key) {
-            target[key] = arg[key];
-          });
-        }
-      });
-    }
-    return target;
-  };
+  var assign =
+    Object.assign ||
+    function assign(target) {
+      for (
+        var _len = arguments.length,
+          args = new Array(_len > 1 ? _len - 1 : 0),
+          _key = 1;
+        _key < _len;
+        _key++
+      ) {
+        args[_key - 1] = arguments[_key];
+      }
+      if (isObject(target) && args.length > 0) {
+        args.forEach(function (arg) {
+          if (isObject(arg)) {
+            Object.keys(arg).forEach(function (key) {
+              target[key] = arg[key];
+            });
+          }
+        });
+      }
+      return target;
+    };
   var REGEXP_DECIMALS = /\.\d*(?:0|9){12}\d*$/;
 
   /**
@@ -397,8 +480,13 @@
    * @returns {number} Returns the normalized number.
    */
   function normalizeDecimalNumber(value) {
-    var times = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 100000000000;
-    return REGEXP_DECIMALS.test(value) ? Math.round(value * times) / times : value;
+    var times =
+      arguments.length > 1 && arguments[1] !== undefined
+        ? arguments[1]
+        : 100000000000;
+    return REGEXP_DECIMALS.test(value)
+      ? Math.round(value * times) / times
+      : value;
   }
   var REGEXP_SUFFIX = /^width|height|left|top|marginLeft|marginTop$/;
 
@@ -424,7 +512,9 @@
    * @returns {boolean} Returns `true` if the special class was found.
    */
   function hasClass(element, value) {
-    return element.classList ? element.classList.contains(value) : element.className.indexOf(value) > -1;
+    return element.classList
+      ? element.classList.contains(value)
+      : element.className.indexOf(value) > -1;
   }
 
   /**
@@ -474,7 +564,7 @@
       return;
     }
     if (element.className.indexOf(value) >= 0) {
-      element.className = element.className.replace(value, '');
+      element.className = element.className.replace(value, "");
     }
   }
 
@@ -510,7 +600,7 @@
    * @returns {string} The transformed value.
    */
   function toParamCase(value) {
-    return value.replace(REGEXP_CAMEL_CASE, '$1-$2').toLowerCase();
+    return value.replace(REGEXP_CAMEL_CASE, "$1-$2").toLowerCase();
   }
 
   /**
@@ -569,12 +659,12 @@
     }
   }
   var REGEXP_SPACES = /\s\s*/;
-  var onceSupported = function () {
+  var onceSupported = (function () {
     var supported = false;
     if (IS_BROWSER) {
       var once = false;
       var listener = function listener() {};
-      var options = Object.defineProperty({}, 'once', {
+      var options = Object.defineProperty({}, "once", {
         get: function get() {
           supported = true;
           return once;
@@ -586,13 +676,13 @@
          */
         set: function set(value) {
           once = value;
-        }
+        },
       });
-      WINDOW.addEventListener('test', listener, options);
-      WINDOW.removeEventListener('test', listener, options);
+      WINDOW.addEventListener("test", listener, options);
+      WINDOW.removeEventListener("test", listener, options);
     }
     return supported;
-  }();
+  })();
 
   /**
    * Remove event listener from the target element.
@@ -602,24 +692,28 @@
    * @param {Object} options - The event options.
    */
   function removeListener(element, type, listener) {
-    var options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+    var options =
+      arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
     var handler = listener;
-    type.trim().split(REGEXP_SPACES).forEach(function (event) {
-      if (!onceSupported) {
-        var listeners = element.listeners;
-        if (listeners && listeners[event] && listeners[event][listener]) {
-          handler = listeners[event][listener];
-          delete listeners[event][listener];
-          if (Object.keys(listeners[event]).length === 0) {
-            delete listeners[event];
-          }
-          if (Object.keys(listeners).length === 0) {
-            delete element.listeners;
+    type
+      .trim()
+      .split(REGEXP_SPACES)
+      .forEach(function (event) {
+        if (!onceSupported) {
+          var listeners = element.listeners;
+          if (listeners && listeners[event] && listeners[event][listener]) {
+            handler = listeners[event][listener];
+            delete listeners[event][listener];
+            if (Object.keys(listeners[event]).length === 0) {
+              delete listeners[event];
+            }
+            if (Object.keys(listeners).length === 0) {
+              delete element.listeners;
+            }
           }
         }
-      }
-      element.removeEventListener(event, handler, options);
-    });
+        element.removeEventListener(event, handler, options);
+      });
   }
 
   /**
@@ -630,31 +724,43 @@
    * @param {Object} options - The event options.
    */
   function addListener(element, type, listener) {
-    var options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+    var options =
+      arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
     var _handler = listener;
-    type.trim().split(REGEXP_SPACES).forEach(function (event) {
-      if (options.once && !onceSupported) {
-        var _element$listeners = element.listeners,
-          listeners = _element$listeners === void 0 ? {} : _element$listeners;
-        _handler = function handler() {
-          delete listeners[event][listener];
-          element.removeEventListener(event, _handler, options);
-          for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-            args[_key2] = arguments[_key2];
+    type
+      .trim()
+      .split(REGEXP_SPACES)
+      .forEach(function (event) {
+        if (options.once && !onceSupported) {
+          var _element$listeners = element.listeners,
+            listeners = _element$listeners === void 0 ? {} : _element$listeners;
+          _handler = function handler() {
+            delete listeners[event][listener];
+            element.removeEventListener(event, _handler, options);
+            for (
+              var _len2 = arguments.length, args = new Array(_len2), _key2 = 0;
+              _key2 < _len2;
+              _key2++
+            ) {
+              args[_key2] = arguments[_key2];
+            }
+            listener.apply(element, args);
+          };
+          if (!listeners[event]) {
+            listeners[event] = {};
           }
-          listener.apply(element, args);
-        };
-        if (!listeners[event]) {
-          listeners[event] = {};
-        }
-        if (listeners[event][listener]) {
-          element.removeEventListener(event, listeners[event][listener], options);
+          if (listeners[event][listener]) {
+            element.removeEventListener(
+              event,
+              listeners[event][listener],
+              options,
+            );
+          }
+          listeners[event][listener] = _handler;
+          element.listeners = listeners;
         }
-        listeners[event][listener] = _handler;
-        element.listeners = listeners;
-      }
-      element.addEventListener(event, _handler, options);
-    });
+        element.addEventListener(event, _handler, options);
+      });
   }
 
   /**
@@ -672,10 +778,10 @@
       event = new CustomEvent(type, {
         detail: data,
         bubbles: true,
-        cancelable: true
+        cancelable: true,
       });
     } else {
-      event = document.createEvent('CustomEvent');
+      event = document.createEvent("CustomEvent");
       event.initCustomEvent(type, true, true, data);
     }
     return element.dispatchEvent(event);
@@ -689,8 +795,9 @@
   function getOffset(element) {
     var box = element.getBoundingClientRect();
     return {
-      left: box.left + (window.pageXOffset - document.documentElement.clientLeft),
-      top: box.top + (window.pageYOffset - document.documentElement.clientTop)
+      left:
+        box.left + (window.pageXOffset - document.documentElement.clientLeft),
+      top: box.top + (window.pageYOffset - document.documentElement.clientTop),
     };
   }
   var location = WINDOW.location;
@@ -703,7 +810,12 @@
    */
   function isCrossOriginURL(url) {
     var parts = url.match(REGEXP_ORIGINS);
-    return parts !== null && (parts[1] !== location.protocol || parts[2] !== location.hostname || parts[3] !== location.port);
+    return (
+      parts !== null &&
+      (parts[1] !== location.protocol ||
+        parts[2] !== location.hostname ||
+        parts[3] !== location.port)
+    );
   }
 
   /**
@@ -713,7 +825,7 @@
    */
   function addTimestamp(url) {
     var timestamp = "timestamp=".concat(new Date().getTime());
-    return url + (url.indexOf('?') === -1 ? '?' : '&') + timestamp;
+    return url + (url.indexOf("?") === -1 ? "?" : "&") + timestamp;
   }
 
   /**
@@ -745,11 +857,11 @@
     if (isNumber(scaleY) && scaleY !== 1) {
       values.push("scaleY(".concat(scaleY, ")"));
     }
-    var transform = values.length ? values.join(' ') : 'none';
+    var transform = values.length ? values.join(" ") : "none";
     return {
       WebkitTransform: transform,
       msTransform: transform,
-      transform: transform
+      transform: transform,
     };
   }
 
@@ -790,12 +902,17 @@
       pageY = _ref2.pageY;
     var end = {
       endX: pageX,
-      endY: pageY
+      endY: pageY,
     };
-    return endOnly ? end : _objectSpread2({
-      startX: pageX,
-      startY: pageY
-    }, end);
+    return endOnly
+      ? end
+      : _objectSpread2(
+          {
+            startX: pageX,
+            startY: pageY,
+          },
+          end,
+        );
   }
 
   /**
@@ -818,7 +935,7 @@
     pageY /= count;
     return {
       pageX: pageX,
-      pageY: pageY
+      pageY: pageY,
     };
   }
 
@@ -832,12 +949,18 @@
     var aspectRatio = _ref4.aspectRatio,
       height = _ref4.height,
       width = _ref4.width;
-    var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'contain';
+    var type =
+      arguments.length > 1 && arguments[1] !== undefined
+        ? arguments[1]
+        : "contain";
     var isValidWidth = isPositiveNumber(width);
     var isValidHeight = isPositiveNumber(height);
     if (isValidWidth && isValidHeight) {
       var adjustedWidth = height * aspectRatio;
-      if (type === 'contain' && adjustedWidth > width || type === 'cover' && adjustedWidth < width) {
+      if (
+        (type === "contain" && adjustedWidth > width) ||
+        (type === "cover" && adjustedWidth < width)
+      ) {
         height = width / aspectRatio;
       } else {
         width = height * aspectRatio;
@@ -849,7 +972,7 @@
     }
     return {
       width: width,
-      height: height
+      height: height,
     };
   }
 
@@ -866,21 +989,23 @@
     if (degree === 90) {
       return {
         width: height,
-        height: width
+        height: width,
       };
     }
-    var arc = degree % 90 * Math.PI / 180;
+    var arc = ((degree % 90) * Math.PI) / 180;
     var sinArc = Math.sin(arc);
     var cosArc = Math.cos(arc);
     var newWidth = width * cosArc + height * sinArc;
     var newHeight = width * sinArc + height * cosArc;
-    return degree > 90 ? {
-      width: newHeight,
-      height: newWidth
-    } : {
-      width: newWidth,
-      height: newHeight
-    };
+    return degree > 90
+      ? {
+          width: newHeight,
+          height: newWidth,
+        }
+      : {
+          width: newWidth,
+          height: newHeight,
+        };
   }
 
   /**
@@ -905,11 +1030,13 @@
       naturalWidth = _ref7.naturalWidth,
       naturalHeight = _ref7.naturalHeight;
     var _ref8$fillColor = _ref8.fillColor,
-      fillColor = _ref8$fillColor === void 0 ? 'transparent' : _ref8$fillColor,
+      fillColor = _ref8$fillColor === void 0 ? "transparent" : _ref8$fillColor,
       _ref8$imageSmoothingE = _ref8.imageSmoothingEnabled,
-      imageSmoothingEnabled = _ref8$imageSmoothingE === void 0 ? true : _ref8$imageSmoothingE,
+      imageSmoothingEnabled =
+        _ref8$imageSmoothingE === void 0 ? true : _ref8$imageSmoothingE,
       _ref8$imageSmoothingQ = _ref8.imageSmoothingQuality,
-      imageSmoothingQuality = _ref8$imageSmoothingQ === void 0 ? 'low' : _ref8$imageSmoothingQ,
+      imageSmoothingQuality =
+        _ref8$imageSmoothingQ === void 0 ? "low" : _ref8$imageSmoothingQ,
       _ref8$maxWidth = _ref8.maxWidth,
       maxWidth = _ref8$maxWidth === void 0 ? Infinity : _ref8$maxWidth,
       _ref8$maxHeight = _ref8.maxHeight,
@@ -918,35 +1045,53 @@
       minWidth = _ref8$minWidth === void 0 ? 0 : _ref8$minWidth,
       _ref8$minHeight = _ref8.minHeight,
       minHeight = _ref8$minHeight === void 0 ? 0 : _ref8$minHeight;
-    var canvas = document.createElement('canvas');
-    var context = canvas.getContext('2d');
+    var canvas = document.createElement("canvas");
+    var context = canvas.getContext("2d");
     var maxSizes = getAdjustedSizes({
       aspectRatio: aspectRatio,
       width: maxWidth,
-      height: maxHeight
+      height: maxHeight,
     });
-    var minSizes = getAdjustedSizes({
-      aspectRatio: aspectRatio,
-      width: minWidth,
-      height: minHeight
-    }, 'cover');
-    var width = Math.min(maxSizes.width, Math.max(minSizes.width, naturalWidth));
-    var height = Math.min(maxSizes.height, Math.max(minSizes.height, naturalHeight));
+    var minSizes = getAdjustedSizes(
+      {
+        aspectRatio: aspectRatio,
+        width: minWidth,
+        height: minHeight,
+      },
+      "cover",
+    );
+    var width = Math.min(
+      maxSizes.width,
+      Math.max(minSizes.width, naturalWidth),
+    );
+    var height = Math.min(
+      maxSizes.height,
+      Math.max(minSizes.height, naturalHeight),
+    );
 
     // Note: should always use image's natural sizes for drawing as
     // imageData.naturalWidth === canvasData.naturalHeight when rotate % 180 === 90
     var destMaxSizes = getAdjustedSizes({
       aspectRatio: imageAspectRatio,
       width: maxWidth,
-      height: maxHeight
+      height: maxHeight,
     });
-    var destMinSizes = getAdjustedSizes({
-      aspectRatio: imageAspectRatio,
-      width: minWidth,
-      height: minHeight
-    }, 'cover');
-    var destWidth = Math.min(destMaxSizes.width, Math.max(destMinSizes.width, imageNaturalWidth));
-    var destHeight = Math.min(destMaxSizes.height, Math.max(destMinSizes.height, imageNaturalHeight));
+    var destMinSizes = getAdjustedSizes(
+      {
+        aspectRatio: imageAspectRatio,
+        width: minWidth,
+        height: minHeight,
+      },
+      "cover",
+    );
+    var destWidth = Math.min(
+      destMaxSizes.width,
+      Math.max(destMinSizes.width, imageNaturalWidth),
+    );
+    var destHeight = Math.min(
+      destMaxSizes.height,
+      Math.max(destMinSizes.height, imageNaturalHeight),
+    );
     var params = [-destWidth / 2, -destHeight / 2, destWidth, destHeight];
     canvas.width = normalizeDecimalNumber(width);
     canvas.height = normalizeDecimalNumber(height);
@@ -954,13 +1099,20 @@
     context.fillRect(0, 0, width, height);
     context.save();
     context.translate(width / 2, height / 2);
-    context.rotate(rotate * Math.PI / 180);
+    context.rotate((rotate * Math.PI) / 180);
     context.scale(scaleX, scaleY);
     context.imageSmoothingEnabled = imageSmoothingEnabled;
     context.imageSmoothingQuality = imageSmoothingQuality;
-    context.drawImage.apply(context, [image].concat(_toConsumableArray(params.map(function (param) {
-      return Math.floor(normalizeDecimalNumber(param));
-    }))));
+    context.drawImage.apply(
+      context,
+      [image].concat(
+        _toConsumableArray(
+          params.map(function (param) {
+            return Math.floor(normalizeDecimalNumber(param));
+          }),
+        ),
+      ),
+    );
     context.restore();
     return canvas;
   }
@@ -974,7 +1126,7 @@
    * @returns {string} The read result.
    */
   function getStringFromCharCode(dataView, start, length) {
-    var str = '';
+    var str = "";
     length += start;
     for (var i = start; i < length; i += 1) {
       str += fromCharCode(dataView.getUint8(i));
@@ -989,7 +1141,7 @@
    * @returns {ArrayBuffer} The result array buffer.
    */
   function dataURLToArrayBuffer(dataURL) {
-    var base64 = dataURL.replace(REGEXP_DATA_URL_HEAD, '');
+    var base64 = dataURL.replace(REGEXP_DATA_URL_HEAD, "");
     var binary = atob(base64);
     var arrayBuffer = new ArrayBuffer(binary.length);
     var uint8 = new Uint8Array(arrayBuffer);
@@ -1014,10 +1166,12 @@
     while (uint8.length > 0) {
       // XXX: Babel's `toConsumableArray` helper will throw error in IE or Safari 9
       // eslint-disable-next-line prefer-spread
-      chunks.push(fromCharCode.apply(null, toArray(uint8.subarray(0, chunkSize))));
+      chunks.push(
+        fromCharCode.apply(null, toArray(uint8.subarray(0, chunkSize))),
+      );
       uint8 = uint8.subarray(chunkSize);
     }
-    return "data:".concat(mimeType, ";base64,").concat(btoa(chunks.join('')));
+    return "data:".concat(mimeType, ";base64,").concat(btoa(chunks.join("")));
   }
 
   /**
@@ -1036,11 +1190,14 @@
       var ifdStart;
 
       // Only handle JPEG image (start by 0xFFD8)
-      if (dataView.getUint8(0) === 0xFF && dataView.getUint8(1) === 0xD8) {
+      if (dataView.getUint8(0) === 0xff && dataView.getUint8(1) === 0xd8) {
         var length = dataView.byteLength;
         var offset = 2;
         while (offset + 1 < length) {
-          if (dataView.getUint8(offset) === 0xFF && dataView.getUint8(offset + 1) === 0xE1) {
+          if (
+            dataView.getUint8(offset) === 0xff &&
+            dataView.getUint8(offset + 1) === 0xe1
+          ) {
             app1Start = offset;
             break;
           }
@@ -1050,12 +1207,15 @@
       if (app1Start) {
         var exifIDCode = app1Start + 4;
         var tiffOffset = app1Start + 10;
-        if (getStringFromCharCode(dataView, exifIDCode, 4) === 'Exif') {
+        if (getStringFromCharCode(dataView, exifIDCode, 4) === "Exif") {
           var endianness = dataView.getUint16(tiffOffset);
           littleEndian = endianness === 0x4949;
-          if (littleEndian || endianness === 0x4D4D /* bigEndian */) {
-            if (dataView.getUint16(tiffOffset + 2, littleEndian) === 0x002A) {
-              var firstIFDOffset = dataView.getUint32(tiffOffset + 4, littleEndian);
+          if (littleEndian || endianness === 0x4d4d /* bigEndian */) {
+            if (dataView.getUint16(tiffOffset + 2, littleEndian) === 0x002a) {
+              var firstIFDOffset = dataView.getUint32(
+                tiffOffset + 4,
+                littleEndian,
+              );
               if (firstIFDOffset >= 0x00000008) {
                 ifdStart = tiffOffset + firstIFDOffset;
               }
@@ -1069,7 +1229,10 @@
         var i;
         for (i = 0; i < _length; i += 1) {
           _offset = ifdStart + i * 12 + 2;
-          if (dataView.getUint16(_offset, littleEndian) === 0x0112 /* Orientation */) {
+          if (
+            dataView.getUint16(_offset, littleEndian) ===
+            0x0112 /* Orientation */
+          ) {
             // 8 is the offset of the current tag's value
             _offset += 8;
 
@@ -1138,7 +1301,7 @@
     return {
       rotate: rotate,
       scaleX: scaleX,
-      scaleY: scaleY
+      scaleY: scaleY,
     };
   }
 
@@ -1162,13 +1325,19 @@
       addClass(cropper, CLASS_HIDDEN);
       removeClass(element, CLASS_HIDDEN);
       var containerData = {
-        width: Math.max(container.offsetWidth, minWidth >= 0 ? minWidth : MIN_CONTAINER_WIDTH),
-        height: Math.max(container.offsetHeight, minHeight >= 0 ? minHeight : MIN_CONTAINER_HEIGHT)
+        width: Math.max(
+          container.offsetWidth,
+          minWidth >= 0 ? minWidth : MIN_CONTAINER_WIDTH,
+        ),
+        height: Math.max(
+          container.offsetHeight,
+          minHeight >= 0 ? minHeight : MIN_CONTAINER_HEIGHT,
+        ),
       };
       this.containerData = containerData;
       setStyle(cropper, {
         width: containerData.width,
-        height: containerData.height
+        height: containerData.height,
       });
       addClass(element, CLASS_HIDDEN);
       removeClass(cropper, CLASS_HIDDEN);
@@ -1179,8 +1348,12 @@
         imageData = this.imageData;
       var viewMode = this.options.viewMode;
       var rotated = Math.abs(imageData.rotate) % 180 === 90;
-      var naturalWidth = rotated ? imageData.naturalHeight : imageData.naturalWidth;
-      var naturalHeight = rotated ? imageData.naturalWidth : imageData.naturalHeight;
+      var naturalWidth = rotated
+        ? imageData.naturalHeight
+        : imageData.naturalWidth;
+      var naturalHeight = rotated
+        ? imageData.naturalWidth
+        : imageData.naturalHeight;
       var aspectRatio = naturalWidth / naturalHeight;
       var canvasWidth = containerData.width;
       var canvasHeight = containerData.height;
@@ -1200,13 +1373,19 @@
         naturalWidth: naturalWidth,
         naturalHeight: naturalHeight,
         width: canvasWidth,
-        height: canvasHeight
+        height: canvasHeight,
       };
       this.canvasData = canvasData;
       this.limited = viewMode === 1 || viewMode === 2;
       this.limitCanvas(true, true);
-      canvasData.width = Math.min(Math.max(canvasData.width, canvasData.minWidth), canvasData.maxWidth);
-      canvasData.height = Math.min(Math.max(canvasData.height, canvasData.minHeight), canvasData.maxHeight);
+      canvasData.width = Math.min(
+        Math.max(canvasData.width, canvasData.minWidth),
+        canvasData.maxWidth,
+      );
+      canvasData.height = Math.min(
+        Math.max(canvasData.height, canvasData.minHeight),
+        canvasData.maxHeight,
+      );
       canvasData.left = (containerData.width - canvasData.width) / 2;
       canvasData.top = (containerData.height - canvasData.height) / 2;
       canvasData.oldLeft = canvasData.left;
@@ -1236,9 +1415,15 @@
           }
         } else if (viewMode > 0) {
           if (minCanvasWidth) {
-            minCanvasWidth = Math.max(minCanvasWidth, cropped ? cropBoxData.width : 0);
+            minCanvasWidth = Math.max(
+              minCanvasWidth,
+              cropped ? cropBoxData.width : 0,
+            );
           } else if (minCanvasHeight) {
-            minCanvasHeight = Math.max(minCanvasHeight, cropped ? cropBoxData.height : 0);
+            minCanvasHeight = Math.max(
+              minCanvasHeight,
+              cropped ? cropBoxData.height : 0,
+            );
           } else if (cropped) {
             minCanvasWidth = cropBoxData.width;
             minCanvasHeight = cropBoxData.height;
@@ -1252,7 +1437,7 @@
         var _getAdjustedSizes = getAdjustedSizes({
           aspectRatio: aspectRatio,
           width: minCanvasWidth,
-          height: minCanvasHeight
+          height: minCanvasHeight,
         });
         minCanvasWidth = _getAdjustedSizes.width;
         minCanvasHeight = _getAdjustedSizes.height;
@@ -1270,8 +1455,14 @@
           canvasData.maxLeft = Math.max(0, newCanvasLeft);
           canvasData.maxTop = Math.max(0, newCanvasTop);
           if (cropped && this.limited) {
-            canvasData.minLeft = Math.min(cropBoxData.left, cropBoxData.left + (cropBoxData.width - canvasData.width));
-            canvasData.minTop = Math.min(cropBoxData.top, cropBoxData.top + (cropBoxData.height - canvasData.height));
+            canvasData.minLeft = Math.min(
+              cropBoxData.left,
+              cropBoxData.left + (cropBoxData.width - canvasData.width),
+            );
+            canvasData.minTop = Math.min(
+              cropBoxData.top,
+              cropBoxData.top + (cropBoxData.height - canvasData.height),
+            );
             canvasData.maxLeft = cropBoxData.left;
             canvasData.maxTop = cropBoxData.top;
             if (viewMode === 2) {
@@ -1300,12 +1491,13 @@
         var _getRotatedSizes = getRotatedSizes({
             width: imageData.naturalWidth * Math.abs(imageData.scaleX || 1),
             height: imageData.naturalHeight * Math.abs(imageData.scaleY || 1),
-            degree: imageData.rotate || 0
+            degree: imageData.rotate || 0,
           }),
           naturalWidth = _getRotatedSizes.width,
           naturalHeight = _getRotatedSizes.height;
         var width = canvasData.width * (naturalWidth / canvasData.naturalWidth);
-        var height = canvasData.height * (naturalHeight / canvasData.naturalHeight);
+        var height =
+          canvasData.height * (naturalHeight / canvasData.naturalHeight);
         canvasData.left -= (width - canvasData.width) / 2;
         canvasData.top -= (height - canvasData.height) / 2;
         canvasData.width = width;
@@ -1315,26 +1507,50 @@
         canvasData.naturalHeight = naturalHeight;
         this.limitCanvas(true, false);
       }
-      if (canvasData.width > canvasData.maxWidth || canvasData.width < canvasData.minWidth) {
+      if (
+        canvasData.width > canvasData.maxWidth ||
+        canvasData.width < canvasData.minWidth
+      ) {
         canvasData.left = canvasData.oldLeft;
       }
-      if (canvasData.height > canvasData.maxHeight || canvasData.height < canvasData.minHeight) {
+      if (
+        canvasData.height > canvasData.maxHeight ||
+        canvasData.height < canvasData.minHeight
+      ) {
         canvasData.top = canvasData.oldTop;
       }
-      canvasData.width = Math.min(Math.max(canvasData.width, canvasData.minWidth), canvasData.maxWidth);
-      canvasData.height = Math.min(Math.max(canvasData.height, canvasData.minHeight), canvasData.maxHeight);
+      canvasData.width = Math.min(
+        Math.max(canvasData.width, canvasData.minWidth),
+        canvasData.maxWidth,
+      );
+      canvasData.height = Math.min(
+        Math.max(canvasData.height, canvasData.minHeight),
+        canvasData.maxHeight,
+      );
       this.limitCanvas(false, true);
-      canvasData.left = Math.min(Math.max(canvasData.left, canvasData.minLeft), canvasData.maxLeft);
-      canvasData.top = Math.min(Math.max(canvasData.top, canvasData.minTop), canvasData.maxTop);
+      canvasData.left = Math.min(
+        Math.max(canvasData.left, canvasData.minLeft),
+        canvasData.maxLeft,
+      );
+      canvasData.top = Math.min(
+        Math.max(canvasData.top, canvasData.minTop),
+        canvasData.maxTop,
+      );
       canvasData.oldLeft = canvasData.left;
       canvasData.oldTop = canvasData.top;
-      setStyle(this.canvas, assign({
-        width: canvasData.width,
-        height: canvasData.height
-      }, getTransforms({
-        translateX: canvasData.left,
-        translateY: canvasData.top
-      })));
+      setStyle(
+        this.canvas,
+        assign(
+          {
+            width: canvasData.width,
+            height: canvasData.height,
+          },
+          getTransforms({
+            translateX: canvasData.left,
+            translateY: canvasData.top,
+          }),
+        ),
+      );
       this.renderImage(changed);
       if (this.cropped && this.limited) {
         this.limitCropBox(true, true);
@@ -1343,21 +1559,35 @@
     renderImage: function renderImage(changed) {
       var canvasData = this.canvasData,
         imageData = this.imageData;
-      var width = imageData.naturalWidth * (canvasData.width / canvasData.naturalWidth);
-      var height = imageData.naturalHeight * (canvasData.height / canvasData.naturalHeight);
+      var width =
+        imageData.naturalWidth * (canvasData.width / canvasData.naturalWidth);
+      var height =
+        imageData.naturalHeight *
+        (canvasData.height / canvasData.naturalHeight);
       assign(imageData, {
         width: width,
         height: height,
         left: (canvasData.width - width) / 2,
-        top: (canvasData.height - height) / 2
+        top: (canvasData.height - height) / 2,
       });
-      setStyle(this.image, assign({
-        width: imageData.width,
-        height: imageData.height
-      }, getTransforms(assign({
-        translateX: imageData.left,
-        translateY: imageData.top
-      }, imageData))));
+      setStyle(
+        this.image,
+        assign(
+          {
+            width: imageData.width,
+            height: imageData.height,
+          },
+          getTransforms(
+            assign(
+              {
+                translateX: imageData.left,
+                translateY: imageData.top,
+              },
+              imageData,
+            ),
+          ),
+        ),
+      );
       if (changed) {
         this.output();
       }
@@ -1369,7 +1599,7 @@
       var autoCropArea = Number(options.autoCropArea) || 0.8;
       var cropBoxData = {
         width: canvasData.width,
-        height: canvasData.height
+        height: canvasData.height,
       };
       if (aspectRatio) {
         if (canvasData.height * aspectRatio > canvasData.width) {
@@ -1382,14 +1612,28 @@
       this.limitCropBox(true, true);
 
       // Initialize auto crop area
-      cropBoxData.width = Math.min(Math.max(cropBoxData.width, cropBoxData.minWidth), cropBoxData.maxWidth);
-      cropBoxData.height = Math.min(Math.max(cropBoxData.height, cropBoxData.minHeight), cropBoxData.maxHeight);
+      cropBoxData.width = Math.min(
+        Math.max(cropBoxData.width, cropBoxData.minWidth),
+        cropBoxData.maxWidth,
+      );
+      cropBoxData.height = Math.min(
+        Math.max(cropBoxData.height, cropBoxData.minHeight),
+        cropBoxData.maxHeight,
+      );
 
       // The width/height of auto crop area must large than "minWidth/Height"
-      cropBoxData.width = Math.max(cropBoxData.minWidth, cropBoxData.width * autoCropArea);
-      cropBoxData.height = Math.max(cropBoxData.minHeight, cropBoxData.height * autoCropArea);
-      cropBoxData.left = canvasData.left + (canvasData.width - cropBoxData.width) / 2;
-      cropBoxData.top = canvasData.top + (canvasData.height - cropBoxData.height) / 2;
+      cropBoxData.width = Math.max(
+        cropBoxData.minWidth,
+        cropBoxData.width * autoCropArea,
+      );
+      cropBoxData.height = Math.max(
+        cropBoxData.minHeight,
+        cropBoxData.height * autoCropArea,
+      );
+      cropBoxData.left =
+        canvasData.left + (canvasData.width - cropBoxData.width) / 2;
+      cropBoxData.top =
+        canvasData.top + (canvasData.height - cropBoxData.height) / 2;
       cropBoxData.oldLeft = cropBoxData.left;
       cropBoxData.oldTop = cropBoxData.top;
       this.initialCropBoxData = assign({}, cropBoxData);
@@ -1404,8 +1648,22 @@
       if (sizeLimited) {
         var minCropBoxWidth = Number(options.minCropBoxWidth) || 0;
         var minCropBoxHeight = Number(options.minCropBoxHeight) || 0;
-        var maxCropBoxWidth = limited ? Math.min(containerData.width, canvasData.width, canvasData.width + canvasData.left, containerData.width - canvasData.left) : containerData.width;
-        var maxCropBoxHeight = limited ? Math.min(containerData.height, canvasData.height, canvasData.height + canvasData.top, containerData.height - canvasData.top) : containerData.height;
+        var maxCropBoxWidth = limited
+          ? Math.min(
+              containerData.width,
+              canvasData.width,
+              canvasData.width + canvasData.left,
+              containerData.width - canvasData.left,
+            )
+          : containerData.width;
+        var maxCropBoxHeight = limited
+          ? Math.min(
+              containerData.height,
+              canvasData.height,
+              canvasData.height + canvasData.top,
+              containerData.height - canvasData.top,
+            )
+          : containerData.height;
 
         // The min/maxCropBoxWidth/Height must be less than container's width/height
         minCropBoxWidth = Math.min(minCropBoxWidth, containerData.width);
@@ -1439,8 +1697,12 @@
         if (limited) {
           cropBoxData.minLeft = Math.max(0, canvasData.left);
           cropBoxData.minTop = Math.max(0, canvasData.top);
-          cropBoxData.maxLeft = Math.min(containerData.width, canvasData.left + canvasData.width) - cropBoxData.width;
-          cropBoxData.maxTop = Math.min(containerData.height, canvasData.top + canvasData.height) - cropBoxData.height;
+          cropBoxData.maxLeft =
+            Math.min(containerData.width, canvasData.left + canvasData.width) -
+            cropBoxData.width;
+          cropBoxData.maxTop =
+            Math.min(containerData.height, canvasData.top + canvasData.height) -
+            cropBoxData.height;
         } else {
           cropBoxData.minLeft = 0;
           cropBoxData.minTop = 0;
@@ -1453,30 +1715,61 @@
       var options = this.options,
         containerData = this.containerData,
         cropBoxData = this.cropBoxData;
-      if (cropBoxData.width > cropBoxData.maxWidth || cropBoxData.width < cropBoxData.minWidth) {
+      if (
+        cropBoxData.width > cropBoxData.maxWidth ||
+        cropBoxData.width < cropBoxData.minWidth
+      ) {
         cropBoxData.left = cropBoxData.oldLeft;
       }
-      if (cropBoxData.height > cropBoxData.maxHeight || cropBoxData.height < cropBoxData.minHeight) {
+      if (
+        cropBoxData.height > cropBoxData.maxHeight ||
+        cropBoxData.height < cropBoxData.minHeight
+      ) {
         cropBoxData.top = cropBoxData.oldTop;
       }
-      cropBoxData.width = Math.min(Math.max(cropBoxData.width, cropBoxData.minWidth), cropBoxData.maxWidth);
-      cropBoxData.height = Math.min(Math.max(cropBoxData.height, cropBoxData.minHeight), cropBoxData.maxHeight);
+      cropBoxData.width = Math.min(
+        Math.max(cropBoxData.width, cropBoxData.minWidth),
+        cropBoxData.maxWidth,
+      );
+      cropBoxData.height = Math.min(
+        Math.max(cropBoxData.height, cropBoxData.minHeight),
+        cropBoxData.maxHeight,
+      );
       this.limitCropBox(false, true);
-      cropBoxData.left = Math.min(Math.max(cropBoxData.left, cropBoxData.minLeft), cropBoxData.maxLeft);
-      cropBoxData.top = Math.min(Math.max(cropBoxData.top, cropBoxData.minTop), cropBoxData.maxTop);
+      cropBoxData.left = Math.min(
+        Math.max(cropBoxData.left, cropBoxData.minLeft),
+        cropBoxData.maxLeft,
+      );
+      cropBoxData.top = Math.min(
+        Math.max(cropBoxData.top, cropBoxData.minTop),
+        cropBoxData.maxTop,
+      );
       cropBoxData.oldLeft = cropBoxData.left;
       cropBoxData.oldTop = cropBoxData.top;
       if (options.movable && options.cropBoxMovable) {
         // Turn to move the canvas when the crop box is equal to the container
-        setData(this.face, DATA_ACTION, cropBoxData.width >= containerData.width && cropBoxData.height >= containerData.height ? ACTION_MOVE : ACTION_ALL);
-      }
-      setStyle(this.cropBox, assign({
-        width: cropBoxData.width,
-        height: cropBoxData.height
-      }, getTransforms({
-        translateX: cropBoxData.left,
-        translateY: cropBoxData.top
-      })));
+        setData(
+          this.face,
+          DATA_ACTION,
+          cropBoxData.width >= containerData.width &&
+            cropBoxData.height >= containerData.height
+            ? ACTION_MOVE
+            : ACTION_ALL,
+        );
+      }
+      setStyle(
+        this.cropBox,
+        assign(
+          {
+            width: cropBoxData.width,
+            height: cropBoxData.height,
+          },
+          getTransforms({
+            translateX: cropBoxData.left,
+            translateY: cropBoxData.top,
+          }),
+        ),
+      );
       if (this.cropped && this.limited) {
         this.limitCanvas(true, true);
       }
@@ -1487,7 +1780,7 @@
     output: function output() {
       this.preview();
       dispatchEvent(this.element, EVENT_CROP, this.getData());
-    }
+    },
   };
 
   var preview = {
@@ -1496,8 +1789,8 @@
         crossOrigin = this.crossOrigin;
       var preview = this.options.preview;
       var url = crossOrigin ? this.crossOriginUrl : this.url;
-      var alt = element.alt || 'The image to preview';
-      var image = document.createElement('img');
+      var alt = element.alt || "The image to preview";
+      var image = document.createElement("img");
       if (crossOrigin) {
         image.crossOrigin = crossOrigin;
       }
@@ -1509,20 +1802,20 @@
         return;
       }
       var previews = preview;
-      if (typeof preview === 'string') {
+      if (typeof preview === "string") {
         previews = element.ownerDocument.querySelectorAll(preview);
       } else if (preview.querySelector) {
         previews = [preview];
       }
       this.previews = previews;
       forEach(previews, function (el) {
-        var img = document.createElement('img');
+        var img = document.createElement("img");
 
         // Save the original size for recover
         setData(el, DATA_PREVIEW, {
           width: el.offsetWidth,
           height: el.offsetHeight,
-          html: el.innerHTML
+          html: el.innerHTML,
         });
         if (crossOrigin) {
           img.crossOrigin = crossOrigin;
@@ -1536,8 +1829,16 @@
          * Add `height:auto` to override `height` attribute on IE8
          * (Occur only when margin-top <= -height)
          */
-        img.style.cssText = 'display:block;' + 'width:100%;' + 'height:auto;' + 'min-width:0!important;' + 'min-height:0!important;' + 'max-width:none!important;' + 'max-height:none!important;' + 'image-orientation:0deg!important;"';
-        el.innerHTML = '';
+        img.style.cssText =
+          "display:block;" +
+          "width:100%;" +
+          "height:auto;" +
+          "min-width:0!important;" +
+          "min-height:0!important;" +
+          "max-width:none!important;" +
+          "max-height:none!important;" +
+          'image-orientation:0deg!important;"';
+        el.innerHTML = "";
         el.appendChild(img);
       });
     },
@@ -1546,7 +1847,7 @@
         var data = getData(element, DATA_PREVIEW);
         setStyle(element, {
           width: data.width,
-          height: data.height
+          height: data.height,
         });
         element.innerHTML = data.html;
         removeData(element, DATA_PREVIEW);
@@ -1565,13 +1866,24 @@
       if (!this.cropped || this.disabled) {
         return;
       }
-      setStyle(this.viewBoxImage, assign({
-        width: width,
-        height: height
-      }, getTransforms(assign({
-        translateX: -left,
-        translateY: -top
-      }, imageData))));
+      setStyle(
+        this.viewBoxImage,
+        assign(
+          {
+            width: width,
+            height: height,
+          },
+          getTransforms(
+            assign(
+              {
+                translateX: -left,
+                translateY: -top,
+              },
+              imageData,
+            ),
+          ),
+        ),
+      );
       forEach(this.previews, function (element) {
         var data = getData(element, DATA_PREVIEW);
         var originalWidth = data.width;
@@ -1590,17 +1902,28 @@
         }
         setStyle(element, {
           width: newWidth,
-          height: newHeight
+          height: newHeight,
         });
-        setStyle(element.getElementsByTagName('img')[0], assign({
-          width: width * ratio,
-          height: height * ratio
-        }, getTransforms(assign({
-          translateX: -left * ratio,
-          translateY: -top * ratio
-        }, imageData))));
+        setStyle(
+          element.getElementsByTagName("img")[0],
+          assign(
+            {
+              width: width * ratio,
+              height: height * ratio,
+            },
+            getTransforms(
+              assign(
+                {
+                  translateX: -left * ratio,
+                  translateY: -top * ratio,
+                },
+                imageData,
+              ),
+            ),
+          ),
+        );
       });
-    }
+    },
   };
 
   var events = {
@@ -1623,20 +1946,45 @@
       if (isFunction(options.zoom)) {
         addListener(element, EVENT_ZOOM, options.zoom);
       }
-      addListener(cropper, EVENT_POINTER_DOWN, this.onCropStart = this.cropStart.bind(this));
+      addListener(
+        cropper,
+        EVENT_POINTER_DOWN,
+        (this.onCropStart = this.cropStart.bind(this)),
+      );
       if (options.zoomable && options.zoomOnWheel) {
-        addListener(cropper, EVENT_WHEEL, this.onWheel = this.wheel.bind(this), {
-          passive: false,
-          capture: true
-        });
+        addListener(
+          cropper,
+          EVENT_WHEEL,
+          (this.onWheel = this.wheel.bind(this)),
+          {
+            passive: false,
+            capture: true,
+          },
+        );
       }
       if (options.toggleDragModeOnDblclick) {
-        addListener(cropper, EVENT_DBLCLICK, this.onDblclick = this.dblclick.bind(this));
-      }
-      addListener(element.ownerDocument, EVENT_POINTER_MOVE, this.onCropMove = this.cropMove.bind(this));
-      addListener(element.ownerDocument, EVENT_POINTER_UP, this.onCropEnd = this.cropEnd.bind(this));
+        addListener(
+          cropper,
+          EVENT_DBLCLICK,
+          (this.onDblclick = this.dblclick.bind(this)),
+        );
+      }
+      addListener(
+        element.ownerDocument,
+        EVENT_POINTER_MOVE,
+        (this.onCropMove = this.cropMove.bind(this)),
+      );
+      addListener(
+        element.ownerDocument,
+        EVENT_POINTER_UP,
+        (this.onCropEnd = this.cropEnd.bind(this)),
+      );
       if (options.responsive) {
-        addListener(window, EVENT_RESIZE, this.onResize = this.resize.bind(this));
+        addListener(
+          window,
+          EVENT_RESIZE,
+          (this.onResize = this.resize.bind(this)),
+        );
       }
     },
     unbind: function unbind() {
@@ -1662,18 +2010,22 @@
       if (options.zoomable && options.zoomOnWheel) {
         removeListener(cropper, EVENT_WHEEL, this.onWheel, {
           passive: false,
-          capture: true
+          capture: true,
         });
       }
       if (options.toggleDragModeOnDblclick) {
         removeListener(cropper, EVENT_DBLCLICK, this.onDblclick);
       }
-      removeListener(element.ownerDocument, EVENT_POINTER_MOVE, this.onCropMove);
+      removeListener(
+        element.ownerDocument,
+        EVENT_POINTER_MOVE,
+        this.onCropMove,
+      );
       removeListener(element.ownerDocument, EVENT_POINTER_UP, this.onCropEnd);
       if (options.responsive) {
         removeListener(window, EVENT_RESIZE, this.onResize);
       }
-    }
+    },
   };
 
   var handlers = {
@@ -1698,12 +2050,16 @@
         }
         this.render();
         if (options.restore) {
-          this.setCanvasData(forEach(canvasData, function (n, i) {
-            canvasData[i] = n * ratio;
-          }));
-          this.setCropBoxData(forEach(cropBoxData, function (n, i) {
-            cropBoxData[i] = n * ratio;
-          }));
+          this.setCanvasData(
+            forEach(canvasData, function (n, i) {
+              canvasData[i] = n * ratio;
+            }),
+          );
+          this.setCropBoxData(
+            forEach(cropBoxData, function (n, i) {
+              cropBoxData[i] = n * ratio;
+            }),
+          );
         }
       }
     },
@@ -1711,7 +2067,9 @@
       if (this.disabled || this.options.dragMode === DRAG_MODE_NONE) {
         return;
       }
-      this.setDragMode(hasClass(this.dragBox, CLASS_CROP) ? DRAG_MODE_MOVE : DRAG_MODE_CROP);
+      this.setDragMode(
+        hasClass(this.dragBox, CLASS_CROP) ? DRAG_MODE_MOVE : DRAG_MODE_CROP,
+      );
     },
     wheel: function wheel(event) {
       var _this = this;
@@ -1742,15 +2100,17 @@
     cropStart: function cropStart(event) {
       var buttons = event.buttons,
         button = event.button;
-      if (this.disabled
-
-      // Handle mouse event and pointer event and ignore touch event
-      || (event.type === 'mousedown' || event.type === 'pointerdown' && event.pointerType === 'mouse') && (
-      // No primary button (Usually the left button)
-      isNumber(buttons) && buttons !== 1 || isNumber(button) && button !== 0
-
-      // Open context menu
-      || event.ctrlKey)) {
+      if (
+        this.disabled ||
+        // Handle mouse event and pointer event and ignore touch event
+        ((event.type === "mousedown" ||
+          (event.type === "pointerdown" && event.pointerType === "mouse")) &&
+          // No primary button (Usually the left button)
+          ((isNumber(buttons) && buttons !== 1) ||
+            (isNumber(button) && button !== 0) ||
+            // Open context menu
+            event.ctrlKey))
+      ) {
         return;
       }
       var options = this.options,
@@ -1765,7 +2125,11 @@
         // Handle mouse event and pointer event
         pointers[event.pointerId || 0] = getPointer(event);
       }
-      if (Object.keys(pointers).length > 1 && options.zoomable && options.zoomOnTouch) {
+      if (
+        Object.keys(pointers).length > 1 &&
+        options.zoomable &&
+        options.zoomOnTouch
+      ) {
         action = ACTION_ZOOM;
       } else {
         action = getData(event.target, DATA_ACTION);
@@ -1773,10 +2137,12 @@
       if (!REGEXP_ACTIONS.test(action)) {
         return;
       }
-      if (dispatchEvent(this.element, EVENT_CROP_START, {
-        originalEvent: event,
-        action: action
-      }) === false) {
+      if (
+        dispatchEvent(this.element, EVENT_CROP_START, {
+          originalEvent: event,
+          action: action,
+        }) === false
+      ) {
         return;
       }
 
@@ -1796,10 +2162,12 @@
       }
       var pointers = this.pointers;
       event.preventDefault();
-      if (dispatchEvent(this.element, EVENT_CROP_MOVE, {
-        originalEvent: event,
-        action: action
-      }) === false) {
+      if (
+        dispatchEvent(this.element, EVENT_CROP_MOVE, {
+          originalEvent: event,
+          action: action,
+        }) === false
+      ) {
         return;
       }
       if (event.changedTouches) {
@@ -1830,17 +2198,21 @@
       }
       event.preventDefault();
       if (!Object.keys(pointers).length) {
-        this.action = '';
+        this.action = "";
       }
       if (this.cropping) {
         this.cropping = false;
-        toggleClass(this.dragBox, CLASS_MODAL, this.cropped && this.options.modal);
+        toggleClass(
+          this.dragBox,
+          CLASS_MODAL,
+          this.cropped && this.options.modal,
+        );
       }
       dispatchEvent(this.element, EVENT_CROP_END, {
         originalEvent: event,
-        action: action
+        action: action,
       });
-    }
+    },
   };
 
   var change = {
@@ -1872,13 +2244,25 @@
       if (this.limited) {
         minLeft = cropBoxData.minLeft;
         minTop = cropBoxData.minTop;
-        maxWidth = minLeft + Math.min(containerData.width, canvasData.width, canvasData.left + canvasData.width);
-        maxHeight = minTop + Math.min(containerData.height, canvasData.height, canvasData.top + canvasData.height);
+        maxWidth =
+          minLeft +
+          Math.min(
+            containerData.width,
+            canvasData.width,
+            canvasData.left + canvasData.width,
+          );
+        maxHeight =
+          minTop +
+          Math.min(
+            containerData.height,
+            canvasData.height,
+            canvasData.top + canvasData.height,
+          );
       }
       var pointer = pointers[Object.keys(pointers)[0]];
       var range = {
         x: pointer.endX - pointer.startX,
-        y: pointer.endY - pointer.startY
+        y: pointer.endY - pointer.startY,
       };
       var check = function check(side) {
         switch (side) {
@@ -1913,7 +2297,11 @@
 
         // Resize crop box
         case ACTION_EAST:
-          if (range.x >= 0 && (right >= maxWidth || aspectRatio && (top <= minTop || bottom >= maxHeight))) {
+          if (
+            range.x >= 0 &&
+            (right >= maxWidth ||
+              (aspectRatio && (top <= minTop || bottom >= maxHeight)))
+          ) {
             renderable = false;
             break;
           }
@@ -1930,7 +2318,11 @@
           }
           break;
         case ACTION_NORTH:
-          if (range.y <= 0 && (top <= minTop || aspectRatio && (left <= minLeft || right >= maxWidth))) {
+          if (
+            range.y <= 0 &&
+            (top <= minTop ||
+              (aspectRatio && (left <= minLeft || right >= maxWidth)))
+          ) {
             renderable = false;
             break;
           }
@@ -1948,7 +2340,11 @@
           }
           break;
         case ACTION_WEST:
-          if (range.x <= 0 && (left <= minLeft || aspectRatio && (top <= minTop || bottom >= maxHeight))) {
+          if (
+            range.x <= 0 &&
+            (left <= minLeft ||
+              (aspectRatio && (top <= minTop || bottom >= maxHeight)))
+          ) {
             renderable = false;
             break;
           }
@@ -1966,7 +2362,11 @@
           }
           break;
         case ACTION_SOUTH:
-          if (range.y >= 0 && (bottom >= maxHeight || aspectRatio && (left <= minLeft || right >= maxWidth))) {
+          if (
+            range.y >= 0 &&
+            (bottom >= maxHeight ||
+              (aspectRatio && (left <= minLeft || right >= maxWidth)))
+          ) {
             renderable = false;
             break;
           }
@@ -2232,7 +2632,7 @@
         p.startX = p.endX;
         p.startY = p.endY;
       });
-    }
+    },
   };
 
   var methods = {
@@ -2269,7 +2669,7 @@
           left: 0,
           top: 0,
           width: 0,
-          height: 0
+          height: 0,
         });
         this.cropped = false;
         this.renderCropBox();
@@ -2289,7 +2689,10 @@
      * @returns {Cropper} this
      */
     replace: function replace(url) {
-      var hasSameSize = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+      var hasSameSize =
+        arguments.length > 1 && arguments[1] !== undefined
+          ? arguments[1]
+          : false;
       if (!this.disabled && url) {
         if (this.isImg) {
           this.element.src = url;
@@ -2300,7 +2703,7 @@
           if (this.ready) {
             this.viewBoxImage.src = url;
             forEach(this.previews, function (element) {
-              element.getElementsByTagName('img')[0].src = url;
+              element.getElementsByTagName("img")[0].src = url;
             });
           }
         } else {
@@ -2353,11 +2756,17 @@
      * @returns {Cropper} this
      */
     move: function move(offsetX) {
-      var offsetY = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : offsetX;
+      var offsetY =
+        arguments.length > 1 && arguments[1] !== undefined
+          ? arguments[1]
+          : offsetX;
       var _this$canvasData = this.canvasData,
         left = _this$canvasData.left,
         top = _this$canvasData.top;
-      return this.moveTo(isUndefined(offsetX) ? offsetX : left + Number(offsetX), isUndefined(offsetY) ? offsetY : top + Number(offsetY));
+      return this.moveTo(
+        isUndefined(offsetX) ? offsetX : left + Number(offsetX),
+        isUndefined(offsetY) ? offsetY : top + Number(offsetY),
+      );
     },
     /**
      * Move the canvas to an absolute point
@@ -2366,7 +2775,8 @@
      * @returns {Cropper} this
      */
     moveTo: function moveTo(x) {
-      var y = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : x;
+      var y =
+        arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : x;
       var canvasData = this.canvasData;
       var changed = false;
       x = Number(x);
@@ -2400,7 +2810,11 @@
       } else {
         ratio = 1 + ratio;
       }
-      return this.zoomTo(canvasData.width * ratio / canvasData.naturalWidth, null, _originalEvent);
+      return this.zoomTo(
+        (canvasData.width * ratio) / canvasData.naturalWidth,
+        null,
+        _originalEvent,
+      );
     },
     /**
      * Zoom the canvas to an absolute ratio
@@ -2420,27 +2834,42 @@
       if (ratio >= 0 && this.ready && !this.disabled && options.zoomable) {
         var newWidth = naturalWidth * ratio;
         var newHeight = naturalHeight * ratio;
-        if (dispatchEvent(this.element, EVENT_ZOOM, {
-          ratio: ratio,
-          oldRatio: width / naturalWidth,
-          originalEvent: _originalEvent
-        }) === false) {
+        if (
+          dispatchEvent(this.element, EVENT_ZOOM, {
+            ratio: ratio,
+            oldRatio: width / naturalWidth,
+            originalEvent: _originalEvent,
+          }) === false
+        ) {
           return this;
         }
         if (_originalEvent) {
           var pointers = this.pointers;
           var offset = getOffset(this.cropper);
-          var center = pointers && Object.keys(pointers).length ? getPointersCenter(pointers) : {
-            pageX: _originalEvent.pageX,
-            pageY: _originalEvent.pageY
-          };
+          var center =
+            pointers && Object.keys(pointers).length
+              ? getPointersCenter(pointers)
+              : {
+                  pageX: _originalEvent.pageX,
+                  pageY: _originalEvent.pageY,
+                };
 
           // Zoom from the triggering point of the event
-          canvasData.left -= (newWidth - width) * ((center.pageX - offset.left - canvasData.left) / width);
-          canvasData.top -= (newHeight - height) * ((center.pageY - offset.top - canvasData.top) / height);
-        } else if (isPlainObject(pivot) && isNumber(pivot.x) && isNumber(pivot.y)) {
-          canvasData.left -= (newWidth - width) * ((pivot.x - canvasData.left) / width);
-          canvasData.top -= (newHeight - height) * ((pivot.y - canvasData.top) / height);
+          canvasData.left -=
+            (newWidth - width) *
+            ((center.pageX - offset.left - canvasData.left) / width);
+          canvasData.top -=
+            (newHeight - height) *
+            ((center.pageY - offset.top - canvasData.top) / height);
+        } else if (
+          isPlainObject(pivot) &&
+          isNumber(pivot.x) &&
+          isNumber(pivot.y)
+        ) {
+          canvasData.left -=
+            (newWidth - width) * ((pivot.x - canvasData.left) / width);
+          canvasData.top -=
+            (newHeight - height) * ((pivot.y - canvasData.top) / height);
         } else {
           // Zoom from the center of the canvas
           canvasData.left -= (newWidth - width) / 2;
@@ -2467,7 +2896,12 @@
      */
     rotateTo: function rotateTo(degree) {
       degree = Number(degree);
-      if (isNumber(degree) && this.ready && !this.disabled && this.options.rotatable) {
+      if (
+        isNumber(degree) &&
+        this.ready &&
+        !this.disabled &&
+        this.options.rotatable
+      ) {
         this.imageData.rotate = degree % 360;
         this.renderCanvas(true, true);
       }
@@ -2498,7 +2932,10 @@
      * @returns {Cropper} this
      */
     scale: function scale(scaleX) {
-      var scaleY = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : scaleX;
+      var scaleY =
+        arguments.length > 1 && arguments[1] !== undefined
+          ? arguments[1]
+          : scaleX;
       var imageData = this.imageData;
       var transformed = false;
       scaleX = Number(scaleX);
@@ -2524,7 +2961,10 @@
      * @returns {Object} The result cropped data.
      */
     getData: function getData() {
-      var rounded = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+      var rounded =
+        arguments.length > 0 && arguments[0] !== undefined
+          ? arguments[0]
+          : false;
       var options = this.options,
         imageData = this.imageData,
         canvasData = this.canvasData,
@@ -2535,7 +2975,7 @@
           x: cropBoxData.left - canvasData.left,
           y: cropBoxData.top - canvasData.top,
           width: cropBoxData.width,
-          height: cropBoxData.height
+          height: cropBoxData.height,
         };
         var ratio = imageData.width / imageData.naturalWidth;
         forEach(data, function (n, i) {
@@ -2556,7 +2996,7 @@
           x: 0,
           y: 0,
           width: 0,
-          height: 0
+          height: 0,
         };
       }
       if (options.rotatable) {
@@ -2638,9 +3078,12 @@
       var canvasData = this.canvasData;
       var data = {};
       if (this.ready) {
-        forEach(['left', 'top', 'width', 'height', 'naturalWidth', 'naturalHeight'], function (n) {
-          data[n] = canvasData[n];
-        });
+        forEach(
+          ["left", "top", "width", "height", "naturalWidth", "naturalHeight"],
+          function (n) {
+            data[n] = canvasData[n];
+          },
+        );
       }
       return data;
     },
@@ -2682,7 +3125,7 @@
           left: cropBoxData.left,
           top: cropBoxData.top,
           width: cropBoxData.width,
-          height: cropBoxData.height
+          height: cropBoxData.height,
         };
       }
       return data || {};
@@ -2729,12 +3172,18 @@
      * @returns {HTMLCanvasElement} - The result canvas.
      */
     getCroppedCanvas: function getCroppedCanvas() {
-      var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      var options =
+        arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       if (!this.ready || !window.HTMLCanvasElement) {
         return null;
       }
       var canvasData = this.canvasData;
-      var source = getSourceCanvas(this.image, this.imageData, canvasData, options);
+      var source = getSourceCanvas(
+        this.image,
+        this.imageData,
+        canvasData,
+        options,
+      );
 
       // Returns the source canvas if it is not cropped.
       if (!this.cropped) {
@@ -2756,30 +3205,35 @@
       var maxSizes = getAdjustedSizes({
         aspectRatio: aspectRatio,
         width: options.maxWidth || Infinity,
-        height: options.maxHeight || Infinity
+        height: options.maxHeight || Infinity,
       });
-      var minSizes = getAdjustedSizes({
-        aspectRatio: aspectRatio,
-        width: options.minWidth || 0,
-        height: options.minHeight || 0
-      }, 'cover');
+      var minSizes = getAdjustedSizes(
+        {
+          aspectRatio: aspectRatio,
+          width: options.minWidth || 0,
+          height: options.minHeight || 0,
+        },
+        "cover",
+      );
       var _getAdjustedSizes = getAdjustedSizes({
           aspectRatio: aspectRatio,
           width: options.width || (ratio !== 1 ? source.width : initialWidth),
-          height: options.height || (ratio !== 1 ? source.height : initialHeight)
+          height:
+            options.height || (ratio !== 1 ? source.height : initialHeight),
         }),
         width = _getAdjustedSizes.width,
         height = _getAdjustedSizes.height;
       width = Math.min(maxSizes.width, Math.max(minSizes.width, width));
       height = Math.min(maxSizes.height, Math.max(minSizes.height, height));
-      var canvas = document.createElement('canvas');
-      var context = canvas.getContext('2d');
+      var canvas = document.createElement("canvas");
+      var context = canvas.getContext("2d");
       canvas.width = normalizeDecimalNumber(width);
       canvas.height = normalizeDecimalNumber(height);
-      context.fillStyle = options.fillColor || 'transparent';
+      context.fillStyle = options.fillColor || "transparent";
       context.fillRect(0, 0, width, height);
       var _options$imageSmoothi = options.imageSmoothingEnabled,
-        imageSmoothingEnabled = _options$imageSmoothi === void 0 ? true : _options$imageSmoothi,
+        imageSmoothingEnabled =
+          _options$imageSmoothi === void 0 ? true : _options$imageSmoothi,
         imageSmoothingQuality = options.imageSmoothingQuality;
       context.imageSmoothingEnabled = imageSmoothingEnabled;
       if (imageSmoothingQuality) {
@@ -2836,14 +3290,26 @@
       // Avoid "IndexSizeError"
       if (dstWidth > 0 && dstHeight > 0) {
         var scale = width / initialWidth;
-        params.push(dstX * scale, dstY * scale, dstWidth * scale, dstHeight * scale);
+        params.push(
+          dstX * scale,
+          dstY * scale,
+          dstWidth * scale,
+          dstHeight * scale,
+        );
       }
 
       // All the numerical parameters should be integer for `drawImage`
       // https://github.com/fengyuanchen/cropper/issues/476
-      context.drawImage.apply(context, [source].concat(_toConsumableArray(params.map(function (param) {
-        return Math.floor(normalizeDecimalNumber(param));
-      }))));
+      context.drawImage.apply(
+        context,
+        [source].concat(
+          _toConsumableArray(
+            params.map(function (param) {
+              return Math.floor(normalizeDecimalNumber(param));
+            }),
+          ),
+        ),
+      );
       return canvas;
     },
     /**
@@ -2890,21 +3356,24 @@
         }
       }
       return this;
-    }
+    },
   };
 
   var AnotherCropper = WINDOW.Cropper;
-  var Cropper = /*#__PURE__*/function () {
+  var Cropper = /*#__PURE__*/ (function () {
     /**
      * Create a new Cropper.
      * @param {Element} element - The target element for cropping.
      * @param {Object} [options={}] - The configuration options.
      */
     function Cropper(element) {
-      var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+      var options =
+        arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
       _classCallCheck(this, Cropper);
       if (!element || !REGEXP_TAG_NAME.test(element.tagName)) {
-        throw new Error('The first argument is required and must be an <img> or <canvas> element.');
+        throw new Error(
+          "The first argument is required and must be an <img> or <canvas> element.",
+        );
       }
       this.element = element;
       this.options = assign({}, DEFAULTS, isPlainObject(options) && options);
@@ -2918,357 +3387,414 @@
       this.sizing = false;
       this.init();
     }
-    _createClass(Cropper, [{
-      key: "init",
-      value: function init() {
-        var element = this.element;
-        var tagName = element.tagName.toLowerCase();
-        var url;
-        if (element[NAMESPACE]) {
-          return;
-        }
-        element[NAMESPACE] = this;
-        if (tagName === 'img') {
-          this.isImg = true;
-
-          // e.g.: "img/picture.jpg"
-          url = element.getAttribute('src') || '';
-          this.originalUrl = url;
-
-          // Stop when it's a blank image
-          if (!url) {
-            return;
-          }
-
-          // e.g.: "https://example.com/img/picture.jpg"
-          url = element.src;
-        } else if (tagName === 'canvas' && window.HTMLCanvasElement) {
-          url = element.toDataURL();
-        }
-        this.load(url);
-      }
-    }, {
-      key: "load",
-      value: function load(url) {
-        var _this = this;
-        if (!url) {
-          return;
-        }
-        this.url = url;
-        this.imageData = {};
-        var element = this.element,
-          options = this.options;
-        if (!options.rotatable && !options.scalable) {
-          options.checkOrientation = false;
-        }
-
-        // Only IE10+ supports Typed Arrays
-        if (!options.checkOrientation || !window.ArrayBuffer) {
-          this.clone();
-          return;
-        }
+    _createClass(
+      Cropper,
+      [
+        {
+          key: "init",
+          value: function init() {
+            var element = this.element;
+            var tagName = element.tagName.toLowerCase();
+            var url;
+            if (element[NAMESPACE]) {
+              return;
+            }
+            element[NAMESPACE] = this;
+            if (tagName === "img") {
+              this.isImg = true;
 
-        // Detect the mime type of the image directly if it is a Data URL
-        if (REGEXP_DATA_URL.test(url)) {
-          // Read ArrayBuffer from Data URL of JPEG images directly for better performance
-          if (REGEXP_DATA_URL_JPEG.test(url)) {
-            this.read(dataURLToArrayBuffer(url));
-          } else {
-            // Only a JPEG image may contains Exif Orientation information,
-            // the rest types of Data URLs are not necessary to check orientation at all.
-            this.clone();
-          }
-          return;
-        }
+              // e.g.: "img/picture.jpg"
+              url = element.getAttribute("src") || "";
+              this.originalUrl = url;
 
-        // 1. Detect the mime type of the image by a XMLHttpRequest.
-        // 2. Load the image as ArrayBuffer for reading orientation if its a JPEG image.
-        var xhr = new XMLHttpRequest();
-        var clone = this.clone.bind(this);
-        this.reloading = true;
-        this.xhr = xhr;
-
-        // 1. Cross origin requests are only supported for protocol schemes:
-        // http, https, data, chrome, chrome-extension.
-        // 2. Access to XMLHttpRequest from a Data URL will be blocked by CORS policy
-        // in some browsers as IE11 and Safari.
-        xhr.onabort = clone;
-        xhr.onerror = clone;
-        xhr.ontimeout = clone;
-        xhr.onprogress = function () {
-          // Abort the request directly if it not a JPEG image for better performance
-          if (xhr.getResponseHeader('content-type') !== MIME_TYPE_JPEG) {
-            xhr.abort();
-          }
-        };
-        xhr.onload = function () {
-          _this.read(xhr.response);
-        };
-        xhr.onloadend = function () {
-          _this.reloading = false;
-          _this.xhr = null;
-        };
+              // Stop when it's a blank image
+              if (!url) {
+                return;
+              }
 
-        // Bust cache when there is a "crossOrigin" property to avoid browser cache error
-        if (options.checkCrossOrigin && isCrossOriginURL(url) && element.crossOrigin) {
-          url = addTimestamp(url);
-        }
+              // e.g.: "https://example.com/img/picture.jpg"
+              url = element.src;
+            } else if (tagName === "canvas" && window.HTMLCanvasElement) {
+              url = element.toDataURL();
+            }
+            this.load(url);
+          },
+        },
+        {
+          key: "load",
+          value: function load(url) {
+            var _this = this;
+            if (!url) {
+              return;
+            }
+            this.url = url;
+            this.imageData = {};
+            var element = this.element,
+              options = this.options;
+            if (!options.rotatable && !options.scalable) {
+              options.checkOrientation = false;
+            }
 
-        // The third parameter is required for avoiding side-effect (#682)
-        xhr.open('GET', url, true);
-        xhr.responseType = 'arraybuffer';
-        xhr.withCredentials = element.crossOrigin === 'use-credentials';
-        xhr.send();
-      }
-    }, {
-      key: "read",
-      value: function read(arrayBuffer) {
-        var options = this.options,
-          imageData = this.imageData;
-
-        // Reset the orientation value to its default value 1
-        // as some iOS browsers will render image with its orientation
-        var orientation = resetAndGetOrientation(arrayBuffer);
-        var rotate = 0;
-        var scaleX = 1;
-        var scaleY = 1;
-        if (orientation > 1) {
-          // Generate a new URL which has the default orientation value
-          this.url = arrayBufferToDataURL(arrayBuffer, MIME_TYPE_JPEG);
-          var _parseOrientation = parseOrientation(orientation);
-          rotate = _parseOrientation.rotate;
-          scaleX = _parseOrientation.scaleX;
-          scaleY = _parseOrientation.scaleY;
-        }
-        if (options.rotatable) {
-          imageData.rotate = rotate;
-        }
-        if (options.scalable) {
-          imageData.scaleX = scaleX;
-          imageData.scaleY = scaleY;
-        }
-        this.clone();
-      }
-    }, {
-      key: "clone",
-      value: function clone() {
-        var element = this.element,
-          url = this.url;
-        var crossOrigin = element.crossOrigin;
-        var crossOriginUrl = url;
-        if (this.options.checkCrossOrigin && isCrossOriginURL(url)) {
-          if (!crossOrigin) {
-            crossOrigin = 'anonymous';
-          }
+            // Only IE10+ supports Typed Arrays
+            if (!options.checkOrientation || !window.ArrayBuffer) {
+              this.clone();
+              return;
+            }
 
-          // Bust cache when there is not a "crossOrigin" property (#519)
-          crossOriginUrl = addTimestamp(url);
-        }
-        this.crossOrigin = crossOrigin;
-        this.crossOriginUrl = crossOriginUrl;
-        var image = document.createElement('img');
-        if (crossOrigin) {
-          image.crossOrigin = crossOrigin;
-        }
-        image.src = crossOriginUrl || url;
-        image.alt = element.alt || 'The image to crop';
-        this.image = image;
-        image.onload = this.start.bind(this);
-        image.onerror = this.stop.bind(this);
-        addClass(image, CLASS_HIDE);
-        element.parentNode.insertBefore(image, element.nextSibling);
-      }
-    }, {
-      key: "start",
-      value: function start() {
-        var _this2 = this;
-        var image = this.image;
-        image.onload = null;
-        image.onerror = null;
-        this.sizing = true;
-
-        // Match all browsers that use WebKit as the layout engine in iOS devices,
-        // such as Safari for iOS, Chrome for iOS, and in-app browsers.
-        var isIOSWebKit = WINDOW.navigator && /(?:iPad|iPhone|iPod).*?AppleWebKit/i.test(WINDOW.navigator.userAgent);
-        var done = function done(naturalWidth, naturalHeight) {
-          assign(_this2.imageData, {
-            naturalWidth: naturalWidth,
-            naturalHeight: naturalHeight,
-            aspectRatio: naturalWidth / naturalHeight
-          });
-          _this2.initialImageData = assign({}, _this2.imageData);
-          _this2.sizing = false;
-          _this2.sized = true;
-          _this2.build();
-        };
+            // Detect the mime type of the image directly if it is a Data URL
+            if (REGEXP_DATA_URL.test(url)) {
+              // Read ArrayBuffer from Data URL of JPEG images directly for better performance
+              if (REGEXP_DATA_URL_JPEG.test(url)) {
+                this.read(dataURLToArrayBuffer(url));
+              } else {
+                // Only a JPEG image may contains Exif Orientation information,
+                // the rest types of Data URLs are not necessary to check orientation at all.
+                this.clone();
+              }
+              return;
+            }
 
-        // Most modern browsers (excepts iOS WebKit)
-        if (image.naturalWidth && !isIOSWebKit) {
-          done(image.naturalWidth, image.naturalHeight);
-          return;
-        }
-        var sizingImage = document.createElement('img');
-        var body = document.body || document.documentElement;
-        this.sizingImage = sizingImage;
-        sizingImage.onload = function () {
-          done(sizingImage.width, sizingImage.height);
-          if (!isIOSWebKit) {
-            body.removeChild(sizingImage);
-          }
-        };
-        sizingImage.src = image.src;
+            // 1. Detect the mime type of the image by a XMLHttpRequest.
+            // 2. Load the image as ArrayBuffer for reading orientation if its a JPEG image.
+            var xhr = new XMLHttpRequest();
+            var clone = this.clone.bind(this);
+            this.reloading = true;
+            this.xhr = xhr;
+
+            // 1. Cross origin requests are only supported for protocol schemes:
+            // http, https, data, chrome, chrome-extension.
+            // 2. Access to XMLHttpRequest from a Data URL will be blocked by CORS policy
+            // in some browsers as IE11 and Safari.
+            xhr.onabort = clone;
+            xhr.onerror = clone;
+            xhr.ontimeout = clone;
+            xhr.onprogress = function () {
+              // Abort the request directly if it not a JPEG image for better performance
+              if (xhr.getResponseHeader("content-type") !== MIME_TYPE_JPEG) {
+                xhr.abort();
+              }
+            };
+            xhr.onload = function () {
+              _this.read(xhr.response);
+            };
+            xhr.onloadend = function () {
+              _this.reloading = false;
+              _this.xhr = null;
+            };
+
+            // Bust cache when there is a "crossOrigin" property to avoid browser cache error
+            if (
+              options.checkCrossOrigin &&
+              isCrossOriginURL(url) &&
+              element.crossOrigin
+            ) {
+              url = addTimestamp(url);
+            }
 
-        // iOS WebKit will convert the image automatically
-        // with its orientation once append it into DOM (#279)
-        if (!isIOSWebKit) {
-          sizingImage.style.cssText = 'left:0;' + 'max-height:none!important;' + 'max-width:none!important;' + 'min-height:0!important;' + 'min-width:0!important;' + 'opacity:0;' + 'position:absolute;' + 'top:0;' + 'z-index:-1;';
-          body.appendChild(sizingImage);
-        }
-      }
-    }, {
-      key: "stop",
-      value: function stop() {
-        var image = this.image;
-        image.onload = null;
-        image.onerror = null;
-        image.parentNode.removeChild(image);
-        this.image = null;
-      }
-    }, {
-      key: "build",
-      value: function build() {
-        if (!this.sized || this.ready) {
-          return;
-        }
-        var element = this.element,
-          options = this.options,
-          image = this.image;
-
-        // Create cropper elements
-        var container = element.parentNode;
-        var template = document.createElement('div');
-        template.innerHTML = TEMPLATE;
-        var cropper = template.querySelector(".".concat(NAMESPACE, "-container"));
-        var canvas = cropper.querySelector(".".concat(NAMESPACE, "-canvas"));
-        var dragBox = cropper.querySelector(".".concat(NAMESPACE, "-drag-box"));
-        var cropBox = cropper.querySelector(".".concat(NAMESPACE, "-crop-box"));
-        var face = cropBox.querySelector(".".concat(NAMESPACE, "-face"));
-        this.container = container;
-        this.cropper = cropper;
-        this.canvas = canvas;
-        this.dragBox = dragBox;
-        this.cropBox = cropBox;
-        this.viewBox = cropper.querySelector(".".concat(NAMESPACE, "-view-box"));
-        this.face = face;
-        canvas.appendChild(image);
-
-        // Hide the original image
-        addClass(element, CLASS_HIDDEN);
-
-        // Inserts the cropper after to the current image
-        container.insertBefore(cropper, element.nextSibling);
-
-        // Show the hidden image
-        removeClass(image, CLASS_HIDE);
-        this.initPreview();
-        this.bind();
-        options.initialAspectRatio = Math.max(0, options.initialAspectRatio) || NaN;
-        options.aspectRatio = Math.max(0, options.aspectRatio) || NaN;
-        options.viewMode = Math.max(0, Math.min(3, Math.round(options.viewMode))) || 0;
-        addClass(cropBox, CLASS_HIDDEN);
-        if (!options.guides) {
-          addClass(cropBox.getElementsByClassName("".concat(NAMESPACE, "-dashed")), CLASS_HIDDEN);
-        }
-        if (!options.center) {
-          addClass(cropBox.getElementsByClassName("".concat(NAMESPACE, "-center")), CLASS_HIDDEN);
-        }
-        if (options.background) {
-          addClass(cropper, "".concat(NAMESPACE, "-bg"));
-        }
-        if (!options.highlight) {
-          addClass(face, CLASS_INVISIBLE);
-        }
-        if (options.cropBoxMovable) {
-          addClass(face, CLASS_MOVE);
-          setData(face, DATA_ACTION, ACTION_ALL);
-        }
-        if (!options.cropBoxResizable) {
-          addClass(cropBox.getElementsByClassName("".concat(NAMESPACE, "-line")), CLASS_HIDDEN);
-          addClass(cropBox.getElementsByClassName("".concat(NAMESPACE, "-point")), CLASS_HIDDEN);
-        }
-        this.render();
-        this.ready = true;
-        this.setDragMode(options.dragMode);
-        if (options.autoCrop) {
-          this.crop();
-        }
-        this.setData(options.data);
-        if (isFunction(options.ready)) {
-          addListener(element, EVENT_READY, options.ready, {
-            once: true
-          });
-        }
-        dispatchEvent(element, EVENT_READY);
-      }
-    }, {
-      key: "unbuild",
-      value: function unbuild() {
-        if (!this.ready) {
-          return;
-        }
-        this.ready = false;
-        this.unbind();
-        this.resetPreview();
-        var parentNode = this.cropper.parentNode;
-        if (parentNode) {
-          parentNode.removeChild(this.cropper);
-        }
-        removeClass(this.element, CLASS_HIDDEN);
-      }
-    }, {
-      key: "uncreate",
-      value: function uncreate() {
-        if (this.ready) {
-          this.unbuild();
-          this.ready = false;
-          this.cropped = false;
-        } else if (this.sizing) {
-          this.sizingImage.onload = null;
-          this.sizing = false;
-          this.sized = false;
-        } else if (this.reloading) {
-          this.xhr.onabort = null;
-          this.xhr.abort();
-        } else if (this.image) {
-          this.stop();
-        }
-      }
+            // The third parameter is required for avoiding side-effect (#682)
+            xhr.open("GET", url, true);
+            xhr.responseType = "arraybuffer";
+            xhr.withCredentials = element.crossOrigin === "use-credentials";
+            xhr.send();
+          },
+        },
+        {
+          key: "read",
+          value: function read(arrayBuffer) {
+            var options = this.options,
+              imageData = this.imageData;
+
+            // Reset the orientation value to its default value 1
+            // as some iOS browsers will render image with its orientation
+            var orientation = resetAndGetOrientation(arrayBuffer);
+            var rotate = 0;
+            var scaleX = 1;
+            var scaleY = 1;
+            if (orientation > 1) {
+              // Generate a new URL which has the default orientation value
+              this.url = arrayBufferToDataURL(arrayBuffer, MIME_TYPE_JPEG);
+              var _parseOrientation = parseOrientation(orientation);
+              rotate = _parseOrientation.rotate;
+              scaleX = _parseOrientation.scaleX;
+              scaleY = _parseOrientation.scaleY;
+            }
+            if (options.rotatable) {
+              imageData.rotate = rotate;
+            }
+            if (options.scalable) {
+              imageData.scaleX = scaleX;
+              imageData.scaleY = scaleY;
+            }
+            this.clone();
+          },
+        },
+        {
+          key: "clone",
+          value: function clone() {
+            var element = this.element,
+              url = this.url;
+            var crossOrigin = element.crossOrigin;
+            var crossOriginUrl = url;
+            if (this.options.checkCrossOrigin && isCrossOriginURL(url)) {
+              if (!crossOrigin) {
+                crossOrigin = "anonymous";
+              }
 
-      /**
-       * Get the no conflict cropper class.
-       * @returns {Cropper} The cropper class.
-       */
-    }], [{
-      key: "noConflict",
-      value: function noConflict() {
-        window.Cropper = AnotherCropper;
-        return Cropper;
-      }
+              // Bust cache when there is not a "crossOrigin" property (#519)
+              crossOriginUrl = addTimestamp(url);
+            }
+            this.crossOrigin = crossOrigin;
+            this.crossOriginUrl = crossOriginUrl;
+            var image = document.createElement("img");
+            if (crossOrigin) {
+              image.crossOrigin = crossOrigin;
+            }
+            image.src = crossOriginUrl || url;
+            image.alt = element.alt || "The image to crop";
+            this.image = image;
+            image.onload = this.start.bind(this);
+            image.onerror = this.stop.bind(this);
+            addClass(image, CLASS_HIDE);
+            element.parentNode.insertBefore(image, element.nextSibling);
+          },
+        },
+        {
+          key: "start",
+          value: function start() {
+            var _this2 = this;
+            var image = this.image;
+            image.onload = null;
+            image.onerror = null;
+            this.sizing = true;
+
+            // Match all browsers that use WebKit as the layout engine in iOS devices,
+            // such as Safari for iOS, Chrome for iOS, and in-app browsers.
+            var isIOSWebKit =
+              WINDOW.navigator &&
+              /(?:iPad|iPhone|iPod).*?AppleWebKit/i.test(
+                WINDOW.navigator.userAgent,
+              );
+            var done = function done(naturalWidth, naturalHeight) {
+              assign(_this2.imageData, {
+                naturalWidth: naturalWidth,
+                naturalHeight: naturalHeight,
+                aspectRatio: naturalWidth / naturalHeight,
+              });
+              _this2.initialImageData = assign({}, _this2.imageData);
+              _this2.sizing = false;
+              _this2.sized = true;
+              _this2.build();
+            };
+
+            // Most modern browsers (excepts iOS WebKit)
+            if (image.naturalWidth && !isIOSWebKit) {
+              done(image.naturalWidth, image.naturalHeight);
+              return;
+            }
+            var sizingImage = document.createElement("img");
+            var body = document.body || document.documentElement;
+            this.sizingImage = sizingImage;
+            sizingImage.onload = function () {
+              done(sizingImage.width, sizingImage.height);
+              if (!isIOSWebKit) {
+                body.removeChild(sizingImage);
+              }
+            };
+            sizingImage.src = image.src;
+
+            // iOS WebKit will convert the image automatically
+            // with its orientation once append it into DOM (#279)
+            if (!isIOSWebKit) {
+              sizingImage.style.cssText =
+                "left:0;" +
+                "max-height:none!important;" +
+                "max-width:none!important;" +
+                "min-height:0!important;" +
+                "min-width:0!important;" +
+                "opacity:0;" +
+                "position:absolute;" +
+                "top:0;" +
+                "z-index:-1;";
+              body.appendChild(sizingImage);
+            }
+          },
+        },
+        {
+          key: "stop",
+          value: function stop() {
+            var image = this.image;
+            image.onload = null;
+            image.onerror = null;
+            image.parentNode.removeChild(image);
+            this.image = null;
+          },
+        },
+        {
+          key: "build",
+          value: function build() {
+            if (!this.sized || this.ready) {
+              return;
+            }
+            var element = this.element,
+              options = this.options,
+              image = this.image;
+
+            // Create cropper elements
+            var container = element.parentNode;
+            var template = document.createElement("div");
+            template.innerHTML = TEMPLATE;
+            var cropper = template.querySelector(
+              ".".concat(NAMESPACE, "-container"),
+            );
+            var canvas = cropper.querySelector(
+              ".".concat(NAMESPACE, "-canvas"),
+            );
+            var dragBox = cropper.querySelector(
+              ".".concat(NAMESPACE, "-drag-box"),
+            );
+            var cropBox = cropper.querySelector(
+              ".".concat(NAMESPACE, "-crop-box"),
+            );
+            var face = cropBox.querySelector(".".concat(NAMESPACE, "-face"));
+            this.container = container;
+            this.cropper = cropper;
+            this.canvas = canvas;
+            this.dragBox = dragBox;
+            this.cropBox = cropBox;
+            this.viewBox = cropper.querySelector(
+              ".".concat(NAMESPACE, "-view-box"),
+            );
+            this.face = face;
+            canvas.appendChild(image);
+
+            // Hide the original image
+            addClass(element, CLASS_HIDDEN);
+
+            // Inserts the cropper after to the current image
+            container.insertBefore(cropper, element.nextSibling);
+
+            // Show the hidden image
+            removeClass(image, CLASS_HIDE);
+            this.initPreview();
+            this.bind();
+            options.initialAspectRatio =
+              Math.max(0, options.initialAspectRatio) || NaN;
+            options.aspectRatio = Math.max(0, options.aspectRatio) || NaN;
+            options.viewMode =
+              Math.max(0, Math.min(3, Math.round(options.viewMode))) || 0;
+            addClass(cropBox, CLASS_HIDDEN);
+            if (!options.guides) {
+              addClass(
+                cropBox.getElementsByClassName("".concat(NAMESPACE, "-dashed")),
+                CLASS_HIDDEN,
+              );
+            }
+            if (!options.center) {
+              addClass(
+                cropBox.getElementsByClassName("".concat(NAMESPACE, "-center")),
+                CLASS_HIDDEN,
+              );
+            }
+            if (options.background) {
+              addClass(cropper, "".concat(NAMESPACE, "-bg"));
+            }
+            if (!options.highlight) {
+              addClass(face, CLASS_INVISIBLE);
+            }
+            if (options.cropBoxMovable) {
+              addClass(face, CLASS_MOVE);
+              setData(face, DATA_ACTION, ACTION_ALL);
+            }
+            if (!options.cropBoxResizable) {
+              addClass(
+                cropBox.getElementsByClassName("".concat(NAMESPACE, "-line")),
+                CLASS_HIDDEN,
+              );
+              addClass(
+                cropBox.getElementsByClassName("".concat(NAMESPACE, "-point")),
+                CLASS_HIDDEN,
+              );
+            }
+            this.render();
+            this.ready = true;
+            this.setDragMode(options.dragMode);
+            if (options.autoCrop) {
+              this.crop();
+            }
+            this.setData(options.data);
+            if (isFunction(options.ready)) {
+              addListener(element, EVENT_READY, options.ready, {
+                once: true,
+              });
+            }
+            dispatchEvent(element, EVENT_READY);
+          },
+        },
+        {
+          key: "unbuild",
+          value: function unbuild() {
+            if (!this.ready) {
+              return;
+            }
+            this.ready = false;
+            this.unbind();
+            this.resetPreview();
+            var parentNode = this.cropper.parentNode;
+            if (parentNode) {
+              parentNode.removeChild(this.cropper);
+            }
+            removeClass(this.element, CLASS_HIDDEN);
+          },
+        },
+        {
+          key: "uncreate",
+          value: function uncreate() {
+            if (this.ready) {
+              this.unbuild();
+              this.ready = false;
+              this.cropped = false;
+            } else if (this.sizing) {
+              this.sizingImage.onload = null;
+              this.sizing = false;
+              this.sized = false;
+            } else if (this.reloading) {
+              this.xhr.onabort = null;
+              this.xhr.abort();
+            } else if (this.image) {
+              this.stop();
+            }
+          },
 
-      /**
-       * Change the default options.
-       * @param {Object} options - The new default options.
-       */
-    }, {
-      key: "setDefaults",
-      value: function setDefaults(options) {
-        assign(DEFAULTS, isPlainObject(options) && options);
-      }
-    }]);
+          /**
+           * Get the no conflict cropper class.
+           * @returns {Cropper} The cropper class.
+           */
+        },
+      ],
+      [
+        {
+          key: "noConflict",
+          value: function noConflict() {
+            window.Cropper = AnotherCropper;
+            return Cropper;
+          },
+
+          /**
+           * Change the default options.
+           * @param {Object} options - The new default options.
+           */
+        },
+        {
+          key: "setDefaults",
+          value: function setDefaults(options) {
+            assign(DEFAULTS, isPlainObject(options) && options);
+          },
+        },
+      ],
+    );
     return Cropper;
-  }();
+  })();
   assign(Cropper.prototype, render, preview, events, handlers, change, methods);
 
   return Cropper;
-
-}));
+});
diff --git a/plugins/DateParser/date_parser.py b/plugins/DateParser/date_parser.py
index 908fc05e..baf9be25 100644
--- a/plugins/DateParser/date_parser.py
+++ b/plugins/DateParser/date_parser.py
@@ -7,60 +7,58 @@
 from dateparser import parse
 from datetime import datetime
 
-def main():
-	global stash
-	global pattern
 
-	pattern = re.compile(r"\D(\d{4}|\d{1,2})[\._\- /\\](\d{1,2}|[a-zA-Z]{3,}\.*)[\._\- /\\](\d{4}|\d{1,2})\D")
-	json_input = json.loads(sys.stdin.read())
-	mode_arg = json_input['args']['mode']
+def main():
+    global stash
+    global pattern
 
-	stash = StashInterface(json_input["server_connection"])
+    pattern = re.compile(
+        r"\D(\d{4}|\d{1,2})[\._\- /\\](\d{1,2}|[a-zA-Z]{3,}\.*)[\._\- /\\](\d{4}|\d{1,2})\D"
+    )
+    json_input = json.loads(sys.stdin.read())
+    mode_arg = json_input["args"]["mode"]
 
-	if mode_arg == "gallery":
-		find_date_for_galleries()
+    stash = StashInterface(json_input["server_connection"])
 
+    if mode_arg == "gallery":
+        find_date_for_galleries()
 
 
 def find_date_for_galleries():
 
-	galleries = stash.find_galleries(f={
-		"is_missing": "date",
-		"path": {
-			"modifier": "MATCHES_REGEX",
-			"value": ".zip$"
-		},
-		"file_count": {
-			"modifier": "EQUALS",
-			"value": 1
-		}
-	})
-
+    galleries = stash.find_galleries(
+        f={
+            "is_missing": "date",
+            "path": {"modifier": "MATCHES_REGEX", "value": ".zip$"},
+            "file_count": {"modifier": "EQUALS", "value": 1},
+        }
+    )
 
-	total = len(galleries)
+    total = len(galleries)
 
-	log.info(f"Found {total} galleries")
+    log.info(f"Found {total} galleries")
 
-	for i, gallery in enumerate(galleries):
-		log.progress(i/total)
-		acceptableDate = None
-		for file in gallery.get("files", []):
-			for match in pattern.finditer(file["path"]):
-				g1 = match.group(1)
-				g2 = match.group(2)
-				g3 =match.group(3)
-				temp = parse(g1+" "+g2+" "+g3)
-				if temp:
-					acceptableDate = temp.strftime("%Y-%m-%d")
-		if acceptableDate:
-			log.info("Gallery ID ("+gallery.get("id") + ") has matched the date : "+acceptableDate)
-			updateObject = {
-				"id":gallery.get("id"),
-				"date":acceptableDate
-			}
-			stash.update_gallery(updateObject)
-				
+    for i, gallery in enumerate(galleries):
+        log.progress(i / total)
+        acceptableDate = None
+        for file in gallery.get("files", []):
+            for match in pattern.finditer(file["path"]):
+                g1 = match.group(1)
+                g2 = match.group(2)
+                g3 = match.group(3)
+                temp = parse(g1 + " " + g2 + " " + g3)
+                if temp:
+                    acceptableDate = temp.strftime("%Y-%m-%d")
+        if acceptableDate:
+            log.info(
+                "Gallery ID ("
+                + gallery.get("id")
+                + ") has matched the date : "
+                + acceptableDate
+            )
+            updateObject = {"id": gallery.get("id"), "date": acceptableDate}
+            stash.update_gallery(updateObject)
 
 
-if __name__ == '__main__':
-	main()
\ No newline at end of file
+if __name__ == "__main__":
+    main()
diff --git a/plugins/DateParser/date_parser.yml b/plugins/DateParser/date_parser.yml
index 82af58bc..c6621af2 100644
--- a/plugins/DateParser/date_parser.yml
+++ b/plugins/DateParser/date_parser.yml
@@ -1,14 +1,12 @@
-name: Date Parser
-description: Find date in path or filename and add it
-version: 0.2
-exec:
-  - python
-  - "{pluginDir}/date_parser.py"
-interface: raw
-tasks:
-  - name: Find gallery dates
-    description: Add the date on galleries based on their path
-    defaultArgs:
-      mode: gallery
-
-      
+name: Date Parser
+description: Find date in path or filename and add it
+version: 0.2
+exec:
+  - python
+  - "{pluginDir}/date_parser.py"
+interface: raw
+tasks:
+  - name: Find gallery dates
+    description: Add the date on galleries based on their path
+    defaultArgs:
+      mode: gallery
diff --git a/plugins/StashBatchResultToggle/stashBatchResultToggle.js b/plugins/StashBatchResultToggle/stashBatchResultToggle.js
index f6c56981..539e8b23 100644
--- a/plugins/StashBatchResultToggle/stashBatchResultToggle.js
+++ b/plugins/StashBatchResultToggle/stashBatchResultToggle.js
@@ -1,308 +1,377 @@
-(function() {
-    let running = false;
-    const buttons = [];
-    let maxCount = 0;
-
-    function resolveToggle(el) {
-        let button = null;
-        if (el?.classList.contains('optional-field-content')) {
-            button = el.previousElementSibling;
-        } else if (el?.tagName === 'SPAN' && el?.classList.contains('ml-auto')) {
-            button = el.querySelector('.optional-field button');
-        } else if (el?.parentElement?.classList.contains('optional-field-content')) {
-            button = el.parentElement.previousElementSibling;
-        }
-        const state = button?.classList.contains('text-success');
-        return {
-            button,
-            state
-        };
-    }
-
-    function toggleSearchItem(searchItem, toggleMode) {
-        const searchResultItem = searchItem.querySelector('li.search-result.selected-result.active');
-        if (!searchResultItem) return;
-
-        const {
-            urlNode,
-            url,
-            id,
-            data,
-            nameNode,
-            name,
-            queryInput,
-            performerNodes
-        } = stash.parseSearchItem(searchItem);
-
-        const {
-            remoteUrlNode,
-            remoteId,
-            remoteUrl,
-            remoteData,
-            urlNode: matchUrlNode,
-            detailsNode,
-            imageNode,
-            titleNode,
-            codeNode,
-            dateNode,
-            studioNode,
-            performerNodes: matchPerformerNodes,
-            matches
-        } = stash.parseSearchResultItem(searchResultItem);
-
-        const studioMatchNode = matches.find(o => o.matchType === 'studio')?.matchNode;
-        const performerMatchNodes = matches.filter(o => o.matchType === 'performer').map(o => o.matchNode);
-
-        const includeTitle = document.getElementById('result-toggle-title').checked;
-        const includeCode = document.getElementById('result-toggle-code').checked;
-        const includeDate = document.getElementById('result-toggle-date').checked;
-        const includeCover = document.getElementById('result-toggle-cover').checked;
-        const includeStashID = document.getElementById('result-toggle-stashid').checked;
-        const includeURL = document.getElementById('result-toggle-url').checked;
-        const includeDetails = document.getElementById('result-toggle-details').checked;
-        const includeStudio = document.getElementById('result-toggle-studio').checked;
-        const includePerformers = document.getElementById('result-toggle-performers').checked;
-
-        let options = [];
-
-        options.push(['title', includeTitle, titleNode, resolveToggle(titleNode)]);
-        options.push(['code', includeCode, codeNode, resolveToggle(codeNode)]);
-        options.push(['date', includeDate, dateNode, resolveToggle(dateNode)]);
-        options.push(['cover', includeCover, imageNode, resolveToggle(imageNode)]);
-        options.push(['stashid', includeStashID, remoteUrlNode, resolveToggle(remoteUrlNode)]);
-        options.push(['url', includeURL, matchUrlNode, resolveToggle(matchUrlNode)]);
-        options.push(['details', includeDetails, detailsNode, resolveToggle(detailsNode)]);
-        options.push(['studio', includeStudio, studioMatchNode, resolveToggle(studioMatchNode)]);
-        options = options.concat(performerMatchNodes.map(o => ['performer', includePerformers, o, resolveToggle(o)]));
-
-        for (const [optionType, optionValue, optionNode, {
-                button,
-                state
-            }] of options) {
-            let wantedState = optionValue;
-            if (toggleMode === 1) {
-                wantedState = true;
-            } else if (toggleMode === -1) {
-                wantedState = false;
-            }
-            if (optionNode && wantedState !== state) {
-                button.click();
-            }
-        }
-    }
-
-    function run() {
-        if (!running) return;
-        const button = buttons.pop();
-        stash.setProgress((maxCount - buttons.length) / maxCount * 100);
-        if (button) {
-            const searchItem = getClosestAncestor(button, '.search-item');
-            let toggleMode = 0;
-            if (btn === btnOn) {
-                toggleMode = 1;
-            } else if (btn === btnOff) {
-                toggleMode = -1;
-            } else if (btn === btnMixed) {
-                toggleMode = 0;
-            }
-            toggleSearchItem(searchItem, toggleMode);
-            setTimeout(run, 0);
-        } else {
-            stop();
-        }
-    }
-
-    const btnGroup = document.createElement('div');
-    const btnGroupId = 'batch-result-toggle';
-    btnGroup.setAttribute('id', btnGroupId);
-    btnGroup.classList.add('btn-group', 'ml-3');
-
-    const checkLabel = '<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check" class="svg-inline--fa fa-check fa-w-16 fa-icon fa-fw" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg>';
-    const timesLabel = '<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="times" class="svg-inline--fa fa-times fa-w-11 fa-icon fa-fw" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512"><path fill="currentColor" d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"></path></svg>';
-    const startLabel = '<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="circle" class="svg-inline--fa fa-circle fa-w-16 fa-icon fa-fw" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256zM256 48C141.1 48 48 141.1 48 256C48 370.9 141.1 464 256 464C370.9 464 464 370.9 464 256C464 141.1 370.9 48 256 48z"/></svg>';
-    let btn;
-
-    const btnOffId = 'batch-result-toggle-off';
-    const btnOff = document.createElement("button");
-    btnOff.setAttribute("id", btnOffId);
-    btnOff.title = 'Result Toggle All Off';
-    btnOff.classList.add('btn', 'btn-primary');
-    btnOff.innerHTML = timesLabel;
-    btnOff.onclick = () => {
-        if (running) {
-            stop();
-        } else {
-            btn = btnOff;
-            start();
-        }
-    };
-    btnGroup.appendChild(btnOff);
-
-    const btnMixedId = 'batch-result-toggle-mixed';
-    const btnMixed = document.createElement("button");
-    btnMixed.setAttribute("id", btnMixedId);
-    btnMixed.title = 'Result Toggle All';
-    btnMixed.classList.add('btn', 'btn-primary');
-    btnMixed.innerHTML = startLabel;
-    btnMixed.onclick = () => {
-        if (running) {
-            stop();
-        } else {
-            btn = btnMixed;
-            start();
-        }
-    };
-    btnGroup.appendChild(btnMixed);
-
-    const btnOnId = 'batch-result-toggle-on';
-    const btnOn = document.createElement("button");
-    btnOn.setAttribute("id", btnOnId);
-    btnOn.title = 'Result Toggle All On';
-    btnOn.classList.add('btn', 'btn-primary');
-    btnOn.innerHTML = checkLabel;
-    btnOn.onclick = () => {
-        if (running) {
-            stop();
-        } else {
-            btn = btnOn;
-            start();
-        }
-    };
-    btnGroup.appendChild(btnOn);
-
-    function start() {
-        // btn.innerHTML = stopLabel;
-        btn.classList.remove('btn-primary');
-        btn.classList.add('btn-danger');
-        btnMixed.disabled = true;
-        btnOn.disabled = true;
-        btnOff.disabled = true;
-        btn.disabled = false;
-        running = true;
-        stash.setProgress(0);
-        buttons.length = 0;
-        for (const button of document.querySelectorAll('.btn.btn-primary')) {
-            if (button.innerText === 'Search') {
-                buttons.push(button);
-            }
-        }
-        maxCount = buttons.length;
-        run();
-    }
-
-    function stop() {
-        // btn.innerHTML = startLabel;
-        btn.classList.remove('btn-danger');
-        btn.classList.add('btn-primary');
-        running = false;
-        stash.setProgress(0);
-        btnMixed.disabled = false;
-        btnOn.disabled = false;
-        btnOff.disabled = false;
-    }
-
-    stash.addEventListener('tagger:mutations:header', evt => {
-        const el = getElementByXpath("//button[text()='Scrape All']");
-        if (el && !document.getElementById(btnGroupId)) {
-            const container = el.parentElement;
-            container.appendChild(btnGroup);
-            sortElementChildren(container);
-            el.classList.add('ml-3');
-        }
-    });
-
-    const resultToggleConfigId = 'result-toggle-config';
-
-    stash.addEventListener('tagger:configuration', evt => {
-        const el = evt.detail;
-        if (!document.getElementById(resultToggleConfigId)) {
-            const configContainer = el.parentElement;
-            const resultToggleConfig = createElementFromHTML(`
-<div id="${resultToggleConfigId}" class="col-md-6 mt-4">
-<h5>Result Toggle ${startLabel} Configuration</h5>
-<div class="row">
-    <div class="align-items-center form-group col-md-6">
-        <div class="form-check">
-            <input type="checkbox" id="result-toggle-title" class="form-check-input" data-default="true">
-            <label title="" for="result-toggle-title" class="form-check-label">Title</label>
-        </div>
-    </div>
-    <div class="align-items-center form-group col-md-6">
-        <div class="form-check">
-            <input type="checkbox" id="result-toggle-code" class="form-check-input" data-default="true">
-            <label title="" for="result-toggle-code" class="form-check-label">Code</label>
-        </div>
-    </div>
-    <div class="align-items-center form-group col-md-6">
-        <div class="form-check">
-            <input type="checkbox" id="result-toggle-date" class="form-check-input" data-default="true">
-            <label title="" for="result-toggle-date" class="form-check-label">Date</label>
-        </div>
-    </div>
-    <div class="align-items-center form-group col-md-6">
-        <div class="form-check">
-            <input type="checkbox" id="result-toggle-cover" class="form-check-input" data-default="true">
-            <label title="" for="result-toggle-cover" class="form-check-label">Cover</label>
-        </div>
-    </div>
-    <div class="align-items-center form-group col-md-6">
-        <div class="form-check">
-            <input type="checkbox" id="result-toggle-stashid" class="form-check-input" data-default="true">
-            <label title="" for="result-toggle-stashid" class="form-check-label">Stash ID</label>
-        </div>
-    </div>
-    <div class="align-items-center form-group col-md-6">
-        <div class="form-check">
-            <input type="checkbox" id="result-toggle-url" class="form-check-input" data-default="true">
-            <label title="" for="result-toggle-url" class="form-check-label">URL</label>
-        </div>
-    </div>
-    <div class="align-items-center form-group col-md-6">
-        <div class="form-check">
-            <input type="checkbox" id="result-toggle-details" class="form-check-input" data-default="true">
-            <label title="" for="result-toggle-details" class="form-check-label">Details</label>
-        </div>
-    </div>
-    <div class="align-items-center form-group col-md-6">
-        <div class="form-check">
-            <input type="checkbox" id="result-toggle-studio" class="form-check-input" data-default="true">
-            <label title="" for="result-toggle-studio" class="form-check-label">Studio</label>
-        </div>
-    </div>
-    <div class="align-items-center form-group col-md-6">
-        <div class="form-check">
-            <input type="checkbox" id="result-toggle-performers" class="form-check-input" data-default="true">
-            <label title="" for="result-toggle-performers" class="form-check-label">Performers</label>
-        </div>
-    </div>
-</div>
-</div>
-            `);
-            configContainer.appendChild(resultToggleConfig);
-            loadSettings();
-        }
-    });
-
-    async function loadSettings() {
-        for (const input of document.querySelectorAll(`#${resultToggleConfigId} input`)) {
-            input.checked = await sessionStorage.getItem(input.id, input.dataset.default === 'true');
-            input.addEventListener('change', async () => {
-                await sessionStorage.setItem(input.id, input.checked);
-            });
-        }
-    }
-
-    stash.addEventListener('tagger:mutation:add:remoteperformer', evt => toggleSearchItem(getClosestAncestor(evt.detail.node, '.search-item'), 0));
-    stash.addEventListener('tagger:mutation:add:remotestudio', evt => toggleSearchItem(getClosestAncestor(evt.detail.node, '.search-item'), 0));
-    stash.addEventListener('tagger:mutation:add:local', evt => toggleSearchItem(getClosestAncestor(evt.detail.node, '.search-item'), 0));
-    stash.addEventListener('tagger:mutation:add:container', evt => toggleSearchItem(getClosestAncestor(evt.detail.node, '.search-item'), 0));
-    stash.addEventListener('tagger:mutation:add:subcontainer', evt => toggleSearchItem(getClosestAncestor(evt.detail.node, '.search-item'), 0));
-
-    function checkSaveButtonDisplay() {
-        const taggerContainer = document.querySelector('.tagger-container');
-        const saveButton = getElementByXpath("//button[text()='Save']", taggerContainer);
-        btnGroup.style.display = saveButton ? 'inline-block' : 'none';
-    }
-
-    stash.addEventListener('tagger:mutations:searchitems', checkSaveButtonDisplay);
-})();
+(function () {
+  let running = false;
+  const buttons = [];
+  let maxCount = 0;
+
+  function resolveToggle(el) {
+    let button = null;
+    if (el?.classList.contains("optional-field-content")) {
+      button = el.previousElementSibling;
+    } else if (el?.tagName === "SPAN" && el?.classList.contains("ml-auto")) {
+      button = el.querySelector(".optional-field button");
+    } else if (
+      el?.parentElement?.classList.contains("optional-field-content")
+    ) {
+      button = el.parentElement.previousElementSibling;
+    }
+    const state = button?.classList.contains("text-success");
+    return {
+      button,
+      state,
+    };
+  }
+
+  function toggleSearchItem(searchItem, toggleMode) {
+    const searchResultItem = searchItem.querySelector(
+      "li.search-result.selected-result.active",
+    );
+    if (!searchResultItem) return;
+
+    const {
+      urlNode,
+      url,
+      id,
+      data,
+      nameNode,
+      name,
+      queryInput,
+      performerNodes,
+    } = stash.parseSearchItem(searchItem);
+
+    const {
+      remoteUrlNode,
+      remoteId,
+      remoteUrl,
+      remoteData,
+      urlNode: matchUrlNode,
+      detailsNode,
+      imageNode,
+      titleNode,
+      codeNode,
+      dateNode,
+      studioNode,
+      performerNodes: matchPerformerNodes,
+      matches,
+    } = stash.parseSearchResultItem(searchResultItem);
+
+    const studioMatchNode = matches.find(
+      (o) => o.matchType === "studio",
+    )?.matchNode;
+    const performerMatchNodes = matches
+      .filter((o) => o.matchType === "performer")
+      .map((o) => o.matchNode);
+
+    const includeTitle = document.getElementById("result-toggle-title").checked;
+    const includeCode = document.getElementById("result-toggle-code").checked;
+    const includeDate = document.getElementById("result-toggle-date").checked;
+    const includeCover = document.getElementById("result-toggle-cover").checked;
+    const includeStashID = document.getElementById(
+      "result-toggle-stashid",
+    ).checked;
+    const includeURL = document.getElementById("result-toggle-url").checked;
+    const includeDetails = document.getElementById(
+      "result-toggle-details",
+    ).checked;
+    const includeStudio = document.getElementById(
+      "result-toggle-studio",
+    ).checked;
+    const includePerformers = document.getElementById(
+      "result-toggle-performers",
+    ).checked;
+
+    let options = [];
+
+    options.push(["title", includeTitle, titleNode, resolveToggle(titleNode)]);
+    options.push(["code", includeCode, codeNode, resolveToggle(codeNode)]);
+    options.push(["date", includeDate, dateNode, resolveToggle(dateNode)]);
+    options.push(["cover", includeCover, imageNode, resolveToggle(imageNode)]);
+    options.push([
+      "stashid",
+      includeStashID,
+      remoteUrlNode,
+      resolveToggle(remoteUrlNode),
+    ]);
+    options.push([
+      "url",
+      includeURL,
+      matchUrlNode,
+      resolveToggle(matchUrlNode),
+    ]);
+    options.push([
+      "details",
+      includeDetails,
+      detailsNode,
+      resolveToggle(detailsNode),
+    ]);
+    options.push([
+      "studio",
+      includeStudio,
+      studioMatchNode,
+      resolveToggle(studioMatchNode),
+    ]);
+    options = options.concat(
+      performerMatchNodes.map((o) => [
+        "performer",
+        includePerformers,
+        o,
+        resolveToggle(o),
+      ]),
+    );
+
+    for (const [
+      optionType,
+      optionValue,
+      optionNode,
+      { button, state },
+    ] of options) {
+      let wantedState = optionValue;
+      if (toggleMode === 1) {
+        wantedState = true;
+      } else if (toggleMode === -1) {
+        wantedState = false;
+      }
+      if (optionNode && wantedState !== state) {
+        button.click();
+      }
+    }
+  }
+
+  function run() {
+    if (!running) return;
+    const button = buttons.pop();
+    stash.setProgress(((maxCount - buttons.length) / maxCount) * 100);
+    if (button) {
+      const searchItem = getClosestAncestor(button, ".search-item");
+      let toggleMode = 0;
+      if (btn === btnOn) {
+        toggleMode = 1;
+      } else if (btn === btnOff) {
+        toggleMode = -1;
+      } else if (btn === btnMixed) {
+        toggleMode = 0;
+      }
+      toggleSearchItem(searchItem, toggleMode);
+      setTimeout(run, 0);
+    } else {
+      stop();
+    }
+  }
+
+  const btnGroup = document.createElement("div");
+  const btnGroupId = "batch-result-toggle";
+  btnGroup.setAttribute("id", btnGroupId);
+  btnGroup.classList.add("btn-group", "ml-3");
+
+  const checkLabel =
+    '<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check" class="svg-inline--fa fa-check fa-w-16 fa-icon fa-fw" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg>';
+  const timesLabel =
+    '<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="times" class="svg-inline--fa fa-times fa-w-11 fa-icon fa-fw" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512"><path fill="currentColor" d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"></path></svg>';
+  const startLabel =
+    '<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="circle" class="svg-inline--fa fa-circle fa-w-16 fa-icon fa-fw" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256zM256 48C141.1 48 48 141.1 48 256C48 370.9 141.1 464 256 464C370.9 464 464 370.9 464 256C464 141.1 370.9 48 256 48z"/></svg>';
+  let btn;
+
+  const btnOffId = "batch-result-toggle-off";
+  const btnOff = document.createElement("button");
+  btnOff.setAttribute("id", btnOffId);
+  btnOff.title = "Result Toggle All Off";
+  btnOff.classList.add("btn", "btn-primary");
+  btnOff.innerHTML = timesLabel;
+  btnOff.onclick = () => {
+    if (running) {
+      stop();
+    } else {
+      btn = btnOff;
+      start();
+    }
+  };
+  btnGroup.appendChild(btnOff);
+
+  const btnMixedId = "batch-result-toggle-mixed";
+  const btnMixed = document.createElement("button");
+  btnMixed.setAttribute("id", btnMixedId);
+  btnMixed.title = "Result Toggle All";
+  btnMixed.classList.add("btn", "btn-primary");
+  btnMixed.innerHTML = startLabel;
+  btnMixed.onclick = () => {
+    if (running) {
+      stop();
+    } else {
+      btn = btnMixed;
+      start();
+    }
+  };
+  btnGroup.appendChild(btnMixed);
+
+  const btnOnId = "batch-result-toggle-on";
+  const btnOn = document.createElement("button");
+  btnOn.setAttribute("id", btnOnId);
+  btnOn.title = "Result Toggle All On";
+  btnOn.classList.add("btn", "btn-primary");
+  btnOn.innerHTML = checkLabel;
+  btnOn.onclick = () => {
+    if (running) {
+      stop();
+    } else {
+      btn = btnOn;
+      start();
+    }
+  };
+  btnGroup.appendChild(btnOn);
+
+  function start() {
+    // btn.innerHTML = stopLabel;
+    btn.classList.remove("btn-primary");
+    btn.classList.add("btn-danger");
+    btnMixed.disabled = true;
+    btnOn.disabled = true;
+    btnOff.disabled = true;
+    btn.disabled = false;
+    running = true;
+    stash.setProgress(0);
+    buttons.length = 0;
+    for (const button of document.querySelectorAll(".btn.btn-primary")) {
+      if (button.innerText === "Search") {
+        buttons.push(button);
+      }
+    }
+    maxCount = buttons.length;
+    run();
+  }
+
+  function stop() {
+    // btn.innerHTML = startLabel;
+    btn.classList.remove("btn-danger");
+    btn.classList.add("btn-primary");
+    running = false;
+    stash.setProgress(0);
+    btnMixed.disabled = false;
+    btnOn.disabled = false;
+    btnOff.disabled = false;
+  }
+
+  stash.addEventListener("tagger:mutations:header", (evt) => {
+    const el = getElementByXpath("//button[text()='Scrape All']");
+    if (el && !document.getElementById(btnGroupId)) {
+      const container = el.parentElement;
+      container.appendChild(btnGroup);
+      sortElementChildren(container);
+      el.classList.add("ml-3");
+    }
+  });
+
+  const resultToggleConfigId = "result-toggle-config";
+
+  stash.addEventListener("tagger:configuration", (evt) => {
+    const el = evt.detail;
+    if (!document.getElementById(resultToggleConfigId)) {
+      const configContainer = el.parentElement;
+      const resultToggleConfig = createElementFromHTML(`
+<div id="${resultToggleConfigId}" class="col-md-6 mt-4">
+<h5>Result Toggle ${startLabel} Configuration</h5>
+<div class="row">
+    <div class="align-items-center form-group col-md-6">
+        <div class="form-check">
+            <input type="checkbox" id="result-toggle-title" class="form-check-input" data-default="true">
+            <label title="" for="result-toggle-title" class="form-check-label">Title</label>
+        </div>
+    </div>
+    <div class="align-items-center form-group col-md-6">
+        <div class="form-check">
+            <input type="checkbox" id="result-toggle-code" class="form-check-input" data-default="true">
+            <label title="" for="result-toggle-code" class="form-check-label">Code</label>
+        </div>
+    </div>
+    <div class="align-items-center form-group col-md-6">
+        <div class="form-check">
+            <input type="checkbox" id="result-toggle-date" class="form-check-input" data-default="true">
+            <label title="" for="result-toggle-date" class="form-check-label">Date</label>
+        </div>
+    </div>
+    <div class="align-items-center form-group col-md-6">
+        <div class="form-check">
+            <input type="checkbox" id="result-toggle-cover" class="form-check-input" data-default="true">
+            <label title="" for="result-toggle-cover" class="form-check-label">Cover</label>
+        </div>
+    </div>
+    <div class="align-items-center form-group col-md-6">
+        <div class="form-check">
+            <input type="checkbox" id="result-toggle-stashid" class="form-check-input" data-default="true">
+            <label title="" for="result-toggle-stashid" class="form-check-label">Stash ID</label>
+        </div>
+    </div>
+    <div class="align-items-center form-group col-md-6">
+        <div class="form-check">
+            <input type="checkbox" id="result-toggle-url" class="form-check-input" data-default="true">
+            <label title="" for="result-toggle-url" class="form-check-label">URL</label>
+        </div>
+    </div>
+    <div class="align-items-center form-group col-md-6">
+        <div class="form-check">
+            <input type="checkbox" id="result-toggle-details" class="form-check-input" data-default="true">
+            <label title="" for="result-toggle-details" class="form-check-label">Details</label>
+        </div>
+    </div>
+    <div class="align-items-center form-group col-md-6">
+        <div class="form-check">
+            <input type="checkbox" id="result-toggle-studio" class="form-check-input" data-default="true">
+            <label title="" for="result-toggle-studio" class="form-check-label">Studio</label>
+        </div>
+    </div>
+    <div class="align-items-center form-group col-md-6">
+        <div class="form-check">
+            <input type="checkbox" id="result-toggle-performers" class="form-check-input" data-default="true">
+            <label title="" for="result-toggle-performers" class="form-check-label">Performers</label>
+        </div>
+    </div>
+</div>
+</div>
+            `);
+      configContainer.appendChild(resultToggleConfig);
+      loadSettings();
+    }
+  });
+
+  async function loadSettings() {
+    for (const input of document.querySelectorAll(
+      `#${resultToggleConfigId} input`,
+    )) {
+      input.checked = await sessionStorage.getItem(
+        input.id,
+        input.dataset.default === "true",
+      );
+      input.addEventListener("change", async () => {
+        await sessionStorage.setItem(input.id, input.checked);
+      });
+    }
+  }
+
+  stash.addEventListener("tagger:mutation:add:remoteperformer", (evt) =>
+    toggleSearchItem(getClosestAncestor(evt.detail.node, ".search-item"), 0),
+  );
+  stash.addEventListener("tagger:mutation:add:remotestudio", (evt) =>
+    toggleSearchItem(getClosestAncestor(evt.detail.node, ".search-item"), 0),
+  );
+  stash.addEventListener("tagger:mutation:add:local", (evt) =>
+    toggleSearchItem(getClosestAncestor(evt.detail.node, ".search-item"), 0),
+  );
+  stash.addEventListener("tagger:mutation:add:container", (evt) =>
+    toggleSearchItem(getClosestAncestor(evt.detail.node, ".search-item"), 0),
+  );
+  stash.addEventListener("tagger:mutation:add:subcontainer", (evt) =>
+    toggleSearchItem(getClosestAncestor(evt.detail.node, ".search-item"), 0),
+  );
+
+  function checkSaveButtonDisplay() {
+    const taggerContainer = document.querySelector(".tagger-container");
+    const saveButton = getElementByXpath(
+      "//button[text()='Save']",
+      taggerContainer,
+    );
+    btnGroup.style.display = saveButton ? "inline-block" : "none";
+  }
+
+  stash.addEventListener(
+    "tagger:mutations:searchitems",
+    checkSaveButtonDisplay,
+  );
+})();
diff --git a/plugins/StashBatchResultToggle/stashBatchResultToggle.yml b/plugins/StashBatchResultToggle/stashBatchResultToggle.yml
index a07558f7..1277243c 100644
--- a/plugins/StashBatchResultToggle/stashBatchResultToggle.yml
+++ b/plugins/StashBatchResultToggle/stashBatchResultToggle.yml
@@ -1,9 +1,9 @@
-name: Stash Batch Result Toggle.
-# requires: StashUserscriptLibrary
-description: In Scene Tagger, adds button to toggle all stashdb scene match result fields. Saves clicks when you only want to save a few metadata fields. Instead of turning off every field, you batch toggle them off, then toggle on the ones you want
-version: 1.0
-ui:
-  requires: 
-  - StashUserscriptLibrary
-  javascript:
-  - stashBatchResultToggle.js
+name: Stash Batch Result Toggle.
+# requires: StashUserscriptLibrary
+description: In Scene Tagger, adds button to toggle all stashdb scene match result fields. Saves clicks when you only want to save a few metadata fields. Instead of turning off every field, you batch toggle them off, then toggle on the ones you want
+version: 1.0
+ui:
+  requires:
+    - StashUserscriptLibrary
+  javascript:
+    - stashBatchResultToggle.js
diff --git a/plugins/TPBDMarkers/TPDBMarkers.yml b/plugins/TPBDMarkers/TPDBMarkers.yml
index 4d7cb8b2..68d90185 100644
--- a/plugins/TPBDMarkers/TPDBMarkers.yml
+++ b/plugins/TPBDMarkers/TPDBMarkers.yml
@@ -13,7 +13,7 @@ hooks:
       - Scene.Update.Post
 
 tasks:
-  - name: 'Sync'
+  - name: "Sync"
     description: Get markers for all scenes with a stashid from metadataapi.net and no markers
     defaultArgs:
       mode: processScene
diff --git a/plugins/TPBDMarkers/tpdbMarkers.py b/plugins/TPBDMarkers/tpdbMarkers.py
index fcae0ccb..800cd7dd 100644
--- a/plugins/TPBDMarkers/tpdbMarkers.py
+++ b/plugins/TPBDMarkers/tpdbMarkers.py
@@ -12,44 +12,81 @@
 
 
 def processScene(scene):
-    for sid in scene['stash_ids']:
-        if sid['endpoint'] == 'https://metadataapi.net/graphql':
-            log.debug('Scene has a TPDB stash id, looking up %s ' % (sid['stash_id'],))
-            res=request_s.get('https://api.metadataapi.net/scenes/%s' % (sid['stash_id'],))
-            if res.status_code==200:
-                if 'data' in res.json():
-                    data=res.json()['data']
+    for sid in scene["stash_ids"]:
+        if sid["endpoint"] == "https://metadataapi.net/graphql":
+            log.debug("Scene has a TPDB stash id, looking up %s " % (sid["stash_id"],))
+            res = request_s.get(
+                "https://api.metadataapi.net/scenes/%s" % (sid["stash_id"],)
+            )
+            if res.status_code == 200:
+                if "data" in res.json():
+                    data = res.json()["data"]
                     markers = []
-                    for m in data['markers']:
+                    for m in data["markers"]:
                         log.debug(m)
-                        marker={
-                            'title' : m['title'],
-                            'primary_tag' : m["title"],
-                            'tags': [],
-                            'seconds':m['start_time'],
+                        marker = {
+                            "title": m["title"],
+                            "primary_tag": m["title"],
+                            "tags": [],
+                            "seconds": m["start_time"],
                         }
                         markers.append(marker)
 
                     if len(markers) > 0:
-                        log.info('Saving markers')
-                        mp.import_scene_markers(stash, markers, scene['id'], 15)
-#            log.debug(res.content)
+                        log.info("Saving markers")
+                        mp.import_scene_markers(stash, markers, scene["id"], 15)
+
 
+#            log.debug(res.content)
 
 
 def processAll():
-    log.info('Getting scene count')
-    skip_sync_tag_id = stash.find_tag('[TPDB: Skip Marker]', create=True).get("id")
-    count=stash.find_scenes(f={"stash_id_endpoint": { "endpoint": "https://metadataapi.net/graphql", "modifier": "NOT_NULL", "stash_id": ""},"has_markers":"false","tags":{"depth":0,"excludes":[skip_sync_tag_id],"modifier":"INCLUDES_ALL","value":[]}},filter={"per_page": 1},get_count=True)[0]
-    log.info(str(count)+' scenes to submit.')
-    i=0
-    for r in range(1,int(count/per_page)+1):
-        log.info('fetching data: %s - %s %0.1f%%' % ((r - 1) * per_page,r * per_page,(i/count)*100,))
-        scenes=stash.find_scenes(f={"stash_id_endpoint": { "endpoint": "https://metadataapi.net/graphql", "modifier": "NOT_NULL", "stash_id": ""},"has_markers":"false"},filter={"page":r,"per_page": per_page})
+    log.info("Getting scene count")
+    skip_sync_tag_id = stash.find_tag("[TPDB: Skip Marker]", create=True).get("id")
+    count = stash.find_scenes(
+        f={
+            "stash_id_endpoint": {
+                "endpoint": "https://metadataapi.net/graphql",
+                "modifier": "NOT_NULL",
+                "stash_id": "",
+            },
+            "has_markers": "false",
+            "tags": {
+                "depth": 0,
+                "excludes": [skip_sync_tag_id],
+                "modifier": "INCLUDES_ALL",
+                "value": [],
+            },
+        },
+        filter={"per_page": 1},
+        get_count=True,
+    )[0]
+    log.info(str(count) + " scenes to submit.")
+    i = 0
+    for r in range(1, int(count / per_page) + 1):
+        log.info(
+            "fetching data: %s - %s %0.1f%%"
+            % (
+                (r - 1) * per_page,
+                r * per_page,
+                (i / count) * 100,
+            )
+        )
+        scenes = stash.find_scenes(
+            f={
+                "stash_id_endpoint": {
+                    "endpoint": "https://metadataapi.net/graphql",
+                    "modifier": "NOT_NULL",
+                    "stash_id": "",
+                },
+                "has_markers": "false",
+            },
+            filter={"page": r, "per_page": per_page},
+        )
         for s in scenes:
             processScene(s)
-            i=i+1
-            log.progress((i/count))
+            i = i + 1
+            log.progress((i / count))
             time.sleep(1)
 
 
@@ -59,20 +96,22 @@ def processAll():
 stash = StashInterface(FRAGMENT_SERVER)
 
 # Set up the auth token for tpdb
-if 'https://metadataapi.net/graphql' in [x['endpoint'] for x in stash.get_configuration()['general']['stashBoxes']]:
-    for x in stash.get_configuration()['general']['stashBoxes']:
-        if x['endpoint'] == 'https://metadataapi.net/graphql':
-            request_s.headers['Authorization']='Bearer %s' % (x['api_key'],)
+if "https://metadataapi.net/graphql" in [
+    x["endpoint"] for x in stash.get_configuration()["general"]["stashBoxes"]
+]:
+    for x in stash.get_configuration()["general"]["stashBoxes"]:
+        if x["endpoint"] == "https://metadataapi.net/graphql":
+            request_s.headers["Authorization"] = "Bearer %s" % (x["api_key"],)
 
-    if 'mode' in json_input['args']:
-        PLUGIN_ARGS = json_input['args']["mode"]
-        if 'processScene' in PLUGIN_ARGS:
+    if "mode" in json_input["args"]:
+        PLUGIN_ARGS = json_input["args"]["mode"]
+        if "processScene" in PLUGIN_ARGS:
             processAll()
-    elif 'hookContext' in json_input['args']:
-        id = json_input['args']['hookContext']['id']
-        if json_input['args']['hookContext']['type'] == 'Scene.Update.Post':
+    elif "hookContext" in json_input["args"]:
+        id = json_input["args"]["hookContext"]["id"]
+        if json_input["args"]["hookContext"]["type"] == "Scene.Update.Post":
             scene = stash.find_scene(id)
             processScene(scene)
 
 else:
-    log.warning('The Porn DB endpoint not configured')
\ No newline at end of file
+    log.warning("The Porn DB endpoint not configured")
diff --git a/plugins/comicInfoExtractor/comicInfoExtractor.py b/plugins/comicInfoExtractor/comicInfoExtractor.py
index 1fda7f1c..c3e21a64 100644
--- a/plugins/comicInfoExtractor/comicInfoExtractor.py
+++ b/plugins/comicInfoExtractor/comicInfoExtractor.py
@@ -10,22 +10,26 @@
 
 per_page = 100
 
+
 def processGallery(g):
-    #Read ComicInfo.xml File
+    # Read ComicInfo.xml File
     if len(g["files"]) == 0:
         log.info(g["id"] + " is not an archive. No scanning for Comic Metadata.")
         return
     comicInfo = False
-    with zipfile.ZipFile(g["files"][0]["path"], 'r') as archive:
+    with zipfile.ZipFile(g["files"][0]["path"], "r") as archive:
         archivecontent = [x.lower() for x in archive.namelist()]
         for archivefile in archivecontent:
             if archivefile.lower() == "comicinfo.xml":
                 comicInfo = ET.fromstring(archive.read("ComicInfo.xml"))
     if not comicInfo:
-        log.info(g["files"][0]["path"] + " does not contain a ComicInfo.xml file. No scan will be triggered.")
+        log.info(
+            g["files"][0]["path"]
+            + " does not contain a ComicInfo.xml file. No scan will be triggered."
+        )
         return
 
-    #Adjust names for giving ids
+    # Adjust names for giving ids
     for key in ImportList.keys():
         if ImportList[key] == "tags":
             ImportList[key] = "tag_ids"
@@ -34,7 +38,7 @@ def processGallery(g):
         if ImportList[key] == "studio":
             ImportList[key] = "studio_id"
 
-    #Get Metadata from ComicInfo.xml
+    # Get Metadata from ComicInfo.xml
     galleryData = {"id": g["id"]}
     for item in ImportList.keys():
         value = comicInfo.find(item)
@@ -45,11 +49,21 @@ def processGallery(g):
     if pageData:
         for page in pageData:
             if page.get("Bookmark"):
-                chapterData.append({"image_index": int(page.get("Image")) + 1, "title": page.get("Bookmark")})
+                chapterData.append(
+                    {
+                        "image_index": int(page.get("Image")) + 1,
+                        "title": page.get("Bookmark"),
+                    }
+                )
             if page.get("Type"):
-                chapterData.append({"image_index": int(page.get("Image")) + 1, "title": page.get("Type")})
+                chapterData.append(
+                    {
+                        "image_index": int(page.get("Image")) + 1,
+                        "title": page.get("Type"),
+                    }
+                )
 
-    #Adjust the retrieved data if necessary
+    # Adjust the retrieved data if necessary
     for data in galleryData.keys():
         if data in ["tag_ids", "performer_ids"]:
             galleryData[data] = [x.strip() for x in galleryData[data].split(",")]
@@ -72,53 +86,65 @@ def processGallery(g):
         if data == "rating100":
             galleryData[data] = int(galleryData[data])
 
-    #Add Chapter if it does not exist and finally update Gallery Metadata
+    # Add Chapter if it does not exist and finally update Gallery Metadata
     for chapter in chapterData:
         addChapter = True
         for existingChapter in g["chapters"]:
-            if existingChapter["title"] == chapter["title"] and existingChapter["image_index"]  == chapter["image_index"]:
+            if (
+                existingChapter["title"] == chapter["title"]
+                and existingChapter["image_index"] == chapter["image_index"]
+            ):
                 addChapter = False
         if addChapter:
-            stash.create_gallery_chapter({"title": chapter["title"], "image_index": chapter["image_index"], "gallery_id": g["id"]})
+            stash.create_gallery_chapter(
+                {
+                    "title": chapter["title"],
+                    "image_index": chapter["image_index"],
+                    "gallery_id": g["id"],
+                }
+            )
     stash.update_gallery(galleryData)
 
 
-
 def processAll():
-    log.info('Getting gallery count')
-    count=stash.find_galleries(f={},filter={"per_page": 1},get_count=True)[0]
-    log.info(str(count)+' galleries to scan.')
-    for r in range(1,int(count/per_page)+1):
-        log.info('processing '+str(r*per_page)+ ' - '+str(count))
-        galleries=stash.find_galleries(f={},filter={"page":r,"per_page": per_page})
+    log.info("Getting gallery count")
+    count = stash.find_galleries(f={}, filter={"per_page": 1}, get_count=True)[0]
+    log.info(str(count) + " galleries to scan.")
+    for r in range(1, int(count / per_page) + 1):
+        log.info("processing " + str(r * per_page) + " - " + str(count))
+        galleries = stash.find_galleries(f={}, filter={"page": r, "per_page": per_page})
         for g in galleries:
             processGallery(g)
 
 
-
-#Start of the Program
+# Start of the Program
 json_input = json.loads(sys.stdin.read())
 FRAGMENT_SERVER = json_input["server_connection"]
 stash = StashInterface(FRAGMENT_SERVER)
 
-#Load Config
-with open(os.path.join(os.path.dirname(os.path.abspath(__file__)), "config.yml"), "r") as f:
-  try:
-    config = yaml.safe_load(f)
-  except yaml.YAMLError as exc:
-    log.error("Could not load config.yml: " + str(exc))
-    sys.exit(1)
+# Load Config
+with open(
+    os.path.join(os.path.dirname(os.path.abspath(__file__)), "config.yml"), "r"
+) as f:
+    try:
+        config = yaml.safe_load(f)
+    except yaml.YAMLError as exc:
+        log.error("Could not load config.yml: " + str(exc))
+        sys.exit(1)
 try:
-    ImportList=config["ImportList"]
+    ImportList = config["ImportList"]
 except KeyError as key:
-    log.error(str(key) + " is not defined in config.yml, but is needed for this script to proceed")
+    log.error(
+        str(key)
+        + " is not defined in config.yml, but is needed for this script to proceed"
+    )
     sys.exit(1)
 
-if 'mode' in json_input['args']:
-    PLUGIN_ARGS = json_input['args']["mode"]
-    if 'process' in PLUGIN_ARGS:
+if "mode" in json_input["args"]:
+    PLUGIN_ARGS = json_input["args"]["mode"]
+    if "process" in PLUGIN_ARGS:
         processAll()
-elif 'hookContext' in json_input['args']:
-    id=json_input['args']['hookContext']['id']
-    gallery=stash.find_gallery(id)
+elif "hookContext" in json_input["args"]:
+    id = json_input["args"]["hookContext"]["id"]
+    gallery = stash.find_gallery(id)
     processGallery(gallery)
diff --git a/plugins/defaultDataForPath/defaultDataForPath.js b/plugins/defaultDataForPath/defaultDataForPath.js
index 27f79454..6e5709b3 100644
--- a/plugins/defaultDataForPath/defaultDataForPath.js
+++ b/plugins/defaultDataForPath/defaultDataForPath.js
@@ -1,209 +1,230 @@
 var jsonData = [
-    {
-        "name": "OPTIONAL NAME - NOT USED IN SCRIPT",
-        "paths": [
-            "C:\\Users\\UserName\\Desktop\\NOTPORN\\Brazzers",
-            "D:\\SecretStorage\\Porn\\Brazzers"
-        ],
-        "studio": "Brazzers",
-        "tags": [
-            "Default_Data_For_Path_Tagged"
-        ]
-    }
+  {
+    name: "OPTIONAL NAME - NOT USED IN SCRIPT",
+    paths: [
+      "C:\\Users\\UserName\\Desktop\\NOTPORN\\Brazzers",
+      "D:\\SecretStorage\\Porn\\Brazzers",
+    ],
+    studio: "Brazzers",
+    tags: ["Default_Data_For_Path_Tagged"],
+  },
 ];
 
 function ok() {
-    return {
-        output: "ok"
-    };
+  return {
+    output: "ok",
+  };
 }
 
 function main() {
-    var hookContext = input.Args.hookContext;
-    var type = hookContext.type;
-    var ID = hookContext.ID;
-
-    if (!type || !ID) {
-        // just return
-        return ok();
-    }
-
-    var itemPath;
-    var name = "";
-    if (type === 'Scene.Create.Post') {
-        itemPath = getScenePath(ID);
-        name = "scene"
-    } else if (type === 'Gallery.Create.Post') {
-        itemPath = getGalleryPath(ID);
-        name = "gallery"
-    } else if(type === 'Image.Create.Post') {
-        itemPath = getImagePath(ID);
-        name = "image"
-    }
-
-    var defaultData = getDefaultData(itemPath)
-
-    // create tags
-    var defaultTags = [];
-    for(var p=0; p<defaultData.length; p++) {
-        var tags = defaultData[p].tags;
-        if(tags) {
-            for(var t=0; t<tags.length; t++) {
-                var tag = tags[t]
-                if(stringNotAlreadyPresent(tag, defaultTags))
-                    defaultTags.push(tag)
-            }
-        }
+  var hookContext = input.Args.hookContext;
+  var type = hookContext.type;
+  var ID = hookContext.ID;
+
+  if (!type || !ID) {
+    // just return
+    return ok();
+  }
+
+  var itemPath;
+  var name = "";
+  if (type === "Scene.Create.Post") {
+    itemPath = getScenePath(ID);
+    name = "scene";
+  } else if (type === "Gallery.Create.Post") {
+    itemPath = getGalleryPath(ID);
+    name = "gallery";
+  } else if (type === "Image.Create.Post") {
+    itemPath = getImagePath(ID);
+    name = "image";
+  }
+
+  var defaultData = getDefaultData(itemPath);
+
+  // create tags
+  var defaultTags = [];
+  for (var p = 0; p < defaultData.length; p++) {
+    var tags = defaultData[p].tags;
+    if (tags) {
+      for (var t = 0; t < tags.length; t++) {
+        var tag = tags[t];
+        if (stringNotAlreadyPresent(tag, defaultTags)) defaultTags.push(tag);
+      }
     }
-
-    // create studio
-    var addStudio = false;
-    var defaultStudioId = null;
-    var defaultStudio;
-    for(var p=0; p<defaultData.length; p++) {
-        var studio = defaultData[p].studio;
-        if(studio) {
-            var studioId = getStudioId(studio)
-            if(studioId) {
-                defaultStudioId = studioId;
-                addStudio = true;
-                defaultStudio = studio;
-            }
-        }       
+  }
+
+  // create studio
+  var addStudio = false;
+  var defaultStudioId = null;
+  var defaultStudio;
+  for (var p = 0; p < defaultData.length; p++) {
+    var studio = defaultData[p].studio;
+    if (studio) {
+      var studioId = getStudioId(studio);
+      if (studioId) {
+        defaultStudioId = studioId;
+        addStudio = true;
+        defaultStudio = studio;
+      }
     }
-
-    // create performers
-    var defaultPerformers = [];
-    for(var p=0; p<defaultData.length; p++) {
-        var performers = defaultData[p].performers;
-        if(performers) {
-            for(var t=0; t<performers.length; t++) {
-                var performer = performers[t];
-                if(stringNotAlreadyPresent(performer, defaultPerformers))
-                    defaultPerformers.push(performer)
-            }
-        }
+  }
+
+  // create performers
+  var defaultPerformers = [];
+  for (var p = 0; p < defaultData.length; p++) {
+    var performers = defaultData[p].performers;
+    if (performers) {
+      for (var t = 0; t < performers.length; t++) {
+        var performer = performers[t];
+        if (stringNotAlreadyPresent(performer, defaultPerformers))
+          defaultPerformers.push(performer);
+      }
     }
-
-    // convert tags to tagIds
-    var addTags = false;
-    var defaultTagIds = [];
-    if(defaultTags) {
-        for(var i=defaultTags.length-1; i>=0; i--) {
-            var tagId = getTagId(defaultTags[i])
-            tagId ? defaultTagIds.push(tagId) : defaultTags.pop();
-        }
-        if(defaultTagIds && defaultTagIds.length != 0) {
-            addTags = true;
-        }
+  }
+
+  // convert tags to tagIds
+  var addTags = false;
+  var defaultTagIds = [];
+  if (defaultTags) {
+    for (var i = defaultTags.length - 1; i >= 0; i--) {
+      var tagId = getTagId(defaultTags[i]);
+      tagId ? defaultTagIds.push(tagId) : defaultTags.pop();
     }
-
-    // convert performers to performerIds
-    var addPerformers = false;
-    var defaultPerformerIds = [];
-    if(defaultPerformers) {
-        for(var i=defaultPerformers.length-1; i>=0; i--) {
-            var tagId = getPerformerId(defaultPerformers[i])
-            tagId ? defaultPerformerIds.push(tagId) : defaultPerformers.pop();
-        }
-        if(defaultPerformerIds && defaultPerformerIds.length != 0) {
-            addPerformers = true;
-        }
+    if (defaultTagIds && defaultTagIds.length != 0) {
+      addTags = true;
     }
-
-
-    // Apply all and log
-    var tags = addTags ? defaultTagIds : null;
-    var studio = addStudio ? defaultStudioId : null;
-    var performers = addPerformers ? defaultPerformerIds : null;
-
-    if (type === 'Scene.Create.Post') {
-        setSceneData(ID, tags, studio, performers)
-    } else if (type === 'Gallery.Create.Post') {
-        setGalleryData(ID, tags, studio, performers)
-    } else if(type === 'Image.Create.Post') {
-        setImageData(ID, tags, studio, performers)
+  }
+
+  // convert performers to performerIds
+  var addPerformers = false;
+  var defaultPerformerIds = [];
+  if (defaultPerformers) {
+    for (var i = defaultPerformers.length - 1; i >= 0; i--) {
+      var tagId = getPerformerId(defaultPerformers[i]);
+      tagId ? defaultPerformerIds.push(tagId) : defaultPerformers.pop();
     }
-    
-
-    for(var o=0;o<defaultTags.length;o++) {
-       log.Info("[DefaultDataForPath]: Added tag " + defaultTags[o] + " to " + name + " " + ID);
+    if (defaultPerformerIds && defaultPerformerIds.length != 0) {
+      addPerformers = true;
     }
-    for(var o=0;o<defaultPerformers.length;o++) {
-        log.Info("[DefaultDataForPath]: Added performer " + defaultPerformers[o] + " to " + name + " " + ID);
-     }
-    addStudio ? log.Info("[DefaultDataForPath]: Added studio " + defaultStudio + " to " + name + " " + ID) : "";
-    
+  }
+
+  // Apply all and log
+  var tags = addTags ? defaultTagIds : null;
+  var studio = addStudio ? defaultStudioId : null;
+  var performers = addPerformers ? defaultPerformerIds : null;
+
+  if (type === "Scene.Create.Post") {
+    setSceneData(ID, tags, studio, performers);
+  } else if (type === "Gallery.Create.Post") {
+    setGalleryData(ID, tags, studio, performers);
+  } else if (type === "Image.Create.Post") {
+    setImageData(ID, tags, studio, performers);
+  }
+
+  for (var o = 0; o < defaultTags.length; o++) {
+    log.Info(
+      "[DefaultDataForPath]: Added tag " +
+        defaultTags[o] +
+        " to " +
+        name +
+        " " +
+        ID,
+    );
+  }
+  for (var o = 0; o < defaultPerformers.length; o++) {
+    log.Info(
+      "[DefaultDataForPath]: Added performer " +
+        defaultPerformers[o] +
+        " to " +
+        name +
+        " " +
+        ID,
+    );
+  }
+  addStudio
+    ? log.Info(
+        "[DefaultDataForPath]: Added studio " +
+          defaultStudio +
+          " to " +
+          name +
+          " " +
+          ID,
+      )
+    : "";
 }
 
 function getScenePath(ID) {
-    var query = "\
+  var query =
+    "\
 query findScene($id: ID) {\
     findScene(id: $id) {\
         path\
     }\
 }";
 
-    var variables = {
-        id: ID
-    };
+  var variables = {
+    id: ID,
+  };
 
-    var result = gql.Do(query, variables);
-    var findScene = result.findScene;
-    if (!findScene) {
-        return null;
-    }
+  var result = gql.Do(query, variables);
+  var findScene = result.findScene;
+  if (!findScene) {
+    return null;
+  }
 
-    var path = findScene.path;
-    return path;
+  var path = findScene.path;
+  return path;
 }
 
 function getImagePath(ID) {
-    var query = "\
+  var query =
+    "\
 query findImage($id: ID) {\
     findImage(id: $id) {\
         path\
     }\
 }";
 
-    var variables = {
-        id: ID
-    };
+  var variables = {
+    id: ID,
+  };
 
-    var result = gql.Do(query, variables);
-    var findImage = result.findImage;
-    if (!findImage) {
-        return null;
-    }
+  var result = gql.Do(query, variables);
+  var findImage = result.findImage;
+  if (!findImage) {
+    return null;
+  }
 
-    var path = findImage.path;
-    return path;
+  var path = findImage.path;
+  return path;
 }
 
 function getGalleryPath(ID) {
-    var query = "\
+  var query =
+    "\
 query findGallery($id: ID) {\
     findGallery(id: $id) {\
         path\
     }\
 }";
 
-    var variables = {
-        id: ID
-    };
+  var variables = {
+    id: ID,
+  };
 
-    var result = gql.Do(query, variables);
-    var findGallery = result.findGallery;
-    if (!findGallery) {
-        return null;
-    }
+  var result = gql.Do(query, variables);
+  var findGallery = result.findGallery;
+  if (!findGallery) {
+    return null;
+  }
 
-    var path = findGallery.path;
-    return path;
+  var path = findGallery.path;
+  return path;
 }
 
 function getTagId(tagName) {
-    var query = "\
+  var query =
+    "\
     query findTagId($filter: FindFilterType!) {\
         findTags(filter: $filter) {\
             tags {\
@@ -212,24 +233,24 @@ function getTagId(tagName) {
         }\
     }";
 
-    var variables = {
-        filter: {
-            q: tagName
-        }
-    };
-
-    result = gql.Do(query, variables)
-    if(result.findTags.tags[0]) {
-        return result.findTags.tags[0].id;
-    }
-    else {
-        log.Error("TAG " + tagName + " DOES NOT EXIST IN STASH!")
-        return null;
-    }
+  var variables = {
+    filter: {
+      q: tagName,
+    },
+  };
+
+  result = gql.Do(query, variables);
+  if (result.findTags.tags[0]) {
+    return result.findTags.tags[0].id;
+  } else {
+    log.Error("TAG " + tagName + " DOES NOT EXIST IN STASH!");
+    return null;
+  }
 }
 
 function getPerformerId(performerName) {
-    var query = "\
+  var query =
+    "\
     query findPerformerId($filter: FindFilterType!) {\
         findPerformers(filter: $filter) {\
             performers {\
@@ -238,24 +259,24 @@ function getPerformerId(performerName) {
         }\
     }";
 
-    var variables = {
-        filter: {
-            q: performerName
-        }
-    };
-
-    result = gql.Do(query, variables)
-    if(result.findPerformers.performers[0]) {
-        return result.findPerformers.performers[0].id;
-    }
-    else {
-        log.Error("PERFORMER " + performerName + " DOES NOT EXIST IN STASH!")
-        return null;
-    }
+  var variables = {
+    filter: {
+      q: performerName,
+    },
+  };
+
+  result = gql.Do(query, variables);
+  if (result.findPerformers.performers[0]) {
+    return result.findPerformers.performers[0].id;
+  } else {
+    log.Error("PERFORMER " + performerName + " DOES NOT EXIST IN STASH!");
+    return null;
+  }
 }
 
 function getStudioId(studioName) {
-    var query = "\
+  var query =
+    "\
     query findStudioId($filter: FindFilterType!) {\
         findStudios(filter: $filter) {\
             studios {\
@@ -264,187 +285,198 @@ function getStudioId(studioName) {
         }\
     }";
 
-    var variables = {
-        filter: {
-            q: studioName
-        }
-    };
-
-    result = gql.Do(query, variables)
-    if(result.findStudios.studios[0]) {
-        return result.findStudios.studios[0].id
-    }
-    else {
-        log.Error("STUDIO " + studioName + " DOES NOT EXIST IN STASH!")
-        return null;
-    }
+  var variables = {
+    filter: {
+      q: studioName,
+    },
+  };
+
+  result = gql.Do(query, variables);
+  if (result.findStudios.studios[0]) {
+    return result.findStudios.studios[0].id;
+  } else {
+    log.Error("STUDIO " + studioName + " DOES NOT EXIST IN STASH!");
+    return null;
+  }
 }
 
 function stringNotAlreadyPresent(text, itemArray) {
-    for(var i=0;i < itemArray.length; i++) {
-        if(itemArray[i] === text) {
-            return false;
-        }
+  for (var i = 0; i < itemArray.length; i++) {
+    if (itemArray[i] === text) {
+      return false;
     }
-    return true;
+  }
+  return true;
 }
 
-function addAllData(obj, lowerItemPath, defaultData, pTags, pPerformers, pStudio) {
-    if(obj) {
-        if(obj.paths) {
-            var paths = obj.paths;
-            if(containsPath(paths, lowerItemPath)) {
-                // inject data from parent if avail
-                if(pTags) {
-			if(!obj.tags) {
-				obj.tags = [];	
-			}
-                    obj.tags = obj.tags.concat(pTags)
-                }
-                if(pPerformers) {
-			if(!obj.performers) {
-				obj.performers = [];	
-			}
-                    obj.performers = obj.performers.concat(pPerformers)
-                }
-                if(pStudio) {
-                    obj.studio = pStudio
-                }
-                defaultData.push(obj)
-            }
+function addAllData(
+  obj,
+  lowerItemPath,
+  defaultData,
+  pTags,
+  pPerformers,
+  pStudio,
+) {
+  if (obj) {
+    if (obj.paths) {
+      var paths = obj.paths;
+      if (containsPath(paths, lowerItemPath)) {
+        // inject data from parent if avail
+        if (pTags) {
+          if (!obj.tags) {
+            obj.tags = [];
+          }
+          obj.tags = obj.tags.concat(pTags);
         }
-        else {
-            // add defaults to children
-            if(obj.tags) {
-                if(!pTags) {
-                    pTags = obj.tags;
-                }
-                else {
-                    pTags = pTags.concat(obj.tags)
-                }  
-            }
-            if(obj.performers) {
-                if(!pPerformers) {
-                    pPerformers = obj.performers
-                }
-                else {
-                    pPerformers = pPerformers.concat(obj.performers)
-                }
-            }
-            if(obj.studio) {
-                pStudio = obj.studio;
-            }
+        if (pPerformers) {
+          if (!obj.performers) {
+            obj.performers = [];
+          }
+          obj.performers = obj.performers.concat(pPerformers);
         }
-        if(obj.children) {
-            for(var o=0;o<obj.children.length;o++) {
-                defaultData = addAllData(obj.children[o], lowerItemPath, defaultData, pTags, pPerformers, pStudio)
-            }
+        if (pStudio) {
+          obj.studio = pStudio;
         }
+        defaultData.push(obj);
+      }
+    } else {
+      // add defaults to children
+      if (obj.tags) {
+        if (!pTags) {
+          pTags = obj.tags;
+        } else {
+          pTags = pTags.concat(obj.tags);
+        }
+      }
+      if (obj.performers) {
+        if (!pPerformers) {
+          pPerformers = obj.performers;
+        } else {
+          pPerformers = pPerformers.concat(obj.performers);
+        }
+      }
+      if (obj.studio) {
+        pStudio = obj.studio;
+      }
+    }
+    if (obj.children) {
+      for (var o = 0; o < obj.children.length; o++) {
+        defaultData = addAllData(
+          obj.children[o],
+          lowerItemPath,
+          defaultData,
+          pTags,
+          pPerformers,
+          pStudio,
+        );
+      }
     }
-    return defaultData
+  }
+  return defaultData;
 }
 
 function getDefaultData(itemPath) {
-    var defaultData = [];
-    var lowerItemPath = itemPath.toLowerCase();
-    for(var i=0;i<jsonData.length;i++) {
-        var obj = jsonData[i];
-        defaultData = addAllData(obj, lowerItemPath, defaultData, null, null, null)
-    }
-
-    return defaultData;
+  var defaultData = [];
+  var lowerItemPath = itemPath.toLowerCase();
+  for (var i = 0; i < jsonData.length; i++) {
+    var obj = jsonData[i];
+    defaultData = addAllData(obj, lowerItemPath, defaultData, null, null, null);
+  }
+
+  return defaultData;
 }
 
 function containsPath(paths, inputPath) {
-    for(var p=0;p<paths.length;p++) {
-        var path = paths[p].toLowerCase() + '';
-        if(stringContains(inputPath, path)) {
-            log.Info("[DefaultDataForPath]: " + inputPath + " MATCH " + path)
-            return true;
-        }
+  for (var p = 0; p < paths.length; p++) {
+    var path = paths[p].toLowerCase() + "";
+    if (stringContains(inputPath, path)) {
+      log.Info("[DefaultDataForPath]: " + inputPath + " MATCH " + path);
+      return true;
     }
-    return false;
+  }
+  return false;
 }
 
-function stringContains(value, searchFor)
-{
-	var v = (value || '').toLowerCase();
-	var v2 = searchFor;
-	if (v2) {
-		v2 = v2.toLowerCase();
-	}
-	return v.indexOf(v2) > -1;
+function stringContains(value, searchFor) {
+  var v = (value || "").toLowerCase();
+  var v2 = searchFor;
+  if (v2) {
+    v2 = v2.toLowerCase();
+  }
+  return v.indexOf(v2) > -1;
 }
 
-
 function containsElem(items, elem) {
-    for(var i=0;i<items.length;i++) {
-        var item = items[i].toLowerCase();
-        if(item.equals(elem)) {
-            return true;
-        }
+  for (var i = 0; i < items.length; i++) {
+    var item = items[i].toLowerCase();
+    if (item.equals(elem)) {
+      return true;
     }
-    return false;
+  }
+  return false;
 }
 
 function setSceneData(sceneID, tagIDs, studioID, performerIds) {
-    var mutation = "\
+  var mutation =
+    "\
 mutation sceneUpdate($input: SceneUpdateInput!) {\
   sceneUpdate(input: $input) {\
     id\
   }\
 }";
 
-    var variables = {
-        input: {
-            id: sceneID,
-            tag_ids: tagIDs,
-            studio_id: studioID,
-            performer_ids: performerIds
-        }
-    };
+  var variables = {
+    input: {
+      id: sceneID,
+      tag_ids: tagIDs,
+      studio_id: studioID,
+      performer_ids: performerIds,
+    },
+  };
 
-    gql.Do(mutation, variables);
+  gql.Do(mutation, variables);
 }
 
 function setImageData(sceneID, tagIDs, studioID, performerIds) {
-    var mutation = "\
+  var mutation =
+    "\
 mutation imageUpdate($input: ImageUpdateInput!) {\
     imageUpdate(input: $input) {\
     id\
   }\
 }";
 
-    var variables = {
-        input: {
-            id: sceneID,
-            tag_ids: tagIDs,
-            studio_id: studioID,
-            performer_ids: performerIds
-        }
-    };
+  var variables = {
+    input: {
+      id: sceneID,
+      tag_ids: tagIDs,
+      studio_id: studioID,
+      performer_ids: performerIds,
+    },
+  };
 
-    gql.Do(mutation, variables);
+  gql.Do(mutation, variables);
 }
 
 function setGalleryData(sceneID, tagIDs, studioID, performerIds) {
-    var mutation = "\
+  var mutation =
+    "\
 mutation galleryUpdate($input: GalleryUpdateInput!) {\
     galleryUpdate(input: $input) {\
     id\
   }\
 }";
 
-    var variables = {
-        input: {
-            id: sceneID,
-            tag_ids: tagIDs,
-            studio_id: studioID,
-            performer_ids: performerIds
-        }
-    };
+  var variables = {
+    input: {
+      id: sceneID,
+      tag_ids: tagIDs,
+      studio_id: studioID,
+      performer_ids: performerIds,
+    },
+  };
 
-    gql.Do(mutation, variables);
+  gql.Do(mutation, variables);
 }
 
 main();
diff --git a/plugins/defaultDataForPath/defaultDataForPath.yml b/plugins/defaultDataForPath/defaultDataForPath.yml
index da88460b..8469c27f 100644
--- a/plugins/defaultDataForPath/defaultDataForPath.yml
+++ b/plugins/defaultDataForPath/defaultDataForPath.yml
@@ -9,7 +9,7 @@ interface: js
 hooks:
   - name: Add Configured Data on Scan
     description: Adds configured tags/performers/studio on Task->Scan creation.
-    triggeredBy: 
+    triggeredBy:
       - Scene.Create.Post
       - Gallery.Create.Post
       - Image.Create.Post
diff --git a/plugins/dupeMarker/dupeMarker.py b/plugins/dupeMarker/dupeMarker.py
index d90c6720..9efef718 100644
--- a/plugins/dupeMarker/dupeMarker.py
+++ b/plugins/dupeMarker/dupeMarker.py
@@ -8,62 +8,66 @@
 from stashapi.stashapp import StashInterface
 
 FRAGMENT = json.loads(sys.stdin.read())
-MODE = FRAGMENT['args']['mode']
+MODE = FRAGMENT["args"]["mode"]
 stash = StashInterface(FRAGMENT["server_connection"])
-dupe_marker_tag = stash.find_tag('[Marker: Duplicate]', create=True).get("id")
+dupe_marker_tag = stash.find_tag("[Marker: Duplicate]", create=True).get("id")
+
 
 def findScenesWithMarkers():
-  totalDupes = 0
-  scenes = stash.find_scenes(f={"has_markers": "true"},fragment="id")
-  for scene in scenes:
-    totalDupes += checkScene(scene)
-  log.info("Found %d duplicate markers across %d scenes" % (totalDupes, len(scenes)))
+    totalDupes = 0
+    scenes = stash.find_scenes(f={"has_markers": "true"}, fragment="id")
+    for scene in scenes:
+        totalDupes += checkScene(scene)
+    log.info("Found %d duplicate markers across %d scenes" % (totalDupes, len(scenes)))
+
 
 def addMarkerTag(marker):
-  query = """
+    query = """
       mutation SceneMarkerUpdate($input:SceneMarkerUpdateInput!) {
           sceneMarkerUpdate(input: $input) {
               id
           }
       }
   """
-  oldTags = [tag["id"] for tag in marker["tags"]]
-  if dupe_marker_tag in oldTags:
-    return
-  oldTags.append(dupe_marker_tag)
-  newMarker = {
-    "id": marker["id"],
-    "tag_ids": oldTags
-  }
-  stash._callGraphQL(query, {"input": newMarker })
-  #stash.update_scene_marker(newMarker, "id")
+    oldTags = [tag["id"] for tag in marker["tags"]]
+    if dupe_marker_tag in oldTags:
+        return
+    oldTags.append(dupe_marker_tag)
+    newMarker = {"id": marker["id"], "tag_ids": oldTags}
+    stash._callGraphQL(query, {"input": newMarker})
+    # stash.update_scene_marker(newMarker, "id")
+
 
 def checkScene(scene):
-  seen = set()
-  dupes = []
-  markers = stash.find_scene_markers(scene['id'])
-  # find duplicate pairs
-  for marker in markers:
-    sortidx = ";".join([
-      str(marker["title"]),
-      str(marker["seconds"]),
-      str(marker["primary_tag"]["id"])
-    ])
-    if sortidx not in seen:
-      seen.add(sortidx)
-    else:
-      dupes.append(marker)
-  # add tag
-  if dupes:
-    log.debug("Found %d duplicate markers in scene %s" % (len(dupes), scene['id']))
-    for dupe in dupes:
-      addMarkerTag(dupe)
-  return len(dupes)
+    seen = set()
+    dupes = []
+    markers = stash.find_scene_markers(scene["id"])
+    # find duplicate pairs
+    for marker in markers:
+        sortidx = ";".join(
+            [
+                str(marker["title"]),
+                str(marker["seconds"]),
+                str(marker["primary_tag"]["id"]),
+            ]
+        )
+        if sortidx not in seen:
+            seen.add(sortidx)
+        else:
+            dupes.append(marker)
+    # add tag
+    if dupes:
+        log.debug("Found %d duplicate markers in scene %s" % (len(dupes), scene["id"]))
+        for dupe in dupes:
+            addMarkerTag(dupe)
+    return len(dupes)
+
 
 def main():
-  if MODE == "search":
-    findScenesWithMarkers()
-  log.exit("Plugin exited normally.")
+    if MODE == "search":
+        findScenesWithMarkers()
+    log.exit("Plugin exited normally.")
+
 
-if __name__ == '__main__':
-  main()
\ No newline at end of file
+if __name__ == "__main__":
+    main()
diff --git a/plugins/dupeMarker/dupeMarker.yml b/plugins/dupeMarker/dupeMarker.yml
index d043b972..8df1d14e 100644
--- a/plugins/dupeMarker/dupeMarker.yml
+++ b/plugins/dupeMarker/dupeMarker.yml
@@ -7,7 +7,7 @@ exec:
   - "{pluginDir}/dupeMarker.py"
 interface: raw
 tasks:
-  - name: 'Search'
+  - name: "Search"
     description: Search for duplicate markers
     defaultArgs:
-      mode: search
\ No newline at end of file
+      mode: search
diff --git a/plugins/filenameParser/filenameParser.js b/plugins/filenameParser/filenameParser.js
index ca3d1269..9dffaf00 100644
--- a/plugins/filenameParser/filenameParser.js
+++ b/plugins/filenameParser/filenameParser.js
@@ -1,45 +1,46 @@
 function ok() {
-    return {
-        output: "ok"
-    };
+  return {
+    output: "ok",
+  };
 }
 
 function main() {
-    var hookContext = input.Args.hookContext;
-    var type = hookContext.type;
-    var ID = hookContext.ID;
+  var hookContext = input.Args.hookContext;
+  var type = hookContext.type;
+  var ID = hookContext.ID;
 
-    if (!ID) {
-        return ok();
-    }
-
-    var filenameFetcher;
-    var saver;
-    if (type === 'Scene.Create.Post') {
-        filenameFetcher = getSceneFilename;
-        saver = updateScene;
-    } else if (type === 'Gallery.Create.Post') {
-        filenameFetcher = getGalleryFilename;
-        saver = updateGallery;
-    } else {
-        return ok();
-    }
+  if (!ID) {
+    return ok();
+  }
+
+  var filenameFetcher;
+  var saver;
+  if (type === "Scene.Create.Post") {
+    filenameFetcher = getSceneFilename;
+    saver = updateScene;
+  } else if (type === "Gallery.Create.Post") {
+    filenameFetcher = getGalleryFilename;
+    saver = updateGallery;
+  } else {
+    return ok();
+  }
 
-    var filename = filenameFetcher(ID);
-    if (!filename) {
-        return ok();
-    }
+  var filename = filenameFetcher(ID);
+  if (!filename) {
+    return ok();
+  }
 
-    filename = cleanFilename(filename);
-    var parseResult = parseFilename(filename);
+  filename = cleanFilename(filename);
+  var parseResult = parseFilename(filename);
 
-    saver(ID, parseResult);
+  saver(ID, parseResult);
 
-    return ok();
+  return ok();
 }
 
 function getSceneFilename(sceneID) {
-    var query = "\
+  var query =
+    "\
 query findScene($id: ID) {\
     findScene(id: $id) {\
         files {\
@@ -48,39 +49,41 @@ query findScene($id: ID) {\
     }\
 }";
 
-    var variables = {
-        id: sceneID
-    };
+  var variables = {
+    id: sceneID,
+  };
 
-    var result = gql.Do(query, variables);
-    var findScene = result.findScene;
-    if (!findScene) {
-        return null;
-    }
+  var result = gql.Do(query, variables);
+  var findScene = result.findScene;
+  if (!findScene) {
+    return null;
+  }
 
-    var path = findScene.files[0].path;
-    return path.substring(path.lastIndexOf('/') + 1);
+  var path = findScene.files[0].path;
+  return path.substring(path.lastIndexOf("/") + 1);
 }
 
 function updateScene(sceneID, parseResult) {
-    var query = "\
+  var query =
+    "\
 mutation SceneUpdate($input: SceneUpdateInput!) {\
     sceneUpdate(input: $input) {\
         id\
     }\
 }";
 
-    var variables = {
-        input: parseResult
-    };
+  var variables = {
+    input: parseResult,
+  };
 
-    variables.input.id = sceneID;
+  variables.input.id = sceneID;
 
-    gql.Do(query, variables);
+  gql.Do(query, variables);
 }
 
 function getGalleryFilename(galleryID) {
-    var query = "\
+  var query =
+    "\
 query findGallery($id: ID!) {\
     findGallery(id: $id) {\
         files {\
@@ -89,119 +92,122 @@ query findGallery($id: ID!) {\
     }\
 }";
 
-    var variables = {
-        id: galleryID
-    };
+  var variables = {
+    id: galleryID,
+  };
 
-    var result = gql.Do(query, variables);
-    var findGallery = result.findGallery;
-    if (!findGallery) {
-        return null;
-    }
+  var result = gql.Do(query, variables);
+  var findGallery = result.findGallery;
+  if (!findGallery) {
+    return null;
+  }
 
-    var path = findGallery.files[0].path;
-    return path.substring(path.lastIndexOf('/') + 1);
+  var path = findGallery.files[0].path;
+  return path.substring(path.lastIndexOf("/") + 1);
 }
 
 function updateGallery(galleryID, parseResult) {
-    var query = "\
+  var query =
+    "\
 mutation GalleryUpdate($input: GalleryUpdateInput!) {\
     galleryUpdate(input: $input) {\
         id\
     }\
 }";
 
-    var variables = {
-        input: parseResult
-    };
+  var variables = {
+    input: parseResult,
+  };
 
-    variables.input.id = galleryID;
+  variables.input.id = galleryID;
 
-    gql.Do(query, variables);
+  gql.Do(query, variables);
 }
 
 function matchNames(parts, name, aliases) {
-    var names = [name].concat(aliases);
+  var names = [name].concat(aliases);
 
-    var partRegexes = [];
+  var partRegexes = [];
 
-    for (var i = 0; i < parts.length; i++) {
-        partRegexes[i] = new RegExp('^' + parts[i].toLowerCase() + '[. \\-_]*');
-    }
+  for (var i = 0; i < parts.length; i++) {
+    partRegexes[i] = new RegExp("^" + parts[i].toLowerCase() + "[. \\-_]*");
+  }
+
+  var cleanRegex = /[. \-_]/g;
+  var longestMatch = 0;
+  for (var i = 0; i < names.length; i++) {
+    var name = names[i].replace(cleanRegex, "").toLowerCase();
+    for (var j = 0; j < partRegexes.length; j++) {
+      if (!partRegexes[j].test(name)) {
+        break;
+      }
+
+      name = name.replace(partRegexes[j], "");
 
-    var cleanRegex = /[. \-_]/g;
-    var longestMatch = 0;
-    for (var i = 0; i < names.length; i++) {
-        var name = names[i].replace(cleanRegex, '').toLowerCase();
-        for (var j = 0; j < partRegexes.length; j++) {
-            if (!partRegexes[j].test(name)) {
-                break;
-            }
-
-            name = name.replace(partRegexes[j], '');
-
-            if (name.length === 0) {
-                if (j + 1 > longestMatch) {
-                    longestMatch = j + 1;
-                }
-            }
+      if (name.length === 0) {
+        if (j + 1 > longestMatch) {
+          longestMatch = j + 1;
         }
+      }
     }
+  }
 
-    return longestMatch;
+  return longestMatch;
 }
 
 function cleanFilename(name) {
-    name = name
-        // remove imageset-...[rarbg]
-        .replace(/imageset-[\w\d]+\[rarbg]/i, '')
-        // replace [...] with just ...
-        .replace(/\[(.*?)]/g, '$1')
-        // replace (...) with just ...
-        .replace(/\((.*?)\)/g, '$1')
-        // replace {...} with just ...
-        .replace(/{(.*?)}/g, '$1')
-        ;
-
-    var blockList = [
-        'mp4',
-        'mov',
-        'mkv',
-        'zip',
-        'cbz',
-        'cbr',
-        'xxx',
-        '4k',
-        '4096x2160',
-        '3840x2160',
-        '2160p',
-        '1080p',
-        '1920x1080',
-        '60fps',
-        '30fps',
-        'repack',
-        'ktr',
-    ];
-    var regExp = new RegExp('(_|[^\\w\\d]|^)(' + blockList.join('|') + ')(_|[^\\w\\d]|$)', 'i');
-    while (regExp.test(name)) {
-        name = name.replace(regExp, '$1$3');
-    }
-
-    // If name starts with <...>.com remove the .com (sometimes names include studio name as site/domain)
-    name = name.replace(/^([\w\d-]+?)\.com/, '$1');
-
-    name = name
-        // Remove everything except letters and digits at the start
-        .replace(/^(_|[^\w\d])+/, '')
-        // Remove everything except letters and digits at the end
-        .replace(/(_|[^\w\d])+$/, '')
-        ;
-
-    return name;
+  name = name
+    // remove imageset-...[rarbg]
+    .replace(/imageset-[\w\d]+\[rarbg]/i, "")
+    // replace [...] with just ...
+    .replace(/\[(.*?)]/g, "$1")
+    // replace (...) with just ...
+    .replace(/\((.*?)\)/g, "$1")
+    // replace {...} with just ...
+    .replace(/{(.*?)}/g, "$1");
+
+  var blockList = [
+    "mp4",
+    "mov",
+    "mkv",
+    "zip",
+    "cbz",
+    "cbr",
+    "xxx",
+    "4k",
+    "4096x2160",
+    "3840x2160",
+    "2160p",
+    "1080p",
+    "1920x1080",
+    "60fps",
+    "30fps",
+    "repack",
+    "ktr",
+  ];
+  var regExp = new RegExp(
+    "(_|[^\\w\\d]|^)(" + blockList.join("|") + ")(_|[^\\w\\d]|$)",
+    "i",
+  );
+  while (regExp.test(name)) {
+    name = name.replace(regExp, "$1$3");
+  }
+
+  // If name starts with <...>.com remove the .com (sometimes names include studio name as site/domain)
+  name = name.replace(/^([\w\d-]+?)\.com/, "$1");
+
+  name = name
+    // Remove everything except letters and digits at the start
+    .replace(/^(_|[^\w\d])+/, "")
+    // Remove everything except letters and digits at the end
+    .replace(/(_|[^\w\d])+$/, "");
+
+  return name;
 }
 
 function matchStudio(parts, result) {
-    var query = "\
+  var query =
+    "\
 query findStudios($studio_filter: StudioFilterType, $filter: FindFilterType!) {\
     findStudios(studio_filter: $studio_filter, filter: $filter) {\
         studios {\
@@ -212,85 +218,95 @@ query findStudios($studio_filter: StudioFilterType, $filter: FindFilterType!) {\
     }\
 }";
 
-    var searchTerm = parts[0].substring(0, 2);
-    if (parts[0].substring(0, 1) === 'a') {
-        searchTerm = parts[0].substring(1, 3);
-    }
-    var variables = {
-        filter: {
-            per_page: -1,
+  var searchTerm = parts[0].substring(0, 2);
+  if (parts[0].substring(0, 1) === "a") {
+    searchTerm = parts[0].substring(1, 3);
+  }
+  var variables = {
+    filter: {
+      per_page: -1,
+    },
+    studio_filter: {
+      name: {
+        modifier: "INCLUDES",
+        value: searchTerm,
+      },
+      OR: {
+        aliases: {
+          modifier: "INCLUDES",
+          value: searchTerm,
         },
-        studio_filter: {
-            name: {
-                modifier: "INCLUDES",
-                value: searchTerm
-            },
-            OR: {
-                aliases: {
-                    modifier: "INCLUDES",
-                    value: searchTerm
-                }
-            }
-        }
-    };
-
-    var queryResult = gql.Do(query, variables);
-    var studios = queryResult.findStudios.studios;
-    if (!studios.length && parts[0].substring(0, 1) === 'a') {
-        variables.studio_filter.name.value = variables.studio_filter.OR.aliases.value = parts[0].substring(1, 3);
-        queryResult = gql.Do(query, variables);
-        studios = queryResult.findStudios.studios;
+      },
+    },
+  };
+
+  var queryResult = gql.Do(query, variables);
+  var studios = queryResult.findStudios.studios;
+  if (!studios.length && parts[0].substring(0, 1) === "a") {
+    variables.studio_filter.name.value =
+      variables.studio_filter.OR.aliases.value = parts[0].substring(1, 3);
+    queryResult = gql.Do(query, variables);
+    studios = queryResult.findStudios.studios;
+  }
+
+  var matchingParts = 0;
+  for (var i = 0; i < studios.length; i++) {
+    var studio = studios[i];
+    matchingParts = matchNames(parts, studio.name, studio.aliases);
+    if (matchingParts === 0) {
+      continue;
     }
 
-    var matchingParts = 0;
-    for (var i = 0; i < studios.length; i++) {
-        var studio = studios[i];
-        matchingParts = matchNames(parts, studio.name, studio.aliases);
-        if (matchingParts === 0) {
-            continue;
-        }
-
-        result.studio_id = studio.id;
+    result.studio_id = studio.id;
 
-        break;
-    }
+    break;
+  }
 
-    return matchingParts;
+  return matchingParts;
 }
 
 function matchDate(parts, result) {
-    if (
-        parts.length < 3 ||
-        !/^(\d{2}|\d{4})$/.test(parts[0]) ||
-        !/^\d{2}$/.test(parts[1]) ||
-        !/^\d{2}$/.test(parts[2])
-    ) {
-        return 0;
-    }
-
-    var year = parseInt(parts[0], 10);
-    var month = parseInt(parts[1], 10);
-    var day = parseInt(parts[2], 10);
-
-    if (year < 100) {
-        year += 2000;
-    }
-
-    if (
-        year < 2000 || year > 2100 ||
-        month < 1 || month > 12 ||
-        day < 1 || day > 31
-    ) {
-        return 0;
-    }
-
-    result.date = year + "-" + (month < 10 ? "0" + month : month) + "-" + (day < 10 ? "0" + day : day);
-
-    return 3;
+  if (
+    parts.length < 3 ||
+    !/^(\d{2}|\d{4})$/.test(parts[0]) ||
+    !/^\d{2}$/.test(parts[1]) ||
+    !/^\d{2}$/.test(parts[2])
+  ) {
+    return 0;
+  }
+
+  var year = parseInt(parts[0], 10);
+  var month = parseInt(parts[1], 10);
+  var day = parseInt(parts[2], 10);
+
+  if (year < 100) {
+    year += 2000;
+  }
+
+  if (
+    year < 2000 ||
+    year > 2100 ||
+    month < 1 ||
+    month > 12 ||
+    day < 1 ||
+    day > 31
+  ) {
+    return 0;
+  }
+
+  result.date =
+    year +
+    "-" +
+    (month < 10 ? "0" + month : month) +
+    "-" +
+    (day < 10 ? "0" + day : day);
+
+  return 3;
 }
 
 function matchPerformers(parts, result) {
-    var query = "\
+  var query =
+    "\
 query findPerformers($performer_filter: PerformerFilterType, $filter: FindFilterType!) {\
     findPerformers(performer_filter: $performer_filter, filter: $filter) {\
         performers {\
@@ -299,107 +315,113 @@ query findPerformers($performer_filter: PerformerFilterType, $filter: FindFilter
             alias_list\
         }\
     }\
-}"
-    var variables = {
-        filter: {
-            per_page: -1
+}";
+  var variables = {
+    filter: {
+      per_page: -1,
+    },
+    performer_filter: {
+      name: {
+        modifier: "INCLUDES",
+      },
+      OR: {
+        aliases: {
+          modifier: "INCLUDES",
         },
-        performer_filter: {
-            name: {
-                modifier: "INCLUDES"
-            },
-            OR: {
-                aliases: {
-                    modifier: "INCLUDES"
-                }
-            }
-        }
-    };
-
-    var totalMatchingParts = 0;
-    result.performer_ids = [];
-    do {
-        variables.performer_filter.name.value = variables.performer_filter.OR.aliases.value = parts[0].substring(0, 2);
-
-        var queryResult = gql.Do(query, variables);
-        var performers = queryResult.findPerformers.performers;
-        if (!performers.length) {
-            parts.shift();
-            continue;
-        }
+      },
+    },
+  };
 
-        var maxMatchLength = 0;
-        var matches = [];
-        for (var i = 0; i < performers.length; i++) {
-            var performer = performers[i];
-            var aliases = performer.aliases ? performer.aliases.split(/\s*[,;]+\s*/) : [];
-            var matchingParts = matchNames(parts, performer.name, aliases);
-            if (matchingParts === 0) {
-                continue;
-            }
-
-            if (matchingParts > maxMatchLength) {
-                maxMatchLength = matchingParts;
-                matches = [performer.id];
-            } else if (matchingParts === maxMatchLength) {
-                matches.push(performer.id);
-            }
-        }
+  var totalMatchingParts = 0;
+  result.performer_ids = [];
+  do {
+    variables.performer_filter.name.value =
+      variables.performer_filter.OR.aliases.value = parts[0].substring(0, 2);
 
-        if (maxMatchLength === 0) {
-            break;
-        }
+    var queryResult = gql.Do(query, variables);
+    var performers = queryResult.findPerformers.performers;
+    if (!performers.length) {
+      parts.shift();
+      continue;
+    }
 
-        result.performer_ids = result.performer_ids.concat(matches);
+    var maxMatchLength = 0;
+    var matches = [];
+    for (var i = 0; i < performers.length; i++) {
+      var performer = performers[i];
+      var aliases = performer.aliases
+        ? performer.aliases.split(/\s*[,;]+\s*/)
+        : [];
+      var matchingParts = matchNames(parts, performer.name, aliases);
+      if (matchingParts === 0) {
+        continue;
+      }
+
+      if (matchingParts > maxMatchLength) {
+        maxMatchLength = matchingParts;
+        matches = [performer.id];
+      } else if (matchingParts === maxMatchLength) {
+        matches.push(performer.id);
+      }
+    }
 
-        totalMatchingParts += maxMatchLength;
+    if (maxMatchLength === 0) {
+      break;
+    }
 
-        parts = parts.slice(maxMatchLength);
-        while (parts.length > 0 && (parts[0].toLowerCase() === 'and' || parts[0] === '&')) {
-            parts.shift();
-            totalMatchingParts += 1;
-        }
-    } while (parts.length > 0);
+    result.performer_ids = result.performer_ids.concat(matches);
+
+    totalMatchingParts += maxMatchLength;
 
-    return totalMatchingParts;
+    parts = parts.slice(maxMatchLength);
+    while (
+      parts.length > 0 &&
+      (parts[0].toLowerCase() === "and" || parts[0] === "&")
+    ) {
+      parts.shift();
+      totalMatchingParts += 1;
+    }
+  } while (parts.length > 0);
+
+  return totalMatchingParts;
 }
 
 function parseFilename(name) {
-    var parts = name.split(/[. \-_,]+/);
-
-    var matchers = [
-        matchStudio,
-        matchDate,
-        matchPerformers,
-    ];
-
-    var result = {};
-    var hasMatched = false;
-    for (var matchTries = 0; matchTries < 3 && !hasMatched && parts.length; matchTries++) {
-        for (var i = 0; i < matchers.length && parts.length > 0; i++) {
-            var matchedParts = matchers[i](parts, result);
-
-            if (matchedParts > 0) {
-                hasMatched = true;
-                parts = parts.slice(matchedParts);
-            }
-        }
+  var parts = name.split(/[. \-_,]+/);
+
+  var matchers = [matchStudio, matchDate, matchPerformers];
+
+  var result = {};
+  var hasMatched = false;
+  for (
+    var matchTries = 0;
+    matchTries < 3 && !hasMatched && parts.length;
+    matchTries++
+  ) {
+    for (var i = 0; i < matchers.length && parts.length > 0; i++) {
+      var matchedParts = matchers[i](parts, result);
+
+      if (matchedParts > 0) {
+        hasMatched = true;
+        parts = parts.slice(matchedParts);
+      }
+    }
 
-        // If no matchers worked remove a part. Maybe the format is correct but studio isn't found? etc
-        if (!hasMatched) {
-            parts.shift();
-        }
+    // If no matchers worked remove a part. Maybe the format is correct but studio isn't found? etc
+    if (!hasMatched) {
+      parts.shift();
     }
+  }
 
-    if (hasMatched && parts.length > 0) {
-        var title = parts.join(' ');
-        // Look behind assertions are not supported, so can't use `replace(/(?<=.)([A-Z]/g, ' $1')` so instead have to do a loop. Otherwise for example 'FooABar' will become 'Foo ABar' instead of 'Foo A Bar'
-        while (/[^\s][A-Z]/.test(title)) {
-            title = title.replace(/([^\s])([A-Z])/g, '$1 $2');
-        }
-        result.title = title.trim();
+  if (hasMatched && parts.length > 0) {
+    var title = parts.join(" ");
+    // Look behind assertions are not supported, so can't use `replace(/(?<=.)([A-Z]/g, ' $1')` so instead have to do a loop. Otherwise for example 'FooABar' will become 'Foo ABar' instead of 'Foo A Bar'
+    while (/[^\s][A-Z]/.test(title)) {
+      title = title.replace(/([^\s])([A-Z])/g, "$1 $2");
     }
-    return result;
+    result.title = title.trim();
+  }
+  return result;
 }
 
 main();
diff --git a/plugins/markerTagToScene/markerTagToScene.js b/plugins/markerTagToScene/markerTagToScene.js
index 77ceecca..8aca037d 100644
--- a/plugins/markerTagToScene/markerTagToScene.js
+++ b/plugins/markerTagToScene/markerTagToScene.js
@@ -1,44 +1,45 @@
 function ok() {
-    return {
-        output: "ok"
-    };
+  return {
+    output: "ok",
+  };
 }
 
 function main() {
-    var hookContext = input.Args.hookContext;
-    var opInput = hookContext.input;
-    var primaryTagID = opInput.primary_tag_id;
-    var sceneID = opInput.scene_id;
+  var hookContext = input.Args.hookContext;
+  var opInput = hookContext.input;
+  var primaryTagID = opInput.primary_tag_id;
+  var sceneID = opInput.scene_id;
 
-    // we can't currently find scene markers. If it's not in the input
-    // then just return
-    if (!primaryTagID || !sceneID) {
-        // just return
-        return ok();
-    }
-
-    // get the existing scene tags
-    var sceneTags = getSceneTags(sceneID);
-    var tagIDs = [];
-    for (var i = 0; i < sceneTags.length; ++i) {
-        var tagID = sceneTags[i].id;
-        if (tagID == primaryTagID) {
-            log.Debug("primary tag already exists on scene");
-            return;
-        }
+  // we can't currently find scene markers. If it's not in the input
+  // then just return
+  if (!primaryTagID || !sceneID) {
+    // just return
+    return ok();
+  }
 
-        tagIDs.push(tagID);
+  // get the existing scene tags
+  var sceneTags = getSceneTags(sceneID);
+  var tagIDs = [];
+  for (var i = 0; i < sceneTags.length; ++i) {
+    var tagID = sceneTags[i].id;
+    if (tagID == primaryTagID) {
+      log.Debug("primary tag already exists on scene");
+      return;
     }
 
-    // set the tag on the scene if not present
-    tagIDs.push(primaryTagID);
+    tagIDs.push(tagID);
+  }
 
-    setSceneTags(sceneID, tagIDs);
-    log.Info("added primary tag " + primaryTagID + " to scene " + sceneID);
+  // set the tag on the scene if not present
+  tagIDs.push(primaryTagID);
+
+  setSceneTags(sceneID, tagIDs);
+  log.Info("added primary tag " + primaryTagID + " to scene " + sceneID);
 }
 
 function getSceneTags(sceneID) {
-    var query = "\
+  var query =
+    "\
 query findScene($id: ID) {\
   findScene(id: $id) {\
     tags {\
@@ -47,35 +48,36 @@ query findScene($id: ID) {\
   }\
 }";
 
-    var variables = {
-        id: sceneID
-    };
+  var variables = {
+    id: sceneID,
+  };
 
-    var result = gql.Do(query, variables);
-    var findScene = result.findScene;
-    if (findScene) {
-        return findScene.tags;
-    }
+  var result = gql.Do(query, variables);
+  var findScene = result.findScene;
+  if (findScene) {
+    return findScene.tags;
+  }
 
-    return [];
+  return [];
 }
 
 function setSceneTags(sceneID, tagIDs) {
-    var mutation = "\
+  var mutation =
+    "\
 mutation sceneUpdate($input: SceneUpdateInput!) {\
   sceneUpdate(input: $input) {\
     id\
   }\
 }";
 
-    var variables = {
-        input: {
-            id: sceneID,
-            tag_ids: tagIDs
-        }
-    };
+  var variables = {
+    input: {
+      id: sceneID,
+      tag_ids: tagIDs,
+    },
+  };
 
-    gql.Do(mutation, variables);
+  gql.Do(mutation, variables);
 }
 
-main();
\ No newline at end of file
+main();
diff --git a/plugins/markerTagToScene/markerTagToScene.yml b/plugins/markerTagToScene/markerTagToScene.yml
index 2dcb10e7..f5973e55 100644
--- a/plugins/markerTagToScene/markerTagToScene.yml
+++ b/plugins/markerTagToScene/markerTagToScene.yml
@@ -9,6 +9,6 @@ interface: js
 hooks:
   - name: Update scene with scene marker tag
     description: Adds primary tag of Scene Marker to the Scene on marker create/update.
-    triggeredBy: 
+    triggeredBy:
       - SceneMarker.Create.Post
       - SceneMarker.Update.Post
diff --git a/plugins/miscTags/miscTags.py b/plugins/miscTags/miscTags.py
index 1aa08201..c9a9088f 100644
--- a/plugins/miscTags/miscTags.py
+++ b/plugins/miscTags/miscTags.py
@@ -6,126 +6,168 @@
 
 
 per_page = 100
-skip_tag='[MiscTags: Skip]'
+skip_tag = "[MiscTags: Skip]"
 
 # Defaults if nothing has changed in the stash ui
-settings={
-    'addStashVrCompanionTags':False,
-    'addVrTags':False,
-    'flatStudio':''
- }
-
-VRCTags={
-    'flat':{'VRCTags':['FLAT'],'projTags':[]},
-    '180_mono':{'VRCTags':['DOME','MONO'],'projTags':['180°']},
-    '360_mono':{'VRCTags':['SPHERE','MONO'],'projTags':['360°']},
-    '180_sbs':{'VRCTags':['DOME','SBS'],'projTags':['180°']},
-    'LR_180':{'VRCTags':['DOME','SBS'],'projTags':['180°']},
-    '180_lr': {'VRCTags':['DOME', 'SBS'],'projTags':['180°']},
-    '180_3dh_lr': {'VRCTags': ['DOME', 'SBS'], 'projTags': ['180°']},
-    '360_tb':{'VRCTags':['SPHERE','SBS'],'projTags':['360°']},
-    'mkx200':{'VRCTags':['MKX200','FISHEYE','SBS'],'projTags':['220°']},
-    'mkx220':{'VRCTags':['MKX220','FISHEYE','SBS'],'projTags':['220°']},
-    'vrca220': {'VRCTags':['VRCA220', 'FISHEYE', 'SBS'],'projTags':['220°']},
-    'rf52':{'VRCTags':['RF52','FISHEYE', 'SBS'],'projTags':['190°']},
-    'fisheye190': {'VRCTags':['RF52', 'FISHEYE', 'SBS'],'projTags':['190°']},
-    'passthrough':{'VRCTags':[],'projTags':['Augmented Reality']},
-    '8k': {'VRCTags': [], 'projTags': ['8K']},
-    '7k': {'VRCTags': [], 'projTags': ['7K']},
-    '6k': {'VRCTags': [], 'projTags': ['6K']},
-    '5k': {'VRCTags': [], 'projTags': ['5K']},
-  }
-tags_cache={}
+settings = {"addStashVrCompanionTags": False, "addVrTags": False, "flatStudio": ""}
+
+VRCTags = {
+    "flat": {"VRCTags": ["FLAT"], "projTags": []},
+    "180_mono": {"VRCTags": ["DOME", "MONO"], "projTags": ["180°"]},
+    "360_mono": {"VRCTags": ["SPHERE", "MONO"], "projTags": ["360°"]},
+    "180_sbs": {"VRCTags": ["DOME", "SBS"], "projTags": ["180°"]},
+    "LR_180": {"VRCTags": ["DOME", "SBS"], "projTags": ["180°"]},
+    "180_lr": {"VRCTags": ["DOME", "SBS"], "projTags": ["180°"]},
+    "180_3dh_lr": {"VRCTags": ["DOME", "SBS"], "projTags": ["180°"]},
+    "360_tb": {"VRCTags": ["SPHERE", "SBS"], "projTags": ["360°"]},
+    "mkx200": {"VRCTags": ["MKX200", "FISHEYE", "SBS"], "projTags": ["220°"]},
+    "mkx220": {"VRCTags": ["MKX220", "FISHEYE", "SBS"], "projTags": ["220°"]},
+    "vrca220": {"VRCTags": ["VRCA220", "FISHEYE", "SBS"], "projTags": ["220°"]},
+    "rf52": {"VRCTags": ["RF52", "FISHEYE", "SBS"], "projTags": ["190°"]},
+    "fisheye190": {"VRCTags": ["RF52", "FISHEYE", "SBS"], "projTags": ["190°"]},
+    "passthrough": {"VRCTags": [], "projTags": ["Augmented Reality"]},
+    "8k": {"VRCTags": [], "projTags": ["8K"]},
+    "7k": {"VRCTags": [], "projTags": ["7K"]},
+    "6k": {"VRCTags": [], "projTags": ["6K"]},
+    "5k": {"VRCTags": [], "projTags": ["5K"]},
+}
+tags_cache = {}
+
 
 def processScene(scene):
-    log.debug('processing scene: %s' % (scene['id'],))
+    log.debug("processing scene: %s" % (scene["id"],))
     # if the scene has [MiscTags: Skip] then skip it
     if skip_tag not in tags_cache:
-        tags_cache[skip_tag]=stash.find_tag(skip_tag, create=True).get("id")
-    if tags_cache[skip_tag] not in [x['id'] for x in scene['tags']]:
-        tags=[]
-        if settings['addStashVrCompanionTags']:
-            processStashVRCompanionTags(scene,tags)
+        tags_cache[skip_tag] = stash.find_tag(skip_tag, create=True).get("id")
+    if tags_cache[skip_tag] not in [x["id"] for x in scene["tags"]]:
+        tags = []
+        if settings["addStashVrCompanionTags"]:
+            processStashVRCompanionTags(scene, tags)
             log.debug(tags)
-        if settings['addVrTags']:
-            processVRTags(scene,tags)
-        if len(settings['flatStudio']) > 0:
-            processFlatStudio(scene,tags)
+        if settings["addVrTags"]:
+            processVRTags(scene, tags)
+        if len(settings["flatStudio"]) > 0:
+            processFlatStudio(scene, tags)
 
         if len(tags) > 0:
-            log.debug('processing scene %s, checking if tags need to be added: %s' % (scene['title'],tags,))
+            log.debug(
+                "processing scene %s, checking if tags need to be added: %s"
+                % (
+                    scene["title"],
+                    tags,
+                )
+            )
             # start with the existing tag id's, then look up the new tag id's and create if needed
-            new_scene = {'id': scene['id'], 'tag_ids': [x['id'] for x in scene['tags']]}
-            update=False
+            new_scene = {"id": scene["id"], "tag_ids": [x["id"] for x in scene["tags"]]}
+            update = False
             for t in tags:
                 if t not in tags_cache:
-                    tags_cache[t]=stash.find_tag(t, create=True).get("id")
-                    update=True
-                if tags_cache[t] not in new_scene['tag_ids']:
-                    new_scene['tag_ids'].append(tags_cache[t])
-                    update=True
+                    tags_cache[t] = stash.find_tag(t, create=True).get("id")
+                    update = True
+                if tags_cache[t] not in new_scene["tag_ids"]:
+                    new_scene["tag_ids"].append(tags_cache[t])
+                    update = True
             if update:
-                log.info('Adding tags to scene: %s, tags: %s' % (scene['title'], tags,))
+                log.info(
+                    "Adding tags to scene: %s, tags: %s"
+                    % (
+                        scene["title"],
+                        tags,
+                    )
+                )
                 stash.update_scene(new_scene)
         else:
-            log.debug('no update')
+            log.debug("no update")
     else:
-        log.debug('skipping scene')
+        log.debug("skipping scene")
 
 
-def processStashVRCompanionTags(scene,tags):
-    found=False
-    for f in scene['files']:
-        for k,v in VRCTags.items():
-            if k in f['basename'].lower():
-                tags.extend(v['VRCTags'])
-                found=True
+def processStashVRCompanionTags(scene, tags):
+    found = False
+    for f in scene["files"]:
+        for k, v in VRCTags.items():
+            if k in f["basename"].lower():
+                tags.extend(v["VRCTags"])
+                found = True
     if found:
-        tags.append('export_deovr')
+        tags.append("export_deovr")
     return None
 
-def processVRTags(scene,tags):
-    found=False
-    for f in scene['files']:
-        for k,v in VRCTags.items():
-            if k in f['basename'].lower():
-                tags.extend(v['projTags'])
-                found=True
+
+def processVRTags(scene, tags):
+    found = False
+    for f in scene["files"]:
+        for k, v in VRCTags.items():
+            if k in f["basename"].lower():
+                tags.extend(v["projTags"])
+                found = True
     if found:
-        if 'vrTag' in stash.get_configuration()['ui']:
-            vr_tag=stash.get_configuration()['ui']['vrTag']
+        if "vrTag" in stash.get_configuration()["ui"]:
+            vr_tag = stash.get_configuration()["ui"]["vrTag"]
             if vr_tag:
                 tags.append(vr_tag)
             else:
-                tags.append('VR')
+                tags.append("VR")
         else:
-            tags.append('VR')
+            tags.append("VR")
     return None
 
-def processFlatStudio(scene,tags):
-    log.debug(scene)
-    if scene['studio']:
-        if scene['studio']['id'] in [x.strip() for x in settings['flatStudio'].split(',')]:
-            if 'export_deovr' not in tags:
-                tags.append('export_deovr')
 
-                tags.append('FLAT')
+def processFlatStudio(scene, tags):
+    log.debug(scene)
+    if scene["studio"]:
+        if scene["studio"]["id"] in [
+            x.strip() for x in settings["flatStudio"].split(",")
+        ]:
+            if "export_deovr" not in tags:
+                tags.append("export_deovr")
+
+                tags.append("FLAT")
     log.debug(tags)
 
+
 def processScenes():
-    log.info('Getting scene count')
+    log.info("Getting scene count")
     if skip_tag not in tags_cache:
-        tags_cache[skip_tag]=stash.find_tag(skip_tag, create=True).get("id")
-    count=stash.find_scenes(f={"tags":{"depth":0,"excludes":[tags_cache[skip_tag]],"modifier":"INCLUDES_ALL","value":[]}},filter={"per_page": 1},get_count=True)[0]
-    log.info(str(count)+' scenes to process.')
-    i=0
-    for r in range(1,int(count/per_page)+2):
-        log.info('adding tags to scenes: %s - %s %0.1f%%' % ((r - 1) * per_page,r * per_page,(i/count)*100,))
-        scenes=stash.find_scenes(f={"tags":{"depth":0,"excludes":[tags_cache[skip_tag]],"modifier":"INCLUDES_ALL","value":[]}},filter={"page":r,"per_page": per_page})
+        tags_cache[skip_tag] = stash.find_tag(skip_tag, create=True).get("id")
+    count = stash.find_scenes(
+        f={
+            "tags": {
+                "depth": 0,
+                "excludes": [tags_cache[skip_tag]],
+                "modifier": "INCLUDES_ALL",
+                "value": [],
+            }
+        },
+        filter={"per_page": 1},
+        get_count=True,
+    )[0]
+    log.info(str(count) + " scenes to process.")
+    i = 0
+    for r in range(1, int(count / per_page) + 2):
+        log.info(
+            "adding tags to scenes: %s - %s %0.1f%%"
+            % (
+                (r - 1) * per_page,
+                r * per_page,
+                (i / count) * 100,
+            )
+        )
+        scenes = stash.find_scenes(
+            f={
+                "tags": {
+                    "depth": 0,
+                    "excludes": [tags_cache[skip_tag]],
+                    "modifier": "INCLUDES_ALL",
+                    "value": [],
+                }
+            },
+            filter={"page": r, "per_page": per_page},
+        )
         for s in scenes:
             processScene(s)
-            i=i+1
-            log.progress((i/count))
+            i = i + 1
+            log.progress((i / count))
             time.sleep(1)
 
 
@@ -133,20 +175,19 @@ def processScenes():
 
 FRAGMENT_SERVER = json_input["server_connection"]
 stash = StashInterface(FRAGMENT_SERVER)
-config=stash.get_configuration()['plugins']
-if 'misc-tags' in config:
-    settings.update(config['misc-tags'])
-log.info('config: %s ' % (settings,))
-
-if 'mode' in json_input['args']:
-    PLUGIN_ARGS = json_input['args']["mode"]
-    if 'processScenes' in PLUGIN_ARGS:
+config = stash.get_configuration()["plugins"]
+if "misc-tags" in config:
+    settings.update(config["misc-tags"])
+log.info("config: %s " % (settings,))
+
+if "mode" in json_input["args"]:
+    PLUGIN_ARGS = json_input["args"]["mode"]
+    if "processScenes" in PLUGIN_ARGS:
         processScenes()
 
 
-
-elif 'hookContext' in json_input['args']:
-    id=json_input['args']['hookContext']['id']
-    if json_input['args']['hookContext']['type']=='Scene.Update.Post':
-        scene=stash.find_scene(id)
+elif "hookContext" in json_input["args"]:
+    id = json_input["args"]["hookContext"]["id"]
+    if json_input["args"]["hookContext"]["type"] == "Scene.Update.Post":
+        scene = stash.find_scene(id)
         processScene(scene)
diff --git a/plugins/pathParser/pathParser.js b/plugins/pathParser/pathParser.js
index bdef3498..b2e3c20b 100644
--- a/plugins/pathParser/pathParser.js
+++ b/plugins/pathParser/pathParser.js
@@ -1,132 +1,117 @@
 // Common Patterns
 var patterns = {
   movieTitleAndYear: /(.+) \(\d{4}\)/,
-  sceneTitleAndPerformers: /(.+) - ([A-zÀ-ú, ]+)/
-}
+  sceneTitleAndPerformers: /(.+) - ([A-zÀ-ú, ]+)/,
+};
 
 var rules = [
   {
-    name: 'Rule 1',
-    pattern: [
-      'Specific Studio',
-      null,
-      null
-    ],
+    name: "Rule 1",
+    pattern: ["Specific Studio", null, null],
     fields: {
-      studio: '#0',
-      title: '#2',
-    }
+      studio: "#0",
+      title: "#2",
+    },
   },
   {
-    name: 'Rule 2',
+    name: "Rule 2",
     pattern: [
-      ['One Studio', 'Another Studio'],
+      ["One Studio", "Another Studio"],
       patterns.movieTitleAndYear,
-      patterns.sceneTitleAndPerformers
+      patterns.sceneTitleAndPerformers,
     ],
     fields: {
-      title: '#2',
-      studio: '#0',
-      performers: '#3'
-    }
+      title: "#2",
+      studio: "#0",
+      performers: "#3",
+    },
   },
 ];
 
 /* ----------------------------------------------------------------------------
 // DO NOT EDIT BELOW!
 ---------------------------------------------------------------------------- */
-function main()
-{
-  try
-  {
-    switch (getTask(input.Args))
-    {
-      case 'createTags':
-        var runTag = getArg(input.Args, 'runTag');
-        var testTag = getArg(input.Args, 'testTag');
+function main() {
+  try {
+    switch (getTask(input.Args)) {
+      case "createTags":
+        var runTag = getArg(input.Args, "runTag");
+        var testTag = getArg(input.Args, "testTag");
         createTags([runTag, testTag]);
         break;
 
-      case 'removeTags':
-        var runTag = getArg(input.Args, 'runTag');
-        var testTag = getArg(input.Args, 'testTag');
+      case "removeTags":
+        var runTag = getArg(input.Args, "runTag");
+        var testTag = getArg(input.Args, "testTag");
         removeTags([runTag, testTag]);
         break;
 
-      case 'runRules':
-        var runTag = getArg(input.Args, 'runTag');
+      case "runRules":
+        var runTag = getArg(input.Args, "runTag");
         initBasePaths();
         runRules(runTag);
         break;
 
-      case 'testRules':
+      case "testRules":
         DEBUG = true;
-        var testTag = getArg(input.Args, 'testTag');
+        var testTag = getArg(input.Args, "testTag");
         initBasePaths();
         runRules(testTag);
         break;
 
-      case 'scene':
+      case "scene":
         var id = getId(input.Args);
         initBasePaths();
         matchRuleWithSceneId(id, applyRule);
         break;
 
-      case 'image':
+      case "image":
         var id = getId(input.Args);
         initBasePaths();
         break;
 
       default:
-        throw 'Unsupported task';
+        throw "Unsupported task";
     }
-  }
-  catch (e)
-  {
-    return { Output: 'error', Error: e };
+  } catch (e) {
+    return { Output: "error", Error: e };
   }
 
-  return { Output: 'ok' };
+  return { Output: "ok" };
 }
 
 // Get an input arg
-function getArg(inputArgs, arg)
-{
-  if (inputArgs.hasOwnProperty(arg))
-  {
+function getArg(inputArgs, arg) {
+  if (inputArgs.hasOwnProperty(arg)) {
     return inputArgs[arg];
   }
 
-  throw 'Input is missing ' + arg;
+  throw "Input is missing " + arg;
 }
 
 // Determine task based on input args
-function getTask(inputArgs)
-{
-  if (inputArgs.hasOwnProperty('task'))
-  {
+function getTask(inputArgs) {
+  if (inputArgs.hasOwnProperty("task")) {
     return inputArgs.task;
   }
-  
-  if (!inputArgs.hasOwnProperty('hookContext'))
-  {
+
+  if (!inputArgs.hasOwnProperty("hookContext")) {
     return;
   }
 
-  switch (inputArgs.hookContext.type)
-  {
-    case 'Scene.Create.Post':
-      return 'scene';
-    
-    case 'Image.Create.Post':
-      return 'image';
+  switch (inputArgs.hookContext.type) {
+    case "Scene.Create.Post":
+      return "scene";
+
+    case "Image.Create.Post":
+      return "image";
   }
 }
 
 // Get stash paths from configuration
-function initBasePaths()
-{
-  var query ='\
+function initBasePaths() {
+  var query =
+    "\
   query Query {\
     configuration {\
       general {\
@@ -135,239 +120,210 @@ function initBasePaths()
         }\
       }\
     }\
-  }';
+  }";
 
   var result = gql.Do(query);
-  if (!result.configuration)
-  {
-    throw 'Unable to get library paths';
+  if (!result.configuration) {
+    throw "Unable to get library paths";
   }
 
-  BASE_PATHS = result.configuration.general.stashes.map(function (stash)
-  {
+  BASE_PATHS = result.configuration.general.stashes.map(function (stash) {
     return stash.path;
   });
 
-  if (BASE_PATHS == null || BASE_PATHS.length == 0)
-  {
-    throw 'Unable to get library paths';
+  if (BASE_PATHS == null || BASE_PATHS.length == 0) {
+    throw "Unable to get library paths";
   }
 }
 
 // Create tag if it does not already exist
-function createTags(tags)
-{
-  var query ='\
+function createTags(tags) {
+  var query =
+    "\
   mutation TagCreate($input: TagCreateInput!) {\
     tagCreate(input: $input) {\
       id\
     }\
-  }';
+  }";
 
-  tags.forEach(function (tag)
-  {
-    if (tryGetTag(tag) !== null)
-    {
+  tags.forEach(function (tag) {
+    if (tryGetTag(tag) !== null) {
       return;
     }
 
     var variables = {
       input: {
-        name: tag
-      }
+        name: tag,
+      },
     };
 
     var result = gql.Do(query, variables);
-    if (!result.tagCreate)
-    {
-      throw 'Could not create tag ' + tag;
+    if (!result.tagCreate) {
+      throw "Could not create tag " + tag;
     }
   });
 }
 
 // Remove tags if it already exists
-function removeTags(tags)
-{
-  tags.forEach(function (tag)
-  {
+function removeTags(tags) {
+  tags.forEach(function (tag) {
     var tagId = tryGetTag(tag);
-    if (tagId === null)
-    {
+    if (tagId === null) {
       return;
     }
 
-    var query = '\
+    var query =
+      "\
     mutation TagsDestroy($ids: [ID!]!) {\
       tagsDestroy(ids: $ids)\
-    }';
+    }";
 
     var variables = {
-      ids: [ tagId ]
+      ids: [tagId],
     };
 
     var result = gql.Do(query, variables);
-    if (!result.tagsDestroy)
-    {
-      throw 'Unable to remove tag ' + tag;
+    if (!result.tagsDestroy) {
+      throw "Unable to remove tag " + tag;
     }
   });
 }
 
 // Run rules for scenes containing tag
-function runRules(tag)
-{
+function runRules(tag) {
   var tagId = tryGetTag(tag);
-  if (tagId === null)
-  {
-    throw 'Tag ' + tag + ' does not exist';
+  if (tagId === null) {
+    throw "Tag " + tag + " does not exist";
   }
 
-  var query = '\
+  var query =
+    "\
   query FindScenes($sceneFilter: SceneFilterType) {\
     findScenes(scene_filter: $sceneFilter) {\
       scenes {\
         id\
       }\
     }\
-  }';
+  }";
 
   var variables = {
     sceneFilter: {
       tags: {
         value: tagId,
-        modifier: 'INCLUDES'
-      }
-    }
+        modifier: "INCLUDES",
+      },
+    },
   };
 
   var result = gql.Do(query, variables);
-  if (!result.findScenes || result.findScenes.scenes.length == 0)
-  {
-    throw 'No scenes found with tag ' + tag;
+  if (!result.findScenes || result.findScenes.scenes.length == 0) {
+    throw "No scenes found with tag " + tag;
   }
 
-  result.findScenes.scenes.forEach(function (scene)
-  {
+  result.findScenes.scenes.forEach(function (scene) {
     matchRuleWithSceneId(scene.id, applyRule);
   });
 }
 
 // Get scene/image id from input args
-function getId(inputArgs)
-{
-  if ((id = inputArgs.hookContext.id) == null)
-  {
-    throw 'Input is missing id';
+function getId(inputArgs) {
+  if ((id = inputArgs.hookContext.id) == null) {
+    throw "Input is missing id";
   }
 
   return id;
 }
 
 // Apply callback function to first matching rule for id
-function matchRuleWithSceneId(sceneId, cb)
-{
-  var query = '\
+function matchRuleWithSceneId(sceneId, cb) {
+  var query =
+    "\
   query FindScene($findSceneId: ID) {\
     findScene(id: $findSceneId) {\
       files {\
         path\
       }\
     }\
-  }';
+  }";
 
   var variables = {
-    findSceneId: sceneId
-  }
+    findSceneId: sceneId,
+  };
 
   var result = gql.Do(query, variables);
-  if (!result.findScene || result.findScene.files.length == 0)
-  {
-    throw 'Missing scene for id: ' + sceneId;
+  if (!result.findScene || result.findScene.files.length == 0) {
+    throw "Missing scene for id: " + sceneId;
   }
 
-  for (var i = 0; i < result.findScene.files.length; i++)
-  {
-    try
-    {
+  for (var i = 0; i < result.findScene.files.length; i++) {
+    try {
       matchRuleWithPath(sceneId, result.findScene.files[i].path, cb);
-      
-      if (DEBUG && bufferedOutput !== null && bufferedOutput !== '')
-      {
-        log.Info('[PathParser] ' + bufferedOutput);
+
+      if (DEBUG && bufferedOutput !== null && bufferedOutput !== "") {
+        log.Info("[PathParser] " + bufferedOutput);
       }
 
       return;
-    }
-    catch (e)
-    {
+    } catch (e) {
       continue;
     }
   }
-  
-  if (DEBUG && bufferedOutput !== null && bufferedOutput !== '')
-  {
-    log.Info('[PathParser] ' + bufferedOutput);
+
+  if (DEBUG && bufferedOutput !== null && bufferedOutput !== "") {
+    log.Info("[PathParser] " + bufferedOutput);
   }
 
-  throw 'No rule matches id: ' + sceneId;
+  throw "No rule matches id: " + sceneId;
 }
 
 // Apply callback to first matching rule for path
-function matchRuleWithPath(sceneId, path, cb)
-{
+function matchRuleWithPath(sceneId, path, cb) {
   // Remove base path
-  for (var i = 0; i < BASE_PATHS.length; i++)
-  {
-    if (path.slice(0, BASE_PATHS[i].length) === BASE_PATHS[i])
-    {
+  for (var i = 0; i < BASE_PATHS.length; i++) {
+    if (path.slice(0, BASE_PATHS[i].length) === BASE_PATHS[i]) {
       path = path.slice(BASE_PATHS[i].length);
     }
   }
 
-  if (DEBUG)
-  {
-    bufferedOutput = path + '\n';
+  if (DEBUG) {
+    bufferedOutput = path + "\n";
   }
 
   // Split paths into parts
   var parts = path.split(/[\\/]/);
 
   // Remove extension from filename
-  parts[parts.length - 1] = parts[parts.length - 1].slice(0, parts[parts.length - 1].lastIndexOf('.'));
+  parts[parts.length - 1] = parts[parts.length - 1].slice(
+    0,
+    parts[parts.length - 1].lastIndexOf("."),
+  );
 
-  for (var i = 0; i < rules.length; i++)
-  {
+  for (var i = 0; i < rules.length; i++) {
     var sceneData = testRule(rules[i].pattern, parts);
-    if (sceneData !== null)
-    {
-      if (DEBUG)
-      {
-        bufferedOutput += 'Rule: ' + rules[i].name + '\n';
+    if (sceneData !== null) {
+      if (DEBUG) {
+        bufferedOutput += "Rule: " + rules[i].name + "\n";
       }
 
-      log.Debug('[PathParser] Rule: ' + rules[i].name + '\nPath: ' + path);
+      log.Debug("[PathParser] Rule: " + rules[i].name + "\nPath: " + path);
       cb(sceneId, rules[i].fields, sceneData);
       return;
     }
   }
 
-  bufferedOutput += 'No matching rule!';
-  throw 'No matching rule for path: ' + path;
+  bufferedOutput += "No matching rule!";
+  throw "No matching rule for path: " + path;
 }
 
 // Test single rule
-function testRule(pattern, parts)
-{
-  if (pattern.length !== parts.length)
-  {
+function testRule(pattern, parts) {
+  if (pattern.length !== parts.length) {
     return null;
   }
 
   var matchedParts = [];
-  for (var i = 0; i < pattern.length; i++)
-  {
-    if ((subMatches = testPattern(pattern[i], parts[i])) == null)
-    {
+  for (var i = 0; i < pattern.length; i++) {
+    if ((subMatches = testPattern(pattern[i], parts[i])) == null) {
       return null;
     }
 
@@ -377,19 +333,15 @@ function testRule(pattern, parts)
   return matchedParts;
 }
 
-function testPattern(pattern, part)
-{
+function testPattern(pattern, part) {
   // Match anything
-  if (pattern == null)
-  {
+  if (pattern == null) {
     return [part];
   }
 
   // Simple match
-  if (typeof pattern === 'string')
-  {
-    if (pattern === part)
-    {
+  if (typeof pattern === "string") {
+    if (pattern === part) {
       return [part];
     }
 
@@ -397,18 +349,13 @@ function testPattern(pattern, part)
   }
 
   // Predicate match
-  if (typeof pattern == 'function')
-  {
-    try
-    {
+  if (typeof pattern == "function") {
+    try {
       var results = pattern(part);
-      if (results !== null)
-      {
+      if (results !== null) {
         return results;
       }
-    }
-    catch (e)
-    {
+    } catch (e) {
       throw e;
     }
 
@@ -416,12 +363,9 @@ function testPattern(pattern, part)
   }
 
   // Array match
-  if (pattern instanceof Array)
-  {
-    for (var i = 0; i < pattern.length; i++)
-    {
-      if ((results = testPattern(pattern[i], part)) != null)
-      {
+  if (pattern instanceof Array) {
+    for (var i = 0; i < pattern.length; i++) {
+      if ((results = testPattern(pattern[i], part)) != null) {
         return results;
       }
     }
@@ -430,11 +374,9 @@ function testPattern(pattern, part)
   }
 
   // RegExp match
-  if (pattern instanceof RegExp)
-  {
+  if (pattern instanceof RegExp) {
     var results = pattern.exec(part);
-    if (results === null)
-    {
+    if (results === null) {
       return null;
     }
 
@@ -443,186 +385,165 @@ function testPattern(pattern, part)
 }
 
 // Apply rule
-function applyRule(sceneId, fields, data)
-{
+function applyRule(sceneId, fields, data) {
   var any = false;
   var variables = {
     input: {
-      id: sceneId
-    }
+      id: sceneId,
+    },
   };
 
-  if (DEBUG)
-  {
-    for (var i = 0; i < data.length; i++)
-    {
-      bufferedOutput += '#' + i + ': ' + data[i] + '\n';
+  if (DEBUG) {
+    for (var i = 0; i < data.length; i++) {
+      bufferedOutput += "#" + i + ": " + data[i] + "\n";
     }
   }
 
-  for (var field in fields)
-  {
+  for (var field in fields) {
     var value = fields[field];
-    for (var i = data.length - 1; i >= 0; i--)
-    {
-      value = value.replace('#' + i, data[i]);
+    for (var i = data.length - 1; i >= 0; i--) {
+      value = value.replace("#" + i, data[i]);
     }
 
-    switch (field)
-    {
-      case 'title':
-        if (DEBUG)
-        {
-          bufferedOutput += field + ': ' + value + '\n';
+    switch (field) {
+      case "title":
+        if (DEBUG) {
+          bufferedOutput += field + ": " + value + "\n";
         }
 
-        variables.input['title'] = value;
+        variables.input["title"] = value;
         any = true;
         continue;
 
-      case 'studio':
+      case "studio":
         var studioId = tryGetStudio(value);
-        if (studioId == null)
-        {
+        if (studioId == null) {
           continue;
         }
 
-        if (DEBUG)
-        {
-          bufferedOutput += field + ': ' + value + '\n';
-          bufferedOutput += 'studio_id: ' + studioId + '\n';
+        if (DEBUG) {
+          bufferedOutput += field + ": " + value + "\n";
+          bufferedOutput += "studio_id: " + studioId + "\n";
         }
 
-        variables.input['studio_id'] = studioId;
+        variables.input["studio_id"] = studioId;
         any = true;
         continue;
 
-        case 'movie_title':
-          var movie_title = value.split(' ').join('[\\W]*');
-          var movieId = tryGetMovie(movie_title);
-          if (movieId == null)
-          {
-            continue;
-          }
-
-          if (!variables.input.hasOwnProperty('movies'))
-          {
-            variables.input['movies'] = [{}];
-          }
-
-          if (DEBUG)
-          {
-            bufferedOutput += field + ': ' + value + '\n';
-            bufferedOutput += 'movie_id: ' + movieId + '\n';
-          }
-
-          variables.input['movies'][0]['movie_id'] = movieId;
-          any = true;
+      case "movie_title":
+        var movie_title = value.split(" ").join("[\\W]*");
+        var movieId = tryGetMovie(movie_title);
+        if (movieId == null) {
           continue;
-      
-      case 'scene_index':
+        }
+
+        if (!variables.input.hasOwnProperty("movies")) {
+          variables.input["movies"] = [{}];
+        }
+
+        if (DEBUG) {
+          bufferedOutput += field + ": " + value + "\n";
+          bufferedOutput += "movie_id: " + movieId + "\n";
+        }
+
+        variables.input["movies"][0]["movie_id"] = movieId;
+        any = true;
+        continue;
+
+      case "scene_index":
         var sceneIndex = parseInt(value);
-        if (isNaN(sceneIndex))
-        {
+        if (isNaN(sceneIndex)) {
           continue;
         }
 
-        if (!variables.input.hasOwnProperty('movies'))
-        {
-          variables.input['movies'] = [{}];
+        if (!variables.input.hasOwnProperty("movies")) {
+          variables.input["movies"] = [{}];
         }
 
-        if (DEBUG)
-        {
-          bufferedOutput += 'scene_index: ' + sceneIndex + '\n';
+        if (DEBUG) {
+          bufferedOutput += "scene_index: " + sceneIndex + "\n";
         }
 
-        variables.input['movies'][0]['scene_index'] = sceneIndex;
+        variables.input["movies"][0]["scene_index"] = sceneIndex;
         continue;
 
-      case 'performers':
-        var performers = value.split(',').map(tryGetPerformer).filter(notNull);
-        if (performers.length == 0)
-        {
+      case "performers":
+        var performers = value.split(",").map(tryGetPerformer).filter(notNull);
+        if (performers.length == 0) {
           continue;
         }
 
-        if (DEBUG)
-        {
-          bufferedOutput += field + ': ' + value + '\n';
-          bufferedOutput += 'performer_ids: ' + performers.join(', ') + '\n';
+        if (DEBUG) {
+          bufferedOutput += field + ": " + value + "\n";
+          bufferedOutput += "performer_ids: " + performers.join(", ") + "\n";
         }
 
-        variables.input['performer_ids'] = performers;
+        variables.input["performer_ids"] = performers;
         any = true;
         continue;
 
-      case 'tags':
-        var tags = value.split(',').map(tryGetTag).filter(notNull);
-        if (tags.length == 0)
-        {
+      case "tags":
+        var tags = value.split(",").map(tryGetTag).filter(notNull);
+        if (tags.length == 0) {
           continue;
         }
 
-        if (DEBUG)
-        {
-          bufferedOutput += field + ': ' + value + '\n';
-          bufferedOutput += 'tag_ids: ' + tags.join(', ') + '\n';
+        if (DEBUG) {
+          bufferedOutput += field + ": " + value + "\n";
+          bufferedOutput += "tag_ids: " + tags.join(", ") + "\n";
         }
 
-        variables.input['tag_ids'] = tags;
+        variables.input["tag_ids"] = tags;
         any = true;
         continue;
     }
   }
 
   // Test only
-  if (DEBUG)
-  {
-    if (!any)
-    {
-      bufferedOutput += 'No fields to update!\n';
+  if (DEBUG) {
+    if (!any) {
+      bufferedOutput += "No fields to update!\n";
     }
 
     return;
   }
 
   // Remove movies if movie_id is missing
-  if (variables.input.hasOwnProperty('movies') && !variables.input['movies'][0].hasOwnProperty('movie_id'))
-  {
-    delete variables.input['movies'];
+  if (
+    variables.input.hasOwnProperty("movies") &&
+    !variables.input["movies"][0].hasOwnProperty("movie_id")
+  ) {
+    delete variables.input["movies"];
   }
 
   // Apply updates
-  var query = '\
+  var query =
+    "\
   mutation Mutation($input: SceneUpdateInput!) {\
     sceneUpdate(input: $input) {\
       id\
     }\
-  }';
+  }";
 
-  if (!any)
-  {
-    throw 'No fields to update for scene ' + sceneId;
+  if (!any) {
+    throw "No fields to update for scene " + sceneId;
   }
 
   var result = gql.Do(query, variables);
-  if (!result.sceneUpdate)
-  {
-    throw 'Unable to update scene ' + sceneId;
+  if (!result.sceneUpdate) {
+    throw "Unable to update scene " + sceneId;
   }
 }
 
 // Returns true for not null elements
-function notNull(ele)
-{
+function notNull(ele) {
   return ele != null;
 }
 
 // Get studio id from studio name
-function tryGetStudio(studio)
-{
-  var query = '\
+function tryGetStudio(studio) {
+  var query =
+    "\
   query FindStudios($studioFilter: StudioFilterType) {\
     findStudios(studio_filter: $studioFilter) {\
       studios {\
@@ -630,29 +551,28 @@ function tryGetStudio(studio)
       }\
       count\
     }\
-  }';
+  }";
 
   var variables = {
     studioFilter: {
       name: {
         value: studio.trim(),
-        modifier: 'EQUALS'
-      }
-    }
+        modifier: "EQUALS",
+      },
+    },
   };
 
   var result = gql.Do(query, variables);
-  if (!result.findStudios || result.findStudios.count == 0)
-  {
+  if (!result.findStudios || result.findStudios.count == 0) {
     return;
   }
 
   return result.findStudios.studios[0].id;
 }
 
-function tryGetMovie(movie_title)
-{
-  var query = '\
+function tryGetMovie(movie_title) {
+  var query =
+    "\
   query FindMovies($movieFilter: MovieFilterType) {\
     findMovies(movie_filter: $movieFilter) {\
       movies {\
@@ -660,20 +580,19 @@ function tryGetMovie(movie_title)
       }\
       count\
     }\
-  }';
+  }";
 
   var variables = {
     movieFilter: {
       name: {
         value: movie_title.trim(),
-        modifier: 'MATCHES_REGEX'
-      }
-    }
+        modifier: "MATCHES_REGEX",
+      },
+    },
   };
 
   var result = gql.Do(query, variables);
-  if (!result.findMovies || result.findMovies.count == 0)
-  {
+  if (!result.findMovies || result.findMovies.count == 0) {
     return;
   }
 
@@ -681,9 +600,9 @@ function tryGetMovie(movie_title)
 }
 
 // Get performer id from performer name
-function tryGetPerformer(performer)
-{
-  var query = '\
+function tryGetPerformer(performer) {
+  var query =
+    "\
   query FindPerformers($performerFilter: PerformerFilterType) {\
     findPerformers(performer_filter: $performerFilter) {\
       performers {\
@@ -691,20 +610,19 @@ function tryGetPerformer(performer)
       }\
       count\
     }\
-  }';
+  }";
 
   var variables = {
     performerFilter: {
       name: {
         value: performer.trim(),
-        modifier: 'EQUALS'
-      }
-    }
+        modifier: "EQUALS",
+      },
+    },
   };
 
   var result = gql.Do(query, variables);
-  if (!result.findPerformers || result.findPerformers.count == 0)
-  {
+  if (!result.findPerformers || result.findPerformers.count == 0) {
     return;
   }
 
@@ -712,9 +630,9 @@ function tryGetPerformer(performer)
 }
 
 // Get tag id from tag name
-function tryGetTag(tag)
-{
-  var query ='\
+function tryGetTag(tag) {
+  var query =
+    "\
   query FindTags($tagFilter: TagFilterType) {\
     findTags(tag_filter: $tagFilter) {\
       tags {\
@@ -722,20 +640,19 @@ function tryGetTag(tag)
       }\
       count\
     }\
-  }';
+  }";
 
   var variables = {
     tagFilter: {
       name: {
         value: tag.trim(),
-        modifier: 'EQUALS'
-      }
-    }
+        modifier: "EQUALS",
+      },
+    },
   };
 
   var result = gql.Do(query, variables);
-  if (!result.findTags || result.findTags.count == 0)
-  {
+  if (!result.findTags || result.findTags.count == 0) {
     return;
   }
 
@@ -744,5 +661,5 @@ function tryGetTag(tag)
 
 var DEBUG = false;
 var BASE_PATHS = [];
-var bufferedOutput = '';
-main();
\ No newline at end of file
+var bufferedOutput = "";
+main();
diff --git a/plugins/pathParser/pathParser.yml b/plugins/pathParser/pathParser.yml
index 9ef17dc6..bcd1e94c 100644
--- a/plugins/pathParser/pathParser.yml
+++ b/plugins/pathParser/pathParser.yml
@@ -8,28 +8,28 @@ interface: js
 hooks:
   - name: Run Rules on scan
     description: Updates scene info whenever a new scene is added.
-    triggeredBy: 
+    triggeredBy:
       - Scene.Create.Post
 tasks:
   - name: Create Tags
     description: Create tags used by the path parser tasks.
     defaultArgs:
       task: createTags
-      runTag: '[Run]'
-      testTag: '[Test]'
+      runTag: "[Run]"
+      testTag: "[Test]"
   - name: Remove Tags
     description: Remove tags used by the path parser tasks.
     defaultArgs:
       task: removeTags
-      runTag: '[Run]'
-      testTag: '[Test]'
+      runTag: "[Run]"
+      testTag: "[Test]"
   - name: Run Rules
     description: Run rules for scenes containing the run tag.
     defaultArgs:
       task: runRules
-      runTag: '[Run]'
+      runTag: "[Run]"
   - name: Test Rules
     description: Test rules for scenes containing the test tag.
     defaultArgs:
       task: testRules
-      testTag: '[Test]'
\ No newline at end of file
+      testTag: "[Test]"
diff --git a/plugins/phashDuplicateTagger/config.py b/plugins/phashDuplicateTagger/config.py
index f8ca6a9a..37c23324 100644
--- a/plugins/phashDuplicateTagger/config.py
+++ b/plugins/phashDuplicateTagger/config.py
@@ -1,32 +1,47 @@
 import stashapi.log as log
 from stashapi.tools import human_bytes, human_bits
 
-PRIORITY = ['bitrate_per_pixel','resolution', 'bitrate', 'encoding', 'size', 'age']
-CODEC_PRIORITY = {'AV1':0,'H265':1,'HEVC':1,'H264':2,'MPEG4':3,'MPEG1VIDEO':3,'WMV3':4,'WMV2':5,'VC1':6,'SVQ3':7}
+PRIORITY = ["bitrate_per_pixel", "resolution", "bitrate", "encoding", "size", "age"]
+CODEC_PRIORITY = {
+    "AV1": 0,
+    "H265": 1,
+    "HEVC": 1,
+    "H264": 2,
+    "MPEG4": 3,
+    "MPEG1VIDEO": 3,
+    "WMV3": 4,
+    "WMV2": 5,
+    "VC1": 6,
+    "SVQ3": 7,
+}
 
 KEEP_TAG_NAME = "[PDT: Keep]"
 REMOVE_TAG_NAME = "[PDT: Remove]"
 UNKNOWN_TAG_NAME = "[PDT: Unknown]"
 IGNORE_TAG_NAME = "[PDT: Ignore]"
 
-	
+
 def compare_bitrate_per_pixel(self, other):
 
     try:
         self_bpp = self.bitrate / (self.width * self.height * self.frame_rate)
     except ZeroDivisionError:
-        log.warning(f'scene {self.id} has 0 in file value ({self.width}x{self.height} {self.frame_rate}fps)')
+        log.warning(
+            f"scene {self.id} has 0 in file value ({self.width}x{self.height} {self.frame_rate}fps)"
+        )
         return
-    try:    
+    try:
         other_bpp = other.bitrate / (other.width * other.height * other.frame_rate)
     except ZeroDivisionError:
-        log.warning(f'scene {other.id} has 0 in file value ({other.width}x{other.height} {other.frame_rate}fps)')
+        log.warning(
+            f"scene {other.id} has 0 in file value ({other.width}x{other.height} {other.frame_rate}fps)"
+        )
         return
 
-    bpp_diff = abs(self_bpp-other_bpp)
+    bpp_diff = abs(self_bpp - other_bpp)
     if bpp_diff <= 0.01:
         return
-    
+
     if self_bpp > other_bpp:
         better_bpp, worse_bpp = self_bpp, other_bpp
         better, worse = self, other
@@ -34,24 +49,26 @@ def compare_bitrate_per_pixel(self, other):
         worse_bpp, better_bpp = self_bpp, other_bpp
         worse, better = self, other
     worse.remove_reason = "bitrate_per_pxl"
-    message = f'bitrate/pxl {better_bpp:.3f}bpp > {worse_bpp:.3f}bpp Δ:{bpp_diff:.3f}'
+    message = f"bitrate/pxl {better_bpp:.3f}bpp > {worse_bpp:.3f}bpp Δ:{bpp_diff:.3f}"
     return better, message
 
+
 def compare_frame_rate(self, other):
     if not self.frame_rate:
-        log.warning(f'scene {self.id} has no value for frame_rate')
+        log.warning(f"scene {self.id} has no value for frame_rate")
     if not other.frame_rate:
-        log.warning(f'scene {other.id} has no value for frame_rate')
+        log.warning(f"scene {other.id} has no value for frame_rate")
 
-    if abs(self.frame_rate-other.frame_rate) < 5:
+    if abs(self.frame_rate - other.frame_rate) < 5:
         return
-    
+
     if self.frame_rate > other.frame_rate:
         better, worse = self, other
     else:
         worse, better = self, other
     worse.remove_reason = "frame_rate"
-    return better, f'Better FPS {better.frame_rate} vs {worse.frame_rate}'
+    return better, f"Better FPS {better.frame_rate} vs {worse.frame_rate}"
+
 
 def compare_resolution(self, other):
     if self.height == other.height:
@@ -61,7 +78,11 @@ def compare_resolution(self, other):
     else:
         worse, better = self, other
     worse.remove_reason = "resolution"
-    return better, f"Better Resolution {better.id}:{better.height}p > {worse.id}:{worse.height}p"
+    return (
+        better,
+        f"Better Resolution {better.id}:{better.height}p > {worse.id}:{worse.height}p",
+    )
+
 
 def compare_bitrate(self, other):
     if self.bitrate == other.bitrate:
@@ -71,18 +92,26 @@ def compare_bitrate(self, other):
     else:
         worse, better = self, other
     worse.remove_reason = "bitrate"
-    return better, f"Better Bitrate {human_bits(better.bitrate)}ps > {human_bits(worse.bitrate)}ps Δ:({human_bits(better.bitrate-other.bitrate)}ps)"
-    
+    return (
+        better,
+        f"Better Bitrate {human_bits(better.bitrate)}ps > {human_bits(worse.bitrate)}ps Δ:({human_bits(better.bitrate-other.bitrate)}ps)",
+    )
+
+
 def compare_size(self, other):
-    if abs(self.size-other.size) <= 100000: # diff is <= than 0.1 Mb
+    if abs(self.size - other.size) <= 100000:  # diff is <= than 0.1 Mb
         return
     if self.size > other.size:
         better, worse = self, other
     else:
         worse, better = self, other
     worse.remove_reason = "file_size"
-    return better, f"Better Size {human_bytes(better.size)} > {human_bytes(worse.size)} Δ:({human_bytes(better.size-worse.size)})"
-    
+    return (
+        better,
+        f"Better Size {human_bytes(better.size)} > {human_bytes(worse.size)} Δ:({human_bytes(better.size-worse.size)})",
+    )
+
+
 def compare_age(self, other):
     if not (self.mod_time and other.mod_time):
         return
@@ -93,18 +122,26 @@ def compare_age(self, other):
     else:
         worse, better = self, other
     worse.remove_reason = "age"
-    return better, f"Choose Oldest: Δ:{worse.mod_time-better.mod_time} | {better.id} older than {worse.id}"
+    return (
+        better,
+        f"Choose Oldest: Δ:{worse.mod_time-better.mod_time} | {better.id} older than {worse.id}",
+    )
+
 
 def compare_encoding(self, other):
     if self.codec_priority == other.codec_priority:
         return
-    if not (isinstance(self.codec_priority, int) and isinstance(other.codec_priority, int)):
+    if not (
+        isinstance(self.codec_priority, int) and isinstance(other.codec_priority, int)
+    ):
         return
-    
+
     if self.codec_priority < other.codec_priority:
         better, worse = self, other
     else:
         worse, better = self, other
     worse.remove_reason = "video_codec"
-    return self, f"Prefer Codec {better.codec}({better.id}) over {worse.codec}({worse.id})"
-    
\ No newline at end of file
+    return (
+        self,
+        f"Prefer Codec {better.codec}({better.id}) over {worse.codec}({worse.id})",
+    )
diff --git a/plugins/phashDuplicateTagger/phashDuplicateTagger.py b/plugins/phashDuplicateTagger/phashDuplicateTagger.py
index 494c44a9..843d85fc 100644
--- a/plugins/phashDuplicateTagger/phashDuplicateTagger.py
+++ b/plugins/phashDuplicateTagger/phashDuplicateTagger.py
@@ -8,13 +8,15 @@
     from stashapi.stash_types import PhashDistance
     from stashapi.stashapp import StashInterface
 except ModuleNotFoundError:
-    print("You need to install the stashapi module. (pip install stashapp-tools)",
-     file=sys.stderr)
+    print(
+        "You need to install the stashapi module. (pip install stashapp-tools)",
+        file=sys.stderr,
+    )
 
 import config
 
 FRAGMENT = json.loads(sys.stdin.read())
-MODE = FRAGMENT['args']['mode']
+MODE = FRAGMENT["args"]["mode"]
 stash = StashInterface(FRAGMENT["server_connection"])
 
 SLIM_SCENE_FRAGMENT = """
@@ -35,236 +37,244 @@
 }
 """
 
+
 def main():
-		
-	if MODE == "remove":
-		clean_scenes()
-		for tag in get_managed_tags():
-			stash.destroy_tag(tag["id"])
 
-	if MODE == "tag_exact":
-		process_duplicates(PhashDistance.EXACT)
-	if MODE == "tag_high":
-		process_duplicates(PhashDistance.HIGH)
-	if MODE == "tag_medium":
-		process_duplicates(PhashDistance.MEDIUM)
+    if MODE == "remove":
+        clean_scenes()
+        for tag in get_managed_tags():
+            stash.destroy_tag(tag["id"])
 
-	if MODE == "clean_scenes":
-		clean_scenes()
-	if MODE == "generate_phash":
-		generate_phash()
+    if MODE == "tag_exact":
+        process_duplicates(PhashDistance.EXACT)
+    if MODE == "tag_high":
+        process_duplicates(PhashDistance.HIGH)
+    if MODE == "tag_medium":
+        process_duplicates(PhashDistance.MEDIUM)
 
+    if MODE == "clean_scenes":
+        clean_scenes()
+    if MODE == "generate_phash":
+        generate_phash()
 
-	log.exit("Plugin exited normally.")
+    log.exit("Plugin exited normally.")
 
 
 def parse_timestamp(ts, format="%Y-%m-%dT%H:%M:%S%z"):
-	ts = re.sub(r'\.\d+', "", ts) #remove fractional seconds
-	return dt.datetime.strptime(ts, format)
+    ts = re.sub(r"\.\d+", "", ts)  # remove fractional seconds
+    return dt.datetime.strptime(ts, format)
 
 
 class StashScene:
 
-	def __init__(self, scene=None) -> None:
-		file = scene["files"][0]
-
-		self.id = int(scene['id'])
-		self.mod_time = parse_timestamp(file['mod_time'])
-		if scene.get("date"):
-			self.date = parse_timestamp(scene['date'], format="%Y-%m-%d")
-		else:
-			self.date = None
-		self.path = scene.get("path")
-		self.width = file['width']
-		self.height = file['height']
-		# File size in # of BYTES
-		self.size = int(file['size'])
-		self.frame_rate = int(file['frame_rate'])
-		self.bitrate = int(file['bit_rate'])
-		self.duration = float(file['duration'])
-		# replace any existing tagged title
-		self.title = re.sub(r'^\[Dupe: \d+[KR]\]\s+', '', scene['title'])
-		self.path = file['path']
-		self.tag_ids = [t["id"]for t in scene["tags"]]
-
-		self.remove_reason = None
-
-		self.codec = file['video_codec'].upper()
-		if self.codec in config.CODEC_PRIORITY:
-			self.codec_priority = config.CODEC_PRIORITY[self.codec]
-		else:
-			self.codec_priority = None
-			log.warning(f"could not find codec {self.codec} used in SceneID:{self.id}")
-
-	def __repr__(self) -> str:
-		return f'<StashScene ({self.id})>'
-
-	def __str__(self) -> str:
-		return f'id:{self.id}, height:{self.height}, size:{human_bytes(self.size)}, file_mod_time:{self.mod_time}, title:{self.title}'
-
-	def compare(self, other):
-		if not (isinstance(other, StashScene)):
-			raise Exception(f"can only compare to <StashScene> not <{type(other)}>")
-
-		if self.id == other.id:
-			return None, f"Matching IDs {self.id}=={other.id}"
-
-		def compare_not_found(*args, **kwargs):
-			raise Exception("comparison not found")
-		for type in config.PRIORITY:
-			try:
-				compare_function = getattr(self, f'compare_{type}', compare_not_found)
-				result =  compare_function(other)
-				if result and len(result) == 2:
-					best, msg = result
-					return best, msg
-			except Exception as e:
-				log.error(f"Issue Comparing {self.id} {other.id} using <{type}> {e}")
-		
-		return None, f"{self.id} worse than {other.id}"
-
-def process_duplicates(distance:PhashDistance=PhashDistance.EXACT):
-	
-	clean_scenes() # clean old results
-
-	ignore_tag_id = stash.find_tag(config.IGNORE_TAG_NAME, create=True).get("id")
-	duplicate_list = stash.find_duplicate_scenes(distance, fragment=SLIM_SCENE_FRAGMENT)
-
-	total = len(duplicate_list)
-	log.info(f"Found {total} sets of duplicates.")
-
-	for i, group in enumerate(duplicate_list):
-		group = [StashScene(s) for s in group]
-		filtered_group = []
-		for scene in group:
-			if ignore_tag_id in scene.tag_ids:
-				log.debug(f"Ignore {scene.id} {scene.title}")
-			else:
-				filtered_group.append(scene)
-		
-		if len(filtered_group) > 1:
-			tag_files(filtered_group)
-		
-		log.progress(i/total)
+    def __init__(self, scene=None) -> None:
+        file = scene["files"][0]
+
+        self.id = int(scene["id"])
+        self.mod_time = parse_timestamp(file["mod_time"])
+        if scene.get("date"):
+            self.date = parse_timestamp(scene["date"], format="%Y-%m-%d")
+        else:
+            self.date = None
+        self.path = scene.get("path")
+        self.width = file["width"]
+        self.height = file["height"]
+        # File size in # of BYTES
+        self.size = int(file["size"])
+        self.frame_rate = int(file["frame_rate"])
+        self.bitrate = int(file["bit_rate"])
+        self.duration = float(file["duration"])
+        # replace any existing tagged title
+        self.title = re.sub(r"^\[Dupe: \d+[KR]\]\s+", "", scene["title"])
+        self.path = file["path"]
+        self.tag_ids = [t["id"] for t in scene["tags"]]
+
+        self.remove_reason = None
+
+        self.codec = file["video_codec"].upper()
+        if self.codec in config.CODEC_PRIORITY:
+            self.codec_priority = config.CODEC_PRIORITY[self.codec]
+        else:
+            self.codec_priority = None
+            log.warning(f"could not find codec {self.codec} used in SceneID:{self.id}")
+
+    def __repr__(self) -> str:
+        return f"<StashScene ({self.id})>"
+
+    def __str__(self) -> str:
+        return f"id:{self.id}, height:{self.height}, size:{human_bytes(self.size)}, file_mod_time:{self.mod_time}, title:{self.title}"
+
+    def compare(self, other):
+        if not (isinstance(other, StashScene)):
+            raise Exception(f"can only compare to <StashScene> not <{type(other)}>")
+
+        if self.id == other.id:
+            return None, f"Matching IDs {self.id}=={other.id}"
+
+        def compare_not_found(*args, **kwargs):
+            raise Exception("comparison not found")
+
+        for type in config.PRIORITY:
+            try:
+                compare_function = getattr(self, f"compare_{type}", compare_not_found)
+                result = compare_function(other)
+                if result and len(result) == 2:
+                    best, msg = result
+                    return best, msg
+            except Exception as e:
+                log.error(f"Issue Comparing {self.id} {other.id} using <{type}> {e}")
+
+        return None, f"{self.id} worse than {other.id}"
+
+
+def process_duplicates(distance: PhashDistance = PhashDistance.EXACT):
+
+    clean_scenes()  # clean old results
+
+    ignore_tag_id = stash.find_tag(config.IGNORE_TAG_NAME, create=True).get("id")
+    duplicate_list = stash.find_duplicate_scenes(distance, fragment=SLIM_SCENE_FRAGMENT)
+
+    total = len(duplicate_list)
+    log.info(f"Found {total} sets of duplicates.")
+
+    for i, group in enumerate(duplicate_list):
+        group = [StashScene(s) for s in group]
+        filtered_group = []
+        for scene in group:
+            if ignore_tag_id in scene.tag_ids:
+                log.debug(f"Ignore {scene.id} {scene.title}")
+            else:
+                filtered_group.append(scene)
+
+        if len(filtered_group) > 1:
+            tag_files(filtered_group)
+
+        log.progress(i / total)
+
 
 def tag_files(group):
-	
-	keep_reasons = []
-	keep_scene = None
-
-	total_size = group[0].size
-	for scene in group[1:]:
-		total_size += scene.size
-		better, msg = scene.compare(group[0])
-		if better:
-			keep_scene = better
-			keep_reasons.append(msg)
-	total_size = human_bytes(total_size, round=2, prefix='G')
-
-	if not keep_scene:
-		log.info(f"could not determine better scene from {group}")
-		if config.UNKNOWN_TAG_NAME:
-			group_id = group[0].id
-			for scene in group:
-				tag_ids = [stash.find_tag(config.UNKNOWN_TAG_NAME, create=True).get("id")]
-				stash.update_scenes({
-					'ids': [scene.id],
-					'title':  f'[PDT: {total_size}|{group_id}U] {scene.title}',
-					'tag_ids': {
-						'mode': 'ADD',
-						'ids': tag_ids
-					}
-				})
-		return
-
-	log.info(f"{keep_scene.id} best of:{[s.id for s in group]} {keep_reasons}")
-
-	for scene in group:
-		if scene.id == keep_scene.id:
-			tag_ids = [stash.find_tag(config.KEEP_TAG_NAME, create=True).get("id")]
-			stash.update_scenes({
-				'ids': [scene.id],
-				'title':  f'[PDT: {total_size}|{keep_scene.id}K] {scene.title}',
-				'tag_ids': {
-					'mode': 'ADD',
-					'ids': tag_ids
-				}
-			})
-		else:
-			tag_ids = []
-			tag_ids.append(stash.find_tag(config.REMOVE_TAG_NAME, create=True).get("id"))
-			if scene.remove_reason:
-				tag_ids.append(stash.find_tag(f'[Reason: {scene.remove_reason}]', create=True).get('id'))
-			stash.update_scenes({
-				'ids': [scene.id],
-				'title':  f'[PDT: {total_size}|{keep_scene.id}R] {scene.title}',
-				'tag_ids': {
-					'mode': 'ADD',
-					'ids': tag_ids
-				}
-			})
+
+    keep_reasons = []
+    keep_scene = None
+
+    total_size = group[0].size
+    for scene in group[1:]:
+        total_size += scene.size
+        better, msg = scene.compare(group[0])
+        if better:
+            keep_scene = better
+            keep_reasons.append(msg)
+    total_size = human_bytes(total_size, round=2, prefix="G")
+
+    if not keep_scene:
+        log.info(f"could not determine better scene from {group}")
+        if config.UNKNOWN_TAG_NAME:
+            group_id = group[0].id
+            for scene in group:
+                tag_ids = [
+                    stash.find_tag(config.UNKNOWN_TAG_NAME, create=True).get("id")
+                ]
+                stash.update_scenes(
+                    {
+                        "ids": [scene.id],
+                        "title": f"[PDT: {total_size}|{group_id}U] {scene.title}",
+                        "tag_ids": {"mode": "ADD", "ids": tag_ids},
+                    }
+                )
+        return
+
+    log.info(f"{keep_scene.id} best of:{[s.id for s in group]} {keep_reasons}")
+
+    for scene in group:
+        if scene.id == keep_scene.id:
+            tag_ids = [stash.find_tag(config.KEEP_TAG_NAME, create=True).get("id")]
+            stash.update_scenes(
+                {
+                    "ids": [scene.id],
+                    "title": f"[PDT: {total_size}|{keep_scene.id}K] {scene.title}",
+                    "tag_ids": {"mode": "ADD", "ids": tag_ids},
+                }
+            )
+        else:
+            tag_ids = []
+            tag_ids.append(
+                stash.find_tag(config.REMOVE_TAG_NAME, create=True).get("id")
+            )
+            if scene.remove_reason:
+                tag_ids.append(
+                    stash.find_tag(f"[Reason: {scene.remove_reason}]", create=True).get(
+                        "id"
+                    )
+                )
+            stash.update_scenes(
+                {
+                    "ids": [scene.id],
+                    "title": f"[PDT: {total_size}|{keep_scene.id}R] {scene.title}",
+                    "tag_ids": {"mode": "ADD", "ids": tag_ids},
+                }
+            )
+
 
 def clean_scenes():
-	scene_count, scenes = stash.find_scenes(f={
-		"title": {
-			"modifier": "MATCHES_REGEX",
-			"value": "^\\[PDT: .+?\\]"
-		}
-	},fragment="id title", get_count=True)
-
-	log.info(f"Cleaning Titles/Tags of {scene_count} Scenes ")
-	
-	# Clean scene Title
-	for i, scene in enumerate(scenes):
-		title = re.sub(r'\[PDT: .+?\]\s+', '', scene['title'])
-		stash.update_scenes({
-			'ids': [scene['id']],
-			'title': title
-		})
-		log.progress(i/scene_count)
-
-	# Remove Tags
-	for tag in get_managed_tags():
-		scene_count, scenes = stash.find_scenes(f={
-			"tags":{"value": [tag['id']],"modifier": "INCLUDES","depth": 0}
-		}, fragment="id", get_count=True)
-		if not scene_count > 0:
-			continue
-		log.info(f'removing tag {tag["name"]} from {scene_count} scenes')
-		stash.update_scenes({
-			'ids': [s["id"] for s in scenes],
-			'tag_ids': {
-				'mode': 'REMOVE',
-				'ids': [tag['id']]
-			} 
-		})
+    scene_count, scenes = stash.find_scenes(
+        f={"title": {"modifier": "MATCHES_REGEX", "value": "^\\[PDT: .+?\\]"}},
+        fragment="id title",
+        get_count=True,
+    )
+
+    log.info(f"Cleaning Titles/Tags of {scene_count} Scenes ")
+
+    # Clean scene Title
+    for i, scene in enumerate(scenes):
+        title = re.sub(r"\[PDT: .+?\]\s+", "", scene["title"])
+        stash.update_scenes({"ids": [scene["id"]], "title": title})
+        log.progress(i / scene_count)
+
+    # Remove Tags
+    for tag in get_managed_tags():
+        scene_count, scenes = stash.find_scenes(
+            f={"tags": {"value": [tag["id"]], "modifier": "INCLUDES", "depth": 0}},
+            fragment="id",
+            get_count=True,
+        )
+        if not scene_count > 0:
+            continue
+        log.info(f'removing tag {tag["name"]} from {scene_count} scenes')
+        stash.update_scenes(
+            {
+                "ids": [s["id"] for s in scenes],
+                "tag_ids": {"mode": "REMOVE", "ids": [tag["id"]]},
+            }
+        )
+
 
 def get_managed_tags(fragment="id name"):
-	tags = stash.find_tags(f={
-	"name": {
-		"value": "^\\[Reason",
-		"modifier": "MATCHES_REGEX"
-	}}, fragment=fragment)
-	tag_name_list = [
-		config.REMOVE_TAG_NAME,
-		config.KEEP_TAG_NAME,
-		config.UNKNOWN_TAG_NAME,
-		# config.IGNORE_TAG_NAME,
-	]
-	for tag_name in tag_name_list:
-		if tag := stash.find_tag(tag_name):
-			tags.append(tag)
-	return tags
+    tags = stash.find_tags(
+        f={"name": {"value": "^\\[Reason", "modifier": "MATCHES_REGEX"}},
+        fragment=fragment,
+    )
+    tag_name_list = [
+        config.REMOVE_TAG_NAME,
+        config.KEEP_TAG_NAME,
+        config.UNKNOWN_TAG_NAME,
+        # config.IGNORE_TAG_NAME,
+    ]
+    for tag_name in tag_name_list:
+        if tag := stash.find_tag(tag_name):
+            tags.append(tag)
+    return tags
+
 
 def generate_phash():
-	query = """mutation MetadataGenerate($input: GenerateMetadataInput!) {
+    query = """mutation MetadataGenerate($input: GenerateMetadataInput!) {
 		metadataGenerate(input: $input)
 	}"""
-	variables = {"phashes", True}
-	stash._callGraphQL(query, variables)
-
-if __name__ == '__main__':
-	for name, func in getmembers(config, isfunction):
-		if re.match(r'^compare_', name):
-			setattr(StashScene, name, func)
-	main()
+    variables = {"phashes", True}
+    stash._callGraphQL(query, variables)
+
+
+if __name__ == "__main__":
+    for name, func in getmembers(config, isfunction):
+        if re.match(r"^compare_", name):
+            setattr(StashScene, name, func)
+    main()
diff --git a/plugins/phashDuplicateTagger/phashDuplicateTagger.yml b/plugins/phashDuplicateTagger/phashDuplicateTagger.yml
index 13f6629d..6f949fd9 100644
--- a/plugins/phashDuplicateTagger/phashDuplicateTagger.yml
+++ b/plugins/phashDuplicateTagger/phashDuplicateTagger.yml
@@ -7,27 +7,27 @@ exec:
   - "{pluginDir}/phashDuplicateTagger.py"
 interface: raw
 tasks:
-  - name: 'Tag Dupes (EXACT)'
-    description: 'Assign duplicates tags to Exact Match (Dist 0) scenes'
+  - name: "Tag Dupes (EXACT)"
+    description: "Assign duplicates tags to Exact Match (Dist 0) scenes"
     defaultArgs:
       mode: tag_exact
-  - name: 'Tag Dupes (HIGH)'
-    description: 'Assign duplicates tags to High Match (Dist 3) scenes'
+  - name: "Tag Dupes (HIGH)"
+    description: "Assign duplicates tags to High Match (Dist 3) scenes"
     defaultArgs:
       mode: tag_high
-  - name: 'Tag Dupes (MEDIUM)'
-    description: 'Assign duplicates tags to Medium Match (Dist 6) scenes (BE CAREFUL WITH THIS LEVEL)'
+  - name: "Tag Dupes (MEDIUM)"
+    description: "Assign duplicates tags to Medium Match (Dist 6) scenes (BE CAREFUL WITH THIS LEVEL)"
     defaultArgs:
       mode: tag_medium
-  - name: 'Delete Managed Tags'
-    description: 'Deletes tags managed by this plugin from stash'
+  - name: "Delete Managed Tags"
+    description: "Deletes tags managed by this plugin from stash"
     defaultArgs:
       mode: remove
-  - name: 'Scene Cleanup'
-    description: 'Removes titles from scenes and any generated tags excluding [Dupe: Ignore]'
+  - name: "Scene Cleanup"
+    description: "Removes titles from scenes and any generated tags excluding [Dupe: Ignore]"
     defaultArgs:
       mode: clean_scenes
-  - name: 'Generate Scene PHASHs'
-    description: 'Generate PHASHs for all scenes where they are missing'
+  - name: "Generate Scene PHASHs"
+    description: "Generate PHASHs for all scenes where they are missing"
     defaultArgs:
       mode: generate_phash
diff --git a/plugins/renamerOnUpdate/log.py b/plugins/renamerOnUpdate/log.py
index f3812522..c73dbdba 100644
--- a/plugins/renamerOnUpdate/log.py
+++ b/plugins/renamerOnUpdate/log.py
@@ -12,41 +12,42 @@
 # messages. The LogProgress method is also intended for sending progress data.
 #
 
+
 def __prefix(level_char):
-	start_level_char = b'\x01'
-	end_level_char = b'\x02'
+    start_level_char = b"\x01"
+    end_level_char = b"\x02"
 
-	ret = start_level_char + level_char + end_level_char
-	return ret.decode()
+    ret = start_level_char + level_char + end_level_char
+    return ret.decode()
 
 
 def __log(level_char, s):
-	if level_char == "":
-		return
+    if level_char == "":
+        return
 
-	print(__prefix(level_char) + s + "\n", file=sys.stderr, flush=True)
+    print(__prefix(level_char) + s + "\n", file=sys.stderr, flush=True)
 
 
 def LogTrace(s):
-	__log(b't', s)
+    __log(b"t", s)
 
 
 def LogDebug(s):
-	__log(b'd', s)
+    __log(b"d", s)
 
 
 def LogInfo(s):
-	__log(b'i', s)
+    __log(b"i", s)
 
 
 def LogWarning(s):
-	__log(b'w', s)
+    __log(b"w", s)
 
 
 def LogError(s):
-	__log(b'e', s)
+    __log(b"e", s)
 
 
 def LogProgress(p):
-	progress = min(max(0, p), 1)
-	__log(b'p', str(progress))
+    progress = min(max(0, p), 1)
+    __log(b"p", str(progress))
diff --git a/plugins/renamerOnUpdate/renamerOnUpdate.py b/plugins/renamerOnUpdate/renamerOnUpdate.py
index 12eae2b8..fbbe8aca 100644
--- a/plugins/renamerOnUpdate/renamerOnUpdate.py
+++ b/plugins/renamerOnUpdate/renamerOnUpdate.py
@@ -13,12 +13,14 @@
 
 try:
     import psutil  # pip install psutil
+
     MODULE_PSUTIL = True
 except Exception:
     MODULE_PSUTIL = False
 
 try:
     import unidecode  # pip install Unidecode
+
     MODULE_UNIDECODE = True
 except Exception:
     MODULE_UNIDECODE = False
@@ -38,7 +40,9 @@
 DRY_RUN_FILE = None
 
 if config.log_file:
-    DRY_RUN_FILE = os.path.join(os.path.dirname(config.log_file), "renamerOnUpdate_dryrun.txt")
+    DRY_RUN_FILE = os.path.join(
+        os.path.dirname(config.log_file), "renamerOnUpdate_dryrun.txt"
+    )
 
 if DRY_RUN:
     if DRY_RUN_FILE and not config.dry_run_append:
@@ -53,34 +57,40 @@
 PLUGIN_DIR = FRAGMENT_SERVER["PluginDir"]
 
 
-PLUGIN_ARGS = FRAGMENT['args'].get("mode")
+PLUGIN_ARGS = FRAGMENT["args"].get("mode")
 
-#log.LogDebug("{}".format(FRAGMENT))
+# log.LogDebug("{}".format(FRAGMENT))
 
 
 def callGraphQL(query, variables=None):
     # Session cookie for authentication
-    graphql_port = str(FRAGMENT_SERVER['Port'])
-    graphql_scheme = FRAGMENT_SERVER['Scheme']
-    graphql_cookies = {'session': FRAGMENT_SERVER['SessionCookie']['Value']}
+    graphql_port = str(FRAGMENT_SERVER["Port"])
+    graphql_scheme = FRAGMENT_SERVER["Scheme"]
+    graphql_cookies = {"session": FRAGMENT_SERVER["SessionCookie"]["Value"]}
     graphql_headers = {
         "Accept-Encoding": "gzip, deflate, br",
         "Content-Type": "application/json",
         "Accept": "application/json",
         "Connection": "keep-alive",
-        "DNT": "1"
+        "DNT": "1",
     }
-    graphql_domain = FRAGMENT_SERVER['Host']
+    graphql_domain = FRAGMENT_SERVER["Host"]
     if graphql_domain == "0.0.0.0":
         graphql_domain = "localhost"
     # Stash GraphQL endpoint
     graphql_url = f"{graphql_scheme}://{graphql_domain}:{graphql_port}/graphql"
 
-    json = {'query': query}
+    json = {"query": query}
     if variables is not None:
-        json['variables'] = variables
+        json["variables"] = variables
     try:
-        response = requests.post(graphql_url, json=json, headers=graphql_headers, cookies=graphql_cookies, timeout=20)
+        response = requests.post(
+            graphql_url,
+            json=json,
+            headers=graphql_headers,
+            cookies=graphql_cookies,
+            timeout=20,
+        )
     except Exception as e:
         exit_plugin(err=f"[FATAL] Error with the graphql request {e}")
     if response.status_code == 200:
@@ -94,11 +104,14 @@ def callGraphQL(query, variables=None):
     elif response.status_code == 401:
         exit_plugin(err="HTTP Error 401, Unauthorised.")
     else:
-        raise ConnectionError(f"GraphQL query failed: {response.status_code} - {response.content}")
+        raise ConnectionError(
+            f"GraphQL query failed: {response.status_code} - {response.content}"
+        )
 
 
 def graphql_getScene(scene_id):
-    query = """
+    query = (
+        """
     query FindScene($id: ID!, $checksum: String) {
         findScene(id: $id, checksum: $checksum) {
             ...SceneData
@@ -113,7 +126,9 @@ def graphql_getScene(scene_id):
             endpoint
             stash_id
         }
-        organized""" + FILE_QUERY + """
+        organized"""
+        + FILE_QUERY
+        + """
         studio {
             id
             name
@@ -146,16 +161,16 @@ def graphql_getScene(scene_id):
         }
     }
     """
-    variables = {
-        "id": scene_id
-    }
+    )
+    variables = {"id": scene_id}
     result = callGraphQL(query, variables)
-    return result.get('findScene')
+    return result.get("findScene")
 
 
 # used for bulk
 def graphql_findScene(perPage, direc="DESC") -> dict:
-    query = """
+    query = (
+        """
     query FindScenes($filter: FindFilterType) {
         findScenes(filter: $filter) {
             count
@@ -174,7 +189,9 @@ def graphql_findScene(perPage, direc="DESC") -> dict:
             endpoint
             stash_id
         }
-    """ + FILE_QUERY + """
+    """
+        + FILE_QUERY
+        + """
         studio {
             id
             name
@@ -207,8 +224,16 @@ def graphql_findScene(perPage, direc="DESC") -> dict:
         }
     }
     """
+    )
     # ASC DESC
-    variables = {'filter': {"direction": direc, "page": 1, "per_page": perPage, "sort": "updated_at"}}
+    variables = {
+        "filter": {
+            "direction": direc,
+            "page": 1,
+            "per_page": perPage,
+            "sort": "updated_at",
+        }
+    }
     result = callGraphQL(query, variables)
     return result.get("findScenes")
 
@@ -228,24 +253,13 @@ def graphql_findScenebyPath(path, modifier) -> dict:
     """
     # ASC DESC
     variables = {
-        'filter': {
-            "direction": "ASC",
-            "page": 1,
-            "per_page": 40,
-            "sort": "updated_at"
-        },
-        "scene_filter": {
-            "path": {
-                "modifier": modifier,
-                "value": path
-            }
-        }
+        "filter": {"direction": "ASC", "page": 1, "per_page": 40, "sort": "updated_at"},
+        "scene_filter": {"path": {"modifier": modifier, "value": path}},
     }
     result = callGraphQL(query, variables)
     return result.get("findScenes")
 
 
-
 def graphql_getConfiguration():
     query = """
         query Configuration {
@@ -257,7 +271,7 @@ def graphql_getConfiguration():
         }
     """
     result = callGraphQL(query)
-    return result.get('configuration')
+    return result.get("configuration")
 
 
 def graphql_getStudio(studio_id):
@@ -273,9 +287,7 @@ def graphql_getStudio(studio_id):
             }
         }
     """
-    variables = {
-        "id": studio_id
-    }
+    variables = {"id": studio_id}
     result = callGraphQL(query, variables)
     return result.get("findStudio")
 
@@ -288,7 +300,9 @@ def graphql_removeScenesTag(id_scenes: list, id_tags: list):
         }
     }
     """
-    variables = {'input': {"ids": id_scenes, "tag_ids": {"ids": id_tags, "mode": "REMOVE"}}}
+    variables = {
+        "input": {"ids": id_scenes, "tag_ids": {"ids": id_tags, "mode": "REMOVE"}}
+    }
     result = callGraphQL(query, variables)
     return result
 
@@ -302,21 +316,21 @@ def graphql_getBuild():
         }
     """
     result = callGraphQL(query)
-    return result['systemStatus']['databaseSchema']
+    return result["systemStatus"]["databaseSchema"]
 
 
 def find_diff_text(a: str, b: str):
     addi = minus = stay = ""
     minus_ = addi_ = 0
     for _, s in enumerate(difflib.ndiff(a, b)):
-        if s[0] == ' ':
+        if s[0] == " ":
             stay += s[-1]
             minus += "*"
             addi += "*"
-        elif s[0] == '-':
+        elif s[0] == "-":
             minus += s[-1]
             minus_ += 1
-        elif s[0] == '+':
+        elif s[0] == "+":
             addi += s[-1]
             addi_ += 1
     if minus_ > 20 or addi_ > 20:
@@ -324,7 +338,9 @@ def find_diff_text(a: str, b: str):
         log.LogDebug(f"OLD: {a}")
         log.LogDebug(f"NEW: {b}")
     else:
-        log.LogDebug(f"Original: {a}\n- Charac: {minus}\n+ Charac: {addi}\n  Result: {b}")
+        log.LogDebug(
+            f"Original: {a}\n- Charac: {minus}\n+ Charac: {addi}\n  Result: {b}"
+        )
     return
 
 
@@ -346,9 +362,9 @@ def has_handle(fpath, all_result=False):
 def config_edit(name: str, state: bool):
     found = 0
     try:
-        with open(config.__file__, 'r', encoding='utf8') as file:
+        with open(config.__file__, "r", encoding="utf8") as file:
             config_lines = file.readlines()
-        with open(config.__file__, 'w', encoding='utf8') as file_w:
+        with open(config.__file__, "w", encoding="utf8") as file_w:
             for line in config_lines:
                 if len(line.split("=")) > 1:
                     if name == line.split("=")[0].strip():
@@ -365,7 +381,9 @@ def check_longpath(path: str):
     # Trying to prevent error with long paths for Win10
     # https://docs.microsoft.com/en-us/windows/win32/fileio/maximum-file-path-limitation?tabs=cmd
     if len(path) > 240 and not IGNORE_PATH_LENGTH:
-        log.LogError(f"The path is too long ({len(path)} > 240). You can look at 'order_field'/'ignore_path_length' in config.")
+        log.LogError(
+            f"The path is too long ({len(path)} > 240). You can look at 'order_field'/'ignore_path_length' in config."
+        )
         return 1
 
 
@@ -375,15 +393,21 @@ def get_template_filename(scene: dict):
     if scene.get("studio") and config.studio_templates:
         template_found = False
         current_studio = scene.get("studio")
-        if config.studio_templates.get(current_studio['name']):
-            template = config.studio_templates[current_studio['name']]
+        if config.studio_templates.get(current_studio["name"]):
+            template = config.studio_templates[current_studio["name"]]
             template_found = True
         # by first Parent found
         while current_studio.get("parent_studio") and not template_found:
-            if config.studio_templates.get(current_studio.get("parent_studio").get("name")):
-                template = config.studio_templates[current_studio['parent_studio']['name']]
+            if config.studio_templates.get(
+                current_studio.get("parent_studio").get("name")
+            ):
+                template = config.studio_templates[
+                    current_studio["parent_studio"]["name"]
+                ]
                 template_found = True
-            current_studio = graphql_getStudio(current_studio.get("parent_studio")['id'])
+            current_studio = graphql_getStudio(
+                current_studio.get("parent_studio")["id"]
+            )
 
     # Change by Tag
     tags = [x["name"] for x in scene["tags"]]
@@ -411,7 +435,9 @@ def get_template_path(scene: dict):
         # by Parent
         if scene["studio"].get("parent_studio"):
             if config.p_studio_templates.get(scene["studio"]["name"]):
-                template["destination"] = config.p_studio_templates[scene["studio"]["name"]]
+                template["destination"] = config.p_studio_templates[
+                    scene["studio"]["name"]
+                ]
 
     # Change by Tag
     tags = [x["name"] for x in scene["tags"]]
@@ -431,7 +457,7 @@ def get_template_path(scene: dict):
                         template["opt_details"]["clean_tag"].append(tag["id"])
                     else:
                         template["opt_details"] = {"clean_tag": [tag["id"]]}
-    if not scene['organized'] and PATH_NON_ORGANIZED:
+    if not scene["organized"] and PATH_NON_ORGANIZED:
         template["destination"] = PATH_NON_ORGANIZED
     return template
 
@@ -457,86 +483,114 @@ def extract_info(scene: dict, template: None):
     # Grabbing things from Stash
     scene_information = {}
 
-    scene_information['current_path'] = str(scene['path'])
+    scene_information["current_path"] = str(scene["path"])
     # note: contain the dot (.mp4)
-    scene_information['file_extension'] = os.path.splitext(scene_information['current_path'])[1]
+    scene_information["file_extension"] = os.path.splitext(
+        scene_information["current_path"]
+    )[1]
     # note: basename contains the extension
-    scene_information['current_filename'] = os.path.basename(scene_information['current_path'])
-    scene_information['current_directory'] = os.path.dirname(scene_information['current_path'])
-    scene_information['oshash'] = scene.get("oshash")
-    scene_information['checksum'] = scene.get("checksum")
-    scene_information['studio_code'] = scene.get("code")
+    scene_information["current_filename"] = os.path.basename(
+        scene_information["current_path"]
+    )
+    scene_information["current_directory"] = os.path.dirname(
+        scene_information["current_path"]
+    )
+    scene_information["oshash"] = scene.get("oshash")
+    scene_information["checksum"] = scene.get("checksum")
+    scene_information["studio_code"] = scene.get("code")
 
     if scene.get("stash_ids"):
-        #todo support other db that stashdb ?
-        scene_information['stashid_scene'] = scene['stash_ids'][0]["stash_id"]
+        # todo support other db that stashdb ?
+        scene_information["stashid_scene"] = scene["stash_ids"][0]["stash_id"]
 
     if template.get("path"):
         if "^*" in template["path"]["destination"]:
-            template["path"]["destination"] = template["path"]["destination"].replace("^*", scene_information['current_directory'])
-        scene_information['template_split'] = os.path.normpath(template["path"]["destination"]).split(os.sep)
-    scene_information['current_path_split'] = os.path.normpath(scene_information['current_path']).split(os.sep)
+            template["path"]["destination"] = template["path"]["destination"].replace(
+                "^*", scene_information["current_directory"]
+            )
+        scene_information["template_split"] = os.path.normpath(
+            template["path"]["destination"]
+        ).split(os.sep)
+    scene_information["current_path_split"] = os.path.normpath(
+        scene_information["current_path"]
+    ).split(os.sep)
 
     if FILENAME_ASTITLE and not scene.get("title"):
-        scene["title"] = scene_information['current_filename']
+        scene["title"] = scene_information["current_filename"]
 
     # Grab Title (without extension if present)
     if scene.get("title"):
         # Removing extension if present in title
-        scene_information['title'] = re.sub(fr"{scene_information['file_extension']}$", "", scene['title'])
+        scene_information["title"] = re.sub(
+            rf"{scene_information['file_extension']}$", "", scene["title"]
+        )
         if PREPOSITIONS_REMOVAL:
             for word in PREPOSITIONS_LIST:
-                scene_information['title'] = re.sub(fr"^{word}[\s_-]", "", scene_information['title'])
+                scene_information["title"] = re.sub(
+                    rf"^{word}[\s_-]", "", scene_information["title"]
+                )
 
     # Grab Date
-    scene_information['date'] = scene.get("date")
-    if scene_information['date']:
-        date_scene = datetime.strptime(scene_information['date'], r"%Y-%m-%d")
-        scene_information['date_format'] = datetime.strftime(date_scene, config.date_format)
+    scene_information["date"] = scene.get("date")
+    if scene_information["date"]:
+        date_scene = datetime.strptime(scene_information["date"], r"%Y-%m-%d")
+        scene_information["date_format"] = datetime.strftime(
+            date_scene, config.date_format
+        )
 
     # Grab Duration
-    scene_information['duration'] = scene['file']['duration']
+    scene_information["duration"] = scene["file"]["duration"]
     if config.duration_format:
-        scene_information['duration'] = time.strftime(config.duration_format, time.gmtime(scene_information['duration']))
+        scene_information["duration"] = time.strftime(
+            config.duration_format, time.gmtime(scene_information["duration"])
+        )
     else:
-        scene_information['duration'] = str(scene_information['duration'])
+        scene_information["duration"] = str(scene_information["duration"])
 
     # Grab Rating
     if scene.get("rating100"):
-        scene_information['rating'] = RATING_FORMAT.format(scene['rating100'])
+        scene_information["rating"] = RATING_FORMAT.format(scene["rating100"])
 
     # Grab Performer
-    scene_information['performer_path'] = None
+    scene_information["performer_path"] = None
     if scene.get("performers"):
         perf_list = []
         perf_list_stashid = []
         perf_rating = {"0": []}
         perf_favorite = {"yes": [], "no": []}
-        for perf in scene['performers']:
+        for perf in scene["performers"]:
             if perf.get("gender"):
-                if perf['gender'] in PERFORMER_IGNOREGENDER:
+                if perf["gender"] in PERFORMER_IGNOREGENDER:
                     continue
             elif "UNDEFINED" in PERFORMER_IGNOREGENDER:
                 continue
             # path related
             if template.get("path"):
                 if "inverse_performer" in template["path"]["option"]:
-                    perf["name"] = re.sub(r"([a-zA-Z]+)(\s)([a-zA-Z]+)", r"\3 \1", perf["name"])
-            perf_list.append(perf['name'])
-            if perf.get('rating100'):
-                if perf_rating.get(str(perf['rating100'])) is None:
-                    perf_rating[str(perf['rating100'])] = []
-                perf_rating[str(perf['rating100'])].append(perf['name'])
+                    perf["name"] = re.sub(
+                        r"([a-zA-Z]+)(\s)([a-zA-Z]+)", r"\3 \1", perf["name"]
+                    )
+            perf_list.append(perf["name"])
+            if perf.get("rating100"):
+                if perf_rating.get(str(perf["rating100"])) is None:
+                    perf_rating[str(perf["rating100"])] = []
+                perf_rating[str(perf["rating100"])].append(perf["name"])
             else:
-                perf_rating["0"].append(perf['name'])
-            if perf.get('favorite'):
-                perf_favorite['yes'].append(perf['name'])
+                perf_rating["0"].append(perf["name"])
+            if perf.get("favorite"):
+                perf_favorite["yes"].append(perf["name"])
             else:
-                perf_favorite['no'].append(perf['name'])
+                perf_favorite["no"].append(perf["name"])
             # if the path already contains the name we keep this one
-            if perf["name"] in scene_information['current_path_split'] and scene_information.get('performer_path') is None and PATH_KEEP_ALRPERF:
-                scene_information['performer_path'] = perf["name"]
-                log.LogDebug(f"[PATH] Keeping the current name of the performer '{perf['name']}'")
+            if (
+                perf["name"] in scene_information["current_path_split"]
+                and scene_information.get("performer_path") is None
+                and PATH_KEEP_ALRPERF
+            ):
+                scene_information["performer_path"] = perf["name"]
+                log.LogDebug(
+                    f"[PATH] Keeping the current name of the performer '{perf['name']}'"
+                )
         perf_rating = sort_rating(perf_rating)
         # sort performer
         if PERFORMER_SORT == "rating":
@@ -561,88 +615,98 @@ def extract_info(scene: dict, template: None):
                         perf_list.append(n)
         elif PERFORMER_SORT == "name":
             perf_list.sort()
-        if not scene_information['performer_path'] and perf_list:
-            scene_information['performer_path'] = perf_list[0]
+        if not scene_information["performer_path"] and perf_list:
+            scene_information["performer_path"] = perf_list[0]
         if len(perf_list) > PERFORMER_LIMIT:
             if not PERFORMER_LIMIT_KEEP:
-                log.LogInfo(f"More than {PERFORMER_LIMIT} performer(s). Ignoring $performer")
+                log.LogInfo(
+                    f"More than {PERFORMER_LIMIT} performer(s). Ignoring $performer"
+                )
                 perf_list = []
             else:
                 log.LogInfo(f"Limited the amount of performer to {PERFORMER_LIMIT}")
-                perf_list = perf_list[0: PERFORMER_LIMIT]
-        scene_information['performer'] = PERFORMER_SPLITCHAR.join(perf_list)
+                perf_list = perf_list[0:PERFORMER_LIMIT]
+        scene_information["performer"] = PERFORMER_SPLITCHAR.join(perf_list)
         if perf_list:
             for p in perf_list:
-                for perf in scene['performers']:
-                    #todo support other db that stashdb ?
-                    if p == perf['name'] and perf.get('stash_ids'):
-                        perf_list_stashid.append(perf['stash_ids'][0]["stash_id"])
+                for perf in scene["performers"]:
+                    # todo support other db that stashdb ?
+                    if p == perf["name"] and perf.get("stash_ids"):
+                        perf_list_stashid.append(perf["stash_ids"][0]["stash_id"])
                         break
-            scene_information['stashid_performer'] = PERFORMER_SPLITCHAR.join(perf_list_stashid)
+            scene_information["stashid_performer"] = PERFORMER_SPLITCHAR.join(
+                perf_list_stashid
+            )
         if not PATH_ONEPERFORMER:
-            scene_information['performer_path'] = PERFORMER_SPLITCHAR.join(perf_list)
+            scene_information["performer_path"] = PERFORMER_SPLITCHAR.join(perf_list)
     elif PATH_NOPERFORMER_FOLDER:
-        scene_information['performer_path'] = "NoPerformer"
+        scene_information["performer_path"] = "NoPerformer"
 
     # Grab Studio name
     if scene.get("studio"):
         if SQUEEZE_STUDIO_NAMES:
-            scene_information['studio'] = scene['studio']['name'].replace(' ', '')
+            scene_information["studio"] = scene["studio"]["name"].replace(" ", "")
         else:
-            scene_information['studio'] = scene['studio']['name']
-        scene_information['studio_family'] = scene_information['studio']
-        studio_hierarchy = [scene_information['studio']]
+            scene_information["studio"] = scene["studio"]["name"]
+        scene_information["studio_family"] = scene_information["studio"]
+        studio_hierarchy = [scene_information["studio"]]
         # Grab Parent name
-        if scene['studio'].get("parent_studio"):
+        if scene["studio"].get("parent_studio"):
             if SQUEEZE_STUDIO_NAMES:
-                scene_information['parent_studio'] = scene['studio']['parent_studio']['name'].replace(' ', '')
+                scene_information["parent_studio"] = scene["studio"]["parent_studio"][
+                    "name"
+                ].replace(" ", "")
             else:
-                scene_information['parent_studio'] = scene['studio']['parent_studio']['name']
-            scene_information['studio_family'] = scene_information['parent_studio']
+                scene_information["parent_studio"] = scene["studio"]["parent_studio"][
+                    "name"
+                ]
+            scene_information["studio_family"] = scene_information["parent_studio"]
 
-            studio_p = scene['studio']
+            studio_p = scene["studio"]
             while studio_p.get("parent_studio"):
-                studio_p = graphql_getStudio(studio_p['parent_studio']['id'])
+                studio_p = graphql_getStudio(studio_p["parent_studio"]["id"])
                 if studio_p:
                     if SQUEEZE_STUDIO_NAMES:
-                        studio_hierarchy.append(studio_p['name'].replace(' ', ''))
+                        studio_hierarchy.append(studio_p["name"].replace(" ", ""))
                     else:
-                        studio_hierarchy.append(studio_p['name'])
+                        studio_hierarchy.append(studio_p["name"])
             studio_hierarchy.reverse()
-        scene_information['studio_hierarchy'] = studio_hierarchy
+        scene_information["studio_hierarchy"] = studio_hierarchy
     # Grab Tags
     if scene.get("tags"):
         tag_list = []
-        for tag in scene['tags']:
+        for tag in scene["tags"]:
             # ignore tag in blacklist
-            if tag['name'] in TAGS_BLACKLIST:
+            if tag["name"] in TAGS_BLACKLIST:
                 continue
             # check if there is a whilelist
             if len(TAGS_WHITELIST) > 0:
-                if tag['name'] in TAGS_WHITELIST:
-                    tag_list.append(tag['name'])
+                if tag["name"] in TAGS_WHITELIST:
+                    tag_list.append(tag["name"])
             else:
-                tag_list.append(tag['name'])
-        scene_information['tags'] = TAGS_SPLITCHAR.join(tag_list)
+                tag_list.append(tag["name"])
+        scene_information["tags"] = TAGS_SPLITCHAR.join(tag_list)
 
     # Grab Height (720p,1080p,4k...)
-    scene_information['bit_rate'] = str(round(int(scene['file']['bit_rate']) / 1000000, 2))
-    scene_information['resolution'] = 'SD'
-    scene_information['height'] = f"{scene['file']['height']}p"
-    if scene['file']['height'] >= 720:
-        scene_information['resolution'] = 'HD'
-    if scene['file']['height'] >= 2160:
-        scene_information['height'] = '4k'
-        scene_information['resolution'] = 'UHD'
-    if scene['file']['height'] >= 2880:
-        scene_information['height'] = '5k'
-    if scene['file']['height'] >= 3384:
-        scene_information['height'] = '6k'
-    if scene['file']['height'] >= 4320:
-        scene_information['height'] = '8k'
+    scene_information["bit_rate"] = str(
+        round(int(scene["file"]["bit_rate"]) / 1000000, 2)
+    )
+    scene_information["resolution"] = "SD"
+    scene_information["height"] = f"{scene['file']['height']}p"
+    if scene["file"]["height"] >= 720:
+        scene_information["resolution"] = "HD"
+    if scene["file"]["height"] >= 2160:
+        scene_information["height"] = "4k"
+        scene_information["resolution"] = "UHD"
+    if scene["file"]["height"] >= 2880:
+        scene_information["height"] = "5k"
+    if scene["file"]["height"] >= 3384:
+        scene_information["height"] = "6k"
+    if scene["file"]["height"] >= 4320:
+        scene_information["height"] = "8k"
     # For Phone ?
-    if scene['file']['height'] > scene['file']['width']:
-        scene_information['resolution'] = 'VERTICAL'
+    if scene["file"]["height"] > scene["file"]["width"]:
+        scene_information["resolution"] = "VERTICAL"
 
     if scene.get("movies"):
         scene_information["movie_title"] = scene["movies"][0]["movie"]["name"]
@@ -650,23 +714,33 @@ def extract_info(scene: dict, template: None):
             scene_information["movie_year"] = scene["movies"][0]["movie"]["date"][0:4]
         if scene["movies"][0].get("scene_index"):
             scene_information["movie_index"] = scene["movies"][0]["scene_index"]
-            scene_information["movie_scene"] = f"scene {scene_information['movie_index']}"
+            scene_information["movie_scene"] = (
+                f"scene {scene_information['movie_index']}"
+            )
 
     # Grab Video and Audio codec
-    scene_information['video_codec'] = scene['file']['video_codec'].upper()
-    scene_information['audio_codec'] = scene['file']['audio_codec'].upper()
+    scene_information["video_codec"] = scene["file"]["video_codec"].upper()
+    scene_information["audio_codec"] = scene["file"]["audio_codec"].upper()
 
     if scene_information.get("date"):
-        scene_information['year'] = scene_information['date'][0:4]
+        scene_information["year"] = scene_information["date"][0:4]
 
     if FIELD_WHITESPACE_SEP:
         for key, value in scene_information.items():
-            if key in ["current_path", "current_filename", "current_directory", "current_path_split", "template_split"]:
+            if key in [
+                "current_path",
+                "current_filename",
+                "current_directory",
+                "current_path_split",
+                "template_split",
+            ]:
                 continue
             if type(value) is str:
                 scene_information[key] = value.replace(" ", FIELD_WHITESPACE_SEP)
             elif type(value) is list:
-                scene_information[key] = [x.replace(" ", FIELD_WHITESPACE_SEP) for x in value]
+                scene_information[key] = [
+                    x.replace(" ", FIELD_WHITESPACE_SEP) for x in value
+                ]
     return scene_information
 
 
@@ -681,13 +755,13 @@ def replace_text(text: str):
                     log.LogDebug(f"Regex matched: {text} -> {tmp}")
             else:
                 if new[1] == "word":
-                    tmp = re.sub(fr'([\s_-])({old})([\s_-])', f'\\1{new[0]}\\3', text)
+                    tmp = re.sub(rf"([\s_-])({old})([\s_-])", f"\\1{new[0]}\\3", text)
                 elif new[1] == "any":
                     tmp = text.replace(old, new[0])
                 if tmp != text:
                     log.LogDebug(f"'{old}' changed with '{new[0]}'")
         else:
-            tmp = re.sub(fr'([\s_-])({old})([\s_-])', f'\\1{new[0]}\\3', text)
+            tmp = re.sub(rf"([\s_-])({old})([\s_-])", f"\\1{new[0]}\\3", text)
             if tmp != text:
                 log.LogDebug(f"'{old}' changed with '{new[0]}'")
         text = tmp
@@ -695,23 +769,23 @@ def replace_text(text: str):
 
 
 def cleanup_text(text: str):
-    text = re.sub(r'\(\W*\)|\[\W*\]|{[^a-zA-Z0-9]*}', '', text)
-    text = re.sub(r'[{}]', '', text)
+    text = re.sub(r"\(\W*\)|\[\W*\]|{[^a-zA-Z0-9]*}", "", text)
+    text = re.sub(r"[{}]", "", text)
     text = remove_consecutive_nonword(text)
     return text.strip(" -_.")
 
 
 def remove_consecutive_nonword(text: str):
     for _ in range(0, 10):
-        m = re.findall(r'(\W+)\1+', text)
+        m = re.findall(r"(\W+)\1+", text)
         if m:
-            text = re.sub(r'(\W+)\1+', r'\1', text)
+            text = re.sub(r"(\W+)\1+", r"\1", text)
         else:
             break
     return text
 
 
-def field_replacer(text: str, scene_information:dict):
+def field_replacer(text: str, scene_information: dict):
     field_found = re.findall(r"\$\w+", text)
     result = text
     title = None
@@ -721,17 +795,32 @@ def field_replacer(text: str, scene_information:dict):
     for i in range(0, len(field_found)):
         f = field_found[i].replace("$", "").strip("_")
         # If $performer is before $title, prevent having duplicate text.
-        if f == "performer" and len(field_found) > i + 1 and scene_information.get('performer'):
-            if field_found[i+1] == "$title" and scene_information.get('title') and PREVENT_TITLE_PERF:
-                if re.search(f"^{scene_information['performer'].lower()}", scene_information['title'].lower()):
-                    log.LogDebug("Ignoring the performer field because it's already in start of title")
+        if (
+            f == "performer"
+            and len(field_found) > i + 1
+            and scene_information.get("performer")
+        ):
+            if (
+                field_found[i + 1] == "$title"
+                and scene_information.get("title")
+                and PREVENT_TITLE_PERF
+            ):
+                if re.search(
+                    f"^{scene_information['performer'].lower()}",
+                    scene_information["title"].lower(),
+                ):
+                    log.LogDebug(
+                        "Ignoring the performer field because it's already in start of title"
+                    )
                     result = result.replace("$performer", "")
                     continue
         replaced_word = scene_information.get(f)
         if not replaced_word:
             replaced_word = ""
         if FIELD_REPLACER.get(f"${f}"):
-            replaced_word = replaced_word.replace(FIELD_REPLACER[f"${f}"]["replace"], FIELD_REPLACER[f"${f}"]["with"])
+            replaced_word = replaced_word.replace(
+                FIELD_REPLACER[f"${f}"]["replace"], FIELD_REPLACER[f"${f}"]["with"]
+            )
         if f == "title":
             title = replaced_word.strip()
             continue
@@ -753,7 +842,7 @@ def makeFilename(scene_information: dict, query: str) -> str:
     if t:
         r = r.replace("$title", t)
     # Replace spaces with splitchar
-    r = r.replace(' ', FILENAME_SPLITCHAR)
+    r = r.replace(" ", FILENAME_SPLITCHAR)
     return r
 
 
@@ -838,20 +927,24 @@ def process_word(match):
 
 
 def create_new_filename(scene_info: dict, template: str):
-    new_filename = makeFilename(scene_info, template) + DUPLICATE_SUFFIX[scene_info['file_index']] + scene_info['file_extension']
+    new_filename = (
+        makeFilename(scene_info, template)
+        + DUPLICATE_SUFFIX[scene_info["file_index"]]
+        + scene_info["file_extension"]
+    )
     if FILENAME_LOWER:
         new_filename = new_filename.lower()
     if FILENAME_TITLECASE:
         new_filename = capitalizeWords(new_filename)
     # Remove illegal character for Windows
-    new_filename = re.sub('[\\/:"*?<>|]+', '', new_filename)
+    new_filename = re.sub('[\\/:"*?<>|]+', "", new_filename)
 
     if FILENAME_REMOVECHARACTER:
-        new_filename = re.sub(f'[{FILENAME_REMOVECHARACTER}]+', '', new_filename)
+        new_filename = re.sub(f"[{FILENAME_REMOVECHARACTER}]+", "", new_filename)
 
     # Trying to remove non standard character
     if MODULE_UNIDECODE and UNICODE_USE:
-        new_filename = unidecode.unidecode(new_filename, errors='preserve')
+        new_filename = unidecode.unidecode(new_filename, errors="preserve")
     else:
         # Using typewriter for Apostrophe
         new_filename = re.sub("[’‘”“]+", "'", new_filename)
@@ -870,7 +963,7 @@ def remove_consecutive(liste: list):
 def create_new_path(scene_info: dict, template: dict):
     # Create the new path
     # Split the template path
-    path_split = scene_info['template_split']
+    path_split = scene_info["template_split"]
     path_list = []
     for part in path_split:
         if ":" in part and path_split[0]:
@@ -879,9 +972,11 @@ def create_new_path(scene_info: dict, template: dict):
             if not scene_info.get("studio_hierarchy"):
                 continue
             for p in scene_info["studio_hierarchy"]:
-                path_list.append(re.sub('[\\/:"*?<>|]+', '', p).strip())
+                path_list.append(re.sub('[\\/:"*?<>|]+', "", p).strip())
         else:
-            path_list.append(re.sub('[\\/:"*?<>|]+', '', makePath(scene_info, part)).strip())
+            path_list.append(
+                re.sub('[\\/:"*?<>|]+', "", makePath(scene_info, part)).strip()
+            )
     # Remove blank, empty string
     path_split = [x for x in path_list if x]
     # The first character was a seperator, so put it back.
@@ -893,13 +988,13 @@ def create_new_path(scene_info: dict, template: dict):
         path_split = remove_consecutive(path_split)
 
     if "^*" in template["path"]["destination"]:
-        if scene_info['current_directory'] != os.sep.join(path_split):
-            path_split.pop(len(scene_info['current_directory']))
+        if scene_info["current_directory"] != os.sep.join(path_split):
+            path_split.pop(len(scene_info["current_directory"]))
 
     path_edited = os.sep.join(path_split)
 
     if FILENAME_REMOVECHARACTER:
-        path_edited = re.sub(f'[{FILENAME_REMOVECHARACTER}]+', '', path_edited)
+        path_edited = re.sub(f"[{FILENAME_REMOVECHARACTER}]+", "", path_edited)
 
     # Using typewriter for Apostrophe
     new_path = re.sub("[’‘”“]+", "'", path_edited)
@@ -918,23 +1013,26 @@ def connect_db(path: str):
 
 
 def checking_duplicate_db(scene_info: dict):
-    scenes = graphql_findScenebyPath(scene_info['final_path'], "EQUALS")
+    scenes = graphql_findScenebyPath(scene_info["final_path"], "EQUALS")
     if scenes["count"] > 0:
         log.LogError("Duplicate path detected")
         for dupl_row in scenes["scenes"]:
             log.LogWarning(f"Identical path: [{dupl_row['id']}]")
         return 1
-    scenes = graphql_findScenebyPath(scene_info['new_filename'], "EQUALS")
+    scenes = graphql_findScenebyPath(scene_info["new_filename"], "EQUALS")
     if scenes["count"] > 0:
         for dupl_row in scenes["scenes"]:
-            if dupl_row['id'] != scene_info['scene_id']:
+            if dupl_row["id"] != scene_info["scene_id"]:
                 log.LogWarning(f"Duplicate filename: [{dupl_row['id']}]")
 
 
 def db_rename(stash_db: sqlite3.Connection, scene_info):
     cursor = stash_db.cursor()
     # Database rename
-    cursor.execute("UPDATE scenes SET path=? WHERE id=?;", [scene_info['final_path'], scene_info['scene_id']])
+    cursor.execute(
+        "UPDATE scenes SET path=? WHERE id=?;",
+        [scene_info["final_path"], scene_info["scene_id"]],
+    )
     stash_db.commit()
     # Close DB
     cursor.close()
@@ -943,23 +1041,25 @@ def db_rename(stash_db: sqlite3.Connection, scene_info):
 def db_rename_refactor(stash_db: sqlite3.Connection, scene_info):
     cursor = stash_db.cursor()
     # 2022-09-17T11:25:52+02:00
-    mod_time = datetime.now().astimezone().isoformat('T', 'seconds')
+    mod_time = datetime.now().astimezone().isoformat("T", "seconds")
 
     # get the next id that we should use if needed
     cursor.execute("SELECT MAX(id) from folders")
     new_id = cursor.fetchall()[0][0] + 1
 
     # get the old folder id
-    cursor.execute("SELECT id FROM folders WHERE path=?", [scene_info['current_directory']])
+    cursor.execute(
+        "SELECT id FROM folders WHERE path=?", [scene_info["current_directory"]]
+    )
     old_folder_id = cursor.fetchall()[0][0]
 
     # check if the folder of file is created in db
-    cursor.execute("SELECT id FROM folders WHERE path=?", [scene_info['new_directory']])
+    cursor.execute("SELECT id FROM folders WHERE path=?", [scene_info["new_directory"]])
     folder_id = cursor.fetchall()
     if not folder_id:
-        dir = scene_info['new_directory']
+        dir = scene_info["new_directory"]
         # reduce the path to find a parent folder
-        for _ in range(1, len(scene_info['new_directory'].split(os.sep))):
+        for _ in range(1, len(scene_info["new_directory"].split(os.sep))):
             dir = os.path.dirname(dir)
             cursor.execute("SELECT id FROM folders WHERE path=?", [dir])
             parent_id = cursor.fetchall()
@@ -968,16 +1068,25 @@ def db_rename_refactor(stash_db: sqlite3.Connection, scene_info):
                 cursor.execute(
                     "INSERT INTO 'main'.'folders'('id', 'path', 'parent_folder_id', 'mod_time', 'created_at', 'updated_at', 'zip_file_id') VALUES (?, ?, ?, ?, ?, ?, ?);",
                     [
-                        new_id, scene_info['new_directory'], parent_id[0][0],
-                        mod_time, mod_time, mod_time, None
-                    ])
+                        new_id,
+                        scene_info["new_directory"],
+                        parent_id[0][0],
+                        mod_time,
+                        mod_time,
+                        mod_time,
+                        None,
+                    ],
+                )
                 stash_db.commit()
                 folder_id = new_id
                 break
     else:
         folder_id = folder_id[0][0]
     if folder_id:
-        cursor.execute("SELECT file_id from scenes_files WHERE scene_id=?", [scene_info['scene_id']])
+        cursor.execute(
+            "SELECT file_id from scenes_files WHERE scene_id=?",
+            [scene_info["scene_id"]],
+        )
         file_ids = cursor.fetchall()
         file_id = None
         for f in file_ids:
@@ -989,15 +1098,20 @@ def db_rename_refactor(stash_db: sqlite3.Connection, scene_info):
                 file_id = f[0]
                 break
         if file_id:
-            #log.LogDebug(f"UPDATE files SET basename={scene_info['new_filename']}, parent_folder_id={folder_id}, updated_at={mod_time} WHERE id={file_id};")
-            cursor.execute("UPDATE files SET basename=?, parent_folder_id=?, updated_at=? WHERE id=?;", [scene_info['new_filename'], folder_id, mod_time, file_id])
+            # log.LogDebug(f"UPDATE files SET basename={scene_info['new_filename']}, parent_folder_id={folder_id}, updated_at={mod_time} WHERE id={file_id};")
+            cursor.execute(
+                "UPDATE files SET basename=?, parent_folder_id=?, updated_at=? WHERE id=?;",
+                [scene_info["new_filename"], folder_id, mod_time, file_id],
+            )
             cursor.close()
             stash_db.commit()
         else:
             raise Exception("Failed to find file_id")
     else:
         cursor.close()
-        raise Exception(f"You need to setup a library with the new location ({scene_info['new_directory']}) and scan at least 1 file")
+        raise Exception(
+            f"You need to setup a library with the new location ({scene_info['new_directory']}) and scan at least 1 file"
+        )
 
 
 def file_rename(current_path: str, new_path: str, scene_info: dict):
@@ -1015,7 +1129,9 @@ def file_rename(current_path: str, new_path: str, scene_info: dict):
         shutil.move(current_path, new_path)
     except PermissionError as err:
         if "[WinError 32]" in str(err) and MODULE_PSUTIL:
-            log.LogWarning("A process is using this file (Probably FFMPEG), trying to find it ...")
+            log.LogWarning(
+                "A process is using this file (Probably FFMPEG), trying to find it ..."
+            )
             # Find which process accesses the file, it's ffmpeg for sure...
             process_use = has_handle(current_path, PROCESS_ALLRESULT)
             if process_use:
@@ -1029,7 +1145,9 @@ def file_rename(current_path: str, new_path: str, scene_info: dict):
                     try:
                         shutil.move(current_path, new_path)
                     except Exception as err:
-                        log.LogError(f"Something still prevents renaming the file. {err}")
+                        log.LogError(
+                            f"Something still prevents renaming the file. {err}"
+                        )
                         return 1
                 else:
                     log.LogError("A process prevents renaming the file.")
@@ -1042,11 +1160,15 @@ def file_rename(current_path: str, new_path: str, scene_info: dict):
         log.LogInfo(f"[OS] File Renamed! ({current_path} -> {new_path})")
         if LOGFILE:
             try:
-                with open(LOGFILE, 'a', encoding='utf-8') as f:
-                    f.write(f"{scene_info['scene_id']}|{current_path}|{new_path}|{scene_info['oshash']}\n")
+                with open(LOGFILE, "a", encoding="utf-8") as f:
+                    f.write(
+                        f"{scene_info['scene_id']}|{current_path}|{new_path}|{scene_info['oshash']}\n"
+                    )
             except Exception as err:
                 shutil.move(new_path, current_path)
-                log.LogError(f"Restoring the original path, error writing the logfile: {err}")
+                log.LogError(
+                    f"Restoring the original path, error writing the logfile: {err}"
+                )
                 return 1
         if REMOVE_EMPTY_FOLDER:
             with os.scandir(current_dir) as it:
@@ -1055,43 +1177,54 @@ def file_rename(current_path: str, new_path: str, scene_info: dict):
                     try:
                         os.rmdir(current_dir)
                     except Exception as err:
-                        log.logWarning(f"Fail to delete empty folder {current_dir} - {err}")
+                        log.logWarning(
+                            f"Fail to delete empty folder {current_dir} - {err}"
+                        )
     else:
         # I don't think it's possible.
         log.LogError(f"[OS] Failed to rename the file ? {new_path}")
         return 1
 
+
 def associated_rename(scene_info: dict):
     if ASSOCIATED_EXT:
         for ext in ASSOCIATED_EXT:
-            p = os.path.splitext(scene_info['current_path'])[0] + "." + ext
-            p_new = os.path.splitext(scene_info['final_path'])[0] + "." + ext
+            p = os.path.splitext(scene_info["current_path"])[0] + "." + ext
+            p_new = os.path.splitext(scene_info["final_path"])[0] + "." + ext
             if os.path.isfile(p):
                 try:
                     shutil.move(p, p_new)
                 except Exception as err:
-                    log.LogError(f"Something prevents renaming this file '{p}' - err: {err}")
+                    log.LogError(
+                        f"Something prevents renaming this file '{p}' - err: {err}"
+                    )
                     continue
             if os.path.isfile(p_new):
                 log.LogInfo(f"[OS] Associate file renamed ({p_new})")
                 if LOGFILE:
                     try:
-                        with open(LOGFILE, 'a', encoding='utf-8') as f:
+                        with open(LOGFILE, "a", encoding="utf-8") as f:
                             f.write(f"{scene_info['scene_id']}|{p}|{p_new}\n")
                     except Exception as err:
                         shutil.move(p_new, p)
-                        log.LogError(f"Restoring the original name, error writing the logfile: {err}")
+                        log.LogError(
+                            f"Restoring the original name, error writing the logfile: {err}"
+                        )
 
 
 def renamer(scene_id, db_conn=None):
     option_dryrun = False
     if type(scene_id) is dict:
         stash_scene = scene_id
-        scene_id = stash_scene['id']
+        scene_id = stash_scene["id"]
     elif type(scene_id) is int:
         stash_scene = graphql_getScene(scene_id)
 
-    if config.only_organized and not stash_scene['organized'] and not PATH_NON_ORGANIZED:
+    if (
+        config.only_organized
+        and not stash_scene["organized"]
+        and not PATH_NON_ORGANIZED
+    ):
         log.LogDebug(f"[{scene_id}] Scene ignored (not organized)")
         return
 
@@ -1100,15 +1233,9 @@ def renamer(scene_id, db_conn=None):
     if stash_scene.get("path"):
         stash_scene["file"]["path"] = stash_scene["path"]
         if stash_scene.get("checksum"):
-            fingerprint.append({
-                "type": "md5",
-                "value": stash_scene["checksum"]
-            })
+            fingerprint.append({"type": "md5", "value": stash_scene["checksum"]})
         if stash_scene.get("oshash"):
-            fingerprint.append({
-                "type": "oshash",
-                "value": stash_scene["oshash"]
-            })
+            fingerprint.append({"type": "oshash", "value": stash_scene["oshash"]})
         stash_scene["file"]["fingerprints"] = fingerprint
         scene_files = [stash_scene["file"]]
         del stash_scene["path"]
@@ -1143,7 +1270,11 @@ def renamer(scene_id, db_conn=None):
         if not template["path"].get("destination"):
             if config.p_use_default_template:
                 log.LogDebug("[PATH] Using default template")
-                template["path"] = {"destination": config.p_default_template, "option": [], "opt_details": {}}
+                template["path"] = {
+                    "destination": config.p_default_template,
+                    "option": [],
+                    "opt_details": {},
+                }
             else:
                 template["path"] = None
         else:
@@ -1159,13 +1290,13 @@ def renamer(scene_id, db_conn=None):
             log.LogWarning(f"[{scene_id}] No template for this scene.")
             return
 
-        #log.LogDebug("Using this template: {}".format(filename_template))
+        # log.LogDebug("Using this template: {}".format(filename_template))
         scene_information = extract_info(stash_scene, template)
         log.LogDebug(f"[{scene_id}] Scene information: {scene_information}")
         log.LogDebug(f"[{scene_id}] Template: {template}")
 
-        scene_information['scene_id'] = scene_id
-        scene_information['file_index'] = i
+        scene_information["scene_id"] = scene_id
+        scene_information["file_index"] = i
 
         for removed_field in ORDER_SHORTFIELD:
             if removed_field:
@@ -1175,55 +1306,76 @@ def renamer(scene_id, db_conn=None):
                 else:
                     continue
             if template["filename"]:
-                scene_information['new_filename'] = create_new_filename(scene_information, template["filename"])
+                scene_information["new_filename"] = create_new_filename(
+                    scene_information, template["filename"]
+                )
             else:
-                scene_information['new_filename'] = scene_information['current_filename']
+                scene_information["new_filename"] = scene_information[
+                    "current_filename"
+                ]
             if template.get("path"):
-                scene_information['new_directory'] = create_new_path(scene_information, template)
+                scene_information["new_directory"] = create_new_path(
+                    scene_information, template
+                )
             else:
-                scene_information['new_directory'] = scene_information['current_directory']
-            scene_information['final_path'] = os.path.join(scene_information['new_directory'], scene_information['new_filename'])
+                scene_information["new_directory"] = scene_information[
+                    "current_directory"
+                ]
+            scene_information["final_path"] = os.path.join(
+                scene_information["new_directory"], scene_information["new_filename"]
+            )
             # check length of path
-            if IGNORE_PATH_LENGTH or len(scene_information['final_path']) <= 240:
+            if IGNORE_PATH_LENGTH or len(scene_information["final_path"]) <= 240:
                 break
 
-        if check_longpath(scene_information['final_path']):
+        if check_longpath(scene_information["final_path"]):
             if (DRY_RUN or option_dryrun) and LOGFILE:
-                with open(DRY_RUN_FILE, 'a', encoding='utf-8') as f:
-                    f.write(f"[LENGTH LIMIT] {scene_information['scene_id']}|{scene_information['final_path']}\n")
+                with open(DRY_RUN_FILE, "a", encoding="utf-8") as f:
+                    f.write(
+                        f"[LENGTH LIMIT] {scene_information['scene_id']}|{scene_information['final_path']}\n"
+                    )
             continue
 
-        #log.LogDebug(f"Filename: {scene_information['current_filename']} -> {scene_information['new_filename']}")
-        #log.LogDebug(f"Path: {scene_information['current_directory']} -> {scene_information['new_directory']}")
+        # log.LogDebug(f"Filename: {scene_information['current_filename']} -> {scene_information['new_filename']}")
+        # log.LogDebug(f"Path: {scene_information['current_directory']} -> {scene_information['new_directory']}")
 
-        if scene_information['final_path'] == scene_information['current_path']:
+        if scene_information["final_path"] == scene_information["current_path"]:
             log.LogInfo(f"Everything is ok. ({scene_information['current_filename']})")
             continue
 
-        if scene_information['current_directory'] != scene_information['new_directory']:
+        if scene_information["current_directory"] != scene_information["new_directory"]:
             log.LogInfo("File will be moved to another directory")
             log.LogDebug(f"[OLD path] {scene_information['current_path']}")
             log.LogDebug(f"[NEW path] {scene_information['final_path']}")
 
-        if scene_information['current_filename'] != scene_information['new_filename']:
+        if scene_information["current_filename"] != scene_information["new_filename"]:
             log.LogInfo("The filename will be changed")
             if ALT_DIFF_DISPLAY:
-                find_diff_text(scene_information['current_filename'], scene_information['new_filename'])
+                find_diff_text(
+                    scene_information["current_filename"],
+                    scene_information["new_filename"],
+                )
             else:
                 log.LogDebug(f"[OLD filename] {scene_information['current_filename']}")
                 log.LogDebug(f"[NEW filename] {scene_information['new_filename']}")
 
         if (DRY_RUN or option_dryrun) and LOGFILE:
-            with open(DRY_RUN_FILE, 'a', encoding='utf-8') as f:
-                f.write(f"{scene_information['scene_id']}|{scene_information['current_path']}|{scene_information['final_path']}\n")
+            with open(DRY_RUN_FILE, "a", encoding="utf-8") as f:
+                f.write(
+                    f"{scene_information['scene_id']}|{scene_information['current_path']}|{scene_information['final_path']}\n"
+                )
             continue
         # check if there is already a file where the new path is
         err = checking_duplicate_db(scene_information)
-        while err and scene_information['file_index']<=len(DUPLICATE_SUFFIX):
+        while err and scene_information["file_index"] <= len(DUPLICATE_SUFFIX):
             log.LogDebug("Duplicate filename detected, increasing file index")
-            scene_information['file_index'] = scene_information['file_index'] + 1
-            scene_information['new_filename'] = create_new_filename(scene_information, template["filename"])
-            scene_information['final_path'] = os.path.join(scene_information['new_directory'], scene_information['new_filename'])
+            scene_information["file_index"] = scene_information["file_index"] + 1
+            scene_information["new_filename"] = create_new_filename(
+                scene_information, template["filename"]
+            )
+            scene_information["final_path"] = os.path.join(
+                scene_information["new_directory"], scene_information["new_filename"]
+            )
             log.LogDebug(f"[NEW filename] {scene_information['new_filename']}")
             log.LogDebug(f"[NEW path] {scene_information['final_path']}")
             err = checking_duplicate_db(scene_information)
@@ -1239,7 +1391,11 @@ def renamer(scene_id, db_conn=None):
             stash_db = db_conn
         try:
             # rename file on your disk
-            err = file_rename(scene_information['current_path'], scene_information['final_path'], scene_information)
+            err = file_rename(
+                scene_information["current_path"],
+                scene_information["final_path"],
+                scene_information,
+            )
             if err:
                 raise Exception("rename")
             # rename file on your db
@@ -1249,8 +1405,14 @@ def renamer(scene_id, db_conn=None):
                 else:
                     db_rename(stash_db, scene_information)
             except Exception as err:
-                log.LogError(f"error when trying to update the database ({err}), revert the move...")
-                err = file_rename(scene_information['final_path'], scene_information['current_path'], scene_information)
+                log.LogError(
+                    f"error when trying to update the database ({err}), revert the move..."
+                )
+                err = file_rename(
+                    scene_information["final_path"],
+                    scene_information["current_path"],
+                    scene_information,
+                )
                 if err:
                     raise Exception("rename")
                 raise Exception("database update")
@@ -1258,7 +1420,10 @@ def renamer(scene_id, db_conn=None):
                 associated_rename(scene_information)
             if template.get("path"):
                 if "clean_tag" in template["path"]["option"]:
-                    graphql_removeScenesTag([scene_information['scene_id']], template["path"]["opt_details"]["clean_tag"])
+                    graphql_removeScenesTag(
+                        [scene_information["scene_id"]],
+                        template["path"]["opt_details"]["clean_tag"],
+                    )
         except Exception as err:
             log.LogError(f"Error during database operation ({err})")
             if not db_conn:
@@ -1307,12 +1472,12 @@ def exit_plugin(msg=None, err=None):
 
 LOGFILE = config.log_file
 
-#Gallery.Update.Post
-#if FRAGMENT_HOOK_TYPE == "Scene.Update.Post":
+# Gallery.Update.Post
+# if FRAGMENT_HOOK_TYPE == "Scene.Update.Post":
 
 
 STASH_CONFIG = graphql_getConfiguration()
-STASH_DATABASE = STASH_CONFIG['general']['databasePath']
+STASH_DATABASE = STASH_CONFIG["general"]["databasePath"]
 
 # READING CONFIG
 
@@ -1409,11 +1574,11 @@ def exit_plugin(msg=None, err=None):
         scenes = graphql_findScene(config.batch_number_scene, "ASC")
         log.LogDebug(f"Count scenes: {len(scenes['scenes'])}")
         progress = 0
-        progress_step = 1 / len(scenes['scenes'])
+        progress_step = 1 / len(scenes["scenes"])
         stash_db = connect_db(STASH_DATABASE)
         if stash_db is None:
             exit_plugin()
-        for scene in scenes['scenes']:
+        for scene in scenes["scenes"]:
             log.LogDebug(f"** Checking scene: {scene['title']} - {scene['id']} **")
             try:
                 renamer(scene, stash_db)
@@ -1431,4 +1596,3 @@ def exit_plugin(msg=None, err=None):
         traceback.print_exc()
 
 exit_plugin("Successful!")
-
diff --git a/plugins/renamerOnUpdate/renamerOnUpdate.yml b/plugins/renamerOnUpdate/renamerOnUpdate.yml
index f1381fe0..b7e9b269 100644
--- a/plugins/renamerOnUpdate/renamerOnUpdate.yml
+++ b/plugins/renamerOnUpdate/renamerOnUpdate.yml
@@ -12,20 +12,19 @@ hooks:
     triggeredBy:
       - Scene.Update.Post
 tasks:
-  - name: 'Disable'
+  - name: "Disable"
     description: Disable the hook
     defaultArgs:
       mode: disable
-  - name: 'Enable'
+  - name: "Enable"
     description: Enable the hook
     defaultArgs:
       mode: enable
-  - name: 'Dryrun'
+  - name: "Dryrun"
     description: Enable/disable dry-run
     defaultArgs:
       mode: dryrun
-  - name: 'Rename scenes'
+  - name: "Rename scenes"
     description: Rename all your scenes based on your config.
     defaultArgs:
       mode: bulk
-
diff --git a/plugins/renamerOnUpdate/renamerOnUpdate_config.py b/plugins/renamerOnUpdate/renamerOnUpdate_config.py
index bfe17a50..23fa8092 100644
--- a/plugins/renamerOnUpdate/renamerOnUpdate_config.py
+++ b/plugins/renamerOnUpdate/renamerOnUpdate_config.py
@@ -2,23 +2,23 @@
 #       General information         #
 # -----------------------------------------------------------------
 # Available elements for renaming:
-#   $oshash 
-#   $checksum 
-#   $date 
+#   $oshash
+#   $checksum
+#   $date
 #   $date_format
-#   $year 
-#   $performer 
-#   $title 
-#   $height 
-#   $resolution 
+#   $year
+#   $performer
+#   $title
+#   $height
+#   $resolution
 #   $duration
 #   $bitrate (megabits per second)
-#   $studio 
-#   $parent_studio 
-#   $studio_family 
+#   $studio
+#   $parent_studio
+#   $studio_family
 #   $rating
 #   $tags
-#   $video_codec 
+#   $video_codec
 #   $audio_codec
 #   $movie_scene
 #   $movie_title
@@ -37,7 +37,7 @@
 # $movie_scene: "scene #" # = index scene
 # -----------------------------------------------------------------
 # Example templates:
-# 
+#
 # $title                                    == Her Fantasy Ball
 # $date $title                              == 2016-12-29 Her Fantasy Ball
 # $date.$title                              == 2016-12-29.Her Fantasy Ball
@@ -63,9 +63,7 @@
 }
 
 # Adjust the below if you want to use studio names instead of tags for the renaming templates
-studio_templates = {
-
-}
+studio_templates = {}
 
 # Change to True to use the default template if no specific tag/studio is found
 use_default_template = False
@@ -81,18 +79,15 @@
 # trigger with a specific tag
 # "tagname": "path"
 # ex: "plugin_move": r"E:\Movies\R18\$studio_hierarchy"
-p_tag_templates = {
-}
+p_tag_templates = {}
 
 
-p_studio_templates = {
-}
+p_studio_templates = {}
 
 # match a path
 # "match path": "destination"
 # ex: r"E:\Film\R18\2. Test\A trier": r"E:\Film\R18\2. Test\A trier\$performer",
-p_path_templates = {
-}
+p_path_templates = {}
 
 # change to True to use the default template if no specific tag/studio is found
 p_use_default_template = False
@@ -108,8 +103,7 @@
 # inverse_performer: change the last/first name (Jane Doe -> Doe Jane)
 # dry_run: activate dry_run for this scene
 # ex: "plugin_move": ["clean_tag"]
-p_tag_option = {
-}
+p_tag_option = {}
 ######################################
 #               Logging              #
 
@@ -140,8 +134,7 @@
 # Remove/Replace character from field (not using regex)
 # "field": {"replace": "foo","with": "bar"}
 # ex: "$studio": {"replace": "'","with": ""} My Dad's Hot Girlfriend --> My Dads Hot Girlfriend
-field_replacer = {
-}
+field_replacer = {}
 
 # Match and replace.
 # "match": ["replace with", "system"] the second element of the list determine the system used. If you don't put this element, the default is word
@@ -149,8 +142,7 @@
 # difference between 'word' & 'any': word is between seperator (space, _, -), any is anything ('ring' would replace 'during')
 # ex:   "Scene": ["Sc.", "word"]    - Replace Scene by Sc.
 #       r"S\d+:E\d+": ["", "regex"] - Remove Sxx:Ex (x is a digit)
-replace_words = {
-}
+replace_words = {}
 
 # Date format for $date_format field, check: https://docs.python.org/3/library/datetime.html#strftime-and-strptime-format-codes
 date_format = r"%Y-%m-%d"
@@ -180,7 +172,7 @@
 # word attached at end if multiple file for same scene [FileRefactor]
 duplicate_suffix = ["", "_1", "_2", "_3", "_4", "_5", "_6", "_7", "_8", "_9", "_10"]
 
-# If $performer is before $title, prevent having duplicate text. 
+# If $performer is before $title, prevent having duplicate text.
 # e.g.:
 # Template used: $year $performer - $title
 # 2016 Dani Daniels - Dani Daniels in ***.mp4 --> 2016 Dani Daniels in ***.mp4
@@ -199,7 +191,7 @@
 path_keep_alrperf = True
 
 # Removes prepositions from the beginning of titles
-prepositions_list = ['The', 'A', 'An']
+prepositions_list = ["The", "A", "An"]
 prepositions_removal = False
 
 # Squeeze studio names removes all spaces in studio, parent studio and studio family name
@@ -222,14 +214,14 @@
 # 	Tags will be compared strictly. "pantyhose" != "Pantyhose" and "panty hose" != "pantyhose"
 # Option 1: If you're using whitelist, every other tag which is not listed there will be ignored in the filename
 # Option 2: All tags in the tags_blacklist array will be ignored in the filename. Every other tag will be used.
-# Option 3: Leave both arrays empty if you're looking for every tag which is linked to the scene. 
+# Option 3: Leave both arrays empty if you're looking for every tag which is linked to the scene.
 # 			Attention: Only recommended if the scene linked tags number is not that big due to maxiumum filename length
 tags_whitelist = [
     # "Brunette", "Blowjob"
 ]
 
 tags_blacklist = [
-	# ignored tags...
+    # ignored tags...
 ]
 
 # Only rename 'Organized' scenes.
@@ -239,7 +231,18 @@
 ignore_path_length = False
 
 # Field to remove if the path is too long. First in list will be removed then second then ... if length is still too long.
-order_field = ["$video_codec", "$audio_codec", "$resolution", "tags", "rating", "$height", "$studio_family", "$studio", "$parent_studio", "$performer"]
+order_field = [
+    "$video_codec",
+    "$audio_codec",
+    "$resolution",
+    "tags",
+    "rating",
+    "$height",
+    "$studio_family",
+    "$studio",
+    "$parent_studio",
+    "$performer",
+]
 
 # Alternate way to show diff. Not useful at all.
 alt_diff_display = False
@@ -249,7 +252,7 @@
 
 # disable/enable the hook. You can edit this value in 'Plugin Tasks' inside of Stash.
 enable_hook = True
-# disable/enable dry mode. Do a trial run with no permanent changes. Can write into a file (dryrun_renamerOnUpdate.txt), set a path for log_file. 
+# disable/enable dry mode. Do a trial run with no permanent changes. Can write into a file (dryrun_renamerOnUpdate.txt), set a path for log_file.
 # You can edit this value in 'Plugin Tasks' inside of Stash.
 dry_run = False
 # Choose if you want to append to (True) or overwrite (False) the dry-run log file.
@@ -262,14 +265,13 @@
 # = psutil module (https://pypi.org/project/psutil/) =
 # Gets a list of all processes instead of stopping after the first one. Enabling it slows down the plugin
 process_getall = False
-# If the file is used by a process, the plugin will kill it. IT CAN MAKE STASH CRASH TOO. 
+# If the file is used by a process, the plugin will kill it. IT CAN MAKE STASH CRASH TOO.
 process_kill_attach = False
 # =========================
 
 # = Unidecode module (https://pypi.org/project/Unidecode/) =
-# Check site mentioned for more details. 
+# Check site mentioned for more details.
 # TL;DR: Prevent having non common characters by replacing them.
 # Warning: If you have non-latin characters (Cyrillic, Kanji, Arabic, ...), the result will be extremely different.
-use_ascii = False 
+use_ascii = False
 # =========================
-
diff --git a/plugins/sceneCoverCropper/sceneCoverCropper.js b/plugins/sceneCoverCropper/sceneCoverCropper.js
index 38086816..d0ea092f 100644
--- a/plugins/sceneCoverCropper/sceneCoverCropper.js
+++ b/plugins/sceneCoverCropper/sceneCoverCropper.js
@@ -2,144 +2,154 @@
 // Ported by feederbox826
 
 (function () {
-    let cropping = false;
-    let cropper = null;
-    
-    try {
-        const img = document.createElement('img');
-        new Cropper(img)
-    } catch (e) {
-        console.error("Cropper not loaded - please install 4. CropperJS from CommunityScripts")
-    }
-    try {
-        stash.getVersion()
-    } catch (e) {
-        console.error("Stash not loaded - please install 1. stashUserscriptLibrary from CommunityScripts")
-    }
-
-    function setupCropper() {
-        const cropBtnContainerId = "crop-btn-container";
-        if (document.getElementById(cropBtnContainerId)) return
-        const sceneId = window.location.pathname.replace('/scenes/', '').split('/')[0];
-        const sceneImage = document.querySelector("img.scene-cover")
-        
-        var cropperModal = document.createElement("dialog");
-        cropperModal.style.width = "90%";
-        cropperModal.style.border = "none";
-        cropperModal.classList.add('bg-dark');
-        document.body.appendChild(cropperModal);
-        
-        var cropperContainer = document.createElement("div");
-        cropperContainer.style.width = "100%";
-        cropperContainer.style.height = "auto";
-        cropperContainer.style.margin = "auto";
-        cropperModal.appendChild(cropperContainer);
-        
-        var image = sceneImage.cloneNode();
-        image.style.display = "block";
-        image.style.maxWidth = "100%";
-        cropperContainer.appendChild(image);
-        
-        var cropBtnContainer = document.createElement('div');
-        cropBtnContainer.setAttribute("id", cropBtnContainerId);
-        cropBtnContainer.classList.add('d-flex','flex-row','justify-content-center','align-items-center');
-        cropBtnContainer.style.gap = "10px";
-        cropperModal.appendChild(cropBtnContainer);
-        
-        
-        sceneImage.parentElement.parentElement.style.flexFlow = 'column';
-        
-        const cropInfo = document.createElement('p');
-        cropInfo.style.all = "revert";
-        cropInfo.classList.add('text-white');
-        
-        const cropStart = document.createElement('button');
-        cropStart.setAttribute("id", "crop-start");
-        cropStart.classList.add('btn', 'btn-primary');
-        cropStart.innerText = 'Crop Image';
-        cropStart.addEventListener('click', evt => {
-            cropping = true;
-            cropStart.style.display = 'none';
-            cropCancel.style.display = 'inline-block';
-            
-            //const isVertical = image.naturalHeight > image.naturalWidth;
-            //const aspectRatio = isVertical ? 3/2 : NaN
-            const aspectRatio = NaN
-
-            cropper = new Cropper(image, {
-                viewMode: 1,
-                initialAspectRatio: aspectRatio,
-                movable: false,
-                rotatable: false,
-                scalable: false,
-                zoomable: false,
-                zoomOnTouch: false,
-                zoomOnWheel: false,
-                ready() {
-                    cropAccept.style.display = 'inline-block';
-                },
-                crop(e) {
-                    cropInfo.innerText = `X: ${Math.round(e.detail.x)}, Y: ${Math.round(e.detail.y)}, Width: ${Math.round(e.detail.width)}px, Height: ${Math.round(e.detail.height)}px`;
-                }
-            });
-            cropperModal.showModal();
-        });
-        sceneImage.parentElement.appendChild(cropStart);
-        
-        const cropAccept = document.createElement('button');
-        cropAccept.setAttribute("id", "crop-accept");
-        cropAccept.classList.add('btn', 'btn-success', 'mr-2');
-        cropAccept.innerText = 'OK';
-        cropAccept.addEventListener('click', async evt => {
-            cropping = false;
-            cropStart.style.display = 'inline-block';
-            cropAccept.style.display = 'none';
-            cropCancel.style.display = 'none';
-            cropInfo.innerText = '';
-            
-            const reqData = {
-                "operationName": "SceneUpdate",
-                "variables": {
-                    "input": {
-                        "cover_image": cropper.getCroppedCanvas().toDataURL(),
-                        "id": sceneId
-                    }
-                },
-                "query": `mutation SceneUpdate($input: SceneUpdateInput!) {
+  let cropping = false;
+  let cropper = null;
+
+  try {
+    const img = document.createElement("img");
+    new Cropper(img);
+  } catch (e) {
+    console.error(
+      "Cropper not loaded - please install 4. CropperJS from CommunityScripts",
+    );
+  }
+  try {
+    stash.getVersion();
+  } catch (e) {
+    console.error(
+      "Stash not loaded - please install 1. stashUserscriptLibrary from CommunityScripts",
+    );
+  }
+
+  function setupCropper() {
+    const cropBtnContainerId = "crop-btn-container";
+    if (document.getElementById(cropBtnContainerId)) return;
+    const sceneId = window.location.pathname
+      .replace("/scenes/", "")
+      .split("/")[0];
+    const sceneImage = document.querySelector("img.scene-cover");
+
+    var cropperModal = document.createElement("dialog");
+    cropperModal.style.width = "90%";
+    cropperModal.style.border = "none";
+    cropperModal.classList.add("bg-dark");
+    document.body.appendChild(cropperModal);
+
+    var cropperContainer = document.createElement("div");
+    cropperContainer.style.width = "100%";
+    cropperContainer.style.height = "auto";
+    cropperContainer.style.margin = "auto";
+    cropperModal.appendChild(cropperContainer);
+
+    var image = sceneImage.cloneNode();
+    image.style.display = "block";
+    image.style.maxWidth = "100%";
+    cropperContainer.appendChild(image);
+
+    var cropBtnContainer = document.createElement("div");
+    cropBtnContainer.setAttribute("id", cropBtnContainerId);
+    cropBtnContainer.classList.add(
+      "d-flex",
+      "flex-row",
+      "justify-content-center",
+      "align-items-center",
+    );
+    cropBtnContainer.style.gap = "10px";
+    cropperModal.appendChild(cropBtnContainer);
+
+    sceneImage.parentElement.parentElement.style.flexFlow = "column";
+
+    const cropInfo = document.createElement("p");
+    cropInfo.style.all = "revert";
+    cropInfo.classList.add("text-white");
+
+    const cropStart = document.createElement("button");
+    cropStart.setAttribute("id", "crop-start");
+    cropStart.classList.add("btn", "btn-primary");
+    cropStart.innerText = "Crop Image";
+    cropStart.addEventListener("click", (evt) => {
+      cropping = true;
+      cropStart.style.display = "none";
+      cropCancel.style.display = "inline-block";
+
+      //const isVertical = image.naturalHeight > image.naturalWidth;
+      //const aspectRatio = isVertical ? 3/2 : NaN
+      const aspectRatio = NaN;
+
+      cropper = new Cropper(image, {
+        viewMode: 1,
+        initialAspectRatio: aspectRatio,
+        movable: false,
+        rotatable: false,
+        scalable: false,
+        zoomable: false,
+        zoomOnTouch: false,
+        zoomOnWheel: false,
+        ready() {
+          cropAccept.style.display = "inline-block";
+        },
+        crop(e) {
+          cropInfo.innerText = `X: ${Math.round(e.detail.x)}, Y: ${Math.round(e.detail.y)}, Width: ${Math.round(e.detail.width)}px, Height: ${Math.round(e.detail.height)}px`;
+        },
+      });
+      cropperModal.showModal();
+    });
+    sceneImage.parentElement.appendChild(cropStart);
+
+    const cropAccept = document.createElement("button");
+    cropAccept.setAttribute("id", "crop-accept");
+    cropAccept.classList.add("btn", "btn-success", "mr-2");
+    cropAccept.innerText = "OK";
+    cropAccept.addEventListener("click", async (evt) => {
+      cropping = false;
+      cropStart.style.display = "inline-block";
+      cropAccept.style.display = "none";
+      cropCancel.style.display = "none";
+      cropInfo.innerText = "";
+
+      const reqData = {
+        operationName: "SceneUpdate",
+        variables: {
+          input: {
+            cover_image: cropper.getCroppedCanvas().toDataURL(),
+            id: sceneId,
+          },
+        },
+        query: `mutation SceneUpdate($input: SceneUpdateInput!) {
                     sceneUpdate(input: $input) {
                         id
                     }
-                }`
-            }
-            await stash.callGQL(reqData);
-            reloadImg(image.src);
-            cropper.destroy();
-            cropperModal.close("cropAccept");
-        });
-        cropBtnContainer.appendChild(cropAccept);
-
-        const cropCancel = document.createElement('button');
-        cropCancel.setAttribute("id", "crop-accept");
-        cropCancel.classList.add('btn', 'btn-danger');
-        cropCancel.innerText = 'Cancel';
-        cropCancel.addEventListener('click', evt => {
-            cropping = false;
-            cropStart.style.display = 'inline-block';
-            cropAccept.style.display = 'none';
-            cropCancel.style.display = 'none';
-            cropInfo.innerText = '';
-
-            cropper.destroy();
-            cropperModal.close("cropCancel");
-        });
-        cropBtnContainer.appendChild(cropCancel);
-        cropAccept.style.display = 'none';
-        cropCancel.style.display = 'none';
-
-        cropBtnContainer.appendChild(cropInfo);
-    }
-
-    stash.addEventListener('stash:page:scene', function () {
-        waitForElementId('scene-edit-details', setupCropper);
+                }`,
+      };
+      await stash.callGQL(reqData);
+      reloadImg(image.src);
+      cropper.destroy();
+      cropperModal.close("cropAccept");
     });
+    cropBtnContainer.appendChild(cropAccept);
+
+    const cropCancel = document.createElement("button");
+    cropCancel.setAttribute("id", "crop-accept");
+    cropCancel.classList.add("btn", "btn-danger");
+    cropCancel.innerText = "Cancel";
+    cropCancel.addEventListener("click", (evt) => {
+      cropping = false;
+      cropStart.style.display = "inline-block";
+      cropAccept.style.display = "none";
+      cropCancel.style.display = "none";
+      cropInfo.innerText = "";
+
+      cropper.destroy();
+      cropperModal.close("cropCancel");
+    });
+    cropBtnContainer.appendChild(cropCancel);
+    cropAccept.style.display = "none";
+    cropCancel.style.display = "none";
+
+    cropBtnContainer.appendChild(cropInfo);
+  }
+
+  stash.addEventListener("stash:page:scene", function () {
+    waitForElementId("scene-edit-details", setupCropper);
+  });
 })();
diff --git a/plugins/sceneCoverCropper/sceneCoverCropper.yml b/plugins/sceneCoverCropper/sceneCoverCropper.yml
index 53f71118..03aac3c4 100644
--- a/plugins/sceneCoverCropper/sceneCoverCropper.yml
+++ b/plugins/sceneCoverCropper/sceneCoverCropper.yml
@@ -4,7 +4,7 @@ description: Crop Scene Cover Images
 version: 1.0
 ui:
   requires:
-  - CropperJS
+    - CropperJS
   css:
   javascript:
-  - sceneCoverCropper.js
\ No newline at end of file
+    - sceneCoverCropper.js
diff --git a/plugins/setSceneCoverFromFile/set_cover.py b/plugins/setSceneCoverFromFile/set_cover.py
index ddb7be22..01037ceb 100644
--- a/plugins/setSceneCoverFromFile/set_cover.py
+++ b/plugins/setSceneCoverFromFile/set_cover.py
@@ -5,73 +5,72 @@
 import base64
 
 try:
-	import stashapi.log as log
-	from stashapi.tools import file_to_base64
-	from stashapi.stashapp import StashInterface
+    import stashapi.log as log
+    from stashapi.tools import file_to_base64
+    from stashapi.stashapp import StashInterface
 except ModuleNotFoundError:
-	print("You need to install the stashapi module. (pip install stashapp-tools)",
-	 file=sys.stderr)
+    print(
+        "You need to install the stashapi module. (pip install stashapp-tools)",
+        file=sys.stderr,
+    )
+
+MANUAL_ROOT = None  # /some/other/path to override scanning all stashes
+cover_pattern = r"(?:thumb|poster|cover)\.(?:jpg|png)"
 
-MANUAL_ROOT = None # /some/other/path to override scanning all stashes
-cover_pattern = r'(?:thumb|poster|cover)\.(?:jpg|png)'
 
 def main():
-	global stash, mode_arg
-	json_input = json.loads(sys.stdin.read())
+    global stash, mode_arg
+    json_input = json.loads(sys.stdin.read())
 
-	stash = StashInterface(json_input["server_connection"])
-	mode_arg = json_input['args']['mode']
+    stash = StashInterface(json_input["server_connection"])
+    mode_arg = json_input["args"]["mode"]
 
-	try:
-		if MANUAL_ROOT:
-			scan(MANUAL_ROOT, handle_cover)
-		else:
-			for stash_path in get_stash_paths():
-				scan(stash_path, handle_cover)
-	except Exception as e:
-		log.error(e)
+    try:
+        if MANUAL_ROOT:
+            scan(MANUAL_ROOT, handle_cover)
+        else:
+            for stash_path in get_stash_paths():
+                scan(stash_path, handle_cover)
+    except Exception as e:
+        log.error(e)
 
-	out = json.dumps({"output": "ok"})
-	print( out + "\n")
+    out = json.dumps({"output": "ok"})
+    print(out + "\n")
 
 
 def handle_cover(path, file):
-	filepath = os.path.join(path, file)
+    filepath = os.path.join(path, file)
 
+    b64img = file_to_base64(filepath)
+    if not b64img:
+        log.warning(f"Could not parse {filepath} to b64image")
+        return
 
-	b64img = file_to_base64(filepath)
-	if not b64img:
-		log.warning(f"Could not parse {filepath} to b64image")
-		return
+    scenes = stash.find_scenes(
+        f={"path": {"modifier": "INCLUDES", "value": f'{path}"'}}, fragment="id"
+    )
 
-	scenes = stash.find_scenes(f={
-		"path": {
-			"modifier": "INCLUDES",
-			"value": f"{path}\""
-		}
-	}, fragment="id")
+    log.info(f'Found Cover: {[int(s["id"]) for s in scenes]}|{filepath}')
 
-	log.info(f'Found Cover: {[int(s["id"]) for s in scenes]}|{filepath}')
+    if mode_arg == "set_cover":
+        for scene in scenes:
+            stash.update_scene({"id": scene["id"], "cover_image": b64img})
+        log.info(f"Applied cover to {len(scenes)} scenes")
 
-	if mode_arg == "set_cover":
-		for scene in scenes:
-			stash.update_scene({
-				"id": scene["id"],
-				"cover_image": b64img
-			})
-		log.info(f'Applied cover to {len(scenes)} scenes')
 
 def get_stash_paths():
-		config = stash.get_configuration("general { stashes { path excludeVideo } }")
-		stashes = config["configuration"]["general"]["stashes"]
-		return [s["path"] for s in stashes if not s["excludeVideo"]]
+    config = stash.get_configuration("general { stashes { path excludeVideo } }")
+    stashes = config["configuration"]["general"]["stashes"]
+    return [s["path"] for s in stashes if not s["excludeVideo"]]
+
 
 def scan(ROOT_PATH, _callback):
-	log.info(f'Scanning {ROOT_PATH}')
-	for root, dirs, files in os.walk(ROOT_PATH):
-		for file in files:
-			if re.match(cover_pattern, file, re.IGNORECASE):
-				_callback(root, file)
-
-if __name__ == '__main__':
-	main()
\ No newline at end of file
+    log.info(f"Scanning {ROOT_PATH}")
+    for root, dirs, files in os.walk(ROOT_PATH):
+        for file in files:
+            if re.match(cover_pattern, file, re.IGNORECASE):
+                _callback(root, file)
+
+
+if __name__ == "__main__":
+    main()
diff --git a/plugins/setSceneCoverFromFile/set_scene_cover.yml b/plugins/setSceneCoverFromFile/set_scene_cover.yml
index f622f35f..c5a40482 100644
--- a/plugins/setSceneCoverFromFile/set_scene_cover.yml
+++ b/plugins/setSceneCoverFromFile/set_scene_cover.yml
@@ -1,4 +1,4 @@
-name: Set Scene Cover 
+name: Set Scene Cover
 description: searches Stash for Scenes with a cover image in the same folder and sets the cover image in stash to that image
 version: 0.4
 url: https://github.com/stg-annon/CommunityScripts/tree/main/plugins/setSceneCoverFromFile
@@ -14,4 +14,4 @@ tasks:
   - name: Set Cover
     description: searches for cover images and sets any stash scene found in the same dir to that image
     defaultArgs:
-      mode: set_cover
\ No newline at end of file
+      mode: set_cover
diff --git a/plugins/stashAI/stashai.css b/plugins/stashAI/stashai.css
index 7117d991..bf1be118 100644
--- a/plugins/stashAI/stashai.css
+++ b/plugins/stashAI/stashai.css
@@ -1 +1,155 @@
-button.svelte-1m5gxnd{background-color:var(--nav-color);border:0px}.scanner.svelte-1m5gxnd{animation:svelte-1m5gxnd-pulse 2s infinite}@keyframes svelte-1m5gxnd-pulse{0%{transform:scale(0.95);box-shadow:0 0 0 0 var(--light)}70%{transform:scale(1.1);box-shadow:0 0 0 10px var(--info)}100%{transform:scale(0.95);box-shadow:0 0 0 0 var(--primary)}}svg.svelte-1m5gxnd{fill:#ffffff}button.svelte-xcs6vi{background-color:var(--nav-color);border:0px}.scanner.svelte-xcs6vi{animation:svelte-xcs6vi-pulse 2s infinite}@keyframes svelte-xcs6vi-pulse{0%{transform:scale(0.95);box-shadow:0 0 0 0 var(--light)}70%{transform:scale(1.1);box-shadow:0 0 0 10px var(--info)}100%{transform:scale(0.95);box-shadow:0 0 0 0 var(--primary)}}.top-accent.svelte-9viihb{border-top:10px solid var(--primary);border-radius:3px}.modal-header.svelte-9viihb{font-size:2.4rem;border-bottom:0px;padding:20px}.modal-footer.svelte-9viihb{border-top:0px}.lds-dual-ring.svelte-9viihb{display:inline-block;width:16px;height:16px}.lds-dual-ring.svelte-9viihb:after{content:" ";display:block;width:12px;height:12px;margin:3px;border-radius:50%;border:6px solid #fff;border-color:#fff transparent #fff transparent;animation:svelte-9viihb-lds-dual-ring 1.2s linear infinite}@keyframes svelte-9viihb-lds-dual-ring{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.modal-header.svelte-qsvzsw{font-size:1rem;border-bottom:0px;padding:20px}.modal-footer.svelte-qsvzsw{border-top:0px}.selected.svelte-qsvzsw{border:2px solid #007bff}.tagger-tabs.svelte-qsvzsw{position:absolute;flex:0 0 450px;max-width:450px;min-width:450px;height:100%;overflow:auto;order:-1;background-color:var(--body-color)}.tag-item.svelte-zeu5yg{background-color:var(--card-color);width:100%;padding:5px;margin:0px}.tag-item-accept.svelte-zeu5yg:hover{fill:#45a82c;transition:fill 0.2s ease-out}.tag-item-reject.svelte-zeu5yg:hover{fill:#a82c2c;transition:fill 0.2s ease-out}.tag-item-select.svelte-zeu5yg{border:none;outline:none;scroll-behavior:smooth}.scrubber-item.svelte-zeu5yg{width:160px;height:90px;border-radius:5px 5px 0px 0px;position:relative;cursor:pointer}svg.svelte-zeu5yg{fill:#ffffff}.tag-item.svelte-1d03wug{background-color:var(--card-color);width:100%;padding:5px;margin:0px}.tag-item-select.svelte-1d03wug{border:none;outline:none;scroll-behavior:smooth}.tag-item-reject.svelte-1d03wug:hover{fill:#a82c2c;transition:fill 0.2s ease-out}.scrubber-item.svelte-1d03wug{width:160px;height:90px;border-radius:5px 5px 0px 0px;position:relative}svg.svelte-1d03wug{fill:#ffffff}
\ No newline at end of file
+button.svelte-1m5gxnd {
+  background-color: var(--nav-color);
+  border: 0px;
+}
+.scanner.svelte-1m5gxnd {
+  animation: svelte-1m5gxnd-pulse 2s infinite;
+}
+@keyframes svelte-1m5gxnd-pulse {
+  0% {
+    transform: scale(0.95);
+    box-shadow: 0 0 0 0 var(--light);
+  }
+  70% {
+    transform: scale(1.1);
+    box-shadow: 0 0 0 10px var(--info);
+  }
+  100% {
+    transform: scale(0.95);
+    box-shadow: 0 0 0 0 var(--primary);
+  }
+}
+svg.svelte-1m5gxnd {
+  fill: #ffffff;
+}
+button.svelte-xcs6vi {
+  background-color: var(--nav-color);
+  border: 0px;
+}
+.scanner.svelte-xcs6vi {
+  animation: svelte-xcs6vi-pulse 2s infinite;
+}
+@keyframes svelte-xcs6vi-pulse {
+  0% {
+    transform: scale(0.95);
+    box-shadow: 0 0 0 0 var(--light);
+  }
+  70% {
+    transform: scale(1.1);
+    box-shadow: 0 0 0 10px var(--info);
+  }
+  100% {
+    transform: scale(0.95);
+    box-shadow: 0 0 0 0 var(--primary);
+  }
+}
+.top-accent.svelte-9viihb {
+  border-top: 10px solid var(--primary);
+  border-radius: 3px;
+}
+.modal-header.svelte-9viihb {
+  font-size: 2.4rem;
+  border-bottom: 0px;
+  padding: 20px;
+}
+.modal-footer.svelte-9viihb {
+  border-top: 0px;
+}
+.lds-dual-ring.svelte-9viihb {
+  display: inline-block;
+  width: 16px;
+  height: 16px;
+}
+.lds-dual-ring.svelte-9viihb:after {
+  content: " ";
+  display: block;
+  width: 12px;
+  height: 12px;
+  margin: 3px;
+  border-radius: 50%;
+  border: 6px solid #fff;
+  border-color: #fff transparent #fff transparent;
+  animation: svelte-9viihb-lds-dual-ring 1.2s linear infinite;
+}
+@keyframes svelte-9viihb-lds-dual-ring {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+.modal-header.svelte-qsvzsw {
+  font-size: 1rem;
+  border-bottom: 0px;
+  padding: 20px;
+}
+.modal-footer.svelte-qsvzsw {
+  border-top: 0px;
+}
+.selected.svelte-qsvzsw {
+  border: 2px solid #007bff;
+}
+.tagger-tabs.svelte-qsvzsw {
+  position: absolute;
+  flex: 0 0 450px;
+  max-width: 450px;
+  min-width: 450px;
+  height: 100%;
+  overflow: auto;
+  order: -1;
+  background-color: var(--body-color);
+}
+.tag-item.svelte-zeu5yg {
+  background-color: var(--card-color);
+  width: 100%;
+  padding: 5px;
+  margin: 0px;
+}
+.tag-item-accept.svelte-zeu5yg:hover {
+  fill: #45a82c;
+  transition: fill 0.2s ease-out;
+}
+.tag-item-reject.svelte-zeu5yg:hover {
+  fill: #a82c2c;
+  transition: fill 0.2s ease-out;
+}
+.tag-item-select.svelte-zeu5yg {
+  border: none;
+  outline: none;
+  scroll-behavior: smooth;
+}
+.scrubber-item.svelte-zeu5yg {
+  width: 160px;
+  height: 90px;
+  border-radius: 5px 5px 0px 0px;
+  position: relative;
+  cursor: pointer;
+}
+svg.svelte-zeu5yg {
+  fill: #ffffff;
+}
+.tag-item.svelte-1d03wug {
+  background-color: var(--card-color);
+  width: 100%;
+  padding: 5px;
+  margin: 0px;
+}
+.tag-item-select.svelte-1d03wug {
+  border: none;
+  outline: none;
+  scroll-behavior: smooth;
+}
+.tag-item-reject.svelte-1d03wug:hover {
+  fill: #a82c2c;
+  transition: fill 0.2s ease-out;
+}
+.scrubber-item.svelte-1d03wug {
+  width: 160px;
+  height: 90px;
+  border-radius: 5px 5px 0px 0px;
+  position: relative;
+}
+svg.svelte-1d03wug {
+  fill: #ffffff;
+}
diff --git a/plugins/stashAI/stashai.js b/plugins/stashAI/stashai.js
index c0786f94..9490297e 100644
--- a/plugins/stashAI/stashai.js
+++ b/plugins/stashAI/stashai.js
@@ -1,5 +1,5 @@
 (function () {
-  'use strict';
+  "use strict";
 
   let STASHMARKER_API_URL = "https://cc1234-stashtag.hf.space/api/predict";
 
@@ -54,7 +54,6 @@
     });
   }
 
-
   /**
    * Retrieves the tags associated with a given scene ID.
    *
@@ -75,7 +74,6 @@
     return result.data.findScene.tags.map((p) => p.id);
   }
 
-
   /**
    * Updates a scene with the given scene_id and tag_ids.
    * @param {string} scene_id - The ID of the scene to update.
@@ -94,7 +92,6 @@
     return stash.callGQL(reqData);
   }
 
-
   /**
    * Returns an array with the scenario and scenario ID parsed from the current URL.
    * @returns {Array<string>} An array with the scenario and scenario ID.
@@ -113,7 +110,7 @@
    */
   async function createTag(tag_name) {
     const reqData = {
-      variables: { input: {name: tag_name} },
+      variables: { input: { name: tag_name } },
       query: `mutation tagCreate($input: TagCreateInput!) {
       tagCreate(input: $input){
             id
@@ -124,7 +121,6 @@
     return result.data.tagCreate.id;
   }
 
-
   /**
    * Creates a marker for a scene with the given parameters.
    * @param {string} scene_id - The ID of the scene.
@@ -198,176 +194,176 @@
     }
   }
 
-  function noop() { }
-  const identity = x => x;
+  function noop() {}
+  const identity = (x) => x;
   function add_location(element, file, line, column, char) {
-      element.__svelte_meta = {
-          loc: { file, line, column, char }
-      };
+    element.__svelte_meta = {
+      loc: { file, line, column, char },
+    };
   }
   function run(fn) {
-      return fn();
+    return fn();
   }
   function blank_object() {
-      return Object.create(null);
+    return Object.create(null);
   }
   function run_all(fns) {
-      fns.forEach(run);
+    fns.forEach(run);
   }
   function is_function(thing) {
-      return typeof thing === 'function';
+    return typeof thing === "function";
   }
   function safe_not_equal(a, b) {
-      return a != a ? b == b : a !== b || ((a && typeof a === 'object') || typeof a === 'function');
+    return a != a
+      ? b == b
+      : a !== b || (a && typeof a === "object") || typeof a === "function";
   }
   function is_empty(obj) {
-      return Object.keys(obj).length === 0;
+    return Object.keys(obj).length === 0;
   }
   function split_css_unit(value) {
-      const split = typeof value === 'string' && value.match(/^\s*(-?[\d.]+)([^\s]*)\s*$/);
-      return split ? [parseFloat(split[1]), split[2] || 'px'] : [value, 'px'];
+    const split =
+      typeof value === "string" && value.match(/^\s*(-?[\d.]+)([^\s]*)\s*$/);
+    return split ? [parseFloat(split[1]), split[2] || "px"] : [value, "px"];
   }
 
-  const is_client = typeof window !== 'undefined';
-  let now = is_client
-      ? () => window.performance.now()
-      : () => Date.now();
-  let raf = is_client ? cb => requestAnimationFrame(cb) : noop;
+  const is_client = typeof window !== "undefined";
+  let now = is_client ? () => window.performance.now() : () => Date.now();
+  let raf = is_client ? (cb) => requestAnimationFrame(cb) : noop;
 
   const tasks = new Set();
   function run_tasks(now) {
-      tasks.forEach(task => {
-          if (!task.c(now)) {
-              tasks.delete(task);
-              task.f();
-          }
-      });
-      if (tasks.size !== 0)
-          raf(run_tasks);
+    tasks.forEach((task) => {
+      if (!task.c(now)) {
+        tasks.delete(task);
+        task.f();
+      }
+    });
+    if (tasks.size !== 0) raf(run_tasks);
   }
   /**
    * Creates a new task that runs on each raf frame
    * until it returns a falsy value or is aborted
    */
   function loop(callback) {
-      let task;
-      if (tasks.size === 0)
-          raf(run_tasks);
-      return {
-          promise: new Promise(fulfill => {
-              tasks.add(task = { c: callback, f: fulfill });
-          }),
-          abort() {
-              tasks.delete(task);
-          }
-      };
+    let task;
+    if (tasks.size === 0) raf(run_tasks);
+    return {
+      promise: new Promise((fulfill) => {
+        tasks.add((task = { c: callback, f: fulfill }));
+      }),
+      abort() {
+        tasks.delete(task);
+      },
+    };
   }
 
-  const globals = (typeof window !== 'undefined'
+  const globals =
+    typeof window !== "undefined"
       ? window
-      : typeof globalThis !== 'undefined'
-          ? globalThis
-          : global);
+      : typeof globalThis !== "undefined"
+        ? globalThis
+        : global;
   function append(target, node) {
-      target.appendChild(node);
+    target.appendChild(node);
   }
   function get_root_for_style(node) {
-      if (!node)
-          return document;
-      const root = node.getRootNode ? node.getRootNode() : node.ownerDocument;
-      if (root && root.host) {
-          return root;
-      }
-      return node.ownerDocument;
+    if (!node) return document;
+    const root = node.getRootNode ? node.getRootNode() : node.ownerDocument;
+    if (root && root.host) {
+      return root;
+    }
+    return node.ownerDocument;
   }
   function append_empty_stylesheet(node) {
-      const style_element = element('style');
-      append_stylesheet(get_root_for_style(node), style_element);
-      return style_element.sheet;
+    const style_element = element("style");
+    append_stylesheet(get_root_for_style(node), style_element);
+    return style_element.sheet;
   }
   function append_stylesheet(node, style) {
-      append(node.head || node, style);
-      return style.sheet;
+    append(node.head || node, style);
+    return style.sheet;
   }
   function insert(target, node, anchor) {
-      target.insertBefore(node, anchor || null);
+    target.insertBefore(node, anchor || null);
   }
   function detach(node) {
-      if (node.parentNode) {
-          node.parentNode.removeChild(node);
-      }
+    if (node.parentNode) {
+      node.parentNode.removeChild(node);
+    }
   }
   function destroy_each(iterations, detaching) {
-      for (let i = 0; i < iterations.length; i += 1) {
-          if (iterations[i])
-              iterations[i].d(detaching);
-      }
+    for (let i = 0; i < iterations.length; i += 1) {
+      if (iterations[i]) iterations[i].d(detaching);
+    }
   }
   function element(name) {
-      return document.createElement(name);
+    return document.createElement(name);
   }
   function svg_element(name) {
-      return document.createElementNS('http://www.w3.org/2000/svg', name);
+    return document.createElementNS("http://www.w3.org/2000/svg", name);
   }
   function text(data) {
-      return document.createTextNode(data);
+    return document.createTextNode(data);
   }
   function space() {
-      return text(' ');
+    return text(" ");
   }
   function empty() {
-      return text('');
+    return text("");
   }
   function listen(node, event, handler, options) {
-      node.addEventListener(event, handler, options);
-      return () => node.removeEventListener(event, handler, options);
+    node.addEventListener(event, handler, options);
+    return () => node.removeEventListener(event, handler, options);
   }
   function attr(node, attribute, value) {
-      if (value == null)
-          node.removeAttribute(attribute);
-      else if (node.getAttribute(attribute) !== value)
-          node.setAttribute(attribute, value);
+    if (value == null) node.removeAttribute(attribute);
+    else if (node.getAttribute(attribute) !== value)
+      node.setAttribute(attribute, value);
   }
   function to_number(value) {
-      return value === '' ? null : +value;
+    return value === "" ? null : +value;
   }
   function children(element) {
-      return Array.from(element.childNodes);
+    return Array.from(element.childNodes);
   }
   function set_input_value(input, value) {
-      input.value = value == null ? '' : value;
+    input.value = value == null ? "" : value;
   }
   function set_style(node, key, value, important) {
-      if (value == null) {
-          node.style.removeProperty(key);
-      }
-      else {
-          node.style.setProperty(key, value, important ? 'important' : '');
-      }
+    if (value == null) {
+      node.style.removeProperty(key);
+    } else {
+      node.style.setProperty(key, value, important ? "important" : "");
+    }
   }
   function select_option(select, value, mounting) {
-      for (let i = 0; i < select.options.length; i += 1) {
-          const option = select.options[i];
-          if (option.__value === value) {
-              option.selected = true;
-              return;
-          }
-      }
-      if (!mounting || value !== undefined) {
-          select.selectedIndex = -1; // no option should be selected
+    for (let i = 0; i < select.options.length; i += 1) {
+      const option = select.options[i];
+      if (option.__value === value) {
+        option.selected = true;
+        return;
       }
+    }
+    if (!mounting || value !== undefined) {
+      select.selectedIndex = -1; // no option should be selected
+    }
   }
   function select_value(select) {
-      const selected_option = select.querySelector(':checked');
-      return selected_option && selected_option.__value;
+    const selected_option = select.querySelector(":checked");
+    return selected_option && selected_option.__value;
   }
   function toggle_class(element, name, toggle) {
-      element.classList[toggle ? 'add' : 'remove'](name);
+    element.classList[toggle ? "add" : "remove"](name);
   }
-  function custom_event(type, detail, { bubbles = false, cancelable = false } = {}) {
-      const e = document.createEvent('CustomEvent');
-      e.initCustomEvent(type, bubbles, cancelable, detail);
-      return e;
+  function custom_event(
+    type,
+    detail,
+    { bubbles = false, cancelable = false } = {},
+  ) {
+    const e = document.createEvent("CustomEvent");
+    e.initCustomEvent(type, bubbles, cancelable, detail);
+    return e;
   }
 
   // we need to store the information for multiple documents because a Svelte application could also contain iframes
@@ -376,142 +372,152 @@
   let active = 0;
   // https://github.com/darkskyapp/string-hash/blob/master/index.js
   function hash(str) {
-      let hash = 5381;
-      let i = str.length;
-      while (i--)
-          hash = ((hash << 5) - hash) ^ str.charCodeAt(i);
-      return hash >>> 0;
+    let hash = 5381;
+    let i = str.length;
+    while (i--) hash = ((hash << 5) - hash) ^ str.charCodeAt(i);
+    return hash >>> 0;
   }
   function create_style_information(doc, node) {
-      const info = { stylesheet: append_empty_stylesheet(node), rules: {} };
-      managed_styles.set(doc, info);
-      return info;
+    const info = { stylesheet: append_empty_stylesheet(node), rules: {} };
+    managed_styles.set(doc, info);
+    return info;
   }
   function create_rule(node, a, b, duration, delay, ease, fn, uid = 0) {
-      const step = 16.666 / duration;
-      let keyframes = '{\n';
-      for (let p = 0; p <= 1; p += step) {
-          const t = a + (b - a) * ease(p);
-          keyframes += p * 100 + `%{${fn(t, 1 - t)}}\n`;
-      }
-      const rule = keyframes + `100% {${fn(b, 1 - b)}}\n}`;
-      const name = `__svelte_${hash(rule)}_${uid}`;
-      const doc = get_root_for_style(node);
-      const { stylesheet, rules } = managed_styles.get(doc) || create_style_information(doc, node);
-      if (!rules[name]) {
-          rules[name] = true;
-          stylesheet.insertRule(`@keyframes ${name} ${rule}`, stylesheet.cssRules.length);
-      }
-      const animation = node.style.animation || '';
-      node.style.animation = `${animation ? `${animation}, ` : ''}${name} ${duration}ms linear ${delay}ms 1 both`;
-      active += 1;
-      return name;
+    const step = 16.666 / duration;
+    let keyframes = "{\n";
+    for (let p = 0; p <= 1; p += step) {
+      const t = a + (b - a) * ease(p);
+      keyframes += p * 100 + `%{${fn(t, 1 - t)}}\n`;
+    }
+    const rule = keyframes + `100% {${fn(b, 1 - b)}}\n}`;
+    const name = `__svelte_${hash(rule)}_${uid}`;
+    const doc = get_root_for_style(node);
+    const { stylesheet, rules } =
+      managed_styles.get(doc) || create_style_information(doc, node);
+    if (!rules[name]) {
+      rules[name] = true;
+      stylesheet.insertRule(
+        `@keyframes ${name} ${rule}`,
+        stylesheet.cssRules.length,
+      );
+    }
+    const animation = node.style.animation || "";
+    node.style.animation = `${animation ? `${animation}, ` : ""}${name} ${duration}ms linear ${delay}ms 1 both`;
+    active += 1;
+    return name;
   }
   function delete_rule(node, name) {
-      const previous = (node.style.animation || '').split(', ');
-      const next = previous.filter(name
-          ? anim => anim.indexOf(name) < 0 // remove specific animation
-          : anim => anim.indexOf('__svelte') === -1 // remove all Svelte animations
-      );
-      const deleted = previous.length - next.length;
-      if (deleted) {
-          node.style.animation = next.join(', ');
-          active -= deleted;
-          if (!active)
-              clear_rules();
-      }
+    const previous = (node.style.animation || "").split(", ");
+    const next = previous.filter(
+      name
+        ? (anim) => anim.indexOf(name) < 0 // remove specific animation
+        : (anim) => anim.indexOf("__svelte") === -1, // remove all Svelte animations
+    );
+    const deleted = previous.length - next.length;
+    if (deleted) {
+      node.style.animation = next.join(", ");
+      active -= deleted;
+      if (!active) clear_rules();
+    }
   }
   function clear_rules() {
-      raf(() => {
-          if (active)
-              return;
-          managed_styles.forEach(info => {
-              const { ownerNode } = info.stylesheet;
-              // there is no ownerNode if it runs on jsdom.
-              if (ownerNode)
-                  detach(ownerNode);
-          });
-          managed_styles.clear();
+    raf(() => {
+      if (active) return;
+      managed_styles.forEach((info) => {
+        const { ownerNode } = info.stylesheet;
+        // there is no ownerNode if it runs on jsdom.
+        if (ownerNode) detach(ownerNode);
       });
+      managed_styles.clear();
+    });
   }
 
   function create_animation(node, from, fn, params) {
-      if (!from)
-          return noop;
-      const to = node.getBoundingClientRect();
-      if (from.left === to.left && from.right === to.right && from.top === to.top && from.bottom === to.bottom)
-          return noop;
-      const { delay = 0, duration = 300, easing = identity, 
+    if (!from) return noop;
+    const to = node.getBoundingClientRect();
+    if (
+      from.left === to.left &&
+      from.right === to.right &&
+      from.top === to.top &&
+      from.bottom === to.bottom
+    )
+      return noop;
+    const {
+      delay = 0,
+      duration = 300,
+      easing = identity,
       // @ts-ignore todo: should this be separated from destructuring? Or start/end added to public api and documentation?
-      start: start_time = now() + delay, 
+      start: start_time = now() + delay,
       // @ts-ignore todo:
-      end = start_time + duration, tick = noop, css } = fn(node, { from, to }, params);
-      let running = true;
-      let started = false;
-      let name;
-      function start() {
-          if (css) {
-              name = create_rule(node, 0, 1, duration, delay, easing, css);
-          }
-          if (!delay) {
-              started = true;
-          }
+      end = start_time + duration,
+      tick = noop,
+      css,
+    } = fn(node, { from, to }, params);
+    let running = true;
+    let started = false;
+    let name;
+    function start() {
+      if (css) {
+        name = create_rule(node, 0, 1, duration, delay, easing, css);
       }
-      function stop() {
-          if (css)
-              delete_rule(node, name);
-          running = false;
+      if (!delay) {
+        started = true;
       }
-      loop(now => {
-          if (!started && now >= start_time) {
-              started = true;
-          }
-          if (started && now >= end) {
-              tick(1, 0);
-              stop();
-          }
-          if (!running) {
-              return false;
-          }
-          if (started) {
-              const p = now - start_time;
-              const t = 0 + 1 * easing(p / duration);
-              tick(t, 1 - t);
-          }
-          return true;
-      });
-      start();
-      tick(0, 1);
-      return stop;
+    }
+    function stop() {
+      if (css) delete_rule(node, name);
+      running = false;
+    }
+    loop((now) => {
+      if (!started && now >= start_time) {
+        started = true;
+      }
+      if (started && now >= end) {
+        tick(1, 0);
+        stop();
+      }
+      if (!running) {
+        return false;
+      }
+      if (started) {
+        const p = now - start_time;
+        const t = 0 + 1 * easing(p / duration);
+        tick(t, 1 - t);
+      }
+      return true;
+    });
+    start();
+    tick(0, 1);
+    return stop;
   }
   function fix_position(node) {
-      const style = getComputedStyle(node);
-      if (style.position !== 'absolute' && style.position !== 'fixed') {
-          const { width, height } = style;
-          const a = node.getBoundingClientRect();
-          node.style.position = 'absolute';
-          node.style.width = width;
-          node.style.height = height;
-          add_transform(node, a);
-      }
+    const style = getComputedStyle(node);
+    if (style.position !== "absolute" && style.position !== "fixed") {
+      const { width, height } = style;
+      const a = node.getBoundingClientRect();
+      node.style.position = "absolute";
+      node.style.width = width;
+      node.style.height = height;
+      add_transform(node, a);
+    }
   }
   function add_transform(node, a) {
-      const b = node.getBoundingClientRect();
-      if (a.left !== b.left || a.top !== b.top) {
-          const style = getComputedStyle(node);
-          const transform = style.transform === 'none' ? '' : style.transform;
-          node.style.transform = `${transform} translate(${a.left - b.left}px, ${a.top - b.top}px)`;
-      }
+    const b = node.getBoundingClientRect();
+    if (a.left !== b.left || a.top !== b.top) {
+      const style = getComputedStyle(node);
+      const transform = style.transform === "none" ? "" : style.transform;
+      node.style.transform = `${transform} translate(${a.left - b.left}px, ${a.top - b.top}px)`;
+    }
   }
 
   let current_component;
   function set_current_component(component) {
-      current_component = component;
+    current_component = component;
   }
   function get_current_component() {
-      if (!current_component)
-          throw new Error('Function called outside component initialization');
-      return current_component;
+    if (!current_component)
+      throw new Error("Function called outside component initialization");
+    return current_component;
   }
   /**
    * The `onMount` function schedules a callback to run as soon as the component has been mounted to the DOM.
@@ -523,7 +529,7 @@
    * https://svelte.dev/docs#run-time-svelte-onmount
    */
   function onMount(fn) {
-      get_current_component().$$.on_mount.push(fn);
+    get_current_component().$$.on_mount.push(fn);
   }
   /**
    * Creates an event dispatcher that can be used to dispatch [component events](/docs#template-syntax-component-directives-on-eventname).
@@ -538,20 +544,20 @@
    * https://svelte.dev/docs#run-time-svelte-createeventdispatcher
    */
   function createEventDispatcher() {
-      const component = get_current_component();
-      return (type, detail, { cancelable = false } = {}) => {
-          const callbacks = component.$$.callbacks[type];
-          if (callbacks) {
-              // TODO are there situations where events could be dispatched
-              // in a server (non-DOM) environment?
-              const event = custom_event(type, detail, { cancelable });
-              callbacks.slice().forEach(fn => {
-                  fn.call(component, event);
-              });
-              return !event.defaultPrevented;
-          }
-          return true;
-      };
+    const component = get_current_component();
+    return (type, detail, { cancelable = false } = {}) => {
+      const callbacks = component.$$.callbacks[type];
+      if (callbacks) {
+        // TODO are there situations where events could be dispatched
+        // in a server (non-DOM) environment?
+        const event = custom_event(type, detail, { cancelable });
+        callbacks.slice().forEach((fn) => {
+          fn.call(component, event);
+        });
+        return !event.defaultPrevented;
+      }
+      return true;
+    };
   }
 
   const dirty_components = [];
@@ -561,16 +567,16 @@
   const resolved_promise = /* @__PURE__ */ Promise.resolve();
   let update_scheduled = false;
   function schedule_update() {
-      if (!update_scheduled) {
-          update_scheduled = true;
-          resolved_promise.then(flush);
-      }
+    if (!update_scheduled) {
+      update_scheduled = true;
+      resolved_promise.then(flush);
+    }
   }
   function add_render_callback(fn) {
-      render_callbacks.push(fn);
+    render_callbacks.push(fn);
   }
   function add_flush_callback(fn) {
-      flush_callbacks.push(fn);
+    flush_callbacks.push(fn);
   }
   // flush() calls callbacks in this order:
   // 1. All beforeUpdate callbacks, in order: parents before children
@@ -593,2174 +599,2605 @@
   const seen_callbacks = new Set();
   let flushidx = 0; // Do *not* move this inside the flush() function
   function flush() {
-      // Do not reenter flush while dirty components are updated, as this can
-      // result in an infinite loop. Instead, let the inner flush handle it.
-      // Reentrancy is ok afterwards for bindings etc.
-      if (flushidx !== 0) {
-          return;
+    // Do not reenter flush while dirty components are updated, as this can
+    // result in an infinite loop. Instead, let the inner flush handle it.
+    // Reentrancy is ok afterwards for bindings etc.
+    if (flushidx !== 0) {
+      return;
+    }
+    const saved_component = current_component;
+    do {
+      // first, call beforeUpdate functions
+      // and update components
+      try {
+        while (flushidx < dirty_components.length) {
+          const component = dirty_components[flushidx];
+          flushidx++;
+          set_current_component(component);
+          update(component.$$);
+        }
+      } catch (e) {
+        // reset dirty state to not end up in a deadlocked state and then rethrow
+        dirty_components.length = 0;
+        flushidx = 0;
+        throw e;
       }
-      const saved_component = current_component;
-      do {
-          // first, call beforeUpdate functions
-          // and update components
-          try {
-              while (flushidx < dirty_components.length) {
-                  const component = dirty_components[flushidx];
-                  flushidx++;
-                  set_current_component(component);
-                  update(component.$$);
-              }
-          }
-          catch (e) {
-              // reset dirty state to not end up in a deadlocked state and then rethrow
-              dirty_components.length = 0;
-              flushidx = 0;
-              throw e;
-          }
-          set_current_component(null);
-          dirty_components.length = 0;
-          flushidx = 0;
-          while (binding_callbacks.length)
-              binding_callbacks.pop()();
-          // then, once components are updated, call
-          // afterUpdate functions. This may cause
-          // subsequent updates...
-          for (let i = 0; i < render_callbacks.length; i += 1) {
-              const callback = render_callbacks[i];
-              if (!seen_callbacks.has(callback)) {
-                  // ...so guard against infinite loops
-                  seen_callbacks.add(callback);
-                  callback();
-              }
-          }
-          render_callbacks.length = 0;
-      } while (dirty_components.length);
-      while (flush_callbacks.length) {
-          flush_callbacks.pop()();
+      set_current_component(null);
+      dirty_components.length = 0;
+      flushidx = 0;
+      while (binding_callbacks.length) binding_callbacks.pop()();
+      // then, once components are updated, call
+      // afterUpdate functions. This may cause
+      // subsequent updates...
+      for (let i = 0; i < render_callbacks.length; i += 1) {
+        const callback = render_callbacks[i];
+        if (!seen_callbacks.has(callback)) {
+          // ...so guard against infinite loops
+          seen_callbacks.add(callback);
+          callback();
+        }
       }
-      update_scheduled = false;
-      seen_callbacks.clear();
-      set_current_component(saved_component);
+      render_callbacks.length = 0;
+    } while (dirty_components.length);
+    while (flush_callbacks.length) {
+      flush_callbacks.pop()();
+    }
+    update_scheduled = false;
+    seen_callbacks.clear();
+    set_current_component(saved_component);
   }
   function update($$) {
-      if ($$.fragment !== null) {
-          $$.update();
-          run_all($$.before_update);
-          const dirty = $$.dirty;
-          $$.dirty = [-1];
-          $$.fragment && $$.fragment.p($$.ctx, dirty);
-          $$.after_update.forEach(add_render_callback);
-      }
+    if ($$.fragment !== null) {
+      $$.update();
+      run_all($$.before_update);
+      const dirty = $$.dirty;
+      $$.dirty = [-1];
+      $$.fragment && $$.fragment.p($$.ctx, dirty);
+      $$.after_update.forEach(add_render_callback);
+    }
   }
   /**
    * Useful for example to execute remaining `afterUpdate` callbacks before executing `destroy`.
    */
   function flush_render_callbacks(fns) {
-      const filtered = [];
-      const targets = [];
-      render_callbacks.forEach((c) => fns.indexOf(c) === -1 ? filtered.push(c) : targets.push(c));
-      targets.forEach((c) => c());
-      render_callbacks = filtered;
+    const filtered = [];
+    const targets = [];
+    render_callbacks.forEach((c) =>
+      fns.indexOf(c) === -1 ? filtered.push(c) : targets.push(c),
+    );
+    targets.forEach((c) => c());
+    render_callbacks = filtered;
   }
 
   let promise;
   function wait() {
-      if (!promise) {
-          promise = Promise.resolve();
-          promise.then(() => {
-              promise = null;
-          });
-      }
-      return promise;
+    if (!promise) {
+      promise = Promise.resolve();
+      promise.then(() => {
+        promise = null;
+      });
+    }
+    return promise;
   }
   function dispatch(node, direction, kind) {
-      node.dispatchEvent(custom_event(`${direction ? 'intro' : 'outro'}${kind}`));
+    node.dispatchEvent(custom_event(`${direction ? "intro" : "outro"}${kind}`));
   }
   const outroing = new Set();
   let outros;
   function group_outros() {
-      outros = {
-          r: 0,
-          c: [],
-          p: outros // parent group
-      };
+    outros = {
+      r: 0,
+      c: [],
+      p: outros, // parent group
+    };
   }
   function check_outros() {
-      if (!outros.r) {
-          run_all(outros.c);
-      }
-      outros = outros.p;
+    if (!outros.r) {
+      run_all(outros.c);
+    }
+    outros = outros.p;
   }
   function transition_in(block, local) {
-      if (block && block.i) {
-          outroing.delete(block);
-          block.i(local);
-      }
+    if (block && block.i) {
+      outroing.delete(block);
+      block.i(local);
+    }
   }
   function transition_out(block, local, detach, callback) {
-      if (block && block.o) {
-          if (outroing.has(block))
-              return;
-          outroing.add(block);
-          outros.c.push(() => {
-              outroing.delete(block);
-              if (callback) {
-                  if (detach)
-                      block.d(1);
-                  callback();
-              }
-          });
-          block.o(local);
-      }
-      else if (callback) {
+    if (block && block.o) {
+      if (outroing.has(block)) return;
+      outroing.add(block);
+      outros.c.push(() => {
+        outroing.delete(block);
+        if (callback) {
+          if (detach) block.d(1);
           callback();
-      }
+        }
+      });
+      block.o(local);
+    } else if (callback) {
+      callback();
+    }
   }
   const null_transition = { duration: 0 };
   function create_in_transition(node, fn, params) {
-      const options = { direction: 'in' };
-      let config = fn(node, params, options);
-      let running = false;
-      let animation_name;
-      let task;
-      let uid = 0;
-      function cleanup() {
-          if (animation_name)
-              delete_rule(node, animation_name);
-      }
-      function go() {
-          const { delay = 0, duration = 300, easing = identity, tick = noop, css } = config || null_transition;
-          if (css)
-              animation_name = create_rule(node, 0, 1, duration, delay, easing, css, uid++);
-          tick(0, 1);
-          const start_time = now() + delay;
-          const end_time = start_time + duration;
-          if (task)
-              task.abort();
-          running = true;
-          add_render_callback(() => dispatch(node, true, 'start'));
-          task = loop(now => {
-              if (running) {
-                  if (now >= end_time) {
-                      tick(1, 0);
-                      dispatch(node, true, 'end');
-                      cleanup();
-                      return running = false;
-                  }
-                  if (now >= start_time) {
-                      const t = easing((now - start_time) / duration);
-                      tick(t, 1 - t);
-                  }
-              }
-              return running;
-          });
-      }
-      let started = false;
-      return {
-          start() {
-              if (started)
-                  return;
-              started = true;
-              delete_rule(node);
-              if (is_function(config)) {
-                  config = config(options);
-                  wait().then(go);
-              }
-              else {
-                  go();
-              }
-          },
-          invalidate() {
-              started = false;
-          },
-          end() {
-              if (running) {
-                  cleanup();
-                  running = false;
-              }
+    const options = { direction: "in" };
+    let config = fn(node, params, options);
+    let running = false;
+    let animation_name;
+    let task;
+    let uid = 0;
+    function cleanup() {
+      if (animation_name) delete_rule(node, animation_name);
+    }
+    function go() {
+      const {
+        delay = 0,
+        duration = 300,
+        easing = identity,
+        tick = noop,
+        css,
+      } = config || null_transition;
+      if (css)
+        animation_name = create_rule(
+          node,
+          0,
+          1,
+          duration,
+          delay,
+          easing,
+          css,
+          uid++,
+        );
+      tick(0, 1);
+      const start_time = now() + delay;
+      const end_time = start_time + duration;
+      if (task) task.abort();
+      running = true;
+      add_render_callback(() => dispatch(node, true, "start"));
+      task = loop((now) => {
+        if (running) {
+          if (now >= end_time) {
+            tick(1, 0);
+            dispatch(node, true, "end");
+            cleanup();
+            return (running = false);
           }
-      };
+          if (now >= start_time) {
+            const t = easing((now - start_time) / duration);
+            tick(t, 1 - t);
+          }
+        }
+        return running;
+      });
+    }
+    let started = false;
+    return {
+      start() {
+        if (started) return;
+        started = true;
+        delete_rule(node);
+        if (is_function(config)) {
+          config = config(options);
+          wait().then(go);
+        } else {
+          go();
+        }
+      },
+      invalidate() {
+        started = false;
+      },
+      end() {
+        if (running) {
+          cleanup();
+          running = false;
+        }
+      },
+    };
   }
   function create_out_transition(node, fn, params) {
-      const options = { direction: 'out' };
-      let config = fn(node, params, options);
-      let running = true;
-      let animation_name;
-      const group = outros;
-      group.r += 1;
-      function go() {
-          const { delay = 0, duration = 300, easing = identity, tick = noop, css } = config || null_transition;
-          if (css)
-              animation_name = create_rule(node, 1, 0, duration, delay, easing, css);
-          const start_time = now() + delay;
-          const end_time = start_time + duration;
-          add_render_callback(() => dispatch(node, false, 'start'));
-          loop(now => {
-              if (running) {
-                  if (now >= end_time) {
-                      tick(0, 1);
-                      dispatch(node, false, 'end');
-                      if (!--group.r) {
-                          // this will result in `end()` being called,
-                          // so we don't need to clean up here
-                          run_all(group.c);
-                      }
-                      return false;
-                  }
-                  if (now >= start_time) {
-                      const t = easing((now - start_time) / duration);
-                      tick(1 - t, t);
-                  }
-              }
-              return running;
-          });
-      }
-      if (is_function(config)) {
-          wait().then(() => {
-              // @ts-ignore
-              config = config(options);
-              go();
-          });
-      }
-      else {
-          go();
-      }
-      return {
-          end(reset) {
-              if (reset && config.tick) {
-                  config.tick(1, 0);
-              }
-              if (running) {
-                  if (animation_name)
-                      delete_rule(node, animation_name);
-                  running = false;
-              }
+    const options = { direction: "out" };
+    let config = fn(node, params, options);
+    let running = true;
+    let animation_name;
+    const group = outros;
+    group.r += 1;
+    function go() {
+      const {
+        delay = 0,
+        duration = 300,
+        easing = identity,
+        tick = noop,
+        css,
+      } = config || null_transition;
+      if (css)
+        animation_name = create_rule(node, 1, 0, duration, delay, easing, css);
+      const start_time = now() + delay;
+      const end_time = start_time + duration;
+      add_render_callback(() => dispatch(node, false, "start"));
+      loop((now) => {
+        if (running) {
+          if (now >= end_time) {
+            tick(0, 1);
+            dispatch(node, false, "end");
+            if (!--group.r) {
+              // this will result in `end()` being called,
+              // so we don't need to clean up here
+              run_all(group.c);
+            }
+            return false;
           }
-      };
+          if (now >= start_time) {
+            const t = easing((now - start_time) / duration);
+            tick(1 - t, t);
+          }
+        }
+        return running;
+      });
+    }
+    if (is_function(config)) {
+      wait().then(() => {
+        // @ts-ignore
+        config = config(options);
+        go();
+      });
+    } else {
+      go();
+    }
+    return {
+      end(reset) {
+        if (reset && config.tick) {
+          config.tick(1, 0);
+        }
+        if (running) {
+          if (animation_name) delete_rule(node, animation_name);
+          running = false;
+        }
+      },
+    };
   }
   function outro_and_destroy_block(block, lookup) {
-      transition_out(block, 1, 1, () => {
-          lookup.delete(block.key);
-      });
+    transition_out(block, 1, 1, () => {
+      lookup.delete(block.key);
+    });
   }
   function fix_and_outro_and_destroy_block(block, lookup) {
-      block.f();
-      outro_and_destroy_block(block, lookup);
-  }
-  function update_keyed_each(old_blocks, dirty, get_key, dynamic, ctx, list, lookup, node, destroy, create_each_block, next, get_context) {
-      let o = old_blocks.length;
-      let n = list.length;
-      let i = o;
-      const old_indexes = {};
-      while (i--)
-          old_indexes[old_blocks[i].key] = i;
-      const new_blocks = [];
-      const new_lookup = new Map();
-      const deltas = new Map();
-      const updates = [];
-      i = n;
-      while (i--) {
-          const child_ctx = get_context(ctx, list, i);
-          const key = get_key(child_ctx);
-          let block = lookup.get(key);
-          if (!block) {
-              block = create_each_block(key, child_ctx);
-              block.c();
-          }
-          else if (dynamic) {
-              // defer updates until all the DOM shuffling is done
-              updates.push(() => block.p(child_ctx, dirty));
-          }
-          new_lookup.set(key, new_blocks[i] = block);
-          if (key in old_indexes)
-              deltas.set(key, Math.abs(i - old_indexes[key]));
-      }
-      const will_move = new Set();
-      const did_move = new Set();
-      function insert(block) {
-          transition_in(block, 1);
-          block.m(node, next);
-          lookup.set(block.key, block);
-          next = block.first;
-          n--;
-      }
-      while (o && n) {
-          const new_block = new_blocks[n - 1];
-          const old_block = old_blocks[o - 1];
-          const new_key = new_block.key;
-          const old_key = old_block.key;
-          if (new_block === old_block) {
-              // do nothing
-              next = new_block.first;
-              o--;
-              n--;
-          }
-          else if (!new_lookup.has(old_key)) {
-              // remove old block
-              destroy(old_block, lookup);
-              o--;
-          }
-          else if (!lookup.has(new_key) || will_move.has(new_key)) {
-              insert(new_block);
-          }
-          else if (did_move.has(old_key)) {
-              o--;
-          }
-          else if (deltas.get(new_key) > deltas.get(old_key)) {
-              did_move.add(new_key);
-              insert(new_block);
-          }
-          else {
-              will_move.add(old_key);
-              o--;
-          }
+    block.f();
+    outro_and_destroy_block(block, lookup);
+  }
+  function update_keyed_each(
+    old_blocks,
+    dirty,
+    get_key,
+    dynamic,
+    ctx,
+    list,
+    lookup,
+    node,
+    destroy,
+    create_each_block,
+    next,
+    get_context,
+  ) {
+    let o = old_blocks.length;
+    let n = list.length;
+    let i = o;
+    const old_indexes = {};
+    while (i--) old_indexes[old_blocks[i].key] = i;
+    const new_blocks = [];
+    const new_lookup = new Map();
+    const deltas = new Map();
+    const updates = [];
+    i = n;
+    while (i--) {
+      const child_ctx = get_context(ctx, list, i);
+      const key = get_key(child_ctx);
+      let block = lookup.get(key);
+      if (!block) {
+        block = create_each_block(key, child_ctx);
+        block.c();
+      } else if (dynamic) {
+        // defer updates until all the DOM shuffling is done
+        updates.push(() => block.p(child_ctx, dirty));
       }
-      while (o--) {
-          const old_block = old_blocks[o];
-          if (!new_lookup.has(old_block.key))
-              destroy(old_block, lookup);
+      new_lookup.set(key, (new_blocks[i] = block));
+      if (key in old_indexes) deltas.set(key, Math.abs(i - old_indexes[key]));
+    }
+    const will_move = new Set();
+    const did_move = new Set();
+    function insert(block) {
+      transition_in(block, 1);
+      block.m(node, next);
+      lookup.set(block.key, block);
+      next = block.first;
+      n--;
+    }
+    while (o && n) {
+      const new_block = new_blocks[n - 1];
+      const old_block = old_blocks[o - 1];
+      const new_key = new_block.key;
+      const old_key = old_block.key;
+      if (new_block === old_block) {
+        // do nothing
+        next = new_block.first;
+        o--;
+        n--;
+      } else if (!new_lookup.has(old_key)) {
+        // remove old block
+        destroy(old_block, lookup);
+        o--;
+      } else if (!lookup.has(new_key) || will_move.has(new_key)) {
+        insert(new_block);
+      } else if (did_move.has(old_key)) {
+        o--;
+      } else if (deltas.get(new_key) > deltas.get(old_key)) {
+        did_move.add(new_key);
+        insert(new_block);
+      } else {
+        will_move.add(old_key);
+        o--;
       }
-      while (n)
-          insert(new_blocks[n - 1]);
-      run_all(updates);
-      return new_blocks;
+    }
+    while (o--) {
+      const old_block = old_blocks[o];
+      if (!new_lookup.has(old_block.key)) destroy(old_block, lookup);
+    }
+    while (n) insert(new_blocks[n - 1]);
+    run_all(updates);
+    return new_blocks;
   }
   function validate_each_keys(ctx, list, get_context, get_key) {
-      const keys = new Set();
-      for (let i = 0; i < list.length; i++) {
-          const key = get_key(get_context(ctx, list, i));
-          if (keys.has(key)) {
-              throw new Error('Cannot have duplicate keys in a keyed each');
-          }
-          keys.add(key);
+    const keys = new Set();
+    for (let i = 0; i < list.length; i++) {
+      const key = get_key(get_context(ctx, list, i));
+      if (keys.has(key)) {
+        throw new Error("Cannot have duplicate keys in a keyed each");
       }
+      keys.add(key);
+    }
   }
 
   function bind(component, name, callback) {
-      const index = component.$$.props[name];
-      if (index !== undefined) {
-          component.$$.bound[index] = callback;
-          callback(component.$$.ctx[index]);
-      }
+    const index = component.$$.props[name];
+    if (index !== undefined) {
+      component.$$.bound[index] = callback;
+      callback(component.$$.ctx[index]);
+    }
   }
   function create_component(block) {
-      block && block.c();
+    block && block.c();
   }
   function mount_component(component, target, anchor, customElement) {
-      const { fragment, after_update } = component.$$;
-      fragment && fragment.m(target, anchor);
-      if (!customElement) {
-          // onMount happens before the initial afterUpdate
-          add_render_callback(() => {
-              const new_on_destroy = component.$$.on_mount.map(run).filter(is_function);
-              // if the component was destroyed immediately
-              // it will update the `$$.on_destroy` reference to `null`.
-              // the destructured on_destroy may still reference to the old array
-              if (component.$$.on_destroy) {
-                  component.$$.on_destroy.push(...new_on_destroy);
-              }
-              else {
-                  // Edge case - component was destroyed immediately,
-                  // most likely as a result of a binding initialising
-                  run_all(new_on_destroy);
-              }
-              component.$$.on_mount = [];
-          });
-      }
-      after_update.forEach(add_render_callback);
+    const { fragment, after_update } = component.$$;
+    fragment && fragment.m(target, anchor);
+    if (!customElement) {
+      // onMount happens before the initial afterUpdate
+      add_render_callback(() => {
+        const new_on_destroy = component.$$.on_mount
+          .map(run)
+          .filter(is_function);
+        // if the component was destroyed immediately
+        // it will update the `$$.on_destroy` reference to `null`.
+        // the destructured on_destroy may still reference to the old array
+        if (component.$$.on_destroy) {
+          component.$$.on_destroy.push(...new_on_destroy);
+        } else {
+          // Edge case - component was destroyed immediately,
+          // most likely as a result of a binding initialising
+          run_all(new_on_destroy);
+        }
+        component.$$.on_mount = [];
+      });
+    }
+    after_update.forEach(add_render_callback);
   }
   function destroy_component(component, detaching) {
-      const $$ = component.$$;
-      if ($$.fragment !== null) {
-          flush_render_callbacks($$.after_update);
-          run_all($$.on_destroy);
-          $$.fragment && $$.fragment.d(detaching);
-          // TODO null out other refs, including component.$$ (but need to
-          // preserve final state?)
-          $$.on_destroy = $$.fragment = null;
-          $$.ctx = [];
-      }
+    const $$ = component.$$;
+    if ($$.fragment !== null) {
+      flush_render_callbacks($$.after_update);
+      run_all($$.on_destroy);
+      $$.fragment && $$.fragment.d(detaching);
+      // TODO null out other refs, including component.$$ (but need to
+      // preserve final state?)
+      $$.on_destroy = $$.fragment = null;
+      $$.ctx = [];
+    }
   }
   function make_dirty(component, i) {
-      if (component.$$.dirty[0] === -1) {
-          dirty_components.push(component);
-          schedule_update();
-          component.$$.dirty.fill(0);
-      }
-      component.$$.dirty[(i / 31) | 0] |= (1 << (i % 31));
-  }
-  function init(component, options, instance, create_fragment, not_equal, props, append_styles, dirty = [-1]) {
-      const parent_component = current_component;
-      set_current_component(component);
-      const $$ = component.$$ = {
-          fragment: null,
-          ctx: [],
-          // state
-          props,
-          update: noop,
-          not_equal,
-          bound: blank_object(),
-          // lifecycle
-          on_mount: [],
-          on_destroy: [],
-          on_disconnect: [],
-          before_update: [],
-          after_update: [],
-          context: new Map(options.context || (parent_component ? parent_component.$$.context : [])),
-          // everything else
-          callbacks: blank_object(),
-          dirty,
-          skip_bound: false,
-          root: options.target || parent_component.$$.root
-      };
-      append_styles && append_styles($$.root);
-      let ready = false;
-      $$.ctx = instance
-          ? instance(component, options.props || {}, (i, ret, ...rest) => {
-              const value = rest.length ? rest[0] : ret;
-              if ($$.ctx && not_equal($$.ctx[i], $$.ctx[i] = value)) {
-                  if (!$$.skip_bound && $$.bound[i])
-                      $$.bound[i](value);
-                  if (ready)
-                      make_dirty(component, i);
-              }
-              return ret;
-          })
-          : [];
-      $$.update();
-      ready = true;
-      run_all($$.before_update);
-      // `false` as a special case of no DOM component
-      $$.fragment = create_fragment ? create_fragment($$.ctx) : false;
-      if (options.target) {
-          if (options.hydrate) {
-              const nodes = children(options.target);
-              // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-              $$.fragment && $$.fragment.l(nodes);
-              nodes.forEach(detach);
-          }
-          else {
-              // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-              $$.fragment && $$.fragment.c();
+    if (component.$$.dirty[0] === -1) {
+      dirty_components.push(component);
+      schedule_update();
+      component.$$.dirty.fill(0);
+    }
+    component.$$.dirty[(i / 31) | 0] |= 1 << i % 31;
+  }
+  function init(
+    component,
+    options,
+    instance,
+    create_fragment,
+    not_equal,
+    props,
+    append_styles,
+    dirty = [-1],
+  ) {
+    const parent_component = current_component;
+    set_current_component(component);
+    const $$ = (component.$$ = {
+      fragment: null,
+      ctx: [],
+      // state
+      props,
+      update: noop,
+      not_equal,
+      bound: blank_object(),
+      // lifecycle
+      on_mount: [],
+      on_destroy: [],
+      on_disconnect: [],
+      before_update: [],
+      after_update: [],
+      context: new Map(
+        options.context ||
+          (parent_component ? parent_component.$$.context : []),
+      ),
+      // everything else
+      callbacks: blank_object(),
+      dirty,
+      skip_bound: false,
+      root: options.target || parent_component.$$.root,
+    });
+    append_styles && append_styles($$.root);
+    let ready = false;
+    $$.ctx = instance
+      ? instance(component, options.props || {}, (i, ret, ...rest) => {
+          const value = rest.length ? rest[0] : ret;
+          if ($$.ctx && not_equal($$.ctx[i], ($$.ctx[i] = value))) {
+            if (!$$.skip_bound && $$.bound[i]) $$.bound[i](value);
+            if (ready) make_dirty(component, i);
           }
-          if (options.intro)
-              transition_in(component.$$.fragment);
-          mount_component(component, options.target, options.anchor, options.customElement);
-          flush();
+          return ret;
+        })
+      : [];
+    $$.update();
+    ready = true;
+    run_all($$.before_update);
+    // `false` as a special case of no DOM component
+    $$.fragment = create_fragment ? create_fragment($$.ctx) : false;
+    if (options.target) {
+      if (options.hydrate) {
+        const nodes = children(options.target);
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+        $$.fragment && $$.fragment.l(nodes);
+        nodes.forEach(detach);
+      } else {
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+        $$.fragment && $$.fragment.c();
       }
-      set_current_component(parent_component);
+      if (options.intro) transition_in(component.$$.fragment);
+      mount_component(
+        component,
+        options.target,
+        options.anchor,
+        options.customElement,
+      );
+      flush();
+    }
+    set_current_component(parent_component);
   }
   /**
    * Base class for Svelte components. Used when dev=false.
    */
   class SvelteComponent {
-      $destroy() {
-          destroy_component(this, 1);
-          this.$destroy = noop;
-      }
-      $on(type, callback) {
-          if (!is_function(callback)) {
-              return noop;
-          }
-          const callbacks = (this.$$.callbacks[type] || (this.$$.callbacks[type] = []));
-          callbacks.push(callback);
-          return () => {
-              const index = callbacks.indexOf(callback);
-              if (index !== -1)
-                  callbacks.splice(index, 1);
-          };
+    $destroy() {
+      destroy_component(this, 1);
+      this.$destroy = noop;
+    }
+    $on(type, callback) {
+      if (!is_function(callback)) {
+        return noop;
       }
-      $set($$props) {
-          if (this.$$set && !is_empty($$props)) {
-              this.$$.skip_bound = true;
-              this.$$set($$props);
-              this.$$.skip_bound = false;
-          }
+      const callbacks =
+        this.$$.callbacks[type] || (this.$$.callbacks[type] = []);
+      callbacks.push(callback);
+      return () => {
+        const index = callbacks.indexOf(callback);
+        if (index !== -1) callbacks.splice(index, 1);
+      };
+    }
+    $set($$props) {
+      if (this.$$set && !is_empty($$props)) {
+        this.$$.skip_bound = true;
+        this.$$set($$props);
+        this.$$.skip_bound = false;
       }
+    }
   }
 
   function dispatch_dev(type, detail) {
-      document.dispatchEvent(custom_event(type, Object.assign({ version: '3.59.2' }, detail), { bubbles: true }));
+    document.dispatchEvent(
+      custom_event(type, Object.assign({ version: "3.59.2" }, detail), {
+        bubbles: true,
+      }),
+    );
   }
   function append_dev(target, node) {
-      dispatch_dev('SvelteDOMInsert', { target, node });
-      append(target, node);
+    dispatch_dev("SvelteDOMInsert", { target, node });
+    append(target, node);
   }
   function insert_dev(target, node, anchor) {
-      dispatch_dev('SvelteDOMInsert', { target, node, anchor });
-      insert(target, node, anchor);
+    dispatch_dev("SvelteDOMInsert", { target, node, anchor });
+    insert(target, node, anchor);
   }
   function detach_dev(node) {
-      dispatch_dev('SvelteDOMRemove', { node });
-      detach(node);
-  }
-  function listen_dev(node, event, handler, options, has_prevent_default, has_stop_propagation, has_stop_immediate_propagation) {
-      const modifiers = options === true ? ['capture'] : options ? Array.from(Object.keys(options)) : [];
-      if (has_prevent_default)
-          modifiers.push('preventDefault');
-      if (has_stop_propagation)
-          modifiers.push('stopPropagation');
-      if (has_stop_immediate_propagation)
-          modifiers.push('stopImmediatePropagation');
-      dispatch_dev('SvelteDOMAddEventListener', { node, event, handler, modifiers });
-      const dispose = listen(node, event, handler, options);
-      return () => {
-          dispatch_dev('SvelteDOMRemoveEventListener', { node, event, handler, modifiers });
-          dispose();
-      };
+    dispatch_dev("SvelteDOMRemove", { node });
+    detach(node);
+  }
+  function listen_dev(
+    node,
+    event,
+    handler,
+    options,
+    has_prevent_default,
+    has_stop_propagation,
+    has_stop_immediate_propagation,
+  ) {
+    const modifiers =
+      options === true
+        ? ["capture"]
+        : options
+          ? Array.from(Object.keys(options))
+          : [];
+    if (has_prevent_default) modifiers.push("preventDefault");
+    if (has_stop_propagation) modifiers.push("stopPropagation");
+    if (has_stop_immediate_propagation)
+      modifiers.push("stopImmediatePropagation");
+    dispatch_dev("SvelteDOMAddEventListener", {
+      node,
+      event,
+      handler,
+      modifiers,
+    });
+    const dispose = listen(node, event, handler, options);
+    return () => {
+      dispatch_dev("SvelteDOMRemoveEventListener", {
+        node,
+        event,
+        handler,
+        modifiers,
+      });
+      dispose();
+    };
   }
   function attr_dev(node, attribute, value) {
-      attr(node, attribute, value);
-      if (value == null)
-          dispatch_dev('SvelteDOMRemoveAttribute', { node, attribute });
-      else
-          dispatch_dev('SvelteDOMSetAttribute', { node, attribute, value });
+    attr(node, attribute, value);
+    if (value == null)
+      dispatch_dev("SvelteDOMRemoveAttribute", { node, attribute });
+    else dispatch_dev("SvelteDOMSetAttribute", { node, attribute, value });
   }
   function set_data_dev(text, data) {
-      data = '' + data;
-      if (text.data === data)
-          return;
-      dispatch_dev('SvelteDOMSetData', { node: text, data });
-      text.data = data;
+    data = "" + data;
+    if (text.data === data) return;
+    dispatch_dev("SvelteDOMSetData", { node: text, data });
+    text.data = data;
   }
   function validate_each_argument(arg) {
-      if (typeof arg !== 'string' && !(arg && typeof arg === 'object' && 'length' in arg)) {
-          let msg = '{#each} only iterates over array-like objects.';
-          if (typeof Symbol === 'function' && arg && Symbol.iterator in arg) {
-              msg += ' You can use a spread to convert this iterable into an array.';
-          }
-          throw new Error(msg);
+    if (
+      typeof arg !== "string" &&
+      !(arg && typeof arg === "object" && "length" in arg)
+    ) {
+      let msg = "{#each} only iterates over array-like objects.";
+      if (typeof Symbol === "function" && arg && Symbol.iterator in arg) {
+        msg += " You can use a spread to convert this iterable into an array.";
       }
+      throw new Error(msg);
+    }
   }
   function validate_slots(name, slot, keys) {
-      for (const slot_key of Object.keys(slot)) {
-          if (!~keys.indexOf(slot_key)) {
-              console.warn(`<${name}> received an unexpected slot "${slot_key}".`);
-          }
+    for (const slot_key of Object.keys(slot)) {
+      if (!~keys.indexOf(slot_key)) {
+        console.warn(`<${name}> received an unexpected slot "${slot_key}".`);
       }
+    }
   }
   /**
    * Base class for Svelte components with some minor dev-enhancements. Used when dev=true.
    */
   class SvelteComponentDev extends SvelteComponent {
-      constructor(options) {
-          if (!options || (!options.target && !options.$$inline)) {
-              throw new Error("'target' is a required option");
-          }
-          super();
+    constructor(options) {
+      if (!options || (!options.target && !options.$$inline)) {
+        throw new Error("'target' is a required option");
       }
-      $destroy() {
-          super.$destroy();
-          this.$destroy = () => {
-              console.warn('Component was already destroyed'); // eslint-disable-line no-console
-          };
-      }
-      $capture_state() { }
-      $inject_state() { }
+      super();
+    }
+    $destroy() {
+      super.$destroy();
+      this.$destroy = () => {
+        console.warn("Component was already destroyed"); // eslint-disable-line no-console
+      };
+    }
+    $capture_state() {}
+    $inject_state() {}
   }
 
   /* src/Marker.svelte generated by Svelte v3.59.2 */
   const file$5 = "src/Marker.svelte";
 
   function get_each_context$3(ctx, list, i) {
-  	const child_ctx = ctx.slice();
-  	child_ctx[7] = list[i];
-  	return child_ctx;
+    const child_ctx = ctx.slice();
+    child_ctx[7] = list[i];
+    return child_ctx;
   }
 
   // (92:6) {#each OPTIONS as name}
   function create_each_block$3(ctx) {
-  	let option;
-  	let t_value = /*name*/ ctx[7] + "";
-  	let t;
-
-  	const block = {
-  		c: function create() {
-  			option = element("option");
-  			t = text(t_value);
-  			set_style(option, "background-color", "var(--gray)");
-  			option.__value = /*name*/ ctx[7];
-  			option.value = option.__value;
-  			add_location(option, file$5, 92, 8, 3418);
-  		},
-  		m: function mount(target, anchor) {
-  			insert_dev(target, option, anchor);
-  			append_dev(option, t);
-  		},
-  		p: noop,
-  		d: function destroy(detaching) {
-  			if (detaching) detach_dev(option);
-  		}
-  	};
-
-  	dispatch_dev("SvelteRegisterBlock", {
-  		block,
-  		id: create_each_block$3.name,
-  		type: "each",
-  		source: "(92:6) {#each OPTIONS as name}",
-  		ctx
-  	});
-
-  	return block;
+    let option;
+    let t_value = /*name*/ ctx[7] + "";
+    let t;
+
+    const block = {
+      c: function create() {
+        option = element("option");
+        t = text(t_value);
+        set_style(option, "background-color", "var(--gray)");
+        option.__value = /*name*/ ctx[7];
+        option.value = option.__value;
+        add_location(option, file$5, 92, 8, 3418);
+      },
+      m: function mount(target, anchor) {
+        insert_dev(target, option, anchor);
+        append_dev(option, t);
+      },
+      p: noop,
+      d: function destroy(detaching) {
+        if (detaching) detach_dev(option);
+      },
+    };
+
+    dispatch_dev("SvelteRegisterBlock", {
+      block,
+      id: create_each_block$3.name,
+      type: "each",
+      source: "(92:6) {#each OPTIONS as name}",
+      ctx,
+    });
+
+    return block;
   }
 
   function create_fragment$5(ctx) {
-  	let div4;
-  	let div0;
-  	let div0_data_offset_value;
-  	let t0;
-  	let div2;
-  	let div1;
-  	let div1_class_value;
-  	let div1_aria_valuenow_value;
-  	let t1;
-  	let span;
-  	let div3;
-  	let svg0;
-  	let path0;
-  	let t2;
-  	let select;
-  	let t3;
-  	let svg1;
-  	let path1;
-  	let mounted;
-  	let dispose;
-  	let each_value = OPTIONS;
-  	validate_each_argument(each_value);
-  	let each_blocks = [];
-
-  	for (let i = 0; i < each_value.length; i += 1) {
-  		each_blocks[i] = create_each_block$3(get_each_context$3(ctx, each_value, i));
-  	}
-
-  	const block = {
-  		c: function create() {
-  			div4 = element("div");
-  			div0 = element("div");
-  			t0 = space();
-  			div2 = element("div");
-  			div1 = element("div");
-  			t1 = space();
-  			span = element("span");
-  			div3 = element("div");
-  			svg0 = svg_element("svg");
-  			path0 = svg_element("path");
-  			t2 = space();
-  			select = element("select");
-
-  			for (let i = 0; i < each_blocks.length; i += 1) {
-  				each_blocks[i].c();
-  			}
-
-  			t3 = space();
-  			svg1 = svg_element("svg");
-  			path1 = svg_element("path");
-  			attr_dev(div0, "class", "scrubber-item svelte-zeu5yg");
-  			set_style(div0, "background-position", "-" + /*frame*/ ctx[0].offset[0] + "px -" + /*frame*/ ctx[0].offset[1] + "px");
-  			set_style(div0, "background-image", "url('" + /*url*/ ctx[1] + "')");
-  			attr_dev(div0, "data-offset", div0_data_offset_value = /*frame*/ ctx[0].offset);
-  			add_location(div0, file$5, 47, 2, 1619);
-  			attr_dev(div1, "class", div1_class_value = "progress-bar progress-bar-striped bg-" + confidence$1(/*frame*/ ctx[0].tag.prob) + " svelte-zeu5yg");
-  			attr_dev(div1, "role", "progressbar");
-  			set_style(div1, "width", /*frame*/ ctx[0].tag.prob * 100 + "%");
-  			attr_dev(div1, "aria-valuenow", div1_aria_valuenow_value = /*frame*/ ctx[0].tag.prob * 100);
-  			attr_dev(div1, "aria-valuemin", 0);
-  			attr_dev(div1, "aria-valuemax", 100);
-  			add_location(div1, file$5, 59, 4, 1978);
-  			attr_dev(div2, "class", "progress");
-  			set_style(div2, "height", "5px");
-  			add_location(div2, file$5, 58, 2, 1931);
-  			attr_dev(path0, "d", "M313.4 32.9c26 5.2 42.9 30.5 37.7 56.5l-2.3 11.4c-5.3 26.7-15.1 52.1-28.8 75.2H464c26.5 0 48 21.5 48 48c0 18.5-10.5 34.6-25.9 42.6C497 275.4 504 288.9 504 304c0 23.4-16.8 42.9-38.9 47.1c4.4 7.3 6.9 15.8 6.9 24.9c0 21.3-13.9 39.4-33.1 45.6c.7 3.3 1.1 6.8 1.1 10.4c0 26.5-21.5 48-48 48H294.5c-19 0-37.5-5.6-53.3-16.1l-38.5-25.7C176 420.4 160 390.4 160 358.3V320 272 247.1c0-29.2 13.3-56.7 36-75l7.4-5.9c26.5-21.2 44.6-51 51.2-84.2l2.3-11.4c5.2-26 30.5-42.9 56.5-37.7zM32 192H96c17.7 0 32 14.3 32 32V448c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32V224c0-17.7 14.3-32 32-32z");
-  			add_location(path0, file$5, 81, 9, 2640);
-  			attr_dev(svg0, "class", "tag-item-accept svelte-zeu5yg");
-  			attr_dev(svg0, "xmlns", "http://www.w3.org/2000/svg");
-  			attr_dev(svg0, "height", "1em");
-  			attr_dev(svg0, "viewBox", "0 0 512 512");
-  			add_location(svg0, file$5, 76, 6, 2500);
-  			set_style(div3, "padding-right", "10px");
-  			set_style(div3, "display", "inline");
-  			add_location(div3, file$5, 70, 4, 2355);
-  			set_style(select, "color", "#f5f8fa");
-  			attr_dev(select, "class", "tag-item-select svelte-zeu5yg");
-  			if (/*frame*/ ctx[0].tag.label === void 0) add_render_callback(() => /*select_change_handler*/ ctx[5].call(select));
-  			add_location(select, file$5, 86, 4, 3272);
-  			attr_dev(path1, "d", "M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z");
-  			add_location(path1, file$5, 105, 7, 3754);
-  			attr_dev(svg1, "height", "20");
-  			attr_dev(svg1, "width", "20");
-  			attr_dev(svg1, "viewBox", "0 0 20 20");
-  			attr_dev(svg1, "aria-hidden", "true");
-  			attr_dev(svg1, "focusable", "false");
-  			attr_dev(svg1, "class", "tag-item-reject svelte-zeu5yg");
-  			add_location(svg1, file$5, 95, 4, 3526);
-  			attr_dev(span, "class", "tag-item badge badge-secondary svelte-zeu5yg");
-  			add_location(span, file$5, 68, 2, 2244);
-  			set_style(div4, "padding", "10px");
-  			add_location(div4, file$5, 45, 0, 1529);
-  		},
-  		l: function claim(nodes) {
-  			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
-  		},
-  		m: function mount(target, anchor) {
-  			insert_dev(target, div4, anchor);
-  			append_dev(div4, div0);
-  			append_dev(div4, t0);
-  			append_dev(div4, div2);
-  			append_dev(div2, div1);
-  			append_dev(div4, t1);
-  			append_dev(div4, span);
-  			append_dev(span, div3);
-  			append_dev(div3, svg0);
-  			append_dev(svg0, path0);
-  			append_dev(span, t2);
-  			append_dev(span, select);
-
-  			for (let i = 0; i < each_blocks.length; i += 1) {
-  				if (each_blocks[i]) {
-  					each_blocks[i].m(select, null);
-  				}
-  			}
-
-  			select_option(select, /*frame*/ ctx[0].tag.label, true);
-  			append_dev(span, t3);
-  			append_dev(span, svg1);
-  			append_dev(svg1, path1);
-
-  			if (!mounted) {
-  				dispose = [
-  					listen_dev(div0, "click", /*click_handler*/ ctx[3], false, false, false, false),
-  					listen_dev(div0, "mousemove", scrubberMove$1, false, false, false, false),
-  					listen_dev(div0, "mouseleave", scrubberReset$1, false, false, false, false),
-  					listen_dev(div3, "click", /*click_handler_1*/ ctx[4], { once: true }, false, false, false),
-  					listen_dev(select, "change", /*select_change_handler*/ ctx[5]),
-  					listen_dev(svg1, "click", /*click_handler_2*/ ctx[6], { once: true }, false, false, false)
-  				];
-
-  				mounted = true;
-  			}
-  		},
-  		p: function update(ctx, [dirty]) {
-  			if (dirty & /*frame*/ 1) {
-  				set_style(div0, "background-position", "-" + /*frame*/ ctx[0].offset[0] + "px -" + /*frame*/ ctx[0].offset[1] + "px");
-  			}
-
-  			if (dirty & /*url*/ 2) {
-  				set_style(div0, "background-image", "url('" + /*url*/ ctx[1] + "')");
-  			}
-
-  			if (dirty & /*frame, OPTIONS*/ 1 && div0_data_offset_value !== (div0_data_offset_value = /*frame*/ ctx[0].offset)) {
-  				attr_dev(div0, "data-offset", div0_data_offset_value);
-  			}
-
-  			if (dirty & /*frame, OPTIONS*/ 1 && div1_class_value !== (div1_class_value = "progress-bar progress-bar-striped bg-" + confidence$1(/*frame*/ ctx[0].tag.prob) + " svelte-zeu5yg")) {
-  				attr_dev(div1, "class", div1_class_value);
-  			}
-
-  			if (dirty & /*frame*/ 1) {
-  				set_style(div1, "width", /*frame*/ ctx[0].tag.prob * 100 + "%");
-  			}
-
-  			if (dirty & /*frame, OPTIONS*/ 1 && div1_aria_valuenow_value !== (div1_aria_valuenow_value = /*frame*/ ctx[0].tag.prob * 100)) {
-  				attr_dev(div1, "aria-valuenow", div1_aria_valuenow_value);
-  			}
-
-  			if (dirty & /*OPTIONS*/ 0) {
-  				each_value = OPTIONS;
-  				validate_each_argument(each_value);
-  				let i;
-
-  				for (i = 0; i < each_value.length; i += 1) {
-  					const child_ctx = get_each_context$3(ctx, each_value, i);
-
-  					if (each_blocks[i]) {
-  						each_blocks[i].p(child_ctx, dirty);
-  					} else {
-  						each_blocks[i] = create_each_block$3(child_ctx);
-  						each_blocks[i].c();
-  						each_blocks[i].m(select, null);
-  					}
-  				}
-
-  				for (; i < each_blocks.length; i += 1) {
-  					each_blocks[i].d(1);
-  				}
-
-  				each_blocks.length = each_value.length;
-  			}
-
-  			if (dirty & /*frame, OPTIONS*/ 1) {
-  				select_option(select, /*frame*/ ctx[0].tag.label);
-  			}
-  		},
-  		i: noop,
-  		o: noop,
-  		d: function destroy(detaching) {
-  			if (detaching) detach_dev(div4);
-  			destroy_each(each_blocks, detaching);
-  			mounted = false;
-  			run_all(dispose);
-  		}
-  	};
-
-  	dispatch_dev("SvelteRegisterBlock", {
-  		block,
-  		id: create_fragment$5.name,
-  		type: "component",
-  		source: "",
-  		ctx
-  	});
-
-  	return block;
+    let div4;
+    let div0;
+    let div0_data_offset_value;
+    let t0;
+    let div2;
+    let div1;
+    let div1_class_value;
+    let div1_aria_valuenow_value;
+    let t1;
+    let span;
+    let div3;
+    let svg0;
+    let path0;
+    let t2;
+    let select;
+    let t3;
+    let svg1;
+    let path1;
+    let mounted;
+    let dispose;
+    let each_value = OPTIONS;
+    validate_each_argument(each_value);
+    let each_blocks = [];
+
+    for (let i = 0; i < each_value.length; i += 1) {
+      each_blocks[i] = create_each_block$3(
+        get_each_context$3(ctx, each_value, i),
+      );
+    }
+
+    const block = {
+      c: function create() {
+        div4 = element("div");
+        div0 = element("div");
+        t0 = space();
+        div2 = element("div");
+        div1 = element("div");
+        t1 = space();
+        span = element("span");
+        div3 = element("div");
+        svg0 = svg_element("svg");
+        path0 = svg_element("path");
+        t2 = space();
+        select = element("select");
+
+        for (let i = 0; i < each_blocks.length; i += 1) {
+          each_blocks[i].c();
+        }
+
+        t3 = space();
+        svg1 = svg_element("svg");
+        path1 = svg_element("path");
+        attr_dev(div0, "class", "scrubber-item svelte-zeu5yg");
+        set_style(
+          div0,
+          "background-position",
+          "-" +
+            /*frame*/ ctx[0].offset[0] +
+            "px -" +
+            /*frame*/ ctx[0].offset[1] +
+            "px",
+        );
+        set_style(div0, "background-image", "url('" + /*url*/ ctx[1] + "')");
+        attr_dev(
+          div0,
+          "data-offset",
+          (div0_data_offset_value = /*frame*/ ctx[0].offset),
+        );
+        add_location(div0, file$5, 47, 2, 1619);
+        attr_dev(
+          div1,
+          "class",
+          (div1_class_value =
+            "progress-bar progress-bar-striped bg-" +
+            confidence$1(/*frame*/ ctx[0].tag.prob) +
+            " svelte-zeu5yg"),
+        );
+        attr_dev(div1, "role", "progressbar");
+        set_style(div1, "width", /*frame*/ ctx[0].tag.prob * 100 + "%");
+        attr_dev(
+          div1,
+          "aria-valuenow",
+          (div1_aria_valuenow_value = /*frame*/ ctx[0].tag.prob * 100),
+        );
+        attr_dev(div1, "aria-valuemin", 0);
+        attr_dev(div1, "aria-valuemax", 100);
+        add_location(div1, file$5, 59, 4, 1978);
+        attr_dev(div2, "class", "progress");
+        set_style(div2, "height", "5px");
+        add_location(div2, file$5, 58, 2, 1931);
+        attr_dev(
+          path0,
+          "d",
+          "M313.4 32.9c26 5.2 42.9 30.5 37.7 56.5l-2.3 11.4c-5.3 26.7-15.1 52.1-28.8 75.2H464c26.5 0 48 21.5 48 48c0 18.5-10.5 34.6-25.9 42.6C497 275.4 504 288.9 504 304c0 23.4-16.8 42.9-38.9 47.1c4.4 7.3 6.9 15.8 6.9 24.9c0 21.3-13.9 39.4-33.1 45.6c.7 3.3 1.1 6.8 1.1 10.4c0 26.5-21.5 48-48 48H294.5c-19 0-37.5-5.6-53.3-16.1l-38.5-25.7C176 420.4 160 390.4 160 358.3V320 272 247.1c0-29.2 13.3-56.7 36-75l7.4-5.9c26.5-21.2 44.6-51 51.2-84.2l2.3-11.4c5.2-26 30.5-42.9 56.5-37.7zM32 192H96c17.7 0 32 14.3 32 32V448c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32V224c0-17.7 14.3-32 32-32z",
+        );
+        add_location(path0, file$5, 81, 9, 2640);
+        attr_dev(svg0, "class", "tag-item-accept svelte-zeu5yg");
+        attr_dev(svg0, "xmlns", "http://www.w3.org/2000/svg");
+        attr_dev(svg0, "height", "1em");
+        attr_dev(svg0, "viewBox", "0 0 512 512");
+        add_location(svg0, file$5, 76, 6, 2500);
+        set_style(div3, "padding-right", "10px");
+        set_style(div3, "display", "inline");
+        add_location(div3, file$5, 70, 4, 2355);
+        set_style(select, "color", "#f5f8fa");
+        attr_dev(select, "class", "tag-item-select svelte-zeu5yg");
+        if (/*frame*/ ctx[0].tag.label === void 0)
+          add_render_callback(() =>
+            /*select_change_handler*/ ctx[5].call(select),
+          );
+        add_location(select, file$5, 86, 4, 3272);
+        attr_dev(
+          path1,
+          "d",
+          "M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z",
+        );
+        add_location(path1, file$5, 105, 7, 3754);
+        attr_dev(svg1, "height", "20");
+        attr_dev(svg1, "width", "20");
+        attr_dev(svg1, "viewBox", "0 0 20 20");
+        attr_dev(svg1, "aria-hidden", "true");
+        attr_dev(svg1, "focusable", "false");
+        attr_dev(svg1, "class", "tag-item-reject svelte-zeu5yg");
+        add_location(svg1, file$5, 95, 4, 3526);
+        attr_dev(span, "class", "tag-item badge badge-secondary svelte-zeu5yg");
+        add_location(span, file$5, 68, 2, 2244);
+        set_style(div4, "padding", "10px");
+        add_location(div4, file$5, 45, 0, 1529);
+      },
+      l: function claim(nodes) {
+        throw new Error(
+          "options.hydrate only works if the component was compiled with the `hydratable: true` option",
+        );
+      },
+      m: function mount(target, anchor) {
+        insert_dev(target, div4, anchor);
+        append_dev(div4, div0);
+        append_dev(div4, t0);
+        append_dev(div4, div2);
+        append_dev(div2, div1);
+        append_dev(div4, t1);
+        append_dev(div4, span);
+        append_dev(span, div3);
+        append_dev(div3, svg0);
+        append_dev(svg0, path0);
+        append_dev(span, t2);
+        append_dev(span, select);
+
+        for (let i = 0; i < each_blocks.length; i += 1) {
+          if (each_blocks[i]) {
+            each_blocks[i].m(select, null);
+          }
+        }
+
+        select_option(select, /*frame*/ ctx[0].tag.label, true);
+        append_dev(span, t3);
+        append_dev(span, svg1);
+        append_dev(svg1, path1);
+
+        if (!mounted) {
+          dispose = [
+            listen_dev(
+              div0,
+              "click",
+              /*click_handler*/ ctx[3],
+              false,
+              false,
+              false,
+              false,
+            ),
+            listen_dev(
+              div0,
+              "mousemove",
+              scrubberMove$1,
+              false,
+              false,
+              false,
+              false,
+            ),
+            listen_dev(
+              div0,
+              "mouseleave",
+              scrubberReset$1,
+              false,
+              false,
+              false,
+              false,
+            ),
+            listen_dev(
+              div3,
+              "click",
+              /*click_handler_1*/ ctx[4],
+              { once: true },
+              false,
+              false,
+              false,
+            ),
+            listen_dev(select, "change", /*select_change_handler*/ ctx[5]),
+            listen_dev(
+              svg1,
+              "click",
+              /*click_handler_2*/ ctx[6],
+              { once: true },
+              false,
+              false,
+              false,
+            ),
+          ];
+
+          mounted = true;
+        }
+      },
+      p: function update(ctx, [dirty]) {
+        if (dirty & /*frame*/ 1) {
+          set_style(
+            div0,
+            "background-position",
+            "-" +
+              /*frame*/ ctx[0].offset[0] +
+              "px -" +
+              /*frame*/ ctx[0].offset[1] +
+              "px",
+          );
+        }
+
+        if (dirty & /*url*/ 2) {
+          set_style(div0, "background-image", "url('" + /*url*/ ctx[1] + "')");
+        }
+
+        if (
+          dirty & /*frame, OPTIONS*/ 1 &&
+          div0_data_offset_value !==
+            (div0_data_offset_value = /*frame*/ ctx[0].offset)
+        ) {
+          attr_dev(div0, "data-offset", div0_data_offset_value);
+        }
+
+        if (
+          dirty & /*frame, OPTIONS*/ 1 &&
+          div1_class_value !==
+            (div1_class_value =
+              "progress-bar progress-bar-striped bg-" +
+              confidence$1(/*frame*/ ctx[0].tag.prob) +
+              " svelte-zeu5yg")
+        ) {
+          attr_dev(div1, "class", div1_class_value);
+        }
+
+        if (dirty & /*frame*/ 1) {
+          set_style(div1, "width", /*frame*/ ctx[0].tag.prob * 100 + "%");
+        }
+
+        if (
+          dirty & /*frame, OPTIONS*/ 1 &&
+          div1_aria_valuenow_value !==
+            (div1_aria_valuenow_value = /*frame*/ ctx[0].tag.prob * 100)
+        ) {
+          attr_dev(div1, "aria-valuenow", div1_aria_valuenow_value);
+        }
+
+        if (dirty & /*OPTIONS*/ 0) {
+          each_value = OPTIONS;
+          validate_each_argument(each_value);
+          let i;
+
+          for (i = 0; i < each_value.length; i += 1) {
+            const child_ctx = get_each_context$3(ctx, each_value, i);
+
+            if (each_blocks[i]) {
+              each_blocks[i].p(child_ctx, dirty);
+            } else {
+              each_blocks[i] = create_each_block$3(child_ctx);
+              each_blocks[i].c();
+              each_blocks[i].m(select, null);
+            }
+          }
+
+          for (; i < each_blocks.length; i += 1) {
+            each_blocks[i].d(1);
+          }
+
+          each_blocks.length = each_value.length;
+        }
+
+        if (dirty & /*frame, OPTIONS*/ 1) {
+          select_option(select, /*frame*/ ctx[0].tag.label);
+        }
+      },
+      i: noop,
+      o: noop,
+      d: function destroy(detaching) {
+        if (detaching) detach_dev(div4);
+        destroy_each(each_blocks, detaching);
+        mounted = false;
+        run_all(dispose);
+      },
+    };
+
+    dispatch_dev("SvelteRegisterBlock", {
+      block,
+      id: create_fragment$5.name,
+      type: "component",
+      source: "",
+      ctx,
+    });
+
+    return block;
   }
 
   function confidence$1(prob) {
-  	prob = prob * 100;
+    prob = prob * 100;
 
-  	if (prob < 50.0) {
-  		return "danger";
-  	} else if (prob < 75.0) {
-  		return "warning";
-  	} else {
-  		return "success";
-  	}
+    if (prob < 50.0) {
+      return "danger";
+    } else if (prob < 75.0) {
+      return "warning";
+    } else {
+      return "success";
+    }
   }
 
   function scrubberMove$1(event) {
-  	let target = event.target;
-  	let imageWidth = 160;
-  	let left = 53;
-  	let right = 106;
-  	let backgroundPosition = target.style.backgroundPosition.split(" ");
-  	let offset = Number(target.getAttribute("data-offset").split(",")[0]);
-
-  	if (event.offsetX < left) {
-  		backgroundPosition[0] = `-${offset - imageWidth}px`;
-  		target.style.backgroundPosition = backgroundPosition.join(" ");
-  	} else if (event.offsetX > left && event.offsetX < right) {
-  		backgroundPosition[0] = `-${offset}px`;
-  		target.style.backgroundPosition = backgroundPosition.join(" ");
-  	} else if (event.offsetX > right) {
-  		backgroundPosition[0] = `-${offset + imageWidth}px`;
-  		target.style.backgroundPosition = backgroundPosition.join(" ");
-  	}
+    let target = event.target;
+    let imageWidth = 160;
+    let left = 53;
+    let right = 106;
+    let backgroundPosition = target.style.backgroundPosition.split(" ");
+    let offset = Number(target.getAttribute("data-offset").split(",")[0]);
+
+    if (event.offsetX < left) {
+      backgroundPosition[0] = `-${offset - imageWidth}px`;
+      target.style.backgroundPosition = backgroundPosition.join(" ");
+    } else if (event.offsetX > left && event.offsetX < right) {
+      backgroundPosition[0] = `-${offset}px`;
+      target.style.backgroundPosition = backgroundPosition.join(" ");
+    } else if (event.offsetX > right) {
+      backgroundPosition[0] = `-${offset + imageWidth}px`;
+      target.style.backgroundPosition = backgroundPosition.join(" ");
+    }
   }
 
   function scrubberReset$1(event) {
-  	let backgroundPosition = event.target.style.backgroundPosition.split(" ");
-  	let offset = Number(event.target.getAttribute("data-offset").split(",")[0]);
-  	backgroundPosition[0] = `-${offset}px`;
-  	event.target.style.backgroundPosition = backgroundPosition.join(" ");
+    let backgroundPosition = event.target.style.backgroundPosition.split(" ");
+    let offset = Number(event.target.getAttribute("data-offset").split(",")[0]);
+    backgroundPosition[0] = `-${offset}px`;
+    event.target.style.backgroundPosition = backgroundPosition.join(" ");
   }
 
   function instance$5($$self, $$props, $$invalidate) {
-  	let { $$slots: slots = {}, $$scope } = $$props;
-  	validate_slots('Marker', slots, []);
-  	const dispatch = createEventDispatcher();
-  	let { frame } = $$props;
-  	let { url = "" } = $$props;
-
-  	$$self.$$.on_mount.push(function () {
-  		if (frame === undefined && !('frame' in $$props || $$self.$$.bound[$$self.$$.props['frame']])) {
-  			console.warn("<Marker> was created without expected prop 'frame'");
-  		}
-  	});
-
-  	const writable_props = ['frame', 'url'];
-
-  	Object.keys($$props).forEach(key => {
-  		if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console.warn(`<Marker> was created with unknown prop '${key}'`);
-  	});
-
-  	const click_handler = () => {
-  		dispatch("select", frame);
-  	};
-
-  	const click_handler_1 = () => {
-  		dispatch("addMarker", frame);
-  	};
-
-  	function select_change_handler() {
-  		frame.tag.label = select_value(this);
-  		$$invalidate(0, frame);
-  	}
-
-  	const click_handler_2 = () => {
-  		dispatch("remove", frame.id);
-  	};
-
-  	$$self.$$set = $$props => {
-  		if ('frame' in $$props) $$invalidate(0, frame = $$props.frame);
-  		if ('url' in $$props) $$invalidate(1, url = $$props.url);
-  	};
-
-  	$$self.$capture_state = () => ({
-  		OPTIONS,
-  		createEventDispatcher,
-  		dispatch,
-  		frame,
-  		url,
-  		confidence: confidence$1,
-  		scrubberMove: scrubberMove$1,
-  		scrubberReset: scrubberReset$1
-  	});
-
-  	$$self.$inject_state = $$props => {
-  		if ('frame' in $$props) $$invalidate(0, frame = $$props.frame);
-  		if ('url' in $$props) $$invalidate(1, url = $$props.url);
-  	};
-
-  	if ($$props && "$$inject" in $$props) {
-  		$$self.$inject_state($$props.$$inject);
-  	}
-
-  	return [
-  		frame,
-  		url,
-  		dispatch,
-  		click_handler,
-  		click_handler_1,
-  		select_change_handler,
-  		click_handler_2
-  	];
-  }
+    let { $$slots: slots = {}, $$scope } = $$props;
+    validate_slots("Marker", slots, []);
+    const dispatch = createEventDispatcher();
+    let { frame } = $$props;
+    let { url = "" } = $$props;
+
+    $$self.$$.on_mount.push(function () {
+      if (
+        frame === undefined &&
+        !("frame" in $$props || $$self.$$.bound[$$self.$$.props["frame"]])
+      ) {
+        console.warn("<Marker> was created without expected prop 'frame'");
+      }
+    });
 
-  class Marker extends SvelteComponentDev {
-  	constructor(options) {
-  		super(options);
-  		init(this, options, instance$5, create_fragment$5, safe_not_equal, { frame: 0, url: 1 });
+    const writable_props = ["frame", "url"];
 
-  		dispatch_dev("SvelteRegisterComponent", {
-  			component: this,
-  			tagName: "Marker",
-  			options,
-  			id: create_fragment$5.name
-  		});
-  	}
+    Object.keys($$props).forEach((key) => {
+      if (
+        !~writable_props.indexOf(key) &&
+        key.slice(0, 2) !== "$$" &&
+        key !== "slot"
+      )
+        console.warn(`<Marker> was created with unknown prop '${key}'`);
+    });
 
-  	get frame() {
-  		throw new Error("<Marker>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
-  	}
+    const click_handler = () => {
+      dispatch("select", frame);
+    };
 
-  	set frame(value) {
-  		throw new Error("<Marker>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
-  	}
+    const click_handler_1 = () => {
+      dispatch("addMarker", frame);
+    };
 
-  	get url() {
-  		throw new Error("<Marker>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
-  	}
+    function select_change_handler() {
+      frame.tag.label = select_value(this);
+      $$invalidate(0, frame);
+    }
 
-  	set url(value) {
-  		throw new Error("<Marker>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
-  	}
-  }
+    const click_handler_2 = () => {
+      dispatch("remove", frame.id);
+    };
 
-  function cubicOut(t) {
-      const f = t - 1.0;
-      return f * f * f + 1.0;
-  }
-  function quintOut(t) {
-      return --t * t * t * t * t + 1;
+    $$self.$$set = ($$props) => {
+      if ("frame" in $$props) $$invalidate(0, (frame = $$props.frame));
+      if ("url" in $$props) $$invalidate(1, (url = $$props.url));
+    };
+
+    $$self.$capture_state = () => ({
+      OPTIONS,
+      createEventDispatcher,
+      dispatch,
+      frame,
+      url,
+      confidence: confidence$1,
+      scrubberMove: scrubberMove$1,
+      scrubberReset: scrubberReset$1,
+    });
+
+    $$self.$inject_state = ($$props) => {
+      if ("frame" in $$props) $$invalidate(0, (frame = $$props.frame));
+      if ("url" in $$props) $$invalidate(1, (url = $$props.url));
+    };
+
+    if ($$props && "$$inject" in $$props) {
+      $$self.$inject_state($$props.$$inject);
+    }
+
+    return [
+      frame,
+      url,
+      dispatch,
+      click_handler,
+      click_handler_1,
+      select_change_handler,
+      click_handler_2,
+    ];
+  }
+
+  class Marker extends SvelteComponentDev {
+    constructor(options) {
+      super(options);
+      init(this, options, instance$5, create_fragment$5, safe_not_equal, {
+        frame: 0,
+        url: 1,
+      });
+
+      dispatch_dev("SvelteRegisterComponent", {
+        component: this,
+        tagName: "Marker",
+        options,
+        id: create_fragment$5.name,
+      });
+    }
+
+    get frame() {
+      throw new Error(
+        "<Marker>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+      );
+    }
+
+    set frame(value) {
+      throw new Error(
+        "<Marker>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+      );
+    }
+
+    get url() {
+      throw new Error(
+        "<Marker>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+      );
+    }
+
+    set url(value) {
+      throw new Error(
+        "<Marker>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+      );
+    }
+  }
+
+  function cubicOut(t) {
+    const f = t - 1.0;
+    return f * f * f + 1.0;
+  }
+  function quintOut(t) {
+    return --t * t * t * t * t + 1;
   }
 
   function flip(node, { from, to }, params = {}) {
-      const style = getComputedStyle(node);
-      const transform = style.transform === 'none' ? '' : style.transform;
-      const [ox, oy] = style.transformOrigin.split(' ').map(parseFloat);
-      const dx = (from.left + from.width * ox / to.width) - (to.left + ox);
-      const dy = (from.top + from.height * oy / to.height) - (to.top + oy);
-      const { delay = 0, duration = (d) => Math.sqrt(d) * 120, easing = cubicOut } = params;
-      return {
-          delay,
-          duration: is_function(duration) ? duration(Math.sqrt(dx * dx + dy * dy)) : duration,
-          easing,
-          css: (t, u) => {
-              const x = u * dx;
-              const y = u * dy;
-              const sx = t + u * from.width / to.width;
-              const sy = t + u * from.height / to.height;
-              return `transform: ${transform} translate(${x}px, ${y}px) scale(${sx}, ${sy});`;
-          }
-      };
+    const style = getComputedStyle(node);
+    const transform = style.transform === "none" ? "" : style.transform;
+    const [ox, oy] = style.transformOrigin.split(" ").map(parseFloat);
+    const dx = from.left + (from.width * ox) / to.width - (to.left + ox);
+    const dy = from.top + (from.height * oy) / to.height - (to.top + oy);
+    const {
+      delay = 0,
+      duration = (d) => Math.sqrt(d) * 120,
+      easing = cubicOut,
+    } = params;
+    return {
+      delay,
+      duration: is_function(duration)
+        ? duration(Math.sqrt(dx * dx + dy * dy))
+        : duration,
+      easing,
+      css: (t, u) => {
+        const x = u * dx;
+        const y = u * dy;
+        const sx = t + (u * from.width) / to.width;
+        const sy = t + (u * from.height) / to.height;
+        return `transform: ${transform} translate(${x}px, ${y}px) scale(${sx}, ${sy});`;
+      },
+    };
   }
 
   function fade(node, { delay = 0, duration = 400, easing = identity } = {}) {
-      const o = +getComputedStyle(node).opacity;
-      return {
-          delay,
-          duration,
-          easing,
-          css: t => `opacity: ${t * o}`
-      };
+    const o = +getComputedStyle(node).opacity;
+    return {
+      delay,
+      duration,
+      easing,
+      css: (t) => `opacity: ${t * o}`,
+    };
   }
-  function fly(node, { delay = 0, duration = 400, easing = cubicOut, x = 0, y = 0, opacity = 0 } = {}) {
-      const style = getComputedStyle(node);
-      const target_opacity = +style.opacity;
-      const transform = style.transform === 'none' ? '' : style.transform;
-      const od = target_opacity * (1 - opacity);
-      const [xValue, xUnit] = split_css_unit(x);
-      const [yValue, yUnit] = split_css_unit(y);
-      return {
-          delay,
-          duration,
-          easing,
-          css: (t, u) => `
+  function fly(
+    node,
+    {
+      delay = 0,
+      duration = 400,
+      easing = cubicOut,
+      x = 0,
+      y = 0,
+      opacity = 0,
+    } = {},
+  ) {
+    const style = getComputedStyle(node);
+    const target_opacity = +style.opacity;
+    const transform = style.transform === "none" ? "" : style.transform;
+    const od = target_opacity * (1 - opacity);
+    const [xValue, xUnit] = split_css_unit(x);
+    const [yValue, yUnit] = split_css_unit(y);
+    return {
+      delay,
+      duration,
+      easing,
+      css: (t, u) => `
 			transform: ${transform} translate(${(1 - t) * xValue}${xUnit}, ${(1 - t) * yValue}${yUnit});
-			opacity: ${target_opacity - (od * u)}`
-      };
+			opacity: ${target_opacity - od * u}`,
+    };
   }
 
   /* src/MarkerMatches.svelte generated by Svelte v3.59.2 */
   const file$4 = "src/MarkerMatches.svelte";
 
   function get_each_context$2(ctx, list, i) {
-  	const child_ctx = ctx.slice();
-  	child_ctx[19] = list[i];
-  	child_ctx[20] = list;
-  	child_ctx[21] = i;
-  	return child_ctx;
+    const child_ctx = ctx.slice();
+    child_ctx[19] = list[i];
+    child_ctx[20] = list;
+    child_ctx[21] = i;
+    return child_ctx;
   }
 
   // (97:10) {#each filteredFrames as frame (frame.id)}
   function create_each_block$2(key_1, ctx) {
-  	let div;
-  	let marker;
-  	let updating_frame;
-  	let t;
-  	let div_intro;
-  	let div_outro;
-  	let rect;
-  	let stop_animation = noop;
-  	let current;
-
-  	function marker_frame_binding(value) {
-  		/*marker_frame_binding*/ ctx[14](value, /*frame*/ ctx[19], /*each_value*/ ctx[20], /*frame_index*/ ctx[21]);
-  	}
-
-  	let marker_props = { url: /*url*/ ctx[1] };
-
-  	if (/*frame*/ ctx[19] !== void 0) {
-  		marker_props.frame = /*frame*/ ctx[19];
-  	}
-
-  	marker = new Marker({ props: marker_props, $$inline: true });
-  	binding_callbacks.push(() => bind(marker, 'frame', marker_frame_binding));
-  	marker.$on("addMarker", /*addMarker_handler*/ ctx[15]);
-  	marker.$on("remove", /*remove_handler*/ ctx[16]);
-  	marker.$on("select", /*select*/ ctx[7]);
-
-  	const block = {
-  		key: key_1,
-  		first: null,
-  		c: function create() {
-  			div = element("div");
-  			create_component(marker.$$.fragment);
-  			t = space();
-  			attr_dev(div, "class", "svelte-qsvzsw");
-  			toggle_class(div, "selected", /*selected*/ ctx[3] === /*frame*/ ctx[19].id);
-  			add_location(div, file$4, 97, 12, 2701);
-  			this.first = div;
-  		},
-  		m: function mount(target, anchor) {
-  			insert_dev(target, div, anchor);
-  			mount_component(marker, div, null);
-  			append_dev(div, t);
-  			current = true;
-  		},
-  		p: function update(new_ctx, dirty) {
-  			ctx = new_ctx;
-  			const marker_changes = {};
-  			if (dirty & /*url*/ 2) marker_changes.url = /*url*/ ctx[1];
-
-  			if (!updating_frame && dirty & /*filteredFrames*/ 32) {
-  				updating_frame = true;
-  				marker_changes.frame = /*frame*/ ctx[19];
-  				add_flush_callback(() => updating_frame = false);
-  			}
-
-  			marker.$set(marker_changes);
-
-  			if (!current || dirty & /*selected, filteredFrames*/ 40) {
-  				toggle_class(div, "selected", /*selected*/ ctx[3] === /*frame*/ ctx[19].id);
-  			}
-  		},
-  		r: function measure() {
-  			rect = div.getBoundingClientRect();
-  		},
-  		f: function fix() {
-  			fix_position(div);
-  			stop_animation();
-  			add_transform(div, rect);
-  		},
-  		a: function animate() {
-  			stop_animation();
-  			stop_animation = create_animation(div, rect, flip, { duration: 250, easing: quintOut });
-  		},
-  		i: function intro(local) {
-  			if (current) return;
-  			transition_in(marker.$$.fragment, local);
-
-  			add_render_callback(() => {
-  				if (!current) return;
-  				if (div_outro) div_outro.end(1);
-  				div_intro = create_in_transition(div, fade, {});
-  				div_intro.start();
-  			});
-
-  			current = true;
-  		},
-  		o: function outro(local) {
-  			transition_out(marker.$$.fragment, local);
-  			if (div_intro) div_intro.invalidate();
-  			div_outro = create_out_transition(div, fade, {});
-  			current = false;
-  		},
-  		d: function destroy(detaching) {
-  			if (detaching) detach_dev(div);
-  			destroy_component(marker);
-  			if (detaching && div_outro) div_outro.end();
-  		}
-  	};
-
-  	dispatch_dev("SvelteRegisterBlock", {
-  		block,
-  		id: create_each_block$2.name,
-  		type: "each",
-  		source: "(97:10) {#each filteredFrames as frame (frame.id)}",
-  		ctx
-  	});
-
-  	return block;
+    let div;
+    let marker;
+    let updating_frame;
+    let t;
+    let div_intro;
+    let div_outro;
+    let rect;
+    let stop_animation = noop;
+    let current;
+
+    function marker_frame_binding(value) {
+      /*marker_frame_binding*/ ctx[14](
+        value,
+        /*frame*/ ctx[19],
+        /*each_value*/ ctx[20],
+        /*frame_index*/ ctx[21],
+      );
+    }
+
+    let marker_props = { url: /*url*/ ctx[1] };
+
+    if (/*frame*/ ctx[19] !== void 0) {
+      marker_props.frame = /*frame*/ ctx[19];
+    }
+
+    marker = new Marker({ props: marker_props, $$inline: true });
+    binding_callbacks.push(() => bind(marker, "frame", marker_frame_binding));
+    marker.$on("addMarker", /*addMarker_handler*/ ctx[15]);
+    marker.$on("remove", /*remove_handler*/ ctx[16]);
+    marker.$on("select", /*select*/ ctx[7]);
+
+    const block = {
+      key: key_1,
+      first: null,
+      c: function create() {
+        div = element("div");
+        create_component(marker.$$.fragment);
+        t = space();
+        attr_dev(div, "class", "svelte-qsvzsw");
+        toggle_class(
+          div,
+          "selected",
+          /*selected*/ ctx[3] === /*frame*/ ctx[19].id,
+        );
+        add_location(div, file$4, 97, 12, 2701);
+        this.first = div;
+      },
+      m: function mount(target, anchor) {
+        insert_dev(target, div, anchor);
+        mount_component(marker, div, null);
+        append_dev(div, t);
+        current = true;
+      },
+      p: function update(new_ctx, dirty) {
+        ctx = new_ctx;
+        const marker_changes = {};
+        if (dirty & /*url*/ 2) marker_changes.url = /*url*/ ctx[1];
+
+        if (!updating_frame && dirty & /*filteredFrames*/ 32) {
+          updating_frame = true;
+          marker_changes.frame = /*frame*/ ctx[19];
+          add_flush_callback(() => (updating_frame = false));
+        }
+
+        marker.$set(marker_changes);
+
+        if (!current || dirty & /*selected, filteredFrames*/ 40) {
+          toggle_class(
+            div,
+            "selected",
+            /*selected*/ ctx[3] === /*frame*/ ctx[19].id,
+          );
+        }
+      },
+      r: function measure() {
+        rect = div.getBoundingClientRect();
+      },
+      f: function fix() {
+        fix_position(div);
+        stop_animation();
+        add_transform(div, rect);
+      },
+      a: function animate() {
+        stop_animation();
+        stop_animation = create_animation(div, rect, flip, {
+          duration: 250,
+          easing: quintOut,
+        });
+      },
+      i: function intro(local) {
+        if (current) return;
+        transition_in(marker.$$.fragment, local);
+
+        add_render_callback(() => {
+          if (!current) return;
+          if (div_outro) div_outro.end(1);
+          div_intro = create_in_transition(div, fade, {});
+          div_intro.start();
+        });
+
+        current = true;
+      },
+      o: function outro(local) {
+        transition_out(marker.$$.fragment, local);
+        if (div_intro) div_intro.invalidate();
+        div_outro = create_out_transition(div, fade, {});
+        current = false;
+      },
+      d: function destroy(detaching) {
+        if (detaching) detach_dev(div);
+        destroy_component(marker);
+        if (detaching && div_outro) div_outro.end();
+      },
+    };
+
+    dispatch_dev("SvelteRegisterBlock", {
+      block,
+      id: create_each_block$2.name,
+      type: "each",
+      source: "(97:10) {#each filteredFrames as frame (frame.id)}",
+      ctx,
+    });
+
+    return block;
   }
 
   // (118:12) {#if saving}
   function create_if_block$1(ctx) {
-  	let div;
-
-  	const block = {
-  		c: function create() {
-  			div = element("div");
-  			attr_dev(div, "class", "lds-dual-ring");
-  			add_location(div, file$4, 118, 14, 3481);
-  		},
-  		m: function mount(target, anchor) {
-  			insert_dev(target, div, anchor);
-  		},
-  		d: function destroy(detaching) {
-  			if (detaching) detach_dev(div);
-  		}
-  	};
-
-  	dispatch_dev("SvelteRegisterBlock", {
-  		block,
-  		id: create_if_block$1.name,
-  		type: "if",
-  		source: "(118:12) {#if saving}",
-  		ctx
-  	});
-
-  	return block;
+    let div;
+
+    const block = {
+      c: function create() {
+        div = element("div");
+        attr_dev(div, "class", "lds-dual-ring");
+        add_location(div, file$4, 118, 14, 3481);
+      },
+      m: function mount(target, anchor) {
+        insert_dev(target, div, anchor);
+      },
+      d: function destroy(detaching) {
+        if (detaching) detach_dev(div);
+      },
+    };
+
+    dispatch_dev("SvelteRegisterBlock", {
+      block,
+      id: create_if_block$1.name,
+      type: "if",
+      source: "(118:12) {#if saving}",
+      ctx,
+    });
+
+    return block;
   }
 
   function create_fragment$4(ctx) {
-  	let div7;
-  	let div6;
-  	let div5;
-  	let div0;
-  	let t0;
-  	let input;
-  	let t1;
-  	let t2_value = /*threshold*/ ctx[0] * 100 + "";
-  	let t2;
-  	let t3;
-  	let t4;
-  	let div2;
-  	let div1;
-  	let each_blocks = [];
-  	let each_1_lookup = new Map();
-  	let t5;
-  	let div4;
-  	let div3;
-  	let button0;
-  	let t7;
-  	let button1;
-  	let t8;
-  	let current;
-  	let mounted;
-  	let dispose;
-  	let each_value = /*filteredFrames*/ ctx[5];
-  	validate_each_argument(each_value);
-  	const get_key = ctx => /*frame*/ ctx[19].id;
-  	validate_each_keys(ctx, each_value, get_each_context$2, get_key);
-
-  	for (let i = 0; i < each_value.length; i += 1) {
-  		let child_ctx = get_each_context$2(ctx, each_value, i);
-  		let key = get_key(child_ctx);
-  		each_1_lookup.set(key, each_blocks[i] = create_each_block$2(key, child_ctx));
-  	}
-
-  	let if_block = /*saving*/ ctx[4] && create_if_block$1(ctx);
-
-  	const block = {
-  		c: function create() {
-  			div7 = element("div");
-  			div6 = element("div");
-  			div5 = element("div");
-  			div0 = element("div");
-  			t0 = text("Threshold: ");
-  			input = element("input");
-  			t1 = space();
-  			t2 = text(t2_value);
-  			t3 = text(" %");
-  			t4 = space();
-  			div2 = element("div");
-  			div1 = element("div");
-
-  			for (let i = 0; i < each_blocks.length; i += 1) {
-  				each_blocks[i].c();
-  			}
-
-  			t5 = space();
-  			div4 = element("div");
-  			div3 = element("div");
-  			button0 = element("button");
-  			button0.textContent = "Close";
-  			t7 = space();
-  			button1 = element("button");
-  			if (if_block) if_block.c();
-  			t8 = text("\n            Add All Markers");
-  			attr_dev(input, "type", "range");
-  			attr_dev(input, "min", "0.4");
-  			attr_dev(input, "max", "0.9");
-  			attr_dev(input, "step", "0.1");
-  			attr_dev(input, "id", "stash-tag-threshold");
-  			set_style(input, "margin", "0px");
-  			set_style(input, "height", "10px");
-  			add_location(input, file$4, 82, 19, 2204);
-  			attr_dev(div0, "class", "modal-header svelte-qsvzsw");
-  			add_location(div0, file$4, 81, 6, 2158);
-  			attr_dev(div1, "class", "row justify-content-center");
-  			add_location(div1, file$4, 95, 8, 2595);
-  			attr_dev(div2, "class", "modal-body");
-  			add_location(div2, file$4, 94, 6, 2562);
-  			attr_dev(button0, "id", "tags-cancel");
-  			attr_dev(button0, "type", "button");
-  			attr_dev(button0, "class", "ml-2 btn btn-secondary");
-  			add_location(button0, file$4, 110, 10, 3183);
-  			attr_dev(button1, "id", "tags-accept");
-  			attr_dev(button1, "type", "button");
-  			attr_dev(button1, "class", "ml-2 btn btn-primary");
-  			add_location(button1, file$4, 116, 10, 3354);
-  			add_location(div3, file$4, 109, 8, 3167);
-  			attr_dev(div4, "class", "ModalFooter modal-footer svelte-qsvzsw");
-  			add_location(div4, file$4, 108, 6, 3120);
-  			attr_dev(div5, "class", "modal-content");
-  			add_location(div5, file$4, 80, 4, 2124);
-  			attr_dev(div6, "class", "modal-dialog modal-xl top-accent");
-  			add_location(div6, file$4, 79, 2, 2073);
-  			attr_dev(div7, "class", "tagger-tabs svelte-qsvzsw");
-  			add_location(div7, file$4, 78, 0, 2028);
-  		},
-  		l: function claim(nodes) {
-  			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
-  		},
-  		m: function mount(target, anchor) {
-  			insert_dev(target, div7, anchor);
-  			append_dev(div7, div6);
-  			append_dev(div6, div5);
-  			append_dev(div5, div0);
-  			append_dev(div0, t0);
-  			append_dev(div0, input);
-  			set_input_value(input, /*threshold*/ ctx[0]);
-  			append_dev(div0, t1);
-  			append_dev(div0, t2);
-  			append_dev(div0, t3);
-  			append_dev(div5, t4);
-  			append_dev(div5, div2);
-  			append_dev(div2, div1);
-
-  			for (let i = 0; i < each_blocks.length; i += 1) {
-  				if (each_blocks[i]) {
-  					each_blocks[i].m(div1, null);
-  				}
-  			}
-
-  			append_dev(div5, t5);
-  			append_dev(div5, div4);
-  			append_dev(div4, div3);
-  			append_dev(div3, button0);
-  			append_dev(div3, t7);
-  			append_dev(div3, button1);
-  			if (if_block) if_block.m(button1, null);
-  			append_dev(button1, t8);
-  			/*div7_binding*/ ctx[17](div7);
-  			current = true;
-
-  			if (!mounted) {
-  				dispose = [
-  					listen_dev(input, "change", /*input_change_input_handler*/ ctx[12]),
-  					listen_dev(input, "input", /*input_change_input_handler*/ ctx[12]),
-  					listen_dev(input, "change", /*change_handler*/ ctx[13], false, false, false, false),
-  					listen_dev(button0, "click", /*close*/ ctx[6], false, false, false, false),
-  					listen_dev(button1, "click", /*saveAll*/ ctx[10], false, false, false, false)
-  				];
-
-  				mounted = true;
-  			}
-  		},
-  		p: function update(ctx, [dirty]) {
-  			if (dirty & /*threshold*/ 1) {
-  				set_input_value(input, /*threshold*/ ctx[0]);
-  			}
-
-  			if ((!current || dirty & /*threshold*/ 1) && t2_value !== (t2_value = /*threshold*/ ctx[0] * 100 + "")) set_data_dev(t2, t2_value);
-
-  			if (dirty & /*selected, filteredFrames, url, addMarker, remove, select*/ 938) {
-  				each_value = /*filteredFrames*/ ctx[5];
-  				validate_each_argument(each_value);
-  				group_outros();
-  				for (let i = 0; i < each_blocks.length; i += 1) each_blocks[i].r();
-  				validate_each_keys(ctx, each_value, get_each_context$2, get_key);
-  				each_blocks = update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, div1, fix_and_outro_and_destroy_block, create_each_block$2, null, get_each_context$2);
-  				for (let i = 0; i < each_blocks.length; i += 1) each_blocks[i].a();
-  				check_outros();
-  			}
-
-  			if (/*saving*/ ctx[4]) {
-  				if (if_block) ; else {
-  					if_block = create_if_block$1(ctx);
-  					if_block.c();
-  					if_block.m(button1, t8);
-  				}
-  			} else if (if_block) {
-  				if_block.d(1);
-  				if_block = null;
-  			}
-  		},
-  		i: function intro(local) {
-  			if (current) return;
-
-  			for (let i = 0; i < each_value.length; i += 1) {
-  				transition_in(each_blocks[i]);
-  			}
-
-  			current = true;
-  		},
-  		o: function outro(local) {
-  			for (let i = 0; i < each_blocks.length; i += 1) {
-  				transition_out(each_blocks[i]);
-  			}
-
-  			current = false;
-  		},
-  		d: function destroy(detaching) {
-  			if (detaching) detach_dev(div7);
-
-  			for (let i = 0; i < each_blocks.length; i += 1) {
-  				each_blocks[i].d();
-  			}
-
-  			if (if_block) if_block.d();
-  			/*div7_binding*/ ctx[17](null);
-  			mounted = false;
-  			run_all(dispose);
-  		}
-  	};
-
-  	dispatch_dev("SvelteRegisterBlock", {
-  		block,
-  		id: create_fragment$4.name,
-  		type: "component",
-  		source: "",
-  		ctx
-  	});
-
-  	return block;
+    let div7;
+    let div6;
+    let div5;
+    let div0;
+    let t0;
+    let input;
+    let t1;
+    let t2_value = /*threshold*/ ctx[0] * 100 + "";
+    let t2;
+    let t3;
+    let t4;
+    let div2;
+    let div1;
+    let each_blocks = [];
+    let each_1_lookup = new Map();
+    let t5;
+    let div4;
+    let div3;
+    let button0;
+    let t7;
+    let button1;
+    let t8;
+    let current;
+    let mounted;
+    let dispose;
+    let each_value = /*filteredFrames*/ ctx[5];
+    validate_each_argument(each_value);
+    const get_key = (ctx) => /*frame*/ ctx[19].id;
+    validate_each_keys(ctx, each_value, get_each_context$2, get_key);
+
+    for (let i = 0; i < each_value.length; i += 1) {
+      let child_ctx = get_each_context$2(ctx, each_value, i);
+      let key = get_key(child_ctx);
+      each_1_lookup.set(
+        key,
+        (each_blocks[i] = create_each_block$2(key, child_ctx)),
+      );
+    }
+
+    let if_block = /*saving*/ ctx[4] && create_if_block$1(ctx);
+
+    const block = {
+      c: function create() {
+        div7 = element("div");
+        div6 = element("div");
+        div5 = element("div");
+        div0 = element("div");
+        t0 = text("Threshold: ");
+        input = element("input");
+        t1 = space();
+        t2 = text(t2_value);
+        t3 = text(" %");
+        t4 = space();
+        div2 = element("div");
+        div1 = element("div");
+
+        for (let i = 0; i < each_blocks.length; i += 1) {
+          each_blocks[i].c();
+        }
+
+        t5 = space();
+        div4 = element("div");
+        div3 = element("div");
+        button0 = element("button");
+        button0.textContent = "Close";
+        t7 = space();
+        button1 = element("button");
+        if (if_block) if_block.c();
+        t8 = text("\n            Add All Markers");
+        attr_dev(input, "type", "range");
+        attr_dev(input, "min", "0.4");
+        attr_dev(input, "max", "0.9");
+        attr_dev(input, "step", "0.1");
+        attr_dev(input, "id", "stash-tag-threshold");
+        set_style(input, "margin", "0px");
+        set_style(input, "height", "10px");
+        add_location(input, file$4, 82, 19, 2204);
+        attr_dev(div0, "class", "modal-header svelte-qsvzsw");
+        add_location(div0, file$4, 81, 6, 2158);
+        attr_dev(div1, "class", "row justify-content-center");
+        add_location(div1, file$4, 95, 8, 2595);
+        attr_dev(div2, "class", "modal-body");
+        add_location(div2, file$4, 94, 6, 2562);
+        attr_dev(button0, "id", "tags-cancel");
+        attr_dev(button0, "type", "button");
+        attr_dev(button0, "class", "ml-2 btn btn-secondary");
+        add_location(button0, file$4, 110, 10, 3183);
+        attr_dev(button1, "id", "tags-accept");
+        attr_dev(button1, "type", "button");
+        attr_dev(button1, "class", "ml-2 btn btn-primary");
+        add_location(button1, file$4, 116, 10, 3354);
+        add_location(div3, file$4, 109, 8, 3167);
+        attr_dev(div4, "class", "ModalFooter modal-footer svelte-qsvzsw");
+        add_location(div4, file$4, 108, 6, 3120);
+        attr_dev(div5, "class", "modal-content");
+        add_location(div5, file$4, 80, 4, 2124);
+        attr_dev(div6, "class", "modal-dialog modal-xl top-accent");
+        add_location(div6, file$4, 79, 2, 2073);
+        attr_dev(div7, "class", "tagger-tabs svelte-qsvzsw");
+        add_location(div7, file$4, 78, 0, 2028);
+      },
+      l: function claim(nodes) {
+        throw new Error(
+          "options.hydrate only works if the component was compiled with the `hydratable: true` option",
+        );
+      },
+      m: function mount(target, anchor) {
+        insert_dev(target, div7, anchor);
+        append_dev(div7, div6);
+        append_dev(div6, div5);
+        append_dev(div5, div0);
+        append_dev(div0, t0);
+        append_dev(div0, input);
+        set_input_value(input, /*threshold*/ ctx[0]);
+        append_dev(div0, t1);
+        append_dev(div0, t2);
+        append_dev(div0, t3);
+        append_dev(div5, t4);
+        append_dev(div5, div2);
+        append_dev(div2, div1);
+
+        for (let i = 0; i < each_blocks.length; i += 1) {
+          if (each_blocks[i]) {
+            each_blocks[i].m(div1, null);
+          }
+        }
+
+        append_dev(div5, t5);
+        append_dev(div5, div4);
+        append_dev(div4, div3);
+        append_dev(div3, button0);
+        append_dev(div3, t7);
+        append_dev(div3, button1);
+        if (if_block) if_block.m(button1, null);
+        append_dev(button1, t8);
+        /*div7_binding*/ ctx[17](div7);
+        current = true;
+
+        if (!mounted) {
+          dispose = [
+            listen_dev(input, "change", /*input_change_input_handler*/ ctx[12]),
+            listen_dev(input, "input", /*input_change_input_handler*/ ctx[12]),
+            listen_dev(
+              input,
+              "change",
+              /*change_handler*/ ctx[13],
+              false,
+              false,
+              false,
+              false,
+            ),
+            listen_dev(
+              button0,
+              "click",
+              /*close*/ ctx[6],
+              false,
+              false,
+              false,
+              false,
+            ),
+            listen_dev(
+              button1,
+              "click",
+              /*saveAll*/ ctx[10],
+              false,
+              false,
+              false,
+              false,
+            ),
+          ];
+
+          mounted = true;
+        }
+      },
+      p: function update(ctx, [dirty]) {
+        if (dirty & /*threshold*/ 1) {
+          set_input_value(input, /*threshold*/ ctx[0]);
+        }
+
+        if (
+          (!current || dirty & /*threshold*/ 1) &&
+          t2_value !== (t2_value = /*threshold*/ ctx[0] * 100 + "")
+        )
+          set_data_dev(t2, t2_value);
+
+        if (
+          dirty &
+          /*selected, filteredFrames, url, addMarker, remove, select*/ 938
+        ) {
+          each_value = /*filteredFrames*/ ctx[5];
+          validate_each_argument(each_value);
+          group_outros();
+          for (let i = 0; i < each_blocks.length; i += 1) each_blocks[i].r();
+          validate_each_keys(ctx, each_value, get_each_context$2, get_key);
+          each_blocks = update_keyed_each(
+            each_blocks,
+            dirty,
+            get_key,
+            1,
+            ctx,
+            each_value,
+            each_1_lookup,
+            div1,
+            fix_and_outro_and_destroy_block,
+            create_each_block$2,
+            null,
+            get_each_context$2,
+          );
+          for (let i = 0; i < each_blocks.length; i += 1) each_blocks[i].a();
+          check_outros();
+        }
+
+        if (/*saving*/ ctx[4]) {
+          if (if_block);
+          else {
+            if_block = create_if_block$1(ctx);
+            if_block.c();
+            if_block.m(button1, t8);
+          }
+        } else if (if_block) {
+          if_block.d(1);
+          if_block = null;
+        }
+      },
+      i: function intro(local) {
+        if (current) return;
+
+        for (let i = 0; i < each_value.length; i += 1) {
+          transition_in(each_blocks[i]);
+        }
+
+        current = true;
+      },
+      o: function outro(local) {
+        for (let i = 0; i < each_blocks.length; i += 1) {
+          transition_out(each_blocks[i]);
+        }
+
+        current = false;
+      },
+      d: function destroy(detaching) {
+        if (detaching) detach_dev(div7);
+
+        for (let i = 0; i < each_blocks.length; i += 1) {
+          each_blocks[i].d();
+        }
+
+        if (if_block) if_block.d();
+        /*div7_binding*/ ctx[17](null);
+        mounted = false;
+        run_all(dispose);
+      },
+    };
+
+    dispatch_dev("SvelteRegisterBlock", {
+      block,
+      id: create_fragment$4.name,
+      type: "component",
+      source: "",
+      ctx,
+    });
+
+    return block;
   }
 
   function getCurrentVideo() {
-  	return document.querySelector("#VideoJsPlayer_html5_api");
+    return document.querySelector("#VideoJsPlayer_html5_api");
   }
 
   async function playVideoAtTime(time) {
-  	const video = getCurrentVideo();
-  	await video.play();
-  	video.currentTime = time;
+    const video = getCurrentVideo();
+    await video.play();
+    video.currentTime = time;
   }
 
   function instance$4($$self, $$props, $$invalidate) {
-  	let filteredFrames;
-  	let { $$slots: slots = {}, $$scope } = $$props;
-  	validate_slots('MarkerMatches', slots, []);
-  	let { url = "" } = $$props;
-  	let { frames = [] } = $$props;
-  	let { threshold = 0.4 } = $$props;
-  	let tags;
-  	let self;
-  	let selected = null;
-  	let saving = false;
-
-  	onMount(async () => {
-  		tags = await getAllTags();
-  		$$invalidate(0, threshold = Number(localStorage.getItem('stash-marker-threshold')) || 0.4);
-  	});
-
-  	async function close() {
-  		self.remove();
-  	}
-
-  	function select(event) {
-  		let frame = event.detail;
-
-  		if (selected === frame.id) {
-  			$$invalidate(3, selected = null);
-  		} else {
-  			$$invalidate(3, selected = frame.id);
-  			playVideoAtTime(frame.time);
-  		}
-  	}
-
-  	async function remove(id) {
-  		$$invalidate(11, frames = frames.filter(x => x.id !== id));
-  	}
-
-  	async function addMarker(frame) {
-  		const [,scene_id] = getScenarioAndID();
-  		let time;
-  		let tagId;
-  		const tagLower = frame.tag.label.toLowerCase();
-
-  		if (tags[tagLower] === undefined) {
-  			const tagID = await createTag(tagLower);
-  			tags[tagLower] = tagID;
-  			tagId = tagID;
-  		} else {
-  			tagId = tags[tagLower];
-  		}
-
-  		if (selected && selected === frame.id) {
-  			const video = getCurrentVideo();
-  			time = video.currentTime;
-  		} else {
-  			time = frame.time;
-  		}
-
-  		await createMarker(scene_id, tagId, time);
-  		remove(frame.id);
-  		$$invalidate(3, selected = null);
-  	}
-
-  	async function saveAll() {
-  		$$invalidate(3, selected = null);
-  		$$invalidate(4, saving = true);
-
-  		for (const frame of filteredFrames) {
-  			await addMarker(frame);
-  		}
-
-  		$$invalidate(4, saving = false);
-  		window.location.reload();
-  		close();
-  	}
-
-  	const writable_props = ['url', 'frames', 'threshold'];
-
-  	Object.keys($$props).forEach(key => {
-  		if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console.warn(`<MarkerMatches> was created with unknown prop '${key}'`);
-  	});
-
-  	function input_change_input_handler() {
-  		threshold = to_number(this.value);
-  		$$invalidate(0, threshold);
-  	}
-
-  	const change_handler = () => {
-  		localStorage.setItem("stash-marker-threshold", String(threshold));
-  	};
-
-  	function marker_frame_binding(value, frame, each_value, frame_index) {
-  		each_value[frame_index] = value;
-  		(($$invalidate(5, filteredFrames), $$invalidate(11, frames)), $$invalidate(0, threshold));
-  	}
-
-  	const addMarker_handler = event => {
-  		addMarker(event.detail);
-  	};
-
-  	const remove_handler = event => {
-  		remove(event.detail);
-  	};
-
-  	function div7_binding($$value) {
-  		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
-  			self = $$value;
-  			$$invalidate(2, self);
-  		});
-  	}
-
-  	$$self.$$set = $$props => {
-  		if ('url' in $$props) $$invalidate(1, url = $$props.url);
-  		if ('frames' in $$props) $$invalidate(11, frames = $$props.frames);
-  		if ('threshold' in $$props) $$invalidate(0, threshold = $$props.threshold);
-  	};
-
-  	$$self.$capture_state = () => ({
-  		Marker,
-  		flip,
-  		quintOut,
-  		fade,
-  		createMarker,
-  		getAllTags,
-  		createTag,
-  		getScenarioAndID,
-  		onMount,
-  		url,
-  		frames,
-  		threshold,
-  		tags,
-  		self,
-  		selected,
-  		saving,
-  		getCurrentVideo,
-  		close,
-  		select,
-  		playVideoAtTime,
-  		remove,
-  		addMarker,
-  		saveAll,
-  		filteredFrames
-  	});
-
-  	$$self.$inject_state = $$props => {
-  		if ('url' in $$props) $$invalidate(1, url = $$props.url);
-  		if ('frames' in $$props) $$invalidate(11, frames = $$props.frames);
-  		if ('threshold' in $$props) $$invalidate(0, threshold = $$props.threshold);
-  		if ('tags' in $$props) tags = $$props.tags;
-  		if ('self' in $$props) $$invalidate(2, self = $$props.self);
-  		if ('selected' in $$props) $$invalidate(3, selected = $$props.selected);
-  		if ('saving' in $$props) $$invalidate(4, saving = $$props.saving);
-  		if ('filteredFrames' in $$props) $$invalidate(5, filteredFrames = $$props.filteredFrames);
-  	};
-
-  	if ($$props && "$$inject" in $$props) {
-  		$$self.$inject_state($$props.$$inject);
-  	}
-
-  	$$self.$$.update = () => {
-  		if ($$self.$$.dirty & /*frames, threshold*/ 2049) {
-  			$$invalidate(5, filteredFrames = frames.filter(x => x.tag.prob > threshold));
-  		}
-  	};
-
-  	return [
-  		threshold,
-  		url,
-  		self,
-  		selected,
-  		saving,
-  		filteredFrames,
-  		close,
-  		select,
-  		remove,
-  		addMarker,
-  		saveAll,
-  		frames,
-  		input_change_input_handler,
-  		change_handler,
-  		marker_frame_binding,
-  		addMarker_handler,
-  		remove_handler,
-  		div7_binding
-  	];
+    let filteredFrames;
+    let { $$slots: slots = {}, $$scope } = $$props;
+    validate_slots("MarkerMatches", slots, []);
+    let { url = "" } = $$props;
+    let { frames = [] } = $$props;
+    let { threshold = 0.4 } = $$props;
+    let tags;
+    let self;
+    let selected = null;
+    let saving = false;
+
+    onMount(async () => {
+      tags = await getAllTags();
+      $$invalidate(
+        0,
+        (threshold =
+          Number(localStorage.getItem("stash-marker-threshold")) || 0.4),
+      );
+    });
+
+    async function close() {
+      self.remove();
+    }
+
+    function select(event) {
+      let frame = event.detail;
+
+      if (selected === frame.id) {
+        $$invalidate(3, (selected = null));
+      } else {
+        $$invalidate(3, (selected = frame.id));
+        playVideoAtTime(frame.time);
+      }
+    }
+
+    async function remove(id) {
+      $$invalidate(11, (frames = frames.filter((x) => x.id !== id)));
+    }
+
+    async function addMarker(frame) {
+      const [, scene_id] = getScenarioAndID();
+      let time;
+      let tagId;
+      const tagLower = frame.tag.label.toLowerCase();
+
+      if (tags[tagLower] === undefined) {
+        const tagID = await createTag(tagLower);
+        tags[tagLower] = tagID;
+        tagId = tagID;
+      } else {
+        tagId = tags[tagLower];
+      }
+
+      if (selected && selected === frame.id) {
+        const video = getCurrentVideo();
+        time = video.currentTime;
+      } else {
+        time = frame.time;
+      }
+
+      await createMarker(scene_id, tagId, time);
+      remove(frame.id);
+      $$invalidate(3, (selected = null));
+    }
+
+    async function saveAll() {
+      $$invalidate(3, (selected = null));
+      $$invalidate(4, (saving = true));
+
+      for (const frame of filteredFrames) {
+        await addMarker(frame);
+      }
+
+      $$invalidate(4, (saving = false));
+      window.location.reload();
+      close();
+    }
+
+    const writable_props = ["url", "frames", "threshold"];
+
+    Object.keys($$props).forEach((key) => {
+      if (
+        !~writable_props.indexOf(key) &&
+        key.slice(0, 2) !== "$$" &&
+        key !== "slot"
+      )
+        console.warn(`<MarkerMatches> was created with unknown prop '${key}'`);
+    });
+
+    function input_change_input_handler() {
+      threshold = to_number(this.value);
+      $$invalidate(0, threshold);
+    }
+
+    const change_handler = () => {
+      localStorage.setItem("stash-marker-threshold", String(threshold));
+    };
+
+    function marker_frame_binding(value, frame, each_value, frame_index) {
+      each_value[frame_index] = value;
+      ($$invalidate(5, filteredFrames), $$invalidate(11, frames)),
+        $$invalidate(0, threshold);
+    }
+
+    const addMarker_handler = (event) => {
+      addMarker(event.detail);
+    };
+
+    const remove_handler = (event) => {
+      remove(event.detail);
+    };
+
+    function div7_binding($$value) {
+      binding_callbacks[$$value ? "unshift" : "push"](() => {
+        self = $$value;
+        $$invalidate(2, self);
+      });
+    }
+
+    $$self.$$set = ($$props) => {
+      if ("url" in $$props) $$invalidate(1, (url = $$props.url));
+      if ("frames" in $$props) $$invalidate(11, (frames = $$props.frames));
+      if ("threshold" in $$props)
+        $$invalidate(0, (threshold = $$props.threshold));
+    };
+
+    $$self.$capture_state = () => ({
+      Marker,
+      flip,
+      quintOut,
+      fade,
+      createMarker,
+      getAllTags,
+      createTag,
+      getScenarioAndID,
+      onMount,
+      url,
+      frames,
+      threshold,
+      tags,
+      self,
+      selected,
+      saving,
+      getCurrentVideo,
+      close,
+      select,
+      playVideoAtTime,
+      remove,
+      addMarker,
+      saveAll,
+      filteredFrames,
+    });
+
+    $$self.$inject_state = ($$props) => {
+      if ("url" in $$props) $$invalidate(1, (url = $$props.url));
+      if ("frames" in $$props) $$invalidate(11, (frames = $$props.frames));
+      if ("threshold" in $$props)
+        $$invalidate(0, (threshold = $$props.threshold));
+      if ("tags" in $$props) tags = $$props.tags;
+      if ("self" in $$props) $$invalidate(2, (self = $$props.self));
+      if ("selected" in $$props) $$invalidate(3, (selected = $$props.selected));
+      if ("saving" in $$props) $$invalidate(4, (saving = $$props.saving));
+      if ("filteredFrames" in $$props)
+        $$invalidate(5, (filteredFrames = $$props.filteredFrames));
+    };
+
+    if ($$props && "$$inject" in $$props) {
+      $$self.$inject_state($$props.$$inject);
+    }
+
+    $$self.$$.update = () => {
+      if ($$self.$$.dirty & /*frames, threshold*/ 2049) {
+        $$invalidate(
+          5,
+          (filteredFrames = frames.filter((x) => x.tag.prob > threshold)),
+        );
+      }
+    };
+
+    return [
+      threshold,
+      url,
+      self,
+      selected,
+      saving,
+      filteredFrames,
+      close,
+      select,
+      remove,
+      addMarker,
+      saveAll,
+      frames,
+      input_change_input_handler,
+      change_handler,
+      marker_frame_binding,
+      addMarker_handler,
+      remove_handler,
+      div7_binding,
+    ];
   }
 
   class MarkerMatches extends SvelteComponentDev {
-  	constructor(options) {
-  		super(options);
-  		init(this, options, instance$4, create_fragment$4, safe_not_equal, { url: 1, frames: 11, threshold: 0 });
+    constructor(options) {
+      super(options);
+      init(this, options, instance$4, create_fragment$4, safe_not_equal, {
+        url: 1,
+        frames: 11,
+        threshold: 0,
+      });
 
-  		dispatch_dev("SvelteRegisterComponent", {
-  			component: this,
-  			tagName: "MarkerMatches",
-  			options,
-  			id: create_fragment$4.name
-  		});
-  	}
+      dispatch_dev("SvelteRegisterComponent", {
+        component: this,
+        tagName: "MarkerMatches",
+        options,
+        id: create_fragment$4.name,
+      });
+    }
 
-  	get url() {
-  		throw new Error("<MarkerMatches>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
-  	}
+    get url() {
+      throw new Error(
+        "<MarkerMatches>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+      );
+    }
 
-  	set url(value) {
-  		throw new Error("<MarkerMatches>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
-  	}
+    set url(value) {
+      throw new Error(
+        "<MarkerMatches>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+      );
+    }
 
-  	get frames() {
-  		throw new Error("<MarkerMatches>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
-  	}
+    get frames() {
+      throw new Error(
+        "<MarkerMatches>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+      );
+    }
 
-  	set frames(value) {
-  		throw new Error("<MarkerMatches>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
-  	}
+    set frames(value) {
+      throw new Error(
+        "<MarkerMatches>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+      );
+    }
 
-  	get threshold() {
-  		throw new Error("<MarkerMatches>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
-  	}
+    get threshold() {
+      throw new Error(
+        "<MarkerMatches>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+      );
+    }
 
-  	set threshold(value) {
-  		throw new Error("<MarkerMatches>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
-  	}
+    set threshold(value) {
+      throw new Error(
+        "<MarkerMatches>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+      );
+    }
   }
 
   /* src/MarkerButton.svelte generated by Svelte v3.59.2 */
   const file$3 = "src/MarkerButton.svelte";
 
   function create_fragment$3(ctx) {
-  	let button;
-  	let svg;
-  	let path;
-  	let mounted;
-  	let dispose;
-
-  	const block = {
-  		c: function create() {
-  			button = element("button");
-  			svg = svg_element("svg");
-  			path = svg_element("path");
-  			attr_dev(path, "d", "M215.7 499.2C267 435 384 279.4 384 192C384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2c12.3 15.3 35.1 15.3 47.4 0zM192 128a64 64 0 1 1 0 128 64 64 0 1 1 0-128z");
-  			add_location(path, file$3, 70, 77, 2369);
-  			attr_dev(svg, "xmlns", "http://www.w3.org/2000/svg");
-  			attr_dev(svg, "height", "1em");
-  			attr_dev(svg, "viewBox", "0 0 384 512");
-  			attr_dev(svg, "class", "svelte-1m5gxnd");
-  			add_location(svg, file$3, 70, 2, 2294);
-  			attr_dev(button, "id", "stashmarker");
-  			attr_dev(button, "title", "Scan for markers");
-  			attr_dev(button, "class", "svelte-1m5gxnd");
-  			toggle_class(button, "scanner", /*scanner*/ ctx[0]);
-  			add_location(button, file$3, 69, 0, 2205);
-  		},
-  		l: function claim(nodes) {
-  			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
-  		},
-  		m: function mount(target, anchor) {
-  			insert_dev(target, button, anchor);
-  			append_dev(button, svg);
-  			append_dev(svg, path);
-
-  			if (!mounted) {
-  				dispose = listen_dev(button, "click", /*getMarkers*/ ctx[1], false, false, false, false);
-  				mounted = true;
-  			}
-  		},
-  		p: function update(ctx, [dirty]) {
-  			if (dirty & /*scanner*/ 1) {
-  				toggle_class(button, "scanner", /*scanner*/ ctx[0]);
-  			}
-  		},
-  		i: noop,
-  		o: noop,
-  		d: function destroy(detaching) {
-  			if (detaching) detach_dev(button);
-  			mounted = false;
-  			dispose();
-  		}
-  	};
-
-  	dispatch_dev("SvelteRegisterBlock", {
-  		block,
-  		id: create_fragment$3.name,
-  		type: "component",
-  		source: "",
-  		ctx
-  	});
-
-  	return block;
+    let button;
+    let svg;
+    let path;
+    let mounted;
+    let dispose;
+
+    const block = {
+      c: function create() {
+        button = element("button");
+        svg = svg_element("svg");
+        path = svg_element("path");
+        attr_dev(
+          path,
+          "d",
+          "M215.7 499.2C267 435 384 279.4 384 192C384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2c12.3 15.3 35.1 15.3 47.4 0zM192 128a64 64 0 1 1 0 128 64 64 0 1 1 0-128z",
+        );
+        add_location(path, file$3, 70, 77, 2369);
+        attr_dev(svg, "xmlns", "http://www.w3.org/2000/svg");
+        attr_dev(svg, "height", "1em");
+        attr_dev(svg, "viewBox", "0 0 384 512");
+        attr_dev(svg, "class", "svelte-1m5gxnd");
+        add_location(svg, file$3, 70, 2, 2294);
+        attr_dev(button, "id", "stashmarker");
+        attr_dev(button, "title", "Scan for markers");
+        attr_dev(button, "class", "svelte-1m5gxnd");
+        toggle_class(button, "scanner", /*scanner*/ ctx[0]);
+        add_location(button, file$3, 69, 0, 2205);
+      },
+      l: function claim(nodes) {
+        throw new Error(
+          "options.hydrate only works if the component was compiled with the `hydratable: true` option",
+        );
+      },
+      m: function mount(target, anchor) {
+        insert_dev(target, button, anchor);
+        append_dev(button, svg);
+        append_dev(svg, path);
+
+        if (!mounted) {
+          dispose = listen_dev(
+            button,
+            "click",
+            /*getMarkers*/ ctx[1],
+            false,
+            false,
+            false,
+            false,
+          );
+          mounted = true;
+        }
+      },
+      p: function update(ctx, [dirty]) {
+        if (dirty & /*scanner*/ 1) {
+          toggle_class(button, "scanner", /*scanner*/ ctx[0]);
+        }
+      },
+      i: noop,
+      o: noop,
+      d: function destroy(detaching) {
+        if (detaching) detach_dev(button);
+        mounted = false;
+        dispose();
+      },
+    };
+
+    dispatch_dev("SvelteRegisterBlock", {
+      block,
+      id: create_fragment$3.name,
+      type: "component",
+      source: "",
+      ctx,
+    });
+
+    return block;
   }
 
   async function download(url) {
-  	const vblob = await fetch(url).then(res => res.blob());
+    const vblob = await fetch(url).then((res) => res.blob());
 
-  	return new Promise(resolve => {
-  			let reader = new FileReader();
-  			reader.onload = () => resolve(reader.result);
-  			reader.readAsDataURL(vblob);
-  		});
+    return new Promise((resolve) => {
+      let reader = new FileReader();
+      reader.onload = () => resolve(reader.result);
+      reader.readAsDataURL(vblob);
+    });
   }
 
   function instance$3($$self, $$props, $$invalidate) {
-  	let { $$slots: slots = {}, $$scope } = $$props;
-  	validate_slots('MarkerButton', slots, []);
-  	let scanner = false;
-
-  	async function getMarkers() {
-  		$$invalidate(0, scanner = true);
-  		const [,scene_id] = getScenarioAndID();
-  		let url = await getUrlSprite(scene_id);
-
-  		if (!url) {
-  			alert("No sprite found, please ensure you have sprites enabled and generated for your scenes.");
-  			$$invalidate(0, scanner = false);
-  			return;
-  		}
-
-  		// get image blob
-  		let image = await download(url);
-
-  		// get vtt blob
-  		const vtt_url = url.replace("_sprite.jpg", "_thumbs.vtt");
-
-  		let vtt = await download(vtt_url);
-
-  		// query the api with a threshold of 0.4 as we want to do the filtering ourselves
-  		var data = { "data": [image, vtt, 0.4] };
-
-  		fetch(STASHMARKER_API_URL + "_1", {
-  			method: "POST",
-  			headers: {
-  				"Content-Type": "application/json; charset=utf-8"
-  			},
-  			body: JSON.stringify(data)
-  		}).then(response => {
-  			if (response.status !== 200) {
-  				$$invalidate(0, scanner = false);
-  				alert("Something went wrong. It's likely a server issue, Please try again later.");
-  				return;
-  			}
-
-  			return response.json();
-  		}).then(data => {
-  			$$invalidate(0, scanner = false);
-  			let frames = data.data[0];
-  			$$invalidate(0, scanner = false);
-
-  			if (frames.length === 0) {
-  				alert("No tags found");
-  				return;
-  			}
-
-  			// find a div with class row
-  			let row = document.querySelector(".row");
-
-  			new MarkerMatches({ target: row, props: { frames, url } });
-  		}).catch(error => {
-  			$$invalidate(0, scanner = false);
-
-  			if (error.message === "") {
-  				alert("Error: Service may be down. please try again later.");
-  			} else {
-  				alert("Error: " + error.message);
-  			}
-  		});
-  	}
-
-  	const writable_props = [];
-
-  	Object.keys($$props).forEach(key => {
-  		if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console.warn(`<MarkerButton> was created with unknown prop '${key}'`);
-  	});
-
-  	$$self.$capture_state = () => ({
-  		getScenarioAndID,
-  		getUrlSprite,
-  		STASHMARKER_API_URL,
-  		MarkerMatches,
-  		scanner,
-  		download,
-  		getMarkers
-  	});
-
-  	$$self.$inject_state = $$props => {
-  		if ('scanner' in $$props) $$invalidate(0, scanner = $$props.scanner);
-  	};
-
-  	if ($$props && "$$inject" in $$props) {
-  		$$self.$inject_state($$props.$$inject);
-  	}
-
-  	return [scanner, getMarkers];
+    let { $$slots: slots = {}, $$scope } = $$props;
+    validate_slots("MarkerButton", slots, []);
+    let scanner = false;
+
+    async function getMarkers() {
+      $$invalidate(0, (scanner = true));
+      const [, scene_id] = getScenarioAndID();
+      let url = await getUrlSprite(scene_id);
+
+      if (!url) {
+        alert(
+          "No sprite found, please ensure you have sprites enabled and generated for your scenes.",
+        );
+        $$invalidate(0, (scanner = false));
+        return;
+      }
+
+      // get image blob
+      let image = await download(url);
+
+      // get vtt blob
+      const vtt_url = url.replace("_sprite.jpg", "_thumbs.vtt");
+
+      let vtt = await download(vtt_url);
+
+      // query the api with a threshold of 0.4 as we want to do the filtering ourselves
+      var data = { data: [image, vtt, 0.4] };
+
+      fetch(STASHMARKER_API_URL + "_1", {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json; charset=utf-8",
+        },
+        body: JSON.stringify(data),
+      })
+        .then((response) => {
+          if (response.status !== 200) {
+            $$invalidate(0, (scanner = false));
+            alert(
+              "Something went wrong. It's likely a server issue, Please try again later.",
+            );
+            return;
+          }
+
+          return response.json();
+        })
+        .then((data) => {
+          $$invalidate(0, (scanner = false));
+          let frames = data.data[0];
+          $$invalidate(0, (scanner = false));
+
+          if (frames.length === 0) {
+            alert("No tags found");
+            return;
+          }
+
+          // find a div with class row
+          let row = document.querySelector(".row");
+
+          new MarkerMatches({ target: row, props: { frames, url } });
+        })
+        .catch((error) => {
+          $$invalidate(0, (scanner = false));
+
+          if (error.message === "") {
+            alert("Error: Service may be down. please try again later.");
+          } else {
+            alert("Error: " + error.message);
+          }
+        });
+    }
+
+    const writable_props = [];
+
+    Object.keys($$props).forEach((key) => {
+      if (
+        !~writable_props.indexOf(key) &&
+        key.slice(0, 2) !== "$$" &&
+        key !== "slot"
+      )
+        console.warn(`<MarkerButton> was created with unknown prop '${key}'`);
+    });
+
+    $$self.$capture_state = () => ({
+      getScenarioAndID,
+      getUrlSprite,
+      STASHMARKER_API_URL,
+      MarkerMatches,
+      scanner,
+      download,
+      getMarkers,
+    });
+
+    $$self.$inject_state = ($$props) => {
+      if ("scanner" in $$props) $$invalidate(0, (scanner = $$props.scanner));
+    };
+
+    if ($$props && "$$inject" in $$props) {
+      $$self.$inject_state($$props.$$inject);
+    }
+
+    return [scanner, getMarkers];
   }
 
   class MarkerButton extends SvelteComponentDev {
-  	constructor(options) {
-  		super(options);
-  		init(this, options, instance$3, create_fragment$3, safe_not_equal, {});
-
-  		dispatch_dev("SvelteRegisterComponent", {
-  			component: this,
-  			tagName: "MarkerButton",
-  			options,
-  			id: create_fragment$3.name
-  		});
-  	}
+    constructor(options) {
+      super(options);
+      init(this, options, instance$3, create_fragment$3, safe_not_equal, {});
+
+      dispatch_dev("SvelteRegisterComponent", {
+        component: this,
+        tagName: "MarkerButton",
+        options,
+        id: create_fragment$3.name,
+      });
+    }
   }
 
   /* src/Tag.svelte generated by Svelte v3.59.2 */
   const file$2 = "src/Tag.svelte";
 
   function get_each_context$1(ctx, list, i) {
-  	const child_ctx = ctx.slice();
-  	child_ctx[0] = list[i];
-  	return child_ctx;
+    const child_ctx = ctx.slice();
+    child_ctx[0] = list[i];
+    return child_ctx;
   }
 
   // (74:6) {#each OPTIONS as name}
   function create_each_block$1(ctx) {
-  	let option;
-  	let t_value = /*name*/ ctx[0] + "";
-  	let t;
-
-  	const block = {
-  		c: function create() {
-  			option = element("option");
-  			t = text(t_value);
-  			set_style(option, "color", "#f5f8fa");
-  			option.__value = /*name*/ ctx[0];
-  			option.value = option.__value;
-  			add_location(option, file$2, 74, 8, 2272);
-  		},
-  		m: function mount(target, anchor) {
-  			insert_dev(target, option, anchor);
-  			append_dev(option, t);
-  		},
-  		p: noop,
-  		d: function destroy(detaching) {
-  			if (detaching) detach_dev(option);
-  		}
-  	};
-
-  	dispatch_dev("SvelteRegisterBlock", {
-  		block,
-  		id: create_each_block$1.name,
-  		type: "each",
-  		source: "(74:6) {#each OPTIONS as name}",
-  		ctx
-  	});
-
-  	return block;
+    let option;
+    let t_value = /*name*/ ctx[0] + "";
+    let t;
+
+    const block = {
+      c: function create() {
+        option = element("option");
+        t = text(t_value);
+        set_style(option, "color", "#f5f8fa");
+        option.__value = /*name*/ ctx[0];
+        option.value = option.__value;
+        add_location(option, file$2, 74, 8, 2272);
+      },
+      m: function mount(target, anchor) {
+        insert_dev(target, option, anchor);
+        append_dev(option, t);
+      },
+      p: noop,
+      d: function destroy(detaching) {
+        if (detaching) detach_dev(option);
+      },
+    };
+
+    dispatch_dev("SvelteRegisterBlock", {
+      block,
+      id: create_each_block$1.name,
+      type: "each",
+      source: "(74:6) {#each OPTIONS as name}",
+      ctx,
+    });
+
+    return block;
   }
 
   function create_fragment$2(ctx) {
-  	let div3;
-  	let div0;
-  	let div0_data_offset_value;
-  	let t0;
-  	let div2;
-  	let div1;
-  	let div1_class_value;
-  	let div1_aria_valuenow_value;
-  	let t1;
-  	let span;
-  	let select;
-  	let t2;
-  	let svg;
-  	let path;
-  	let mounted;
-  	let dispose;
-  	let each_value = OPTIONS;
-  	validate_each_argument(each_value);
-  	let each_blocks = [];
-
-  	for (let i = 0; i < each_value.length; i += 1) {
-  		each_blocks[i] = create_each_block$1(get_each_context$1(ctx, each_value, i));
-  	}
-
-  	const block = {
-  		c: function create() {
-  			div3 = element("div");
-  			div0 = element("div");
-  			t0 = space();
-  			div2 = element("div");
-  			div1 = element("div");
-  			t1 = space();
-  			span = element("span");
-  			select = element("select");
-
-  			for (let i = 0; i < each_blocks.length; i += 1) {
-  				each_blocks[i].c();
-  			}
-
-  			t2 = space();
-  			svg = svg_element("svg");
-  			path = svg_element("path");
-  			attr_dev(div0, "class", "scrubber-item svelte-1d03wug");
-  			set_style(div0, "background-position", "-" + /*data*/ ctx[1].offset[0] + "px -" + /*data*/ ctx[1].offset[1] + "px");
-  			set_style(div0, "background-image", "url('" + /*url*/ ctx[2] + "')");
-  			attr_dev(div0, "data-offset", div0_data_offset_value = /*data*/ ctx[1].offset);
-  			add_location(div0, file$2, 54, 2, 1571);
-  			attr_dev(div1, "class", div1_class_value = "progress-bar progress-bar-striped bg-" + confidence(/*data*/ ctx[1].prob) + " svelte-1d03wug");
-  			attr_dev(div1, "role", "progressbar");
-  			set_style(div1, "width", /*data*/ ctx[1].prob * 100 + "%");
-  			attr_dev(div1, "aria-valuenow", div1_aria_valuenow_value = /*data*/ ctx[1].prob * 100);
-  			attr_dev(div1, "aria-valuemin", "0");
-  			attr_dev(div1, "aria-valuemax", "100");
-  			add_location(div1, file$2, 62, 4, 1858);
-  			attr_dev(div2, "class", "progress");
-  			set_style(div2, "height", "5px");
-  			add_location(div2, file$2, 61, 2, 1811);
-  			set_style(select, "color", "#f5f8fa");
-  			attr_dev(select, "class", "tag-item-select svelte-1d03wug");
-  			if (/*name*/ ctx[0] === void 0) add_render_callback(() => /*select_change_handler*/ ctx[4].call(select));
-  			add_location(select, file$2, 72, 4, 2159);
-  			attr_dev(path, "d", "M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z");
-  			add_location(path, file$2, 87, 7, 2586);
-  			attr_dev(svg, "height", "20");
-  			attr_dev(svg, "width", "20");
-  			attr_dev(svg, "viewBox", "0 0 20 20");
-  			attr_dev(svg, "aria-hidden", "true");
-  			attr_dev(svg, "focusable", "false");
-  			attr_dev(svg, "class", "tag-item-reject svelte-1d03wug");
-  			add_location(svg, file$2, 77, 4, 2364);
-  			attr_dev(span, "class", "tag-item badge badge-secondary svelte-1d03wug");
-  			add_location(span, file$2, 71, 2, 2109);
-  			set_style(div3, "padding", "20px");
-  			add_location(div3, file$2, 53, 0, 1540);
-  		},
-  		l: function claim(nodes) {
-  			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
-  		},
-  		m: function mount(target, anchor) {
-  			insert_dev(target, div3, anchor);
-  			append_dev(div3, div0);
-  			append_dev(div3, t0);
-  			append_dev(div3, div2);
-  			append_dev(div2, div1);
-  			append_dev(div3, t1);
-  			append_dev(div3, span);
-  			append_dev(span, select);
-
-  			for (let i = 0; i < each_blocks.length; i += 1) {
-  				if (each_blocks[i]) {
-  					each_blocks[i].m(select, null);
-  				}
-  			}
-
-  			select_option(select, /*name*/ ctx[0], true);
-  			append_dev(span, t2);
-  			append_dev(span, svg);
-  			append_dev(svg, path);
-
-  			if (!mounted) {
-  				dispose = [
-  					listen_dev(div0, "mousemove", scrubberMove, false, false, false, false),
-  					listen_dev(div0, "mouseleave", scrubberReset, false, false, false, false),
-  					listen_dev(select, "change", /*select_change_handler*/ ctx[4]),
-  					listen_dev(svg, "click", /*click_handler*/ ctx[5], false, false, false, false)
-  				];
-
-  				mounted = true;
-  			}
-  		},
-  		p: function update(ctx, [dirty]) {
-  			if (dirty & /*data*/ 2) {
-  				set_style(div0, "background-position", "-" + /*data*/ ctx[1].offset[0] + "px -" + /*data*/ ctx[1].offset[1] + "px");
-  			}
-
-  			if (dirty & /*url*/ 4) {
-  				set_style(div0, "background-image", "url('" + /*url*/ ctx[2] + "')");
-  			}
-
-  			if (dirty & /*data*/ 2 && div0_data_offset_value !== (div0_data_offset_value = /*data*/ ctx[1].offset)) {
-  				attr_dev(div0, "data-offset", div0_data_offset_value);
-  			}
-
-  			if (dirty & /*data*/ 2 && div1_class_value !== (div1_class_value = "progress-bar progress-bar-striped bg-" + confidence(/*data*/ ctx[1].prob) + " svelte-1d03wug")) {
-  				attr_dev(div1, "class", div1_class_value);
-  			}
-
-  			if (dirty & /*data*/ 2) {
-  				set_style(div1, "width", /*data*/ ctx[1].prob * 100 + "%");
-  			}
-
-  			if (dirty & /*data*/ 2 && div1_aria_valuenow_value !== (div1_aria_valuenow_value = /*data*/ ctx[1].prob * 100)) {
-  				attr_dev(div1, "aria-valuenow", div1_aria_valuenow_value);
-  			}
-
-  			if (dirty & /*OPTIONS*/ 0) {
-  				each_value = OPTIONS;
-  				validate_each_argument(each_value);
-  				let i;
-
-  				for (i = 0; i < each_value.length; i += 1) {
-  					const child_ctx = get_each_context$1(ctx, each_value, i);
-
-  					if (each_blocks[i]) {
-  						each_blocks[i].p(child_ctx, dirty);
-  					} else {
-  						each_blocks[i] = create_each_block$1(child_ctx);
-  						each_blocks[i].c();
-  						each_blocks[i].m(select, null);
-  					}
-  				}
-
-  				for (; i < each_blocks.length; i += 1) {
-  					each_blocks[i].d(1);
-  				}
-
-  				each_blocks.length = each_value.length;
-  			}
-
-  			if (dirty & /*name, OPTIONS*/ 1) {
-  				select_option(select, /*name*/ ctx[0]);
-  			}
-  		},
-  		i: noop,
-  		o: noop,
-  		d: function destroy(detaching) {
-  			if (detaching) detach_dev(div3);
-  			destroy_each(each_blocks, detaching);
-  			mounted = false;
-  			run_all(dispose);
-  		}
-  	};
-
-  	dispatch_dev("SvelteRegisterBlock", {
-  		block,
-  		id: create_fragment$2.name,
-  		type: "component",
-  		source: "",
-  		ctx
-  	});
-
-  	return block;
+    let div3;
+    let div0;
+    let div0_data_offset_value;
+    let t0;
+    let div2;
+    let div1;
+    let div1_class_value;
+    let div1_aria_valuenow_value;
+    let t1;
+    let span;
+    let select;
+    let t2;
+    let svg;
+    let path;
+    let mounted;
+    let dispose;
+    let each_value = OPTIONS;
+    validate_each_argument(each_value);
+    let each_blocks = [];
+
+    for (let i = 0; i < each_value.length; i += 1) {
+      each_blocks[i] = create_each_block$1(
+        get_each_context$1(ctx, each_value, i),
+      );
+    }
+
+    const block = {
+      c: function create() {
+        div3 = element("div");
+        div0 = element("div");
+        t0 = space();
+        div2 = element("div");
+        div1 = element("div");
+        t1 = space();
+        span = element("span");
+        select = element("select");
+
+        for (let i = 0; i < each_blocks.length; i += 1) {
+          each_blocks[i].c();
+        }
+
+        t2 = space();
+        svg = svg_element("svg");
+        path = svg_element("path");
+        attr_dev(div0, "class", "scrubber-item svelte-1d03wug");
+        set_style(
+          div0,
+          "background-position",
+          "-" +
+            /*data*/ ctx[1].offset[0] +
+            "px -" +
+            /*data*/ ctx[1].offset[1] +
+            "px",
+        );
+        set_style(div0, "background-image", "url('" + /*url*/ ctx[2] + "')");
+        attr_dev(
+          div0,
+          "data-offset",
+          (div0_data_offset_value = /*data*/ ctx[1].offset),
+        );
+        add_location(div0, file$2, 54, 2, 1571);
+        attr_dev(
+          div1,
+          "class",
+          (div1_class_value =
+            "progress-bar progress-bar-striped bg-" +
+            confidence(/*data*/ ctx[1].prob) +
+            " svelte-1d03wug"),
+        );
+        attr_dev(div1, "role", "progressbar");
+        set_style(div1, "width", /*data*/ ctx[1].prob * 100 + "%");
+        attr_dev(
+          div1,
+          "aria-valuenow",
+          (div1_aria_valuenow_value = /*data*/ ctx[1].prob * 100),
+        );
+        attr_dev(div1, "aria-valuemin", "0");
+        attr_dev(div1, "aria-valuemax", "100");
+        add_location(div1, file$2, 62, 4, 1858);
+        attr_dev(div2, "class", "progress");
+        set_style(div2, "height", "5px");
+        add_location(div2, file$2, 61, 2, 1811);
+        set_style(select, "color", "#f5f8fa");
+        attr_dev(select, "class", "tag-item-select svelte-1d03wug");
+        if (/*name*/ ctx[0] === void 0)
+          add_render_callback(() =>
+            /*select_change_handler*/ ctx[4].call(select),
+          );
+        add_location(select, file$2, 72, 4, 2159);
+        attr_dev(
+          path,
+          "d",
+          "M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z",
+        );
+        add_location(path, file$2, 87, 7, 2586);
+        attr_dev(svg, "height", "20");
+        attr_dev(svg, "width", "20");
+        attr_dev(svg, "viewBox", "0 0 20 20");
+        attr_dev(svg, "aria-hidden", "true");
+        attr_dev(svg, "focusable", "false");
+        attr_dev(svg, "class", "tag-item-reject svelte-1d03wug");
+        add_location(svg, file$2, 77, 4, 2364);
+        attr_dev(
+          span,
+          "class",
+          "tag-item badge badge-secondary svelte-1d03wug",
+        );
+        add_location(span, file$2, 71, 2, 2109);
+        set_style(div3, "padding", "20px");
+        add_location(div3, file$2, 53, 0, 1540);
+      },
+      l: function claim(nodes) {
+        throw new Error(
+          "options.hydrate only works if the component was compiled with the `hydratable: true` option",
+        );
+      },
+      m: function mount(target, anchor) {
+        insert_dev(target, div3, anchor);
+        append_dev(div3, div0);
+        append_dev(div3, t0);
+        append_dev(div3, div2);
+        append_dev(div2, div1);
+        append_dev(div3, t1);
+        append_dev(div3, span);
+        append_dev(span, select);
+
+        for (let i = 0; i < each_blocks.length; i += 1) {
+          if (each_blocks[i]) {
+            each_blocks[i].m(select, null);
+          }
+        }
+
+        select_option(select, /*name*/ ctx[0], true);
+        append_dev(span, t2);
+        append_dev(span, svg);
+        append_dev(svg, path);
+
+        if (!mounted) {
+          dispose = [
+            listen_dev(
+              div0,
+              "mousemove",
+              scrubberMove,
+              false,
+              false,
+              false,
+              false,
+            ),
+            listen_dev(
+              div0,
+              "mouseleave",
+              scrubberReset,
+              false,
+              false,
+              false,
+              false,
+            ),
+            listen_dev(select, "change", /*select_change_handler*/ ctx[4]),
+            listen_dev(
+              svg,
+              "click",
+              /*click_handler*/ ctx[5],
+              false,
+              false,
+              false,
+              false,
+            ),
+          ];
+
+          mounted = true;
+        }
+      },
+      p: function update(ctx, [dirty]) {
+        if (dirty & /*data*/ 2) {
+          set_style(
+            div0,
+            "background-position",
+            "-" +
+              /*data*/ ctx[1].offset[0] +
+              "px -" +
+              /*data*/ ctx[1].offset[1] +
+              "px",
+          );
+        }
+
+        if (dirty & /*url*/ 4) {
+          set_style(div0, "background-image", "url('" + /*url*/ ctx[2] + "')");
+        }
+
+        if (
+          dirty & /*data*/ 2 &&
+          div0_data_offset_value !==
+            (div0_data_offset_value = /*data*/ ctx[1].offset)
+        ) {
+          attr_dev(div0, "data-offset", div0_data_offset_value);
+        }
+
+        if (
+          dirty & /*data*/ 2 &&
+          div1_class_value !==
+            (div1_class_value =
+              "progress-bar progress-bar-striped bg-" +
+              confidence(/*data*/ ctx[1].prob) +
+              " svelte-1d03wug")
+        ) {
+          attr_dev(div1, "class", div1_class_value);
+        }
+
+        if (dirty & /*data*/ 2) {
+          set_style(div1, "width", /*data*/ ctx[1].prob * 100 + "%");
+        }
+
+        if (
+          dirty & /*data*/ 2 &&
+          div1_aria_valuenow_value !==
+            (div1_aria_valuenow_value = /*data*/ ctx[1].prob * 100)
+        ) {
+          attr_dev(div1, "aria-valuenow", div1_aria_valuenow_value);
+        }
+
+        if (dirty & /*OPTIONS*/ 0) {
+          each_value = OPTIONS;
+          validate_each_argument(each_value);
+          let i;
+
+          for (i = 0; i < each_value.length; i += 1) {
+            const child_ctx = get_each_context$1(ctx, each_value, i);
+
+            if (each_blocks[i]) {
+              each_blocks[i].p(child_ctx, dirty);
+            } else {
+              each_blocks[i] = create_each_block$1(child_ctx);
+              each_blocks[i].c();
+              each_blocks[i].m(select, null);
+            }
+          }
+
+          for (; i < each_blocks.length; i += 1) {
+            each_blocks[i].d(1);
+          }
+
+          each_blocks.length = each_value.length;
+        }
+
+        if (dirty & /*name, OPTIONS*/ 1) {
+          select_option(select, /*name*/ ctx[0]);
+        }
+      },
+      i: noop,
+      o: noop,
+      d: function destroy(detaching) {
+        if (detaching) detach_dev(div3);
+        destroy_each(each_blocks, detaching);
+        mounted = false;
+        run_all(dispose);
+      },
+    };
+
+    dispatch_dev("SvelteRegisterBlock", {
+      block,
+      id: create_fragment$2.name,
+      type: "component",
+      source: "",
+      ctx,
+    });
+
+    return block;
   }
 
   function confidence(prob) {
-  	prob = prob * 100;
+    prob = prob * 100;
 
-  	if (prob < 50.0) {
-  		return "danger";
-  	} else if (prob < 75.0) {
-  		return "warning";
-  	} else {
-  		return "success";
-  	}
+    if (prob < 50.0) {
+      return "danger";
+    } else if (prob < 75.0) {
+      return "warning";
+    } else {
+      return "success";
+    }
   }
 
   function scrubberMove(event) {
-  	let target = event.target;
-  	let imageWidth = 160;
-  	let backgroundPosition = target.style.backgroundPosition.split(" ");
-  	let offset = Number(target.getAttribute("data-offset").split(",")[0]);
-
-  	if (event.offsetX < 53) {
-  		backgroundPosition[0] = `-${offset - imageWidth}px`;
-  		target.style.backgroundPosition = backgroundPosition.join(" ");
-  	} else if (event.offsetX > 53 && event.offsetX < imageWidth && event.offsetX < 106) {
-  		backgroundPosition[0] = `-${offset}px`;
-  		target.style.backgroundPosition = backgroundPosition.join(" ");
-  	} else if (event.offsetX > 106) {
-  		backgroundPosition[0] = `-${offset + imageWidth}px`;
-  		target.style.backgroundPosition = backgroundPosition.join(" ");
-  	}
+    let target = event.target;
+    let imageWidth = 160;
+    let backgroundPosition = target.style.backgroundPosition.split(" ");
+    let offset = Number(target.getAttribute("data-offset").split(",")[0]);
+
+    if (event.offsetX < 53) {
+      backgroundPosition[0] = `-${offset - imageWidth}px`;
+      target.style.backgroundPosition = backgroundPosition.join(" ");
+    } else if (
+      event.offsetX > 53 &&
+      event.offsetX < imageWidth &&
+      event.offsetX < 106
+    ) {
+      backgroundPosition[0] = `-${offset}px`;
+      target.style.backgroundPosition = backgroundPosition.join(" ");
+    } else if (event.offsetX > 106) {
+      backgroundPosition[0] = `-${offset + imageWidth}px`;
+      target.style.backgroundPosition = backgroundPosition.join(" ");
+    }
   }
 
   function scrubberReset(event) {
-  	let backgroundPosition = event.target.style.backgroundPosition.split(" ");
-  	let offset = Number(event.target.getAttribute("data-offset").split(",")[0]);
-  	backgroundPosition[0] = `-${offset}px`;
-  	event.target.style.backgroundPosition = backgroundPosition.join(" ");
+    let backgroundPosition = event.target.style.backgroundPosition.split(" ");
+    let offset = Number(event.target.getAttribute("data-offset").split(",")[0]);
+    backgroundPosition[0] = `-${offset}px`;
+    event.target.style.backgroundPosition = backgroundPosition.join(" ");
   }
 
   function instance$2($$self, $$props, $$invalidate) {
-  	let { $$slots: slots = {}, $$scope } = $$props;
-  	validate_slots('Tag', slots, []);
-  	let { name } = $$props;
-  	let { data } = $$props;
-  	let { url = "" } = $$props;
-  	const dispatch = createEventDispatcher();
-
-  	$$self.$$.on_mount.push(function () {
-  		if (name === undefined && !('name' in $$props || $$self.$$.bound[$$self.$$.props['name']])) {
-  			console.warn("<Tag> was created without expected prop 'name'");
-  		}
-
-  		if (data === undefined && !('data' in $$props || $$self.$$.bound[$$self.$$.props['data']])) {
-  			console.warn("<Tag> was created without expected prop 'data'");
-  		}
-  	});
-
-  	const writable_props = ['name', 'data', 'url'];
-
-  	Object.keys($$props).forEach(key => {
-  		if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console.warn(`<Tag> was created with unknown prop '${key}'`);
-  	});
-
-  	function select_change_handler() {
-  		name = select_value(this);
-  		$$invalidate(0, name);
-  	}
-
-  	const click_handler = () => {
-  		dispatch("remove", data.id);
-  	};
-
-  	$$self.$$set = $$props => {
-  		if ('name' in $$props) $$invalidate(0, name = $$props.name);
-  		if ('data' in $$props) $$invalidate(1, data = $$props.data);
-  		if ('url' in $$props) $$invalidate(2, url = $$props.url);
-  	};
-
-  	$$self.$capture_state = () => ({
-  		OPTIONS,
-  		createEventDispatcher,
-  		name,
-  		data,
-  		url,
-  		dispatch,
-  		confidence,
-  		scrubberMove,
-  		scrubberReset
-  	});
-
-  	$$self.$inject_state = $$props => {
-  		if ('name' in $$props) $$invalidate(0, name = $$props.name);
-  		if ('data' in $$props) $$invalidate(1, data = $$props.data);
-  		if ('url' in $$props) $$invalidate(2, url = $$props.url);
-  	};
-
-  	if ($$props && "$$inject" in $$props) {
-  		$$self.$inject_state($$props.$$inject);
-  	}
-
-  	return [name, data, url, dispatch, select_change_handler, click_handler];
+    let { $$slots: slots = {}, $$scope } = $$props;
+    validate_slots("Tag", slots, []);
+    let { name } = $$props;
+    let { data } = $$props;
+    let { url = "" } = $$props;
+    const dispatch = createEventDispatcher();
+
+    $$self.$$.on_mount.push(function () {
+      if (
+        name === undefined &&
+        !("name" in $$props || $$self.$$.bound[$$self.$$.props["name"]])
+      ) {
+        console.warn("<Tag> was created without expected prop 'name'");
+      }
+
+      if (
+        data === undefined &&
+        !("data" in $$props || $$self.$$.bound[$$self.$$.props["data"]])
+      ) {
+        console.warn("<Tag> was created without expected prop 'data'");
+      }
+    });
+
+    const writable_props = ["name", "data", "url"];
+
+    Object.keys($$props).forEach((key) => {
+      if (
+        !~writable_props.indexOf(key) &&
+        key.slice(0, 2) !== "$$" &&
+        key !== "slot"
+      )
+        console.warn(`<Tag> was created with unknown prop '${key}'`);
+    });
+
+    function select_change_handler() {
+      name = select_value(this);
+      $$invalidate(0, name);
+    }
+
+    const click_handler = () => {
+      dispatch("remove", data.id);
+    };
+
+    $$self.$$set = ($$props) => {
+      if ("name" in $$props) $$invalidate(0, (name = $$props.name));
+      if ("data" in $$props) $$invalidate(1, (data = $$props.data));
+      if ("url" in $$props) $$invalidate(2, (url = $$props.url));
+    };
+
+    $$self.$capture_state = () => ({
+      OPTIONS,
+      createEventDispatcher,
+      name,
+      data,
+      url,
+      dispatch,
+      confidence,
+      scrubberMove,
+      scrubberReset,
+    });
+
+    $$self.$inject_state = ($$props) => {
+      if ("name" in $$props) $$invalidate(0, (name = $$props.name));
+      if ("data" in $$props) $$invalidate(1, (data = $$props.data));
+      if ("url" in $$props) $$invalidate(2, (url = $$props.url));
+    };
+
+    if ($$props && "$$inject" in $$props) {
+      $$self.$inject_state($$props.$$inject);
+    }
+
+    return [name, data, url, dispatch, select_change_handler, click_handler];
   }
 
   class Tag extends SvelteComponentDev {
-  	constructor(options) {
-  		super(options);
-  		init(this, options, instance$2, create_fragment$2, safe_not_equal, { name: 0, data: 1, url: 2 });
+    constructor(options) {
+      super(options);
+      init(this, options, instance$2, create_fragment$2, safe_not_equal, {
+        name: 0,
+        data: 1,
+        url: 2,
+      });
 
-  		dispatch_dev("SvelteRegisterComponent", {
-  			component: this,
-  			tagName: "Tag",
-  			options,
-  			id: create_fragment$2.name
-  		});
-  	}
+      dispatch_dev("SvelteRegisterComponent", {
+        component: this,
+        tagName: "Tag",
+        options,
+        id: create_fragment$2.name,
+      });
+    }
 
-  	get name() {
-  		throw new Error("<Tag>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
-  	}
+    get name() {
+      throw new Error(
+        "<Tag>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+      );
+    }
 
-  	set name(value) {
-  		throw new Error("<Tag>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
-  	}
+    set name(value) {
+      throw new Error(
+        "<Tag>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+      );
+    }
 
-  	get data() {
-  		throw new Error("<Tag>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
-  	}
+    get data() {
+      throw new Error(
+        "<Tag>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+      );
+    }
 
-  	set data(value) {
-  		throw new Error("<Tag>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
-  	}
+    set data(value) {
+      throw new Error(
+        "<Tag>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+      );
+    }
 
-  	get url() {
-  		throw new Error("<Tag>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
-  	}
+    get url() {
+      throw new Error(
+        "<Tag>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+      );
+    }
 
-  	set url(value) {
-  		throw new Error("<Tag>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
-  	}
+    set url(value) {
+      throw new Error(
+        "<Tag>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+      );
+    }
   }
 
   /* src/TagMatches.svelte generated by Svelte v3.59.2 */
@@ -2770,661 +3207,755 @@
   const file$1 = "src/TagMatches.svelte";
 
   function get_each_context(ctx, list, i) {
-  	const child_ctx = ctx.slice();
-  	child_ctx[15] = list[i][0];
-  	child_ctx[16] = list[i][1];
-  	child_ctx[17] = list;
-  	child_ctx[18] = i;
-  	return child_ctx;
+    const child_ctx = ctx.slice();
+    child_ctx[15] = list[i][0];
+    child_ctx[16] = list[i][1];
+    child_ctx[17] = list;
+    child_ctx[18] = i;
+    return child_ctx;
   }
 
   // (81:0) {#if visible}
   function create_if_block(ctx) {
-  	let div8;
-  	let div7;
-  	let div6;
-  	let div0;
-  	let h3;
-  	let t1;
-  	let div2;
-  	let div1;
-  	let each_blocks = [];
-  	let each_1_lookup = new Map();
-  	let t2;
-  	let div5;
-  	let div3;
-  	let button0;
-  	let t4;
-  	let button1;
-  	let t5;
-  	let t6;
-  	let div4;
-  	let t7;
-  	let input;
-  	let t8;
-  	let t9_value = /*threshold*/ ctx[0] * 100 + "";
-  	let t9;
-  	let t10;
-  	let div8_intro;
-  	let div8_outro;
-  	let current;
-  	let mounted;
-  	let dispose;
-  	let each_value = /*filteredMatches*/ ctx[5];
-  	validate_each_argument(each_value);
-  	const get_key = ctx => /*tagData*/ ctx[16].id;
-  	validate_each_keys(ctx, each_value, get_each_context, get_key);
-
-  	for (let i = 0; i < each_value.length; i += 1) {
-  		let child_ctx = get_each_context(ctx, each_value, i);
-  		let key = get_key(child_ctx);
-  		each_1_lookup.set(key, each_blocks[i] = create_each_block(key, child_ctx));
-  	}
-
-  	let if_block = /*saving*/ ctx[3] && create_if_block_1(ctx);
-
-  	const block = {
-  		c: function create() {
-  			div8 = element("div");
-  			div7 = element("div");
-  			div6 = element("div");
-  			div0 = element("div");
-  			h3 = element("h3");
-  			h3.textContent = "Stash Tag";
-  			t1 = space();
-  			div2 = element("div");
-  			div1 = element("div");
-
-  			for (let i = 0; i < each_blocks.length; i += 1) {
-  				each_blocks[i].c();
-  			}
-
-  			t2 = space();
-  			div5 = element("div");
-  			div3 = element("div");
-  			button0 = element("button");
-  			button0.textContent = "Close";
-  			t4 = space();
-  			button1 = element("button");
-  			if (if_block) if_block.c();
-  			t5 = text("\n              Add Tags");
-  			t6 = space();
-  			div4 = element("div");
-  			t7 = text("Threshold: ");
-  			input = element("input");
-  			t8 = space();
-  			t9 = text(t9_value);
-  			t10 = text(" %");
-  			attr_dev(h3, "class", "modal-title");
-  			add_location(h3, file$1, 94, 10, 2253);
-  			attr_dev(div0, "class", "modal-header svelte-9viihb");
-  			add_location(div0, file$1, 93, 8, 2216);
-  			attr_dev(div1, "class", "row justify-content-center");
-  			add_location(div1, file$1, 97, 10, 2350);
-  			attr_dev(div2, "class", "modal-body");
-  			add_location(div2, file$1, 96, 8, 2315);
-  			attr_dev(button0, "id", "tags-cancel");
-  			attr_dev(button0, "type", "button");
-  			attr_dev(button0, "class", "ml-2 btn btn-secondary");
-  			add_location(button0, file$1, 116, 12, 2933);
-  			attr_dev(button1, "id", "tags-accept");
-  			attr_dev(button1, "type", "button");
-  			attr_dev(button1, "class", "ml-2 btn btn-primary");
-  			add_location(button1, file$1, 122, 12, 3116);
-  			add_location(div3, file$1, 115, 10, 2915);
-  			attr_dev(input, "type", "range");
-  			attr_dev(input, "min", "0.2");
-  			attr_dev(input, "max", "0.9");
-  			attr_dev(input, "step", "0.1");
-  			attr_dev(input, "id", "stash-tag-threshold");
-  			set_style(input, "margin", "0px");
-  			set_style(input, "height", "10px");
-  			add_location(input, file$1, 135, 23, 3464);
-  			add_location(div4, file$1, 134, 10, 3435);
-  			attr_dev(div5, "class", "ModalFooter modal-footer svelte-9viihb");
-  			add_location(div5, file$1, 114, 8, 2866);
-  			attr_dev(div6, "class", "modal-content");
-  			add_location(div6, file$1, 92, 6, 2180);
-  			attr_dev(div7, "class", "modal-dialog modal-xl top-accent svelte-9viihb");
-  			add_location(div7, file$1, 91, 4, 2127);
-  			attr_dev(div8, "role", "dialog");
-  			attr_dev(div8, "aria-modal", "true");
-  			attr_dev(div8, "class", "fade ModalComponent modal show");
-  			attr_dev(div8, "tabindex", "-1");
-  			set_style(div8, "display", "block");
-  			add_location(div8, file$1, 81, 2, 1884);
-  		},
-  		m: function mount(target, anchor) {
-  			insert_dev(target, div8, anchor);
-  			append_dev(div8, div7);
-  			append_dev(div7, div6);
-  			append_dev(div6, div0);
-  			append_dev(div0, h3);
-  			append_dev(div6, t1);
-  			append_dev(div6, div2);
-  			append_dev(div2, div1);
-
-  			for (let i = 0; i < each_blocks.length; i += 1) {
-  				if (each_blocks[i]) {
-  					each_blocks[i].m(div1, null);
-  				}
-  			}
-
-  			append_dev(div6, t2);
-  			append_dev(div6, div5);
-  			append_dev(div5, div3);
-  			append_dev(div3, button0);
-  			append_dev(div3, t4);
-  			append_dev(div3, button1);
-  			if (if_block) if_block.m(button1, null);
-  			append_dev(button1, t5);
-  			append_dev(div5, t6);
-  			append_dev(div5, div4);
-  			append_dev(div4, t7);
-  			append_dev(div4, input);
-  			set_input_value(input, /*threshold*/ ctx[0]);
-  			append_dev(div4, t8);
-  			append_dev(div4, t9);
-  			append_dev(div4, t10);
-  			/*div8_binding*/ ctx[13](div8);
-  			current = true;
-
-  			if (!mounted) {
-  				dispose = [
-  					listen_dev(button0, "click", /*close*/ ctx[6], false, false, false, false),
-  					listen_dev(button1, "click", /*save*/ ctx[8], false, false, false, false),
-  					listen_dev(input, "change", /*input_change_input_handler*/ ctx[12]),
-  					listen_dev(input, "input", /*input_change_input_handler*/ ctx[12]),
-  					listen_dev(input, "change", /*changeThreshold*/ ctx[9], false, false, false, false)
-  				];
-
-  				mounted = true;
-  			}
-  		},
-  		p: function update(ctx, dirty) {
-  			if (dirty & /*filteredMatches, url, remove*/ 162) {
-  				each_value = /*filteredMatches*/ ctx[5];
-  				validate_each_argument(each_value);
-  				group_outros();
-  				for (let i = 0; i < each_blocks.length; i += 1) each_blocks[i].r();
-  				validate_each_keys(ctx, each_value, get_each_context, get_key);
-  				each_blocks = update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, div1, fix_and_outro_and_destroy_block, create_each_block, null, get_each_context);
-  				for (let i = 0; i < each_blocks.length; i += 1) each_blocks[i].a();
-  				check_outros();
-  			}
-
-  			if (/*saving*/ ctx[3]) {
-  				if (if_block) ; else {
-  					if_block = create_if_block_1(ctx);
-  					if_block.c();
-  					if_block.m(button1, t5);
-  				}
-  			} else if (if_block) {
-  				if_block.d(1);
-  				if_block = null;
-  			}
-
-  			if (dirty & /*threshold*/ 1) {
-  				set_input_value(input, /*threshold*/ ctx[0]);
-  			}
-
-  			if ((!current || dirty & /*threshold*/ 1) && t9_value !== (t9_value = /*threshold*/ ctx[0] * 100 + "")) set_data_dev(t9, t9_value);
-  		},
-  		i: function intro(local) {
-  			if (current) return;
-
-  			for (let i = 0; i < each_value.length; i += 1) {
-  				transition_in(each_blocks[i]);
-  			}
-
-  			add_render_callback(() => {
-  				if (!current) return;
-  				if (div8_outro) div8_outro.end(1);
-  				div8_intro = create_in_transition(div8, fly, { y: 100, duration: 400 });
-  				div8_intro.start();
-  			});
-
-  			current = true;
-  		},
-  		o: function outro(local) {
-  			for (let i = 0; i < each_blocks.length; i += 1) {
-  				transition_out(each_blocks[i]);
-  			}
-
-  			if (div8_intro) div8_intro.invalidate();
-  			div8_outro = create_out_transition(div8, fly, { y: -100, duration: 400 });
-  			current = false;
-  		},
-  		d: function destroy(detaching) {
-  			if (detaching) detach_dev(div8);
-
-  			for (let i = 0; i < each_blocks.length; i += 1) {
-  				each_blocks[i].d();
-  			}
-
-  			if (if_block) if_block.d();
-  			/*div8_binding*/ ctx[13](null);
-  			if (detaching && div8_outro) div8_outro.end();
-  			mounted = false;
-  			run_all(dispose);
-  		}
-  	};
-
-  	dispatch_dev("SvelteRegisterBlock", {
-  		block,
-  		id: create_if_block.name,
-  		type: "if",
-  		source: "(81:0) {#if visible}",
-  		ctx
-  	});
-
-  	return block;
+    let div8;
+    let div7;
+    let div6;
+    let div0;
+    let h3;
+    let t1;
+    let div2;
+    let div1;
+    let each_blocks = [];
+    let each_1_lookup = new Map();
+    let t2;
+    let div5;
+    let div3;
+    let button0;
+    let t4;
+    let button1;
+    let t5;
+    let t6;
+    let div4;
+    let t7;
+    let input;
+    let t8;
+    let t9_value = /*threshold*/ ctx[0] * 100 + "";
+    let t9;
+    let t10;
+    let div8_intro;
+    let div8_outro;
+    let current;
+    let mounted;
+    let dispose;
+    let each_value = /*filteredMatches*/ ctx[5];
+    validate_each_argument(each_value);
+    const get_key = (ctx) => /*tagData*/ ctx[16].id;
+    validate_each_keys(ctx, each_value, get_each_context, get_key);
+
+    for (let i = 0; i < each_value.length; i += 1) {
+      let child_ctx = get_each_context(ctx, each_value, i);
+      let key = get_key(child_ctx);
+      each_1_lookup.set(
+        key,
+        (each_blocks[i] = create_each_block(key, child_ctx)),
+      );
+    }
+
+    let if_block = /*saving*/ ctx[3] && create_if_block_1(ctx);
+
+    const block = {
+      c: function create() {
+        div8 = element("div");
+        div7 = element("div");
+        div6 = element("div");
+        div0 = element("div");
+        h3 = element("h3");
+        h3.textContent = "Stash Tag";
+        t1 = space();
+        div2 = element("div");
+        div1 = element("div");
+
+        for (let i = 0; i < each_blocks.length; i += 1) {
+          each_blocks[i].c();
+        }
+
+        t2 = space();
+        div5 = element("div");
+        div3 = element("div");
+        button0 = element("button");
+        button0.textContent = "Close";
+        t4 = space();
+        button1 = element("button");
+        if (if_block) if_block.c();
+        t5 = text("\n              Add Tags");
+        t6 = space();
+        div4 = element("div");
+        t7 = text("Threshold: ");
+        input = element("input");
+        t8 = space();
+        t9 = text(t9_value);
+        t10 = text(" %");
+        attr_dev(h3, "class", "modal-title");
+        add_location(h3, file$1, 94, 10, 2253);
+        attr_dev(div0, "class", "modal-header svelte-9viihb");
+        add_location(div0, file$1, 93, 8, 2216);
+        attr_dev(div1, "class", "row justify-content-center");
+        add_location(div1, file$1, 97, 10, 2350);
+        attr_dev(div2, "class", "modal-body");
+        add_location(div2, file$1, 96, 8, 2315);
+        attr_dev(button0, "id", "tags-cancel");
+        attr_dev(button0, "type", "button");
+        attr_dev(button0, "class", "ml-2 btn btn-secondary");
+        add_location(button0, file$1, 116, 12, 2933);
+        attr_dev(button1, "id", "tags-accept");
+        attr_dev(button1, "type", "button");
+        attr_dev(button1, "class", "ml-2 btn btn-primary");
+        add_location(button1, file$1, 122, 12, 3116);
+        add_location(div3, file$1, 115, 10, 2915);
+        attr_dev(input, "type", "range");
+        attr_dev(input, "min", "0.2");
+        attr_dev(input, "max", "0.9");
+        attr_dev(input, "step", "0.1");
+        attr_dev(input, "id", "stash-tag-threshold");
+        set_style(input, "margin", "0px");
+        set_style(input, "height", "10px");
+        add_location(input, file$1, 135, 23, 3464);
+        add_location(div4, file$1, 134, 10, 3435);
+        attr_dev(div5, "class", "ModalFooter modal-footer svelte-9viihb");
+        add_location(div5, file$1, 114, 8, 2866);
+        attr_dev(div6, "class", "modal-content");
+        add_location(div6, file$1, 92, 6, 2180);
+        attr_dev(
+          div7,
+          "class",
+          "modal-dialog modal-xl top-accent svelte-9viihb",
+        );
+        add_location(div7, file$1, 91, 4, 2127);
+        attr_dev(div8, "role", "dialog");
+        attr_dev(div8, "aria-modal", "true");
+        attr_dev(div8, "class", "fade ModalComponent modal show");
+        attr_dev(div8, "tabindex", "-1");
+        set_style(div8, "display", "block");
+        add_location(div8, file$1, 81, 2, 1884);
+      },
+      m: function mount(target, anchor) {
+        insert_dev(target, div8, anchor);
+        append_dev(div8, div7);
+        append_dev(div7, div6);
+        append_dev(div6, div0);
+        append_dev(div0, h3);
+        append_dev(div6, t1);
+        append_dev(div6, div2);
+        append_dev(div2, div1);
+
+        for (let i = 0; i < each_blocks.length; i += 1) {
+          if (each_blocks[i]) {
+            each_blocks[i].m(div1, null);
+          }
+        }
+
+        append_dev(div6, t2);
+        append_dev(div6, div5);
+        append_dev(div5, div3);
+        append_dev(div3, button0);
+        append_dev(div3, t4);
+        append_dev(div3, button1);
+        if (if_block) if_block.m(button1, null);
+        append_dev(button1, t5);
+        append_dev(div5, t6);
+        append_dev(div5, div4);
+        append_dev(div4, t7);
+        append_dev(div4, input);
+        set_input_value(input, /*threshold*/ ctx[0]);
+        append_dev(div4, t8);
+        append_dev(div4, t9);
+        append_dev(div4, t10);
+        /*div8_binding*/ ctx[13](div8);
+        current = true;
+
+        if (!mounted) {
+          dispose = [
+            listen_dev(
+              button0,
+              "click",
+              /*close*/ ctx[6],
+              false,
+              false,
+              false,
+              false,
+            ),
+            listen_dev(
+              button1,
+              "click",
+              /*save*/ ctx[8],
+              false,
+              false,
+              false,
+              false,
+            ),
+            listen_dev(input, "change", /*input_change_input_handler*/ ctx[12]),
+            listen_dev(input, "input", /*input_change_input_handler*/ ctx[12]),
+            listen_dev(
+              input,
+              "change",
+              /*changeThreshold*/ ctx[9],
+              false,
+              false,
+              false,
+              false,
+            ),
+          ];
+
+          mounted = true;
+        }
+      },
+      p: function update(ctx, dirty) {
+        if (dirty & /*filteredMatches, url, remove*/ 162) {
+          each_value = /*filteredMatches*/ ctx[5];
+          validate_each_argument(each_value);
+          group_outros();
+          for (let i = 0; i < each_blocks.length; i += 1) each_blocks[i].r();
+          validate_each_keys(ctx, each_value, get_each_context, get_key);
+          each_blocks = update_keyed_each(
+            each_blocks,
+            dirty,
+            get_key,
+            1,
+            ctx,
+            each_value,
+            each_1_lookup,
+            div1,
+            fix_and_outro_and_destroy_block,
+            create_each_block,
+            null,
+            get_each_context,
+          );
+          for (let i = 0; i < each_blocks.length; i += 1) each_blocks[i].a();
+          check_outros();
+        }
+
+        if (/*saving*/ ctx[3]) {
+          if (if_block);
+          else {
+            if_block = create_if_block_1(ctx);
+            if_block.c();
+            if_block.m(button1, t5);
+          }
+        } else if (if_block) {
+          if_block.d(1);
+          if_block = null;
+        }
+
+        if (dirty & /*threshold*/ 1) {
+          set_input_value(input, /*threshold*/ ctx[0]);
+        }
+
+        if (
+          (!current || dirty & /*threshold*/ 1) &&
+          t9_value !== (t9_value = /*threshold*/ ctx[0] * 100 + "")
+        )
+          set_data_dev(t9, t9_value);
+      },
+      i: function intro(local) {
+        if (current) return;
+
+        for (let i = 0; i < each_value.length; i += 1) {
+          transition_in(each_blocks[i]);
+        }
+
+        add_render_callback(() => {
+          if (!current) return;
+          if (div8_outro) div8_outro.end(1);
+          div8_intro = create_in_transition(div8, fly, {
+            y: 100,
+            duration: 400,
+          });
+          div8_intro.start();
+        });
+
+        current = true;
+      },
+      o: function outro(local) {
+        for (let i = 0; i < each_blocks.length; i += 1) {
+          transition_out(each_blocks[i]);
+        }
+
+        if (div8_intro) div8_intro.invalidate();
+        div8_outro = create_out_transition(div8, fly, {
+          y: -100,
+          duration: 400,
+        });
+        current = false;
+      },
+      d: function destroy(detaching) {
+        if (detaching) detach_dev(div8);
+
+        for (let i = 0; i < each_blocks.length; i += 1) {
+          each_blocks[i].d();
+        }
+
+        if (if_block) if_block.d();
+        /*div8_binding*/ ctx[13](null);
+        if (detaching && div8_outro) div8_outro.end();
+        mounted = false;
+        run_all(dispose);
+      },
+    };
+
+    dispatch_dev("SvelteRegisterBlock", {
+      block,
+      id: create_if_block.name,
+      type: "if",
+      source: "(81:0) {#if visible}",
+      ctx,
+    });
+
+    return block;
   }
 
   // (99:12) {#each filteredMatches as [tagName, tagData] (tagData.id)}
   function create_each_block(key_1, ctx) {
-  	let div;
-  	let tag;
-  	let updating_name;
-  	let t;
-  	let div_intro;
-  	let div_outro;
-  	let rect;
-  	let stop_animation = noop;
-  	let current;
-
-  	function tag_name_binding(value) {
-  		/*tag_name_binding*/ ctx[11](value, /*tagName*/ ctx[15], /*each_value*/ ctx[17], /*each_index*/ ctx[18]);
-  	}
-
-  	let tag_props = {
-  		data: /*tagData*/ ctx[16],
-  		url: /*url*/ ctx[1]
-  	};
-
-  	if (/*tagName*/ ctx[15] !== void 0) {
-  		tag_props.name = /*tagName*/ ctx[15];
-  	}
-
-  	tag = new Tag({ props: tag_props, $$inline: true });
-  	binding_callbacks.push(() => bind(tag, 'name', tag_name_binding));
-  	tag.$on("remove", /*remove*/ ctx[7]);
-
-  	const block = {
-  		key: key_1,
-  		first: null,
-  		c: function create() {
-  			div = element("div");
-  			create_component(tag.$$.fragment);
-  			t = space();
-  			add_location(div, file$1, 99, 14, 2476);
-  			this.first = div;
-  		},
-  		m: function mount(target, anchor) {
-  			insert_dev(target, div, anchor);
-  			mount_component(tag, div, null);
-  			append_dev(div, t);
-  			current = true;
-  		},
-  		p: function update(new_ctx, dirty) {
-  			ctx = new_ctx;
-  			const tag_changes = {};
-  			if (dirty & /*filteredMatches*/ 32) tag_changes.data = /*tagData*/ ctx[16];
-  			if (dirty & /*url*/ 2) tag_changes.url = /*url*/ ctx[1];
-
-  			if (!updating_name && dirty & /*filteredMatches*/ 32) {
-  				updating_name = true;
-  				tag_changes.name = /*tagName*/ ctx[15];
-  				add_flush_callback(() => updating_name = false);
-  			}
-
-  			tag.$set(tag_changes);
-  		},
-  		r: function measure() {
-  			rect = div.getBoundingClientRect();
-  		},
-  		f: function fix() {
-  			fix_position(div);
-  			stop_animation();
-  			add_transform(div, rect);
-  		},
-  		a: function animate() {
-  			stop_animation();
-  			stop_animation = create_animation(div, rect, flip, { duration: 250, easing: quintOut });
-  		},
-  		i: function intro(local) {
-  			if (current) return;
-  			transition_in(tag.$$.fragment, local);
-
-  			add_render_callback(() => {
-  				if (!current) return;
-  				if (div_outro) div_outro.end(1);
-  				div_intro = create_in_transition(div, fade, {});
-  				div_intro.start();
-  			});
-
-  			current = true;
-  		},
-  		o: function outro(local) {
-  			transition_out(tag.$$.fragment, local);
-  			if (div_intro) div_intro.invalidate();
-  			div_outro = create_out_transition(div, fade, {});
-  			current = false;
-  		},
-  		d: function destroy(detaching) {
-  			if (detaching) detach_dev(div);
-  			destroy_component(tag);
-  			if (detaching && div_outro) div_outro.end();
-  		}
-  	};
-
-  	dispatch_dev("SvelteRegisterBlock", {
-  		block,
-  		id: create_each_block.name,
-  		type: "each",
-  		source: "(99:12) {#each filteredMatches as [tagName, tagData] (tagData.id)}",
-  		ctx
-  	});
-
-  	return block;
+    let div;
+    let tag;
+    let updating_name;
+    let t;
+    let div_intro;
+    let div_outro;
+    let rect;
+    let stop_animation = noop;
+    let current;
+
+    function tag_name_binding(value) {
+      /*tag_name_binding*/ ctx[11](
+        value,
+        /*tagName*/ ctx[15],
+        /*each_value*/ ctx[17],
+        /*each_index*/ ctx[18],
+      );
+    }
+
+    let tag_props = {
+      data: /*tagData*/ ctx[16],
+      url: /*url*/ ctx[1],
+    };
+
+    if (/*tagName*/ ctx[15] !== void 0) {
+      tag_props.name = /*tagName*/ ctx[15];
+    }
+
+    tag = new Tag({ props: tag_props, $$inline: true });
+    binding_callbacks.push(() => bind(tag, "name", tag_name_binding));
+    tag.$on("remove", /*remove*/ ctx[7]);
+
+    const block = {
+      key: key_1,
+      first: null,
+      c: function create() {
+        div = element("div");
+        create_component(tag.$$.fragment);
+        t = space();
+        add_location(div, file$1, 99, 14, 2476);
+        this.first = div;
+      },
+      m: function mount(target, anchor) {
+        insert_dev(target, div, anchor);
+        mount_component(tag, div, null);
+        append_dev(div, t);
+        current = true;
+      },
+      p: function update(new_ctx, dirty) {
+        ctx = new_ctx;
+        const tag_changes = {};
+        if (dirty & /*filteredMatches*/ 32)
+          tag_changes.data = /*tagData*/ ctx[16];
+        if (dirty & /*url*/ 2) tag_changes.url = /*url*/ ctx[1];
+
+        if (!updating_name && dirty & /*filteredMatches*/ 32) {
+          updating_name = true;
+          tag_changes.name = /*tagName*/ ctx[15];
+          add_flush_callback(() => (updating_name = false));
+        }
+
+        tag.$set(tag_changes);
+      },
+      r: function measure() {
+        rect = div.getBoundingClientRect();
+      },
+      f: function fix() {
+        fix_position(div);
+        stop_animation();
+        add_transform(div, rect);
+      },
+      a: function animate() {
+        stop_animation();
+        stop_animation = create_animation(div, rect, flip, {
+          duration: 250,
+          easing: quintOut,
+        });
+      },
+      i: function intro(local) {
+        if (current) return;
+        transition_in(tag.$$.fragment, local);
+
+        add_render_callback(() => {
+          if (!current) return;
+          if (div_outro) div_outro.end(1);
+          div_intro = create_in_transition(div, fade, {});
+          div_intro.start();
+        });
+
+        current = true;
+      },
+      o: function outro(local) {
+        transition_out(tag.$$.fragment, local);
+        if (div_intro) div_intro.invalidate();
+        div_outro = create_out_transition(div, fade, {});
+        current = false;
+      },
+      d: function destroy(detaching) {
+        if (detaching) detach_dev(div);
+        destroy_component(tag);
+        if (detaching && div_outro) div_outro.end();
+      },
+    };
+
+    dispatch_dev("SvelteRegisterBlock", {
+      block,
+      id: create_each_block.name,
+      type: "each",
+      source:
+        "(99:12) {#each filteredMatches as [tagName, tagData] (tagData.id)}",
+      ctx,
+    });
+
+    return block;
   }
 
   // (129:14) {#if saving}
   function create_if_block_1(ctx) {
-  	let div;
-
-  	const block = {
-  		c: function create() {
-  			div = element("div");
-  			attr_dev(div, "class", "lds-dual-ring svelte-9viihb");
-  			add_location(div, file$1, 129, 16, 3313);
-  		},
-  		m: function mount(target, anchor) {
-  			insert_dev(target, div, anchor);
-  		},
-  		d: function destroy(detaching) {
-  			if (detaching) detach_dev(div);
-  		}
-  	};
-
-  	dispatch_dev("SvelteRegisterBlock", {
-  		block,
-  		id: create_if_block_1.name,
-  		type: "if",
-  		source: "(129:14) {#if saving}",
-  		ctx
-  	});
-
-  	return block;
+    let div;
+
+    const block = {
+      c: function create() {
+        div = element("div");
+        attr_dev(div, "class", "lds-dual-ring svelte-9viihb");
+        add_location(div, file$1, 129, 16, 3313);
+      },
+      m: function mount(target, anchor) {
+        insert_dev(target, div, anchor);
+      },
+      d: function destroy(detaching) {
+        if (detaching) detach_dev(div);
+      },
+    };
+
+    dispatch_dev("SvelteRegisterBlock", {
+      block,
+      id: create_if_block_1.name,
+      type: "if",
+      source: "(129:14) {#if saving}",
+      ctx,
+    });
+
+    return block;
   }
 
   function create_fragment$1(ctx) {
-  	let if_block_anchor;
-  	let current;
-  	let if_block = /*visible*/ ctx[2] && create_if_block(ctx);
-
-  	const block = {
-  		c: function create() {
-  			if (if_block) if_block.c();
-  			if_block_anchor = empty();
-  		},
-  		l: function claim(nodes) {
-  			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
-  		},
-  		m: function mount(target, anchor) {
-  			if (if_block) if_block.m(target, anchor);
-  			insert_dev(target, if_block_anchor, anchor);
-  			current = true;
-  		},
-  		p: function update(ctx, [dirty]) {
-  			if (/*visible*/ ctx[2]) {
-  				if (if_block) {
-  					if_block.p(ctx, dirty);
-
-  					if (dirty & /*visible*/ 4) {
-  						transition_in(if_block, 1);
-  					}
-  				} else {
-  					if_block = create_if_block(ctx);
-  					if_block.c();
-  					transition_in(if_block, 1);
-  					if_block.m(if_block_anchor.parentNode, if_block_anchor);
-  				}
-  			} else if (if_block) {
-  				group_outros();
-
-  				transition_out(if_block, 1, 1, () => {
-  					if_block = null;
-  				});
-
-  				check_outros();
-  			}
-  		},
-  		i: function intro(local) {
-  			if (current) return;
-  			transition_in(if_block);
-  			current = true;
-  		},
-  		o: function outro(local) {
-  			transition_out(if_block);
-  			current = false;
-  		},
-  		d: function destroy(detaching) {
-  			if (if_block) if_block.d(detaching);
-  			if (detaching) detach_dev(if_block_anchor);
-  		}
-  	};
-
-  	dispatch_dev("SvelteRegisterBlock", {
-  		block,
-  		id: create_fragment$1.name,
-  		type: "component",
-  		source: "",
-  		ctx
-  	});
-
-  	return block;
+    let if_block_anchor;
+    let current;
+    let if_block = /*visible*/ ctx[2] && create_if_block(ctx);
+
+    const block = {
+      c: function create() {
+        if (if_block) if_block.c();
+        if_block_anchor = empty();
+      },
+      l: function claim(nodes) {
+        throw new Error(
+          "options.hydrate only works if the component was compiled with the `hydratable: true` option",
+        );
+      },
+      m: function mount(target, anchor) {
+        if (if_block) if_block.m(target, anchor);
+        insert_dev(target, if_block_anchor, anchor);
+        current = true;
+      },
+      p: function update(ctx, [dirty]) {
+        if (/*visible*/ ctx[2]) {
+          if (if_block) {
+            if_block.p(ctx, dirty);
+
+            if (dirty & /*visible*/ 4) {
+              transition_in(if_block, 1);
+            }
+          } else {
+            if_block = create_if_block(ctx);
+            if_block.c();
+            transition_in(if_block, 1);
+            if_block.m(if_block_anchor.parentNode, if_block_anchor);
+          }
+        } else if (if_block) {
+          group_outros();
+
+          transition_out(if_block, 1, 1, () => {
+            if_block = null;
+          });
+
+          check_outros();
+        }
+      },
+      i: function intro(local) {
+        if (current) return;
+        transition_in(if_block);
+        current = true;
+      },
+      o: function outro(local) {
+        transition_out(if_block);
+        current = false;
+      },
+      d: function destroy(detaching) {
+        if (if_block) if_block.d(detaching);
+        if (detaching) detach_dev(if_block_anchor);
+      },
+    };
+
+    dispatch_dev("SvelteRegisterBlock", {
+      block,
+      id: create_fragment$1.name,
+      type: "component",
+      source: "",
+      ctx,
+    });
+
+    return block;
   }
 
   function instance$1($$self, $$props, $$invalidate) {
-  	let filteredMatches;
-  	let { $$slots: slots = {}, $$scope } = $$props;
-  	validate_slots('TagMatches', slots, []);
-  	let { matches = [] } = $$props;
-  	let { url = "" } = $$props;
-  	let { threshold = 0.2 } = $$props;
-  	let visible = false;
-  	let saving = false;
-  	let modal;
-  	let tags;
-  	matches = Object.entries(matches).sort((a, b) => b[1].frame - a[1].frame).reverse();
-
-  	// add random id to each match
-  	matches = matches.map(x => {
-  		x[1].id = Math.random().toString(36).substring(7);
-  		return x;
-  	});
-
-  	onMount(async () => {
-  		// so we see a nice transition
-  		$$invalidate(2, visible = true);
-
-  		tags = await getAllTags();
-  	});
-
-  	async function close() {
-  		// so we see a nice transition
-  		$$invalidate(2, visible = false);
-
-  		setTimeout(
-  			() => {
-  				modal.remove();
-  			},
-  			400
-  		);
-  	}
-
-  	function remove(event) {
-  		const id = event.detail;
-  		$$invalidate(10, matches = matches.filter(x => x[1].id !== id));
-  	}
-
-  	async function save() {
-  		$$invalidate(3, saving = true);
-  		const [,scene_id] = getScenarioAndID();
-  		let existingTags = await getTagsForScene(scene_id);
-
-  		for (const [tag] of filteredMatches) {
-  			let tagLower = tag.toLowerCase();
-
-  			// if tag doesn't exist, create it
-  			if (tags[tagLower] === undefined) {
-  				existingTags.push(await createTag(tag));
-  			} else if (!existingTags.includes(tags[tagLower])) {
-  				existingTags.push(tags[tagLower]);
-  			}
-  		}
-
-  		await updateScene(scene_id, existingTags);
-  		$$invalidate(3, saving = false);
-  		close();
-  		location.reload();
-  	}
-
-  	function changeThreshold() {
-  		localStorage.setItem("stash-tag-threshold", threshold);
-  	}
-
-  	const writable_props = ['matches', 'url', 'threshold'];
-
-  	Object_1.keys($$props).forEach(key => {
-  		if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console.warn(`<TagMatches> was created with unknown prop '${key}'`);
-  	});
-
-  	function tag_name_binding(value, tagName, each_value, each_index) {
-  		each_value[each_index][0] = value;
-  		(($$invalidate(5, filteredMatches), $$invalidate(10, matches)), $$invalidate(0, threshold));
-  	}
-
-  	function input_change_input_handler() {
-  		threshold = to_number(this.value);
-  		$$invalidate(0, threshold);
-  	}
-
-  	function div8_binding($$value) {
-  		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
-  			modal = $$value;
-  			$$invalidate(4, modal);
-  		});
-  	}
-
-  	$$self.$$set = $$props => {
-  		if ('matches' in $$props) $$invalidate(10, matches = $$props.matches);
-  		if ('url' in $$props) $$invalidate(1, url = $$props.url);
-  		if ('threshold' in $$props) $$invalidate(0, threshold = $$props.threshold);
-  	};
-
-  	$$self.$capture_state = () => ({
-  		Tag,
-  		onMount,
-  		fly,
-  		fade,
-  		flip,
-  		quintOut,
-  		createTag,
-  		getAllTags,
-  		getTagsForScene,
-  		updateScene,
-  		getScenarioAndID,
-  		matches,
-  		url,
-  		threshold,
-  		visible,
-  		saving,
-  		modal,
-  		tags,
-  		close,
-  		remove,
-  		save,
-  		changeThreshold,
-  		filteredMatches
-  	});
-
-  	$$self.$inject_state = $$props => {
-  		if ('matches' in $$props) $$invalidate(10, matches = $$props.matches);
-  		if ('url' in $$props) $$invalidate(1, url = $$props.url);
-  		if ('threshold' in $$props) $$invalidate(0, threshold = $$props.threshold);
-  		if ('visible' in $$props) $$invalidate(2, visible = $$props.visible);
-  		if ('saving' in $$props) $$invalidate(3, saving = $$props.saving);
-  		if ('modal' in $$props) $$invalidate(4, modal = $$props.modal);
-  		if ('tags' in $$props) tags = $$props.tags;
-  		if ('filteredMatches' in $$props) $$invalidate(5, filteredMatches = $$props.filteredMatches);
-  	};
-
-  	if ($$props && "$$inject" in $$props) {
-  		$$self.$inject_state($$props.$$inject);
-  	}
-
-  	$$self.$$.update = () => {
-  		if ($$self.$$.dirty & /*matches, threshold*/ 1025) {
-  			$$invalidate(5, filteredMatches = matches.filter(x => x[1].prob > threshold));
-  		}
-  	};
-
-  	return [
-  		threshold,
-  		url,
-  		visible,
-  		saving,
-  		modal,
-  		filteredMatches,
-  		close,
-  		remove,
-  		save,
-  		changeThreshold,
-  		matches,
-  		tag_name_binding,
-  		input_change_input_handler,
-  		div8_binding
-  	];
+    let filteredMatches;
+    let { $$slots: slots = {}, $$scope } = $$props;
+    validate_slots("TagMatches", slots, []);
+    let { matches = [] } = $$props;
+    let { url = "" } = $$props;
+    let { threshold = 0.2 } = $$props;
+    let visible = false;
+    let saving = false;
+    let modal;
+    let tags;
+    matches = Object.entries(matches)
+      .sort((a, b) => b[1].frame - a[1].frame)
+      .reverse();
+
+    // add random id to each match
+    matches = matches.map((x) => {
+      x[1].id = Math.random().toString(36).substring(7);
+      return x;
+    });
+
+    onMount(async () => {
+      // so we see a nice transition
+      $$invalidate(2, (visible = true));
+
+      tags = await getAllTags();
+    });
+
+    async function close() {
+      // so we see a nice transition
+      $$invalidate(2, (visible = false));
+
+      setTimeout(() => {
+        modal.remove();
+      }, 400);
+    }
+
+    function remove(event) {
+      const id = event.detail;
+      $$invalidate(10, (matches = matches.filter((x) => x[1].id !== id)));
+    }
+
+    async function save() {
+      $$invalidate(3, (saving = true));
+      const [, scene_id] = getScenarioAndID();
+      let existingTags = await getTagsForScene(scene_id);
+
+      for (const [tag] of filteredMatches) {
+        let tagLower = tag.toLowerCase();
+
+        // if tag doesn't exist, create it
+        if (tags[tagLower] === undefined) {
+          existingTags.push(await createTag(tag));
+        } else if (!existingTags.includes(tags[tagLower])) {
+          existingTags.push(tags[tagLower]);
+        }
+      }
+
+      await updateScene(scene_id, existingTags);
+      $$invalidate(3, (saving = false));
+      close();
+      location.reload();
+    }
+
+    function changeThreshold() {
+      localStorage.setItem("stash-tag-threshold", threshold);
+    }
+
+    const writable_props = ["matches", "url", "threshold"];
+
+    Object_1.keys($$props).forEach((key) => {
+      if (
+        !~writable_props.indexOf(key) &&
+        key.slice(0, 2) !== "$$" &&
+        key !== "slot"
+      )
+        console.warn(`<TagMatches> was created with unknown prop '${key}'`);
+    });
+
+    function tag_name_binding(value, tagName, each_value, each_index) {
+      each_value[each_index][0] = value;
+      ($$invalidate(5, filteredMatches), $$invalidate(10, matches)),
+        $$invalidate(0, threshold);
+    }
+
+    function input_change_input_handler() {
+      threshold = to_number(this.value);
+      $$invalidate(0, threshold);
+    }
+
+    function div8_binding($$value) {
+      binding_callbacks[$$value ? "unshift" : "push"](() => {
+        modal = $$value;
+        $$invalidate(4, modal);
+      });
+    }
+
+    $$self.$$set = ($$props) => {
+      if ("matches" in $$props) $$invalidate(10, (matches = $$props.matches));
+      if ("url" in $$props) $$invalidate(1, (url = $$props.url));
+      if ("threshold" in $$props)
+        $$invalidate(0, (threshold = $$props.threshold));
+    };
+
+    $$self.$capture_state = () => ({
+      Tag,
+      onMount,
+      fly,
+      fade,
+      flip,
+      quintOut,
+      createTag,
+      getAllTags,
+      getTagsForScene,
+      updateScene,
+      getScenarioAndID,
+      matches,
+      url,
+      threshold,
+      visible,
+      saving,
+      modal,
+      tags,
+      close,
+      remove,
+      save,
+      changeThreshold,
+      filteredMatches,
+    });
+
+    $$self.$inject_state = ($$props) => {
+      if ("matches" in $$props) $$invalidate(10, (matches = $$props.matches));
+      if ("url" in $$props) $$invalidate(1, (url = $$props.url));
+      if ("threshold" in $$props)
+        $$invalidate(0, (threshold = $$props.threshold));
+      if ("visible" in $$props) $$invalidate(2, (visible = $$props.visible));
+      if ("saving" in $$props) $$invalidate(3, (saving = $$props.saving));
+      if ("modal" in $$props) $$invalidate(4, (modal = $$props.modal));
+      if ("tags" in $$props) tags = $$props.tags;
+      if ("filteredMatches" in $$props)
+        $$invalidate(5, (filteredMatches = $$props.filteredMatches));
+    };
+
+    if ($$props && "$$inject" in $$props) {
+      $$self.$inject_state($$props.$$inject);
+    }
+
+    $$self.$$.update = () => {
+      if ($$self.$$.dirty & /*matches, threshold*/ 1025) {
+        $$invalidate(
+          5,
+          (filteredMatches = matches.filter((x) => x[1].prob > threshold)),
+        );
+      }
+    };
+
+    return [
+      threshold,
+      url,
+      visible,
+      saving,
+      modal,
+      filteredMatches,
+      close,
+      remove,
+      save,
+      changeThreshold,
+      matches,
+      tag_name_binding,
+      input_change_input_handler,
+      div8_binding,
+    ];
   }
 
   class TagMatches extends SvelteComponentDev {
-  	constructor(options) {
-  		super(options);
-  		init(this, options, instance$1, create_fragment$1, safe_not_equal, { matches: 10, url: 1, threshold: 0 });
+    constructor(options) {
+      super(options);
+      init(this, options, instance$1, create_fragment$1, safe_not_equal, {
+        matches: 10,
+        url: 1,
+        threshold: 0,
+      });
 
-  		dispatch_dev("SvelteRegisterComponent", {
-  			component: this,
-  			tagName: "TagMatches",
-  			options,
-  			id: create_fragment$1.name
-  		});
-  	}
+      dispatch_dev("SvelteRegisterComponent", {
+        component: this,
+        tagName: "TagMatches",
+        options,
+        id: create_fragment$1.name,
+      });
+    }
 
-  	get matches() {
-  		throw new Error("<TagMatches>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
-  	}
+    get matches() {
+      throw new Error(
+        "<TagMatches>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+      );
+    }
 
-  	set matches(value) {
-  		throw new Error("<TagMatches>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
-  	}
+    set matches(value) {
+      throw new Error(
+        "<TagMatches>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+      );
+    }
 
-  	get url() {
-  		throw new Error("<TagMatches>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
-  	}
+    get url() {
+      throw new Error(
+        "<TagMatches>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+      );
+    }
 
-  	set url(value) {
-  		throw new Error("<TagMatches>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
-  	}
+    set url(value) {
+      throw new Error(
+        "<TagMatches>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+      );
+    }
 
-  	get threshold() {
-  		throw new Error("<TagMatches>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
-  	}
+    get threshold() {
+      throw new Error(
+        "<TagMatches>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+      );
+    }
 
-  	set threshold(value) {
-  		throw new Error("<TagMatches>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
-  	}
+    set threshold(value) {
+      throw new Error(
+        "<TagMatches>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+      );
+    }
   }
 
   /* src/TagButton.svelte generated by Svelte v3.59.2 */
@@ -3433,204 +3964,229 @@
   const file = "src/TagButton.svelte";
 
   function create_fragment(ctx) {
-  	let button;
-  	let svg;
-  	let path;
-  	let mounted;
-  	let dispose;
-
-  	const block = {
-  		c: function create() {
-  			button = element("button");
-  			svg = svg_element("svg");
-  			path = svg_element("path");
-  			attr_dev(path, "fill", "white");
-  			attr_dev(path, "d", "m21.41 11.58l-9-9C12.05 2.22 11.55 2 11 2H4a2 2 0 0 0-2 2v7c0 .55.22 1.05.59 1.42l9 9c.36.36.86.58 1.41.58c.55 0 1.05-.22 1.41-.59l7-7c.37-.36.59-.86.59-1.41c0-.55-.23-1.06-.59-1.42M5.5 7A1.5 1.5 0 0 1 4 5.5A1.5 1.5 0 0 1 5.5 4A1.5 1.5 0 0 1 7 5.5A1.5 1.5 0 0 1 5.5 7m11.77 8.27L13 19.54l-4.27-4.27A2.52 2.52 0 0 1 8 13.5a2.5 2.5 0 0 1 2.5-2.5c.69 0 1.32.28 1.77.74l.73.72l.73-.73c.45-.45 1.08-.73 1.77-.73a2.5 2.5 0 0 1 2.5 2.5c0 .69-.28 1.32-.73 1.77Z");
-  			add_location(path, file, 78, 85, 2558);
-  			attr_dev(svg, "xmlns", "http://www.w3.org/2000/svg");
-  			attr_dev(svg, "width", "24");
-  			attr_dev(svg, "height", "24");
-  			attr_dev(svg, "viewBox", "0 0 24 24");
-  			add_location(svg, file, 78, 2, 2475);
-  			attr_dev(button, "id", "stashtag");
-  			attr_dev(button, "title", "Scan for tags");
-  			attr_dev(button, "class", "svelte-xcs6vi");
-  			toggle_class(button, "scanner", /*scanner*/ ctx[0]);
-  			add_location(button, file, 77, 0, 2395);
-  		},
-  		l: function claim(nodes) {
-  			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
-  		},
-  		m: function mount(target, anchor) {
-  			insert_dev(target, button, anchor);
-  			append_dev(button, svg);
-  			append_dev(svg, path);
-
-  			if (!mounted) {
-  				dispose = listen_dev(button, "click", /*getTags*/ ctx[1], false, false, false, false);
-  				mounted = true;
-  			}
-  		},
-  		p: function update(ctx, [dirty]) {
-  			if (dirty & /*scanner*/ 1) {
-  				toggle_class(button, "scanner", /*scanner*/ ctx[0]);
-  			}
-  		},
-  		i: noop,
-  		o: noop,
-  		d: function destroy(detaching) {
-  			if (detaching) detach_dev(button);
-  			mounted = false;
-  			dispose();
-  		}
-  	};
-
-  	dispatch_dev("SvelteRegisterBlock", {
-  		block,
-  		id: create_fragment.name,
-  		type: "component",
-  		source: "",
-  		ctx
-  	});
-
-  	return block;
+    let button;
+    let svg;
+    let path;
+    let mounted;
+    let dispose;
+
+    const block = {
+      c: function create() {
+        button = element("button");
+        svg = svg_element("svg");
+        path = svg_element("path");
+        attr_dev(path, "fill", "white");
+        attr_dev(
+          path,
+          "d",
+          "m21.41 11.58l-9-9C12.05 2.22 11.55 2 11 2H4a2 2 0 0 0-2 2v7c0 .55.22 1.05.59 1.42l9 9c.36.36.86.58 1.41.58c.55 0 1.05-.22 1.41-.59l7-7c.37-.36.59-.86.59-1.41c0-.55-.23-1.06-.59-1.42M5.5 7A1.5 1.5 0 0 1 4 5.5A1.5 1.5 0 0 1 5.5 4A1.5 1.5 0 0 1 7 5.5A1.5 1.5 0 0 1 5.5 7m11.77 8.27L13 19.54l-4.27-4.27A2.52 2.52 0 0 1 8 13.5a2.5 2.5 0 0 1 2.5-2.5c.69 0 1.32.28 1.77.74l.73.72l.73-.73c.45-.45 1.08-.73 1.77-.73a2.5 2.5 0 0 1 2.5 2.5c0 .69-.28 1.32-.73 1.77Z",
+        );
+        add_location(path, file, 78, 85, 2558);
+        attr_dev(svg, "xmlns", "http://www.w3.org/2000/svg");
+        attr_dev(svg, "width", "24");
+        attr_dev(svg, "height", "24");
+        attr_dev(svg, "viewBox", "0 0 24 24");
+        add_location(svg, file, 78, 2, 2475);
+        attr_dev(button, "id", "stashtag");
+        attr_dev(button, "title", "Scan for tags");
+        attr_dev(button, "class", "svelte-xcs6vi");
+        toggle_class(button, "scanner", /*scanner*/ ctx[0]);
+        add_location(button, file, 77, 0, 2395);
+      },
+      l: function claim(nodes) {
+        throw new Error(
+          "options.hydrate only works if the component was compiled with the `hydratable: true` option",
+        );
+      },
+      m: function mount(target, anchor) {
+        insert_dev(target, button, anchor);
+        append_dev(button, svg);
+        append_dev(svg, path);
+
+        if (!mounted) {
+          dispose = listen_dev(
+            button,
+            "click",
+            /*getTags*/ ctx[1],
+            false,
+            false,
+            false,
+            false,
+          );
+          mounted = true;
+        }
+      },
+      p: function update(ctx, [dirty]) {
+        if (dirty & /*scanner*/ 1) {
+          toggle_class(button, "scanner", /*scanner*/ ctx[0]);
+        }
+      },
+      i: noop,
+      o: noop,
+      d: function destroy(detaching) {
+        if (detaching) detach_dev(button);
+        mounted = false;
+        dispose();
+      },
+    };
+
+    dispatch_dev("SvelteRegisterBlock", {
+      block,
+      id: create_fragment.name,
+      type: "component",
+      source: "",
+      ctx,
+    });
+
+    return block;
   }
 
   function instance($$self, $$props, $$invalidate) {
-  	let { $$slots: slots = {}, $$scope } = $$props;
-  	validate_slots('TagButton', slots, []);
-  	let scanner = false;
-
-  	async function getTags() {
-  		$$invalidate(0, scanner = true);
-  		const [,scene_id] = getScenarioAndID();
-  		let url = await getUrlSprite(scene_id);
-  		console.log(url);
-
-  		if (!url) {
-  			alert("No sprite found, please ensure you have sprites enabled and generated for your scenes.");
-  			$$invalidate(0, scanner = false);
-  			return;
-  		}
-
-  		// get image blob
-  		const iblob = await fetch(url).then(res => res.blob());
-
-  		let image = await new Promise(resolve => {
-  				let reader = new FileReader();
-  				reader.onload = () => resolve(reader.result);
-  				reader.readAsDataURL(iblob);
-  			});
-
-  		// get vtt blob
-  		const vtt_url = url.replace("_sprite.jpg", "_thumbs.vtt");
-
-  		const vblob = await fetch(vtt_url).then(res => res.blob());
-
-  		let vtt = await new Promise(resolve => {
-  				let reader = new FileReader();
-  				reader.onload = () => resolve(reader.result);
-  				reader.readAsDataURL(vblob);
-  			});
-
-  		// query the api with a threshold of 0.2 as we want to do the filtering ourselves
-  		var data = { "data": [image, vtt, 0.2] };
-
-  		fetch(STASHMARKER_API_URL, {
-  			method: "POST",
-  			headers: {
-  				"Content-Type": "application/json; charset=utf-8"
-  			},
-  			body: JSON.stringify(data)
-  		}).then(response => {
-  			if (response.status !== 200) {
-  				$$invalidate(0, scanner = false);
-  				alert("Something went wrong. It's likely a server issue, Please try again later.");
-  				return;
-  			}
-
-  			return response.json();
-  		}).then(data => {
-  			$$invalidate(0, scanner = false);
-
-  			if (data.data[0].length === 0) {
-  				alert("No tags found");
-  				return;
-  			}
-
-  			// grab stash-tag-threshold from local storage or set to default
-  			let threshold = localStorage.getItem('stash-tag-threshold') || 0.4;
-
-  			new TagMatches({
-  					target: document.body,
-  					props: { matches: data.data[0], url, threshold }
-  				});
-  		}).catch(error => {
-  			$$invalidate(0, scanner = false);
-
-  			if (error.message === "") {
-  				alert("Error: Service may be down. please try again later.");
-  			} else {
-  				alert("Error: " + error.message);
-  			}
-  		});
-  	}
-
-  	const writable_props = [];
-
-  	Object.keys($$props).forEach(key => {
-  		if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console_1.warn(`<TagButton> was created with unknown prop '${key}'`);
-  	});
-
-  	$$self.$capture_state = () => ({
-  		getScenarioAndID,
-  		getUrlSprite,
-  		STASHMARKER_API_URL,
-  		TagMatches,
-  		scanner,
-  		getTags
-  	});
-
-  	$$self.$inject_state = $$props => {
-  		if ('scanner' in $$props) $$invalidate(0, scanner = $$props.scanner);
-  	};
-
-  	if ($$props && "$$inject" in $$props) {
-  		$$self.$inject_state($$props.$$inject);
-  	}
-
-  	return [scanner, getTags];
+    let { $$slots: slots = {}, $$scope } = $$props;
+    validate_slots("TagButton", slots, []);
+    let scanner = false;
+
+    async function getTags() {
+      $$invalidate(0, (scanner = true));
+      const [, scene_id] = getScenarioAndID();
+      let url = await getUrlSprite(scene_id);
+      console.log(url);
+
+      if (!url) {
+        alert(
+          "No sprite found, please ensure you have sprites enabled and generated for your scenes.",
+        );
+        $$invalidate(0, (scanner = false));
+        return;
+      }
+
+      // get image blob
+      const iblob = await fetch(url).then((res) => res.blob());
+
+      let image = await new Promise((resolve) => {
+        let reader = new FileReader();
+        reader.onload = () => resolve(reader.result);
+        reader.readAsDataURL(iblob);
+      });
+
+      // get vtt blob
+      const vtt_url = url.replace("_sprite.jpg", "_thumbs.vtt");
+
+      const vblob = await fetch(vtt_url).then((res) => res.blob());
+
+      let vtt = await new Promise((resolve) => {
+        let reader = new FileReader();
+        reader.onload = () => resolve(reader.result);
+        reader.readAsDataURL(vblob);
+      });
+
+      // query the api with a threshold of 0.2 as we want to do the filtering ourselves
+      var data = { data: [image, vtt, 0.2] };
+
+      fetch(STASHMARKER_API_URL, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json; charset=utf-8",
+        },
+        body: JSON.stringify(data),
+      })
+        .then((response) => {
+          if (response.status !== 200) {
+            $$invalidate(0, (scanner = false));
+            alert(
+              "Something went wrong. It's likely a server issue, Please try again later.",
+            );
+            return;
+          }
+
+          return response.json();
+        })
+        .then((data) => {
+          $$invalidate(0, (scanner = false));
+
+          if (data.data[0].length === 0) {
+            alert("No tags found");
+            return;
+          }
+
+          // grab stash-tag-threshold from local storage or set to default
+          let threshold = localStorage.getItem("stash-tag-threshold") || 0.4;
+
+          new TagMatches({
+            target: document.body,
+            props: { matches: data.data[0], url, threshold },
+          });
+        })
+        .catch((error) => {
+          $$invalidate(0, (scanner = false));
+
+          if (error.message === "") {
+            alert("Error: Service may be down. please try again later.");
+          } else {
+            alert("Error: " + error.message);
+          }
+        });
+    }
+
+    const writable_props = [];
+
+    Object.keys($$props).forEach((key) => {
+      if (
+        !~writable_props.indexOf(key) &&
+        key.slice(0, 2) !== "$$" &&
+        key !== "slot"
+      )
+        console_1.warn(`<TagButton> was created with unknown prop '${key}'`);
+    });
+
+    $$self.$capture_state = () => ({
+      getScenarioAndID,
+      getUrlSprite,
+      STASHMARKER_API_URL,
+      TagMatches,
+      scanner,
+      getTags,
+    });
+
+    $$self.$inject_state = ($$props) => {
+      if ("scanner" in $$props) $$invalidate(0, (scanner = $$props.scanner));
+    };
+
+    if ($$props && "$$inject" in $$props) {
+      $$self.$inject_state($$props.$$inject);
+    }
+
+    return [scanner, getTags];
   }
 
   class TagButton extends SvelteComponentDev {
-  	constructor(options) {
-  		super(options);
-  		init(this, options, instance, create_fragment, safe_not_equal, {});
-
-  		dispatch_dev("SvelteRegisterComponent", {
-  			component: this,
-  			tagName: "TagButton",
-  			options,
-  			id: create_fragment.name
-  		});
-  	}
+    constructor(options) {
+      super(options);
+      init(this, options, instance, create_fragment, safe_not_equal, {});
+
+      dispatch_dev("SvelteRegisterComponent", {
+        component: this,
+        tagName: "TagButton",
+        options,
+        id: create_fragment.name,
+      });
+    }
   }
 
   stash.addEventListener("stash:page:scene", function () {
-      let elms = ".ml-auto .btn-group";
-      waitForElm(elms).then(() => {
-          if (!document.querySelector("#stashmarker")) {
-              new MarkerButton({ target: document.querySelector(elms) });
-          }
-      });
+    let elms = ".ml-auto .btn-group";
+    waitForElm(elms).then(() => {
+      if (!document.querySelector("#stashmarker")) {
+        new MarkerButton({ target: document.querySelector(elms) });
+      }
+    });
   });
   stash.addEventListener("stash:page:scene", function () {
-      let elms = ".ml-auto .btn-group";
-      waitForElm(elms).then(() => {
-          if (!document.querySelector("#stashtag")) {
-              new TagButton({ target: document.querySelector(elms) });
-          }
-      });
+    let elms = ".ml-auto .btn-group";
+    waitForElm(elms).then(() => {
+      if (!document.querySelector("#stashtag")) {
+        new TagButton({ target: document.querySelector(elms) });
+      }
+    });
   });
-
 })();
diff --git a/plugins/stashAI/stashai.yml b/plugins/stashAI/stashai.yml
index f3b1c9df..9b67e619 100644
--- a/plugins/stashAI/stashai.yml
+++ b/plugins/stashAI/stashai.yml
@@ -3,12 +3,12 @@ name: Stash AI
 description: Add Tags or Markers to a video using AI
 version: 1.0.2
 ui:
-  requires: 
-  - StashUserscriptLibrary
+  requires:
+    - StashUserscriptLibrary
   javascript:
-  - stashai.js
+    - stashai.js
   css:
-  - stashai.css
+    - stashai.css
   csp:
     connect-src:
-    - "https://cc1234-stashtag.hf.space"
+      - "https://cc1234-stashtag.hf.space"
diff --git a/plugins/stashRealbooru/stash-realbooru.css b/plugins/stashRealbooru/stash-realbooru.css
index 1f96a3c2..f69ffdc2 100644
--- a/plugins/stashRealbooru/stash-realbooru.css
+++ b/plugins/stashRealbooru/stash-realbooru.css
@@ -1 +1,81 @@
-button.svelte-1m5gxnd{background-color:var(--nav-color);border:0px}.scanner.svelte-1m5gxnd{animation:svelte-1m5gxnd-pulse 2s infinite}@keyframes svelte-1m5gxnd-pulse{0%{transform:scale(0.95);box-shadow:0 0 0 0 var(--light)}70%{transform:scale(1.1);box-shadow:0 0 0 10px var(--info)}100%{transform:scale(0.95);box-shadow:0 0 0 0 var(--primary)}}svg.svelte-1m5gxnd{fill:#ffffff}.top-accent.svelte-9viihb{border-top:10px solid var(--primary);border-radius:3px}.modal-header.svelte-9viihb{font-size:2.4rem;border-bottom:0px;padding:20px}.modal-footer.svelte-9viihb{border-top:0px}.lds-dual-ring.svelte-9viihb{display:inline-block;width:16px;height:16px}.lds-dual-ring.svelte-9viihb:after{content:" ";display:block;width:12px;height:12px;margin:3px;border-radius:50%;border:6px solid #fff;border-color:#fff transparent #fff transparent;animation:svelte-9viihb-lds-dual-ring 1.2s linear infinite}@keyframes svelte-9viihb-lds-dual-ring{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.tag.svelte-ai57u1{padding:6px}.tag-item.svelte-ai57u1{background-color:var(--card-color);width:100%;padding:5px;margin:0px}.tag-item-select.svelte-ai57u1{border:none;outline:none;scroll-behavior:smooth}.tag-item-reject.svelte-ai57u1:hover{fill:#a82c2c;transition:fill 0.2s ease-out}svg.svelte-ai57u1{fill:#ffffff}
\ No newline at end of file
+button.svelte-1m5gxnd {
+  background-color: var(--nav-color);
+  border: 0px;
+}
+.scanner.svelte-1m5gxnd {
+  animation: svelte-1m5gxnd-pulse 2s infinite;
+}
+@keyframes svelte-1m5gxnd-pulse {
+  0% {
+    transform: scale(0.95);
+    box-shadow: 0 0 0 0 var(--light);
+  }
+  70% {
+    transform: scale(1.1);
+    box-shadow: 0 0 0 10px var(--info);
+  }
+  100% {
+    transform: scale(0.95);
+    box-shadow: 0 0 0 0 var(--primary);
+  }
+}
+svg.svelte-1m5gxnd {
+  fill: #ffffff;
+}
+.top-accent.svelte-9viihb {
+  border-top: 10px solid var(--primary);
+  border-radius: 3px;
+}
+.modal-header.svelte-9viihb {
+  font-size: 2.4rem;
+  border-bottom: 0px;
+  padding: 20px;
+}
+.modal-footer.svelte-9viihb {
+  border-top: 0px;
+}
+.lds-dual-ring.svelte-9viihb {
+  display: inline-block;
+  width: 16px;
+  height: 16px;
+}
+.lds-dual-ring.svelte-9viihb:after {
+  content: " ";
+  display: block;
+  width: 12px;
+  height: 12px;
+  margin: 3px;
+  border-radius: 50%;
+  border: 6px solid #fff;
+  border-color: #fff transparent #fff transparent;
+  animation: svelte-9viihb-lds-dual-ring 1.2s linear infinite;
+}
+@keyframes svelte-9viihb-lds-dual-ring {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+.tag.svelte-ai57u1 {
+  padding: 6px;
+}
+.tag-item.svelte-ai57u1 {
+  background-color: var(--card-color);
+  width: 100%;
+  padding: 5px;
+  margin: 0px;
+}
+.tag-item-select.svelte-ai57u1 {
+  border: none;
+  outline: none;
+  scroll-behavior: smooth;
+}
+.tag-item-reject.svelte-ai57u1:hover {
+  fill: #a82c2c;
+  transition: fill 0.2s ease-out;
+}
+svg.svelte-ai57u1 {
+  fill: #ffffff;
+}
diff --git a/plugins/stashRealbooru/stash-realbooru.js b/plugins/stashRealbooru/stash-realbooru.js
index 2445bbe5..dda24e4a 100644
--- a/plugins/stashRealbooru/stash-realbooru.js
+++ b/plugins/stashRealbooru/stash-realbooru.js
@@ -1,10 +1,9 @@
 (function () {
-  'use strict';
+  "use strict";
 
   let REALBOORU_API_URL = "https://cc1234-deepdanbooru.hf.space/api/predict";
   let THRESHOLD = 0.6; // remove matches with a distance higher than this
 
-
   function waitForElm(selector) {
     return new Promise((resolve) => {
       if (document.querySelector(selector)) {
@@ -25,7 +24,6 @@
     });
   }
 
-
   /**
    * Retrieves the tags associated with a given image ID.
    *
@@ -46,7 +44,6 @@
     return result.data.findImage.tags.map((p) => p.id);
   }
 
-
   /**
    * Updates a image with the given image_id and tag_ids.
    * @param {string} image_id - The ID of the image to update.
@@ -65,7 +62,6 @@
     return stash.callGQL(reqData);
   }
 
-
   /**
    * Returns an array with the scenario and scenario ID parsed from the current URL.
    * @returns {Array<string>} An array with the scenario and scenario ID.
@@ -84,7 +80,7 @@
    */
   async function createTag(tag_name) {
     const reqData = {
-      variables: { input: {name: tag_name} },
+      variables: { input: { name: tag_name } },
       query: `mutation tagCreate($input: TagCreateInput!) {
       tagCreate(input: $input){
             id
@@ -95,7 +91,6 @@
     return result.data.tagCreate.id;
   }
 
-
   /**
    * Retrieves all tags from the server and returns them as an object with tag names as keys and tag IDs as values.
    * @returns {Promise<Object>} An object with tag names as keys and tag IDs as values.
@@ -120,160 +115,160 @@
     }, {});
   }
 
-  function noop() { }
-  const identity = x => x;
+  function noop() {}
+  const identity = (x) => x;
   function assign(tar, src) {
-      // @ts-ignore
-      for (const k in src)
-          tar[k] = src[k];
-      return tar;
+    // @ts-ignore
+    for (const k in src) tar[k] = src[k];
+    return tar;
   }
   function add_location(element, file, line, column, char) {
-      element.__svelte_meta = {
-          loc: { file, line, column, char }
-      };
+    element.__svelte_meta = {
+      loc: { file, line, column, char },
+    };
   }
   function run(fn) {
-      return fn();
+    return fn();
   }
   function blank_object() {
-      return Object.create(null);
+    return Object.create(null);
   }
   function run_all(fns) {
-      fns.forEach(run);
+    fns.forEach(run);
   }
   function is_function(thing) {
-      return typeof thing === 'function';
+    return typeof thing === "function";
   }
   function safe_not_equal(a, b) {
-      return a != a ? b == b : a !== b || ((a && typeof a === 'object') || typeof a === 'function');
+    return a != a
+      ? b == b
+      : a !== b || (a && typeof a === "object") || typeof a === "function";
   }
   function is_empty(obj) {
-      return Object.keys(obj).length === 0;
+    return Object.keys(obj).length === 0;
   }
   function split_css_unit(value) {
-      const split = typeof value === 'string' && value.match(/^\s*(-?[\d.]+)([^\s]*)\s*$/);
-      return split ? [parseFloat(split[1]), split[2] || 'px'] : [value, 'px'];
+    const split =
+      typeof value === "string" && value.match(/^\s*(-?[\d.]+)([^\s]*)\s*$/);
+    return split ? [parseFloat(split[1]), split[2] || "px"] : [value, "px"];
   }
 
-  const is_client = typeof window !== 'undefined';
-  let now = is_client
-      ? () => window.performance.now()
-      : () => Date.now();
-  let raf = is_client ? cb => requestAnimationFrame(cb) : noop;
+  const is_client = typeof window !== "undefined";
+  let now = is_client ? () => window.performance.now() : () => Date.now();
+  let raf = is_client ? (cb) => requestAnimationFrame(cb) : noop;
 
   const tasks = new Set();
   function run_tasks(now) {
-      tasks.forEach(task => {
-          if (!task.c(now)) {
-              tasks.delete(task);
-              task.f();
-          }
-      });
-      if (tasks.size !== 0)
-          raf(run_tasks);
+    tasks.forEach((task) => {
+      if (!task.c(now)) {
+        tasks.delete(task);
+        task.f();
+      }
+    });
+    if (tasks.size !== 0) raf(run_tasks);
   }
   /**
    * Creates a new task that runs on each raf frame
    * until it returns a falsy value or is aborted
    */
   function loop(callback) {
-      let task;
-      if (tasks.size === 0)
-          raf(run_tasks);
-      return {
-          promise: new Promise(fulfill => {
-              tasks.add(task = { c: callback, f: fulfill });
-          }),
-          abort() {
-              tasks.delete(task);
-          }
-      };
+    let task;
+    if (tasks.size === 0) raf(run_tasks);
+    return {
+      promise: new Promise((fulfill) => {
+        tasks.add((task = { c: callback, f: fulfill }));
+      }),
+      abort() {
+        tasks.delete(task);
+      },
+    };
   }
 
-  const globals = (typeof window !== 'undefined'
+  const globals =
+    typeof window !== "undefined"
       ? window
-      : typeof globalThis !== 'undefined'
-          ? globalThis
-          : global);
+      : typeof globalThis !== "undefined"
+        ? globalThis
+        : global;
   function append(target, node) {
-      target.appendChild(node);
+    target.appendChild(node);
   }
   function get_root_for_style(node) {
-      if (!node)
-          return document;
-      const root = node.getRootNode ? node.getRootNode() : node.ownerDocument;
-      if (root && root.host) {
-          return root;
-      }
-      return node.ownerDocument;
+    if (!node) return document;
+    const root = node.getRootNode ? node.getRootNode() : node.ownerDocument;
+    if (root && root.host) {
+      return root;
+    }
+    return node.ownerDocument;
   }
   function append_empty_stylesheet(node) {
-      const style_element = element('style');
-      append_stylesheet(get_root_for_style(node), style_element);
-      return style_element.sheet;
+    const style_element = element("style");
+    append_stylesheet(get_root_for_style(node), style_element);
+    return style_element.sheet;
   }
   function append_stylesheet(node, style) {
-      append(node.head || node, style);
-      return style.sheet;
+    append(node.head || node, style);
+    return style.sheet;
   }
   function insert(target, node, anchor) {
-      target.insertBefore(node, anchor || null);
+    target.insertBefore(node, anchor || null);
   }
   function detach(node) {
-      if (node.parentNode) {
-          node.parentNode.removeChild(node);
-      }
+    if (node.parentNode) {
+      node.parentNode.removeChild(node);
+    }
   }
   function element(name) {
-      return document.createElement(name);
+    return document.createElement(name);
   }
   function svg_element(name) {
-      return document.createElementNS('http://www.w3.org/2000/svg', name);
+    return document.createElementNS("http://www.w3.org/2000/svg", name);
   }
   function text(data) {
-      return document.createTextNode(data);
+    return document.createTextNode(data);
   }
   function space() {
-      return text(' ');
+    return text(" ");
   }
   function empty() {
-      return text('');
+    return text("");
   }
   function listen(node, event, handler, options) {
-      node.addEventListener(event, handler, options);
-      return () => node.removeEventListener(event, handler, options);
+    node.addEventListener(event, handler, options);
+    return () => node.removeEventListener(event, handler, options);
   }
   function attr(node, attribute, value) {
-      if (value == null)
-          node.removeAttribute(attribute);
-      else if (node.getAttribute(attribute) !== value)
-          node.setAttribute(attribute, value);
+    if (value == null) node.removeAttribute(attribute);
+    else if (node.getAttribute(attribute) !== value)
+      node.setAttribute(attribute, value);
   }
   function to_number(value) {
-      return value === '' ? null : +value;
+    return value === "" ? null : +value;
   }
   function children(element) {
-      return Array.from(element.childNodes);
+    return Array.from(element.childNodes);
   }
   function set_input_value(input, value) {
-      input.value = value == null ? '' : value;
+    input.value = value == null ? "" : value;
   }
   function set_style(node, key, value, important) {
-      if (value == null) {
-          node.style.removeProperty(key);
-      }
-      else {
-          node.style.setProperty(key, value, important ? 'important' : '');
-      }
+    if (value == null) {
+      node.style.removeProperty(key);
+    } else {
+      node.style.setProperty(key, value, important ? "important" : "");
+    }
   }
   function toggle_class(element, name, toggle) {
-      element.classList[toggle ? 'add' : 'remove'](name);
+    element.classList[toggle ? "add" : "remove"](name);
   }
-  function custom_event(type, detail, { bubbles = false, cancelable = false } = {}) {
-      const e = document.createEvent('CustomEvent');
-      e.initCustomEvent(type, bubbles, cancelable, detail);
-      return e;
+  function custom_event(
+    type,
+    detail,
+    { bubbles = false, cancelable = false } = {},
+  ) {
+    const e = document.createEvent("CustomEvent");
+    e.initCustomEvent(type, bubbles, cancelable, detail);
+    return e;
   }
 
   // we need to store the information for multiple documents because a Svelte application could also contain iframes
@@ -282,142 +277,152 @@
   let active = 0;
   // https://github.com/darkskyapp/string-hash/blob/master/index.js
   function hash(str) {
-      let hash = 5381;
-      let i = str.length;
-      while (i--)
-          hash = ((hash << 5) - hash) ^ str.charCodeAt(i);
-      return hash >>> 0;
+    let hash = 5381;
+    let i = str.length;
+    while (i--) hash = ((hash << 5) - hash) ^ str.charCodeAt(i);
+    return hash >>> 0;
   }
   function create_style_information(doc, node) {
-      const info = { stylesheet: append_empty_stylesheet(node), rules: {} };
-      managed_styles.set(doc, info);
-      return info;
+    const info = { stylesheet: append_empty_stylesheet(node), rules: {} };
+    managed_styles.set(doc, info);
+    return info;
   }
   function create_rule(node, a, b, duration, delay, ease, fn, uid = 0) {
-      const step = 16.666 / duration;
-      let keyframes = '{\n';
-      for (let p = 0; p <= 1; p += step) {
-          const t = a + (b - a) * ease(p);
-          keyframes += p * 100 + `%{${fn(t, 1 - t)}}\n`;
-      }
-      const rule = keyframes + `100% {${fn(b, 1 - b)}}\n}`;
-      const name = `__svelte_${hash(rule)}_${uid}`;
-      const doc = get_root_for_style(node);
-      const { stylesheet, rules } = managed_styles.get(doc) || create_style_information(doc, node);
-      if (!rules[name]) {
-          rules[name] = true;
-          stylesheet.insertRule(`@keyframes ${name} ${rule}`, stylesheet.cssRules.length);
-      }
-      const animation = node.style.animation || '';
-      node.style.animation = `${animation ? `${animation}, ` : ''}${name} ${duration}ms linear ${delay}ms 1 both`;
-      active += 1;
-      return name;
+    const step = 16.666 / duration;
+    let keyframes = "{\n";
+    for (let p = 0; p <= 1; p += step) {
+      const t = a + (b - a) * ease(p);
+      keyframes += p * 100 + `%{${fn(t, 1 - t)}}\n`;
+    }
+    const rule = keyframes + `100% {${fn(b, 1 - b)}}\n}`;
+    const name = `__svelte_${hash(rule)}_${uid}`;
+    const doc = get_root_for_style(node);
+    const { stylesheet, rules } =
+      managed_styles.get(doc) || create_style_information(doc, node);
+    if (!rules[name]) {
+      rules[name] = true;
+      stylesheet.insertRule(
+        `@keyframes ${name} ${rule}`,
+        stylesheet.cssRules.length,
+      );
+    }
+    const animation = node.style.animation || "";
+    node.style.animation = `${animation ? `${animation}, ` : ""}${name} ${duration}ms linear ${delay}ms 1 both`;
+    active += 1;
+    return name;
   }
   function delete_rule(node, name) {
-      const previous = (node.style.animation || '').split(', ');
-      const next = previous.filter(name
-          ? anim => anim.indexOf(name) < 0 // remove specific animation
-          : anim => anim.indexOf('__svelte') === -1 // remove all Svelte animations
-      );
-      const deleted = previous.length - next.length;
-      if (deleted) {
-          node.style.animation = next.join(', ');
-          active -= deleted;
-          if (!active)
-              clear_rules();
-      }
+    const previous = (node.style.animation || "").split(", ");
+    const next = previous.filter(
+      name
+        ? (anim) => anim.indexOf(name) < 0 // remove specific animation
+        : (anim) => anim.indexOf("__svelte") === -1, // remove all Svelte animations
+    );
+    const deleted = previous.length - next.length;
+    if (deleted) {
+      node.style.animation = next.join(", ");
+      active -= deleted;
+      if (!active) clear_rules();
+    }
   }
   function clear_rules() {
-      raf(() => {
-          if (active)
-              return;
-          managed_styles.forEach(info => {
-              const { ownerNode } = info.stylesheet;
-              // there is no ownerNode if it runs on jsdom.
-              if (ownerNode)
-                  detach(ownerNode);
-          });
-          managed_styles.clear();
+    raf(() => {
+      if (active) return;
+      managed_styles.forEach((info) => {
+        const { ownerNode } = info.stylesheet;
+        // there is no ownerNode if it runs on jsdom.
+        if (ownerNode) detach(ownerNode);
       });
+      managed_styles.clear();
+    });
   }
 
   function create_animation(node, from, fn, params) {
-      if (!from)
-          return noop;
-      const to = node.getBoundingClientRect();
-      if (from.left === to.left && from.right === to.right && from.top === to.top && from.bottom === to.bottom)
-          return noop;
-      const { delay = 0, duration = 300, easing = identity, 
+    if (!from) return noop;
+    const to = node.getBoundingClientRect();
+    if (
+      from.left === to.left &&
+      from.right === to.right &&
+      from.top === to.top &&
+      from.bottom === to.bottom
+    )
+      return noop;
+    const {
+      delay = 0,
+      duration = 300,
+      easing = identity,
       // @ts-ignore todo: should this be separated from destructuring? Or start/end added to public api and documentation?
-      start: start_time = now() + delay, 
+      start: start_time = now() + delay,
       // @ts-ignore todo:
-      end = start_time + duration, tick = noop, css } = fn(node, { from, to }, params);
-      let running = true;
-      let started = false;
-      let name;
-      function start() {
-          if (css) {
-              name = create_rule(node, 0, 1, duration, delay, easing, css);
-          }
-          if (!delay) {
-              started = true;
-          }
+      end = start_time + duration,
+      tick = noop,
+      css,
+    } = fn(node, { from, to }, params);
+    let running = true;
+    let started = false;
+    let name;
+    function start() {
+      if (css) {
+        name = create_rule(node, 0, 1, duration, delay, easing, css);
       }
-      function stop() {
-          if (css)
-              delete_rule(node, name);
-          running = false;
+      if (!delay) {
+        started = true;
       }
-      loop(now => {
-          if (!started && now >= start_time) {
-              started = true;
-          }
-          if (started && now >= end) {
-              tick(1, 0);
-              stop();
-          }
-          if (!running) {
-              return false;
-          }
-          if (started) {
-              const p = now - start_time;
-              const t = 0 + 1 * easing(p / duration);
-              tick(t, 1 - t);
-          }
-          return true;
-      });
-      start();
-      tick(0, 1);
-      return stop;
+    }
+    function stop() {
+      if (css) delete_rule(node, name);
+      running = false;
+    }
+    loop((now) => {
+      if (!started && now >= start_time) {
+        started = true;
+      }
+      if (started && now >= end) {
+        tick(1, 0);
+        stop();
+      }
+      if (!running) {
+        return false;
+      }
+      if (started) {
+        const p = now - start_time;
+        const t = 0 + 1 * easing(p / duration);
+        tick(t, 1 - t);
+      }
+      return true;
+    });
+    start();
+    tick(0, 1);
+    return stop;
   }
   function fix_position(node) {
-      const style = getComputedStyle(node);
-      if (style.position !== 'absolute' && style.position !== 'fixed') {
-          const { width, height } = style;
-          const a = node.getBoundingClientRect();
-          node.style.position = 'absolute';
-          node.style.width = width;
-          node.style.height = height;
-          add_transform(node, a);
-      }
+    const style = getComputedStyle(node);
+    if (style.position !== "absolute" && style.position !== "fixed") {
+      const { width, height } = style;
+      const a = node.getBoundingClientRect();
+      node.style.position = "absolute";
+      node.style.width = width;
+      node.style.height = height;
+      add_transform(node, a);
+    }
   }
   function add_transform(node, a) {
-      const b = node.getBoundingClientRect();
-      if (a.left !== b.left || a.top !== b.top) {
-          const style = getComputedStyle(node);
-          const transform = style.transform === 'none' ? '' : style.transform;
-          node.style.transform = `${transform} translate(${a.left - b.left}px, ${a.top - b.top}px)`;
-      }
+    const b = node.getBoundingClientRect();
+    if (a.left !== b.left || a.top !== b.top) {
+      const style = getComputedStyle(node);
+      const transform = style.transform === "none" ? "" : style.transform;
+      node.style.transform = `${transform} translate(${a.left - b.left}px, ${a.top - b.top}px)`;
+    }
   }
 
   let current_component;
   function set_current_component(component) {
-      current_component = component;
+    current_component = component;
   }
   function get_current_component() {
-      if (!current_component)
-          throw new Error('Function called outside component initialization');
-      return current_component;
+    if (!current_component)
+      throw new Error("Function called outside component initialization");
+    return current_component;
   }
   /**
    * The `onMount` function schedules a callback to run as soon as the component has been mounted to the DOM.
@@ -429,7 +434,7 @@
    * https://svelte.dev/docs#run-time-svelte-onmount
    */
   function onMount(fn) {
-      get_current_component().$$.on_mount.push(fn);
+    get_current_component().$$.on_mount.push(fn);
   }
   /**
    * Creates an event dispatcher that can be used to dispatch [component events](/docs#template-syntax-component-directives-on-eventname).
@@ -444,20 +449,20 @@
    * https://svelte.dev/docs#run-time-svelte-createeventdispatcher
    */
   function createEventDispatcher() {
-      const component = get_current_component();
-      return (type, detail, { cancelable = false } = {}) => {
-          const callbacks = component.$$.callbacks[type];
-          if (callbacks) {
-              // TODO are there situations where events could be dispatched
-              // in a server (non-DOM) environment?
-              const event = custom_event(type, detail, { cancelable });
-              callbacks.slice().forEach(fn => {
-                  fn.call(component, event);
-              });
-              return !event.defaultPrevented;
-          }
-          return true;
-      };
+    const component = get_current_component();
+    return (type, detail, { cancelable = false } = {}) => {
+      const callbacks = component.$$.callbacks[type];
+      if (callbacks) {
+        // TODO are there situations where events could be dispatched
+        // in a server (non-DOM) environment?
+        const event = custom_event(type, detail, { cancelable });
+        callbacks.slice().forEach((fn) => {
+          fn.call(component, event);
+        });
+        return !event.defaultPrevented;
+      }
+      return true;
+    };
   }
 
   const dirty_components = [];
@@ -467,13 +472,13 @@
   const resolved_promise = /* @__PURE__ */ Promise.resolve();
   let update_scheduled = false;
   function schedule_update() {
-      if (!update_scheduled) {
-          update_scheduled = true;
-          resolved_promise.then(flush);
-      }
+    if (!update_scheduled) {
+      update_scheduled = true;
+      resolved_promise.then(flush);
+    }
   }
   function add_render_callback(fn) {
-      render_callbacks.push(fn);
+    render_callbacks.push(fn);
   }
   // flush() calls callbacks in this order:
   // 1. All beforeUpdate callbacks, in order: parents before children
@@ -496,871 +501,1007 @@
   const seen_callbacks = new Set();
   let flushidx = 0; // Do *not* move this inside the flush() function
   function flush() {
-      // Do not reenter flush while dirty components are updated, as this can
-      // result in an infinite loop. Instead, let the inner flush handle it.
-      // Reentrancy is ok afterwards for bindings etc.
-      if (flushidx !== 0) {
-          return;
+    // Do not reenter flush while dirty components are updated, as this can
+    // result in an infinite loop. Instead, let the inner flush handle it.
+    // Reentrancy is ok afterwards for bindings etc.
+    if (flushidx !== 0) {
+      return;
+    }
+    const saved_component = current_component;
+    do {
+      // first, call beforeUpdate functions
+      // and update components
+      try {
+        while (flushidx < dirty_components.length) {
+          const component = dirty_components[flushidx];
+          flushidx++;
+          set_current_component(component);
+          update(component.$$);
+        }
+      } catch (e) {
+        // reset dirty state to not end up in a deadlocked state and then rethrow
+        dirty_components.length = 0;
+        flushidx = 0;
+        throw e;
       }
-      const saved_component = current_component;
-      do {
-          // first, call beforeUpdate functions
-          // and update components
-          try {
-              while (flushidx < dirty_components.length) {
-                  const component = dirty_components[flushidx];
-                  flushidx++;
-                  set_current_component(component);
-                  update(component.$$);
-              }
-          }
-          catch (e) {
-              // reset dirty state to not end up in a deadlocked state and then rethrow
-              dirty_components.length = 0;
-              flushidx = 0;
-              throw e;
-          }
-          set_current_component(null);
-          dirty_components.length = 0;
-          flushidx = 0;
-          while (binding_callbacks.length)
-              binding_callbacks.pop()();
-          // then, once components are updated, call
-          // afterUpdate functions. This may cause
-          // subsequent updates...
-          for (let i = 0; i < render_callbacks.length; i += 1) {
-              const callback = render_callbacks[i];
-              if (!seen_callbacks.has(callback)) {
-                  // ...so guard against infinite loops
-                  seen_callbacks.add(callback);
-                  callback();
-              }
-          }
-          render_callbacks.length = 0;
-      } while (dirty_components.length);
-      while (flush_callbacks.length) {
-          flush_callbacks.pop()();
+      set_current_component(null);
+      dirty_components.length = 0;
+      flushidx = 0;
+      while (binding_callbacks.length) binding_callbacks.pop()();
+      // then, once components are updated, call
+      // afterUpdate functions. This may cause
+      // subsequent updates...
+      for (let i = 0; i < render_callbacks.length; i += 1) {
+        const callback = render_callbacks[i];
+        if (!seen_callbacks.has(callback)) {
+          // ...so guard against infinite loops
+          seen_callbacks.add(callback);
+          callback();
+        }
       }
-      update_scheduled = false;
-      seen_callbacks.clear();
-      set_current_component(saved_component);
+      render_callbacks.length = 0;
+    } while (dirty_components.length);
+    while (flush_callbacks.length) {
+      flush_callbacks.pop()();
+    }
+    update_scheduled = false;
+    seen_callbacks.clear();
+    set_current_component(saved_component);
   }
   function update($$) {
-      if ($$.fragment !== null) {
-          $$.update();
-          run_all($$.before_update);
-          const dirty = $$.dirty;
-          $$.dirty = [-1];
-          $$.fragment && $$.fragment.p($$.ctx, dirty);
-          $$.after_update.forEach(add_render_callback);
-      }
+    if ($$.fragment !== null) {
+      $$.update();
+      run_all($$.before_update);
+      const dirty = $$.dirty;
+      $$.dirty = [-1];
+      $$.fragment && $$.fragment.p($$.ctx, dirty);
+      $$.after_update.forEach(add_render_callback);
+    }
   }
   /**
    * Useful for example to execute remaining `afterUpdate` callbacks before executing `destroy`.
    */
   function flush_render_callbacks(fns) {
-      const filtered = [];
-      const targets = [];
-      render_callbacks.forEach((c) => fns.indexOf(c) === -1 ? filtered.push(c) : targets.push(c));
-      targets.forEach((c) => c());
-      render_callbacks = filtered;
+    const filtered = [];
+    const targets = [];
+    render_callbacks.forEach((c) =>
+      fns.indexOf(c) === -1 ? filtered.push(c) : targets.push(c),
+    );
+    targets.forEach((c) => c());
+    render_callbacks = filtered;
   }
 
   let promise;
   function wait() {
-      if (!promise) {
-          promise = Promise.resolve();
-          promise.then(() => {
-              promise = null;
-          });
-      }
-      return promise;
+    if (!promise) {
+      promise = Promise.resolve();
+      promise.then(() => {
+        promise = null;
+      });
+    }
+    return promise;
   }
   function dispatch(node, direction, kind) {
-      node.dispatchEvent(custom_event(`${direction ? 'intro' : 'outro'}${kind}`));
+    node.dispatchEvent(custom_event(`${direction ? "intro" : "outro"}${kind}`));
   }
   const outroing = new Set();
   let outros;
   function group_outros() {
-      outros = {
-          r: 0,
-          c: [],
-          p: outros // parent group
-      };
+    outros = {
+      r: 0,
+      c: [],
+      p: outros, // parent group
+    };
   }
   function check_outros() {
-      if (!outros.r) {
-          run_all(outros.c);
-      }
-      outros = outros.p;
+    if (!outros.r) {
+      run_all(outros.c);
+    }
+    outros = outros.p;
   }
   function transition_in(block, local) {
-      if (block && block.i) {
-          outroing.delete(block);
-          block.i(local);
-      }
+    if (block && block.i) {
+      outroing.delete(block);
+      block.i(local);
+    }
   }
   function transition_out(block, local, detach, callback) {
-      if (block && block.o) {
-          if (outroing.has(block))
-              return;
-          outroing.add(block);
-          outros.c.push(() => {
-              outroing.delete(block);
-              if (callback) {
-                  if (detach)
-                      block.d(1);
-                  callback();
-              }
-          });
-          block.o(local);
-      }
-      else if (callback) {
+    if (block && block.o) {
+      if (outroing.has(block)) return;
+      outroing.add(block);
+      outros.c.push(() => {
+        outroing.delete(block);
+        if (callback) {
+          if (detach) block.d(1);
           callback();
-      }
+        }
+      });
+      block.o(local);
+    } else if (callback) {
+      callback();
+    }
   }
   const null_transition = { duration: 0 };
   function create_in_transition(node, fn, params) {
-      const options = { direction: 'in' };
-      let config = fn(node, params, options);
-      let running = false;
-      let animation_name;
-      let task;
-      let uid = 0;
-      function cleanup() {
-          if (animation_name)
-              delete_rule(node, animation_name);
-      }
-      function go() {
-          const { delay = 0, duration = 300, easing = identity, tick = noop, css } = config || null_transition;
-          if (css)
-              animation_name = create_rule(node, 0, 1, duration, delay, easing, css, uid++);
-          tick(0, 1);
-          const start_time = now() + delay;
-          const end_time = start_time + duration;
-          if (task)
-              task.abort();
-          running = true;
-          add_render_callback(() => dispatch(node, true, 'start'));
-          task = loop(now => {
-              if (running) {
-                  if (now >= end_time) {
-                      tick(1, 0);
-                      dispatch(node, true, 'end');
-                      cleanup();
-                      return running = false;
-                  }
-                  if (now >= start_time) {
-                      const t = easing((now - start_time) / duration);
-                      tick(t, 1 - t);
-                  }
-              }
-              return running;
-          });
-      }
-      let started = false;
-      return {
-          start() {
-              if (started)
-                  return;
-              started = true;
-              delete_rule(node);
-              if (is_function(config)) {
-                  config = config(options);
-                  wait().then(go);
-              }
-              else {
-                  go();
-              }
-          },
-          invalidate() {
-              started = false;
-          },
-          end() {
-              if (running) {
-                  cleanup();
-                  running = false;
-              }
+    const options = { direction: "in" };
+    let config = fn(node, params, options);
+    let running = false;
+    let animation_name;
+    let task;
+    let uid = 0;
+    function cleanup() {
+      if (animation_name) delete_rule(node, animation_name);
+    }
+    function go() {
+      const {
+        delay = 0,
+        duration = 300,
+        easing = identity,
+        tick = noop,
+        css,
+      } = config || null_transition;
+      if (css)
+        animation_name = create_rule(
+          node,
+          0,
+          1,
+          duration,
+          delay,
+          easing,
+          css,
+          uid++,
+        );
+      tick(0, 1);
+      const start_time = now() + delay;
+      const end_time = start_time + duration;
+      if (task) task.abort();
+      running = true;
+      add_render_callback(() => dispatch(node, true, "start"));
+      task = loop((now) => {
+        if (running) {
+          if (now >= end_time) {
+            tick(1, 0);
+            dispatch(node, true, "end");
+            cleanup();
+            return (running = false);
+          }
+          if (now >= start_time) {
+            const t = easing((now - start_time) / duration);
+            tick(t, 1 - t);
           }
-      };
+        }
+        return running;
+      });
+    }
+    let started = false;
+    return {
+      start() {
+        if (started) return;
+        started = true;
+        delete_rule(node);
+        if (is_function(config)) {
+          config = config(options);
+          wait().then(go);
+        } else {
+          go();
+        }
+      },
+      invalidate() {
+        started = false;
+      },
+      end() {
+        if (running) {
+          cleanup();
+          running = false;
+        }
+      },
+    };
   }
   function create_out_transition(node, fn, params) {
-      const options = { direction: 'out' };
-      let config = fn(node, params, options);
-      let running = true;
-      let animation_name;
-      const group = outros;
-      group.r += 1;
-      function go() {
-          const { delay = 0, duration = 300, easing = identity, tick = noop, css } = config || null_transition;
-          if (css)
-              animation_name = create_rule(node, 1, 0, duration, delay, easing, css);
-          const start_time = now() + delay;
-          const end_time = start_time + duration;
-          add_render_callback(() => dispatch(node, false, 'start'));
-          loop(now => {
-              if (running) {
-                  if (now >= end_time) {
-                      tick(0, 1);
-                      dispatch(node, false, 'end');
-                      if (!--group.r) {
-                          // this will result in `end()` being called,
-                          // so we don't need to clean up here
-                          run_all(group.c);
-                      }
-                      return false;
-                  }
-                  if (now >= start_time) {
-                      const t = easing((now - start_time) / duration);
-                      tick(1 - t, t);
-                  }
-              }
-              return running;
-          });
-      }
-      if (is_function(config)) {
-          wait().then(() => {
-              // @ts-ignore
-              config = config(options);
-              go();
-          });
-      }
-      else {
-          go();
-      }
-      return {
-          end(reset) {
-              if (reset && config.tick) {
-                  config.tick(1, 0);
-              }
-              if (running) {
-                  if (animation_name)
-                      delete_rule(node, animation_name);
-                  running = false;
-              }
+    const options = { direction: "out" };
+    let config = fn(node, params, options);
+    let running = true;
+    let animation_name;
+    const group = outros;
+    group.r += 1;
+    function go() {
+      const {
+        delay = 0,
+        duration = 300,
+        easing = identity,
+        tick = noop,
+        css,
+      } = config || null_transition;
+      if (css)
+        animation_name = create_rule(node, 1, 0, duration, delay, easing, css);
+      const start_time = now() + delay;
+      const end_time = start_time + duration;
+      add_render_callback(() => dispatch(node, false, "start"));
+      loop((now) => {
+        if (running) {
+          if (now >= end_time) {
+            tick(0, 1);
+            dispatch(node, false, "end");
+            if (!--group.r) {
+              // this will result in `end()` being called,
+              // so we don't need to clean up here
+              run_all(group.c);
+            }
+            return false;
+          }
+          if (now >= start_time) {
+            const t = easing((now - start_time) / duration);
+            tick(1 - t, t);
           }
-      };
+        }
+        return running;
+      });
+    }
+    if (is_function(config)) {
+      wait().then(() => {
+        // @ts-ignore
+        config = config(options);
+        go();
+      });
+    } else {
+      go();
+    }
+    return {
+      end(reset) {
+        if (reset && config.tick) {
+          config.tick(1, 0);
+        }
+        if (running) {
+          if (animation_name) delete_rule(node, animation_name);
+          running = false;
+        }
+      },
+    };
   }
   function outro_and_destroy_block(block, lookup) {
-      transition_out(block, 1, 1, () => {
-          lookup.delete(block.key);
-      });
+    transition_out(block, 1, 1, () => {
+      lookup.delete(block.key);
+    });
   }
   function fix_and_outro_and_destroy_block(block, lookup) {
-      block.f();
-      outro_and_destroy_block(block, lookup);
+    block.f();
+    outro_and_destroy_block(block, lookup);
   }
-  function update_keyed_each(old_blocks, dirty, get_key, dynamic, ctx, list, lookup, node, destroy, create_each_block, next, get_context) {
-      let o = old_blocks.length;
-      let n = list.length;
-      let i = o;
-      const old_indexes = {};
-      while (i--)
-          old_indexes[old_blocks[i].key] = i;
-      const new_blocks = [];
-      const new_lookup = new Map();
-      const deltas = new Map();
-      const updates = [];
-      i = n;
-      while (i--) {
-          const child_ctx = get_context(ctx, list, i);
-          const key = get_key(child_ctx);
-          let block = lookup.get(key);
-          if (!block) {
-              block = create_each_block(key, child_ctx);
-              block.c();
-          }
-          else if (dynamic) {
-              // defer updates until all the DOM shuffling is done
-              updates.push(() => block.p(child_ctx, dirty));
-          }
-          new_lookup.set(key, new_blocks[i] = block);
-          if (key in old_indexes)
-              deltas.set(key, Math.abs(i - old_indexes[key]));
-      }
-      const will_move = new Set();
-      const did_move = new Set();
-      function insert(block) {
-          transition_in(block, 1);
-          block.m(node, next);
-          lookup.set(block.key, block);
-          next = block.first;
-          n--;
-      }
-      while (o && n) {
-          const new_block = new_blocks[n - 1];
-          const old_block = old_blocks[o - 1];
-          const new_key = new_block.key;
-          const old_key = old_block.key;
-          if (new_block === old_block) {
-              // do nothing
-              next = new_block.first;
-              o--;
-              n--;
-          }
-          else if (!new_lookup.has(old_key)) {
-              // remove old block
-              destroy(old_block, lookup);
-              o--;
-          }
-          else if (!lookup.has(new_key) || will_move.has(new_key)) {
-              insert(new_block);
-          }
-          else if (did_move.has(old_key)) {
-              o--;
-          }
-          else if (deltas.get(new_key) > deltas.get(old_key)) {
-              did_move.add(new_key);
-              insert(new_block);
-          }
-          else {
-              will_move.add(old_key);
-              o--;
-          }
+  function update_keyed_each(
+    old_blocks,
+    dirty,
+    get_key,
+    dynamic,
+    ctx,
+    list,
+    lookup,
+    node,
+    destroy,
+    create_each_block,
+    next,
+    get_context,
+  ) {
+    let o = old_blocks.length;
+    let n = list.length;
+    let i = o;
+    const old_indexes = {};
+    while (i--) old_indexes[old_blocks[i].key] = i;
+    const new_blocks = [];
+    const new_lookup = new Map();
+    const deltas = new Map();
+    const updates = [];
+    i = n;
+    while (i--) {
+      const child_ctx = get_context(ctx, list, i);
+      const key = get_key(child_ctx);
+      let block = lookup.get(key);
+      if (!block) {
+        block = create_each_block(key, child_ctx);
+        block.c();
+      } else if (dynamic) {
+        // defer updates until all the DOM shuffling is done
+        updates.push(() => block.p(child_ctx, dirty));
       }
-      while (o--) {
-          const old_block = old_blocks[o];
-          if (!new_lookup.has(old_block.key))
-              destroy(old_block, lookup);
+      new_lookup.set(key, (new_blocks[i] = block));
+      if (key in old_indexes) deltas.set(key, Math.abs(i - old_indexes[key]));
+    }
+    const will_move = new Set();
+    const did_move = new Set();
+    function insert(block) {
+      transition_in(block, 1);
+      block.m(node, next);
+      lookup.set(block.key, block);
+      next = block.first;
+      n--;
+    }
+    while (o && n) {
+      const new_block = new_blocks[n - 1];
+      const old_block = old_blocks[o - 1];
+      const new_key = new_block.key;
+      const old_key = old_block.key;
+      if (new_block === old_block) {
+        // do nothing
+        next = new_block.first;
+        o--;
+        n--;
+      } else if (!new_lookup.has(old_key)) {
+        // remove old block
+        destroy(old_block, lookup);
+        o--;
+      } else if (!lookup.has(new_key) || will_move.has(new_key)) {
+        insert(new_block);
+      } else if (did_move.has(old_key)) {
+        o--;
+      } else if (deltas.get(new_key) > deltas.get(old_key)) {
+        did_move.add(new_key);
+        insert(new_block);
+      } else {
+        will_move.add(old_key);
+        o--;
       }
-      while (n)
-          insert(new_blocks[n - 1]);
-      run_all(updates);
-      return new_blocks;
+    }
+    while (o--) {
+      const old_block = old_blocks[o];
+      if (!new_lookup.has(old_block.key)) destroy(old_block, lookup);
+    }
+    while (n) insert(new_blocks[n - 1]);
+    run_all(updates);
+    return new_blocks;
   }
   function validate_each_keys(ctx, list, get_context, get_key) {
-      const keys = new Set();
-      for (let i = 0; i < list.length; i++) {
-          const key = get_key(get_context(ctx, list, i));
-          if (keys.has(key)) {
-              throw new Error('Cannot have duplicate keys in a keyed each');
-          }
-          keys.add(key);
+    const keys = new Set();
+    for (let i = 0; i < list.length; i++) {
+      const key = get_key(get_context(ctx, list, i));
+      if (keys.has(key)) {
+        throw new Error("Cannot have duplicate keys in a keyed each");
       }
+      keys.add(key);
+    }
   }
 
   function get_spread_update(levels, updates) {
-      const update = {};
-      const to_null_out = {};
-      const accounted_for = { $$scope: 1 };
-      let i = levels.length;
-      while (i--) {
-          const o = levels[i];
-          const n = updates[i];
-          if (n) {
-              for (const key in o) {
-                  if (!(key in n))
-                      to_null_out[key] = 1;
-              }
-              for (const key in n) {
-                  if (!accounted_for[key]) {
-                      update[key] = n[key];
-                      accounted_for[key] = 1;
-                  }
-              }
-              levels[i] = n;
-          }
-          else {
-              for (const key in o) {
-                  accounted_for[key] = 1;
-              }
+    const update = {};
+    const to_null_out = {};
+    const accounted_for = { $$scope: 1 };
+    let i = levels.length;
+    while (i--) {
+      const o = levels[i];
+      const n = updates[i];
+      if (n) {
+        for (const key in o) {
+          if (!(key in n)) to_null_out[key] = 1;
+        }
+        for (const key in n) {
+          if (!accounted_for[key]) {
+            update[key] = n[key];
+            accounted_for[key] = 1;
           }
+        }
+        levels[i] = n;
+      } else {
+        for (const key in o) {
+          accounted_for[key] = 1;
+        }
       }
-      for (const key in to_null_out) {
-          if (!(key in update))
-              update[key] = undefined;
-      }
-      return update;
+    }
+    for (const key in to_null_out) {
+      if (!(key in update)) update[key] = undefined;
+    }
+    return update;
   }
   function get_spread_object(spread_props) {
-      return typeof spread_props === 'object' && spread_props !== null ? spread_props : {};
+    return typeof spread_props === "object" && spread_props !== null
+      ? spread_props
+      : {};
   }
   function create_component(block) {
-      block && block.c();
+    block && block.c();
   }
   function mount_component(component, target, anchor, customElement) {
-      const { fragment, after_update } = component.$$;
-      fragment && fragment.m(target, anchor);
-      if (!customElement) {
-          // onMount happens before the initial afterUpdate
-          add_render_callback(() => {
-              const new_on_destroy = component.$$.on_mount.map(run).filter(is_function);
-              // if the component was destroyed immediately
-              // it will update the `$$.on_destroy` reference to `null`.
-              // the destructured on_destroy may still reference to the old array
-              if (component.$$.on_destroy) {
-                  component.$$.on_destroy.push(...new_on_destroy);
-              }
-              else {
-                  // Edge case - component was destroyed immediately,
-                  // most likely as a result of a binding initialising
-                  run_all(new_on_destroy);
-              }
-              component.$$.on_mount = [];
-          });
-      }
-      after_update.forEach(add_render_callback);
+    const { fragment, after_update } = component.$$;
+    fragment && fragment.m(target, anchor);
+    if (!customElement) {
+      // onMount happens before the initial afterUpdate
+      add_render_callback(() => {
+        const new_on_destroy = component.$$.on_mount
+          .map(run)
+          .filter(is_function);
+        // if the component was destroyed immediately
+        // it will update the `$$.on_destroy` reference to `null`.
+        // the destructured on_destroy may still reference to the old array
+        if (component.$$.on_destroy) {
+          component.$$.on_destroy.push(...new_on_destroy);
+        } else {
+          // Edge case - component was destroyed immediately,
+          // most likely as a result of a binding initialising
+          run_all(new_on_destroy);
+        }
+        component.$$.on_mount = [];
+      });
+    }
+    after_update.forEach(add_render_callback);
   }
   function destroy_component(component, detaching) {
-      const $$ = component.$$;
-      if ($$.fragment !== null) {
-          flush_render_callbacks($$.after_update);
-          run_all($$.on_destroy);
-          $$.fragment && $$.fragment.d(detaching);
-          // TODO null out other refs, including component.$$ (but need to
-          // preserve final state?)
-          $$.on_destroy = $$.fragment = null;
-          $$.ctx = [];
-      }
+    const $$ = component.$$;
+    if ($$.fragment !== null) {
+      flush_render_callbacks($$.after_update);
+      run_all($$.on_destroy);
+      $$.fragment && $$.fragment.d(detaching);
+      // TODO null out other refs, including component.$$ (but need to
+      // preserve final state?)
+      $$.on_destroy = $$.fragment = null;
+      $$.ctx = [];
+    }
   }
   function make_dirty(component, i) {
-      if (component.$$.dirty[0] === -1) {
-          dirty_components.push(component);
-          schedule_update();
-          component.$$.dirty.fill(0);
-      }
-      component.$$.dirty[(i / 31) | 0] |= (1 << (i % 31));
+    if (component.$$.dirty[0] === -1) {
+      dirty_components.push(component);
+      schedule_update();
+      component.$$.dirty.fill(0);
+    }
+    component.$$.dirty[(i / 31) | 0] |= 1 << i % 31;
   }
-  function init(component, options, instance, create_fragment, not_equal, props, append_styles, dirty = [-1]) {
-      const parent_component = current_component;
-      set_current_component(component);
-      const $$ = component.$$ = {
-          fragment: null,
-          ctx: [],
-          // state
-          props,
-          update: noop,
-          not_equal,
-          bound: blank_object(),
-          // lifecycle
-          on_mount: [],
-          on_destroy: [],
-          on_disconnect: [],
-          before_update: [],
-          after_update: [],
-          context: new Map(options.context || (parent_component ? parent_component.$$.context : [])),
-          // everything else
-          callbacks: blank_object(),
-          dirty,
-          skip_bound: false,
-          root: options.target || parent_component.$$.root
-      };
-      append_styles && append_styles($$.root);
-      let ready = false;
-      $$.ctx = instance
-          ? instance(component, options.props || {}, (i, ret, ...rest) => {
-              const value = rest.length ? rest[0] : ret;
-              if ($$.ctx && not_equal($$.ctx[i], $$.ctx[i] = value)) {
-                  if (!$$.skip_bound && $$.bound[i])
-                      $$.bound[i](value);
-                  if (ready)
-                      make_dirty(component, i);
-              }
-              return ret;
-          })
-          : [];
-      $$.update();
-      ready = true;
-      run_all($$.before_update);
-      // `false` as a special case of no DOM component
-      $$.fragment = create_fragment ? create_fragment($$.ctx) : false;
-      if (options.target) {
-          if (options.hydrate) {
-              const nodes = children(options.target);
-              // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-              $$.fragment && $$.fragment.l(nodes);
-              nodes.forEach(detach);
-          }
-          else {
-              // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-              $$.fragment && $$.fragment.c();
-          }
-          if (options.intro)
-              transition_in(component.$$.fragment);
-          mount_component(component, options.target, options.anchor, options.customElement);
-          flush();
+  function init(
+    component,
+    options,
+    instance,
+    create_fragment,
+    not_equal,
+    props,
+    append_styles,
+    dirty = [-1],
+  ) {
+    const parent_component = current_component;
+    set_current_component(component);
+    const $$ = (component.$$ = {
+      fragment: null,
+      ctx: [],
+      // state
+      props,
+      update: noop,
+      not_equal,
+      bound: blank_object(),
+      // lifecycle
+      on_mount: [],
+      on_destroy: [],
+      on_disconnect: [],
+      before_update: [],
+      after_update: [],
+      context: new Map(
+        options.context ||
+          (parent_component ? parent_component.$$.context : []),
+      ),
+      // everything else
+      callbacks: blank_object(),
+      dirty,
+      skip_bound: false,
+      root: options.target || parent_component.$$.root,
+    });
+    append_styles && append_styles($$.root);
+    let ready = false;
+    $$.ctx = instance
+      ? instance(component, options.props || {}, (i, ret, ...rest) => {
+          const value = rest.length ? rest[0] : ret;
+          if ($$.ctx && not_equal($$.ctx[i], ($$.ctx[i] = value))) {
+            if (!$$.skip_bound && $$.bound[i]) $$.bound[i](value);
+            if (ready) make_dirty(component, i);
+          }
+          return ret;
+        })
+      : [];
+    $$.update();
+    ready = true;
+    run_all($$.before_update);
+    // `false` as a special case of no DOM component
+    $$.fragment = create_fragment ? create_fragment($$.ctx) : false;
+    if (options.target) {
+      if (options.hydrate) {
+        const nodes = children(options.target);
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+        $$.fragment && $$.fragment.l(nodes);
+        nodes.forEach(detach);
+      } else {
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+        $$.fragment && $$.fragment.c();
       }
-      set_current_component(parent_component);
+      if (options.intro) transition_in(component.$$.fragment);
+      mount_component(
+        component,
+        options.target,
+        options.anchor,
+        options.customElement,
+      );
+      flush();
+    }
+    set_current_component(parent_component);
   }
   /**
    * Base class for Svelte components. Used when dev=false.
    */
   class SvelteComponent {
-      $destroy() {
-          destroy_component(this, 1);
-          this.$destroy = noop;
-      }
-      $on(type, callback) {
-          if (!is_function(callback)) {
-              return noop;
-          }
-          const callbacks = (this.$$.callbacks[type] || (this.$$.callbacks[type] = []));
-          callbacks.push(callback);
-          return () => {
-              const index = callbacks.indexOf(callback);
-              if (index !== -1)
-                  callbacks.splice(index, 1);
-          };
+    $destroy() {
+      destroy_component(this, 1);
+      this.$destroy = noop;
+    }
+    $on(type, callback) {
+      if (!is_function(callback)) {
+        return noop;
       }
-      $set($$props) {
-          if (this.$$set && !is_empty($$props)) {
-              this.$$.skip_bound = true;
-              this.$$set($$props);
-              this.$$.skip_bound = false;
-          }
+      const callbacks =
+        this.$$.callbacks[type] || (this.$$.callbacks[type] = []);
+      callbacks.push(callback);
+      return () => {
+        const index = callbacks.indexOf(callback);
+        if (index !== -1) callbacks.splice(index, 1);
+      };
+    }
+    $set($$props) {
+      if (this.$$set && !is_empty($$props)) {
+        this.$$.skip_bound = true;
+        this.$$set($$props);
+        this.$$.skip_bound = false;
       }
+    }
   }
 
   function dispatch_dev(type, detail) {
-      document.dispatchEvent(custom_event(type, Object.assign({ version: '3.59.2' }, detail), { bubbles: true }));
+    document.dispatchEvent(
+      custom_event(type, Object.assign({ version: "3.59.2" }, detail), {
+        bubbles: true,
+      }),
+    );
   }
   function append_dev(target, node) {
-      dispatch_dev('SvelteDOMInsert', { target, node });
-      append(target, node);
+    dispatch_dev("SvelteDOMInsert", { target, node });
+    append(target, node);
   }
   function insert_dev(target, node, anchor) {
-      dispatch_dev('SvelteDOMInsert', { target, node, anchor });
-      insert(target, node, anchor);
+    dispatch_dev("SvelteDOMInsert", { target, node, anchor });
+    insert(target, node, anchor);
   }
   function detach_dev(node) {
-      dispatch_dev('SvelteDOMRemove', { node });
-      detach(node);
+    dispatch_dev("SvelteDOMRemove", { node });
+    detach(node);
   }
-  function listen_dev(node, event, handler, options, has_prevent_default, has_stop_propagation, has_stop_immediate_propagation) {
-      const modifiers = options === true ? ['capture'] : options ? Array.from(Object.keys(options)) : [];
-      if (has_prevent_default)
-          modifiers.push('preventDefault');
-      if (has_stop_propagation)
-          modifiers.push('stopPropagation');
-      if (has_stop_immediate_propagation)
-          modifiers.push('stopImmediatePropagation');
-      dispatch_dev('SvelteDOMAddEventListener', { node, event, handler, modifiers });
-      const dispose = listen(node, event, handler, options);
-      return () => {
-          dispatch_dev('SvelteDOMRemoveEventListener', { node, event, handler, modifiers });
-          dispose();
-      };
+  function listen_dev(
+    node,
+    event,
+    handler,
+    options,
+    has_prevent_default,
+    has_stop_propagation,
+    has_stop_immediate_propagation,
+  ) {
+    const modifiers =
+      options === true
+        ? ["capture"]
+        : options
+          ? Array.from(Object.keys(options))
+          : [];
+    if (has_prevent_default) modifiers.push("preventDefault");
+    if (has_stop_propagation) modifiers.push("stopPropagation");
+    if (has_stop_immediate_propagation)
+      modifiers.push("stopImmediatePropagation");
+    dispatch_dev("SvelteDOMAddEventListener", {
+      node,
+      event,
+      handler,
+      modifiers,
+    });
+    const dispose = listen(node, event, handler, options);
+    return () => {
+      dispatch_dev("SvelteDOMRemoveEventListener", {
+        node,
+        event,
+        handler,
+        modifiers,
+      });
+      dispose();
+    };
   }
   function attr_dev(node, attribute, value) {
-      attr(node, attribute, value);
-      if (value == null)
-          dispatch_dev('SvelteDOMRemoveAttribute', { node, attribute });
-      else
-          dispatch_dev('SvelteDOMSetAttribute', { node, attribute, value });
+    attr(node, attribute, value);
+    if (value == null)
+      dispatch_dev("SvelteDOMRemoveAttribute", { node, attribute });
+    else dispatch_dev("SvelteDOMSetAttribute", { node, attribute, value });
   }
   function set_data_dev(text, data) {
-      data = '' + data;
-      if (text.data === data)
-          return;
-      dispatch_dev('SvelteDOMSetData', { node: text, data });
-      text.data = data;
+    data = "" + data;
+    if (text.data === data) return;
+    dispatch_dev("SvelteDOMSetData", { node: text, data });
+    text.data = data;
   }
   function validate_each_argument(arg) {
-      if (typeof arg !== 'string' && !(arg && typeof arg === 'object' && 'length' in arg)) {
-          let msg = '{#each} only iterates over array-like objects.';
-          if (typeof Symbol === 'function' && arg && Symbol.iterator in arg) {
-              msg += ' You can use a spread to convert this iterable into an array.';
-          }
-          throw new Error(msg);
+    if (
+      typeof arg !== "string" &&
+      !(arg && typeof arg === "object" && "length" in arg)
+    ) {
+      let msg = "{#each} only iterates over array-like objects.";
+      if (typeof Symbol === "function" && arg && Symbol.iterator in arg) {
+        msg += " You can use a spread to convert this iterable into an array.";
       }
+      throw new Error(msg);
+    }
   }
   function validate_slots(name, slot, keys) {
-      for (const slot_key of Object.keys(slot)) {
-          if (!~keys.indexOf(slot_key)) {
-              console.warn(`<${name}> received an unexpected slot "${slot_key}".`);
-          }
+    for (const slot_key of Object.keys(slot)) {
+      if (!~keys.indexOf(slot_key)) {
+        console.warn(`<${name}> received an unexpected slot "${slot_key}".`);
       }
+    }
   }
   /**
    * Base class for Svelte components with some minor dev-enhancements. Used when dev=true.
    */
   class SvelteComponentDev extends SvelteComponent {
-      constructor(options) {
-          if (!options || (!options.target && !options.$$inline)) {
-              throw new Error("'target' is a required option");
-          }
-          super();
-      }
-      $destroy() {
-          super.$destroy();
-          this.$destroy = () => {
-              console.warn('Component was already destroyed'); // eslint-disable-line no-console
-          };
+    constructor(options) {
+      if (!options || (!options.target && !options.$$inline)) {
+        throw new Error("'target' is a required option");
       }
-      $capture_state() { }
-      $inject_state() { }
+      super();
+    }
+    $destroy() {
+      super.$destroy();
+      this.$destroy = () => {
+        console.warn("Component was already destroyed"); // eslint-disable-line no-console
+      };
+    }
+    $capture_state() {}
+    $inject_state() {}
   }
 
   /* src/Tag.svelte generated by Svelte v3.59.2 */
   const file$2 = "src/Tag.svelte";
 
   function create_fragment$2(ctx) {
-  	let div2;
-  	let div1;
-  	let div0;
-  	let div0_class_value;
-  	let div0_aria_valuenow_value;
-  	let t0;
-  	let span;
-  	let t1;
-  	let t2;
-  	let svg;
-  	let path;
-  	let mounted;
-  	let dispose;
-
-  	const block = {
-  		c: function create() {
-  			div2 = element("div");
-  			div1 = element("div");
-  			div0 = element("div");
-  			t0 = space();
-  			span = element("span");
-  			t1 = text(/*name*/ ctx[1]);
-  			t2 = space();
-  			svg = svg_element("svg");
-  			path = svg_element("path");
-  			attr_dev(div0, "class", div0_class_value = "progress-bar progress-bar-striped bg-" + confidence(/*prob*/ ctx[2]) + " svelte-ai57u1");
-  			attr_dev(div0, "role", "progressbar");
-  			set_style(div0, "width", /*prob*/ ctx[2] * 100 + "%");
-  			attr_dev(div0, "aria-valuenow", div0_aria_valuenow_value = /*prob*/ ctx[2] * 100);
-  			attr_dev(div0, "aria-valuemin", "0");
-  			attr_dev(div0, "aria-valuemax", "100");
-  			add_location(div0, file$2, 24, 4, 440);
-  			attr_dev(div1, "class", "progress");
-  			set_style(div1, "height", "5px");
-  			add_location(div1, file$2, 23, 2, 393);
-  			attr_dev(path, "d", "M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z");
-  			add_location(path, file$2, 45, 7, 954);
-  			attr_dev(svg, "height", "20");
-  			attr_dev(svg, "width", "20");
-  			attr_dev(svg, "viewBox", "0 0 20 20");
-  			attr_dev(svg, "aria-hidden", "true");
-  			attr_dev(svg, "focusable", "false");
-  			attr_dev(svg, "class", "tag-item-reject svelte-ai57u1");
-  			add_location(svg, file$2, 35, 4, 737);
-  			attr_dev(span, "class", "tag-item badge badge-secondary svelte-ai57u1");
-  			add_location(span, file$2, 33, 2, 676);
-  			attr_dev(div2, "class", "tag svelte-ai57u1");
-  			add_location(div2, file$2, 22, 0, 373);
-  		},
-  		l: function claim(nodes) {
-  			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
-  		},
-  		m: function mount(target, anchor) {
-  			insert_dev(target, div2, anchor);
-  			append_dev(div2, div1);
-  			append_dev(div1, div0);
-  			append_dev(div2, t0);
-  			append_dev(div2, span);
-  			append_dev(span, t1);
-  			append_dev(span, t2);
-  			append_dev(span, svg);
-  			append_dev(svg, path);
-
-  			if (!mounted) {
-  				dispose = listen_dev(svg, "click", /*click_handler*/ ctx[4], false, false, false, false);
-  				mounted = true;
-  			}
-  		},
-  		p: function update(ctx, [dirty]) {
-  			if (dirty & /*prob*/ 4 && div0_class_value !== (div0_class_value = "progress-bar progress-bar-striped bg-" + confidence(/*prob*/ ctx[2]) + " svelte-ai57u1")) {
-  				attr_dev(div0, "class", div0_class_value);
-  			}
-
-  			if (dirty & /*prob*/ 4) {
-  				set_style(div0, "width", /*prob*/ ctx[2] * 100 + "%");
-  			}
-
-  			if (dirty & /*prob*/ 4 && div0_aria_valuenow_value !== (div0_aria_valuenow_value = /*prob*/ ctx[2] * 100)) {
-  				attr_dev(div0, "aria-valuenow", div0_aria_valuenow_value);
-  			}
-
-  			if (dirty & /*name*/ 2) set_data_dev(t1, /*name*/ ctx[1]);
-  		},
-  		i: noop,
-  		o: noop,
-  		d: function destroy(detaching) {
-  			if (detaching) detach_dev(div2);
-  			mounted = false;
-  			dispose();
-  		}
-  	};
-
-  	dispatch_dev("SvelteRegisterBlock", {
-  		block,
-  		id: create_fragment$2.name,
-  		type: "component",
-  		source: "",
-  		ctx
-  	});
-
-  	return block;
+    let div2;
+    let div1;
+    let div0;
+    let div0_class_value;
+    let div0_aria_valuenow_value;
+    let t0;
+    let span;
+    let t1;
+    let t2;
+    let svg;
+    let path;
+    let mounted;
+    let dispose;
+
+    const block = {
+      c: function create() {
+        div2 = element("div");
+        div1 = element("div");
+        div0 = element("div");
+        t0 = space();
+        span = element("span");
+        t1 = text(/*name*/ ctx[1]);
+        t2 = space();
+        svg = svg_element("svg");
+        path = svg_element("path");
+        attr_dev(
+          div0,
+          "class",
+          (div0_class_value =
+            "progress-bar progress-bar-striped bg-" +
+            confidence(/*prob*/ ctx[2]) +
+            " svelte-ai57u1"),
+        );
+        attr_dev(div0, "role", "progressbar");
+        set_style(div0, "width", /*prob*/ ctx[2] * 100 + "%");
+        attr_dev(
+          div0,
+          "aria-valuenow",
+          (div0_aria_valuenow_value = /*prob*/ ctx[2] * 100),
+        );
+        attr_dev(div0, "aria-valuemin", "0");
+        attr_dev(div0, "aria-valuemax", "100");
+        add_location(div0, file$2, 24, 4, 440);
+        attr_dev(div1, "class", "progress");
+        set_style(div1, "height", "5px");
+        add_location(div1, file$2, 23, 2, 393);
+        attr_dev(
+          path,
+          "d",
+          "M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z",
+        );
+        add_location(path, file$2, 45, 7, 954);
+        attr_dev(svg, "height", "20");
+        attr_dev(svg, "width", "20");
+        attr_dev(svg, "viewBox", "0 0 20 20");
+        attr_dev(svg, "aria-hidden", "true");
+        attr_dev(svg, "focusable", "false");
+        attr_dev(svg, "class", "tag-item-reject svelte-ai57u1");
+        add_location(svg, file$2, 35, 4, 737);
+        attr_dev(span, "class", "tag-item badge badge-secondary svelte-ai57u1");
+        add_location(span, file$2, 33, 2, 676);
+        attr_dev(div2, "class", "tag svelte-ai57u1");
+        add_location(div2, file$2, 22, 0, 373);
+      },
+      l: function claim(nodes) {
+        throw new Error(
+          "options.hydrate only works if the component was compiled with the `hydratable: true` option",
+        );
+      },
+      m: function mount(target, anchor) {
+        insert_dev(target, div2, anchor);
+        append_dev(div2, div1);
+        append_dev(div1, div0);
+        append_dev(div2, t0);
+        append_dev(div2, span);
+        append_dev(span, t1);
+        append_dev(span, t2);
+        append_dev(span, svg);
+        append_dev(svg, path);
+
+        if (!mounted) {
+          dispose = listen_dev(
+            svg,
+            "click",
+            /*click_handler*/ ctx[4],
+            false,
+            false,
+            false,
+            false,
+          );
+          mounted = true;
+        }
+      },
+      p: function update(ctx, [dirty]) {
+        if (
+          dirty & /*prob*/ 4 &&
+          div0_class_value !==
+            (div0_class_value =
+              "progress-bar progress-bar-striped bg-" +
+              confidence(/*prob*/ ctx[2]) +
+              " svelte-ai57u1")
+        ) {
+          attr_dev(div0, "class", div0_class_value);
+        }
+
+        if (dirty & /*prob*/ 4) {
+          set_style(div0, "width", /*prob*/ ctx[2] * 100 + "%");
+        }
+
+        if (
+          dirty & /*prob*/ 4 &&
+          div0_aria_valuenow_value !==
+            (div0_aria_valuenow_value = /*prob*/ ctx[2] * 100)
+        ) {
+          attr_dev(div0, "aria-valuenow", div0_aria_valuenow_value);
+        }
+
+        if (dirty & /*name*/ 2) set_data_dev(t1, /*name*/ ctx[1]);
+      },
+      i: noop,
+      o: noop,
+      d: function destroy(detaching) {
+        if (detaching) detach_dev(div2);
+        mounted = false;
+        dispose();
+      },
+    };
+
+    dispatch_dev("SvelteRegisterBlock", {
+      block,
+      id: create_fragment$2.name,
+      type: "component",
+      source: "",
+      ctx,
+    });
+
+    return block;
   }
 
   function confidence(prob) {
-  	prob = prob * 100;
-
-  	if (prob < 50.0) {
-  		return "danger";
-  	} else if (prob < 75.0) {
-  		return "warning";
-  	} else {
-  		return "success";
-  	}
+    prob = prob * 100;
+
+    if (prob < 50.0) {
+      return "danger";
+    } else if (prob < 75.0) {
+      return "warning";
+    } else {
+      return "success";
+    }
   }
 
   function instance$2($$self, $$props, $$invalidate) {
-  	let { $$slots: slots = {}, $$scope } = $$props;
-  	validate_slots('Tag', slots, []);
-  	let { id } = $$props;
-  	let { name } = $$props;
-  	let { prob } = $$props;
-  	const dispatch = createEventDispatcher();
-
-  	$$self.$$.on_mount.push(function () {
-  		if (id === undefined && !('id' in $$props || $$self.$$.bound[$$self.$$.props['id']])) {
-  			console.warn("<Tag> was created without expected prop 'id'");
-  		}
-
-  		if (name === undefined && !('name' in $$props || $$self.$$.bound[$$self.$$.props['name']])) {
-  			console.warn("<Tag> was created without expected prop 'name'");
-  		}
-
-  		if (prob === undefined && !('prob' in $$props || $$self.$$.bound[$$self.$$.props['prob']])) {
-  			console.warn("<Tag> was created without expected prop 'prob'");
-  		}
-  	});
-
-  	const writable_props = ['id', 'name', 'prob'];
-
-  	Object.keys($$props).forEach(key => {
-  		if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console.warn(`<Tag> was created with unknown prop '${key}'`);
-  	});
-
-  	const click_handler = () => {
-  		dispatch("remove", id);
-  	};
-
-  	$$self.$$set = $$props => {
-  		if ('id' in $$props) $$invalidate(0, id = $$props.id);
-  		if ('name' in $$props) $$invalidate(1, name = $$props.name);
-  		if ('prob' in $$props) $$invalidate(2, prob = $$props.prob);
-  	};
-
-  	$$self.$capture_state = () => ({
-  		createEventDispatcher,
-  		id,
-  		name,
-  		prob,
-  		dispatch,
-  		confidence
-  	});
-
-  	$$self.$inject_state = $$props => {
-  		if ('id' in $$props) $$invalidate(0, id = $$props.id);
-  		if ('name' in $$props) $$invalidate(1, name = $$props.name);
-  		if ('prob' in $$props) $$invalidate(2, prob = $$props.prob);
-  	};
-
-  	if ($$props && "$$inject" in $$props) {
-  		$$self.$inject_state($$props.$$inject);
-  	}
-
-  	return [id, name, prob, dispatch, click_handler];
+    let { $$slots: slots = {}, $$scope } = $$props;
+    validate_slots("Tag", slots, []);
+    let { id } = $$props;
+    let { name } = $$props;
+    let { prob } = $$props;
+    const dispatch = createEventDispatcher();
+
+    $$self.$$.on_mount.push(function () {
+      if (
+        id === undefined &&
+        !("id" in $$props || $$self.$$.bound[$$self.$$.props["id"]])
+      ) {
+        console.warn("<Tag> was created without expected prop 'id'");
+      }
+
+      if (
+        name === undefined &&
+        !("name" in $$props || $$self.$$.bound[$$self.$$.props["name"]])
+      ) {
+        console.warn("<Tag> was created without expected prop 'name'");
+      }
+
+      if (
+        prob === undefined &&
+        !("prob" in $$props || $$self.$$.bound[$$self.$$.props["prob"]])
+      ) {
+        console.warn("<Tag> was created without expected prop 'prob'");
+      }
+    });
+
+    const writable_props = ["id", "name", "prob"];
+
+    Object.keys($$props).forEach((key) => {
+      if (
+        !~writable_props.indexOf(key) &&
+        key.slice(0, 2) !== "$$" &&
+        key !== "slot"
+      )
+        console.warn(`<Tag> was created with unknown prop '${key}'`);
+    });
+
+    const click_handler = () => {
+      dispatch("remove", id);
+    };
+
+    $$self.$$set = ($$props) => {
+      if ("id" in $$props) $$invalidate(0, (id = $$props.id));
+      if ("name" in $$props) $$invalidate(1, (name = $$props.name));
+      if ("prob" in $$props) $$invalidate(2, (prob = $$props.prob));
+    };
+
+    $$self.$capture_state = () => ({
+      createEventDispatcher,
+      id,
+      name,
+      prob,
+      dispatch,
+      confidence,
+    });
+
+    $$self.$inject_state = ($$props) => {
+      if ("id" in $$props) $$invalidate(0, (id = $$props.id));
+      if ("name" in $$props) $$invalidate(1, (name = $$props.name));
+      if ("prob" in $$props) $$invalidate(2, (prob = $$props.prob));
+    };
+
+    if ($$props && "$$inject" in $$props) {
+      $$self.$inject_state($$props.$$inject);
+    }
+
+    return [id, name, prob, dispatch, click_handler];
   }
 
   class Tag extends SvelteComponentDev {
-  	constructor(options) {
-  		super(options);
-  		init(this, options, instance$2, create_fragment$2, safe_not_equal, { id: 0, name: 1, prob: 2 });
-
-  		dispatch_dev("SvelteRegisterComponent", {
-  			component: this,
-  			tagName: "Tag",
-  			options,
-  			id: create_fragment$2.name
-  		});
-  	}
-
-  	get id() {
-  		throw new Error("<Tag>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
-  	}
-
-  	set id(value) {
-  		throw new Error("<Tag>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
-  	}
-
-  	get name() {
-  		throw new Error("<Tag>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
-  	}
-
-  	set name(value) {
-  		throw new Error("<Tag>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
-  	}
-
-  	get prob() {
-  		throw new Error("<Tag>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
-  	}
-
-  	set prob(value) {
-  		throw new Error("<Tag>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
-  	}
+    constructor(options) {
+      super(options);
+      init(this, options, instance$2, create_fragment$2, safe_not_equal, {
+        id: 0,
+        name: 1,
+        prob: 2,
+      });
+
+      dispatch_dev("SvelteRegisterComponent", {
+        component: this,
+        tagName: "Tag",
+        options,
+        id: create_fragment$2.name,
+      });
+    }
+
+    get id() {
+      throw new Error(
+        "<Tag>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+      );
+    }
+
+    set id(value) {
+      throw new Error(
+        "<Tag>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+      );
+    }
+
+    get name() {
+      throw new Error(
+        "<Tag>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+      );
+    }
+
+    set name(value) {
+      throw new Error(
+        "<Tag>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+      );
+    }
+
+    get prob() {
+      throw new Error(
+        "<Tag>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+      );
+    }
+
+    set prob(value) {
+      throw new Error(
+        "<Tag>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+      );
+    }
   }
 
   function cubicOut(t) {
-      const f = t - 1.0;
-      return f * f * f + 1.0;
+    const f = t - 1.0;
+    return f * f * f + 1.0;
   }
   function quintOut(t) {
-      return --t * t * t * t * t + 1;
+    return --t * t * t * t * t + 1;
   }
 
   function fade(node, { delay = 0, duration = 400, easing = identity } = {}) {
-      const o = +getComputedStyle(node).opacity;
-      return {
-          delay,
-          duration,
-          easing,
-          css: t => `opacity: ${t * o}`
-      };
+    const o = +getComputedStyle(node).opacity;
+    return {
+      delay,
+      duration,
+      easing,
+      css: (t) => `opacity: ${t * o}`,
+    };
   }
-  function fly(node, { delay = 0, duration = 400, easing = cubicOut, x = 0, y = 0, opacity = 0 } = {}) {
-      const style = getComputedStyle(node);
-      const target_opacity = +style.opacity;
-      const transform = style.transform === 'none' ? '' : style.transform;
-      const od = target_opacity * (1 - opacity);
-      const [xValue, xUnit] = split_css_unit(x);
-      const [yValue, yUnit] = split_css_unit(y);
-      return {
-          delay,
-          duration,
-          easing,
-          css: (t, u) => `
+  function fly(
+    node,
+    {
+      delay = 0,
+      duration = 400,
+      easing = cubicOut,
+      x = 0,
+      y = 0,
+      opacity = 0,
+    } = {},
+  ) {
+    const style = getComputedStyle(node);
+    const target_opacity = +style.opacity;
+    const transform = style.transform === "none" ? "" : style.transform;
+    const od = target_opacity * (1 - opacity);
+    const [xValue, xUnit] = split_css_unit(x);
+    const [yValue, yUnit] = split_css_unit(y);
+    return {
+      delay,
+      duration,
+      easing,
+      css: (t, u) => `
 			transform: ${transform} translate(${(1 - t) * xValue}${xUnit}, ${(1 - t) * yValue}${yUnit});
-			opacity: ${target_opacity - (od * u)}`
-      };
+			opacity: ${target_opacity - od * u}`,
+    };
   }
 
   function flip(node, { from, to }, params = {}) {
-      const style = getComputedStyle(node);
-      const transform = style.transform === 'none' ? '' : style.transform;
-      const [ox, oy] = style.transformOrigin.split(' ').map(parseFloat);
-      const dx = (from.left + from.width * ox / to.width) - (to.left + ox);
-      const dy = (from.top + from.height * oy / to.height) - (to.top + oy);
-      const { delay = 0, duration = (d) => Math.sqrt(d) * 120, easing = cubicOut } = params;
-      return {
-          delay,
-          duration: is_function(duration) ? duration(Math.sqrt(dx * dx + dy * dy)) : duration,
-          easing,
-          css: (t, u) => {
-              const x = u * dx;
-              const y = u * dy;
-              const sx = t + u * from.width / to.width;
-              const sy = t + u * from.height / to.height;
-              return `transform: ${transform} translate(${x}px, ${y}px) scale(${sx}, ${sy});`;
-          }
-      };
+    const style = getComputedStyle(node);
+    const transform = style.transform === "none" ? "" : style.transform;
+    const [ox, oy] = style.transformOrigin.split(" ").map(parseFloat);
+    const dx = from.left + (from.width * ox) / to.width - (to.left + ox);
+    const dy = from.top + (from.height * oy) / to.height - (to.top + oy);
+    const {
+      delay = 0,
+      duration = (d) => Math.sqrt(d) * 120,
+      easing = cubicOut,
+    } = params;
+    return {
+      delay,
+      duration: is_function(duration)
+        ? duration(Math.sqrt(dx * dx + dy * dy))
+        : duration,
+      easing,
+      css: (t, u) => {
+        const x = u * dx;
+        const y = u * dy;
+        const sx = t + (u * from.width) / to.width;
+        const sy = t + (u * from.height) / to.height;
+        return `transform: ${transform} translate(${x}px, ${y}px) scale(${sx}, ${sy});`;
+      },
+    };
   }
 
   /* src/TagMatches.svelte generated by Svelte v3.59.2 */
@@ -1370,632 +1511,723 @@
   const file$1 = "src/TagMatches.svelte";
 
   function get_each_context(ctx, list, i) {
-  	const child_ctx = ctx.slice();
-  	child_ctx[13] = list[i];
-  	return child_ctx;
+    const child_ctx = ctx.slice();
+    child_ctx[13] = list[i];
+    return child_ctx;
   }
 
   // (77:0) {#if visible}
   function create_if_block(ctx) {
-  	let div8;
-  	let div7;
-  	let div6;
-  	let div0;
-  	let h3;
-  	let t1;
-  	let div2;
-  	let div1;
-  	let each_blocks = [];
-  	let each_1_lookup = new Map();
-  	let t2;
-  	let div5;
-  	let div3;
-  	let button0;
-  	let t4;
-  	let button1;
-  	let t5;
-  	let t6;
-  	let div4;
-  	let t7;
-  	let input;
-  	let t8;
-  	let t9_value = /*threshold*/ ctx[0] * 100 + "";
-  	let t9;
-  	let t10;
-  	let div8_intro;
-  	let div8_outro;
-  	let current;
-  	let mounted;
-  	let dispose;
-  	let each_value = /*filteredMatches*/ ctx[4];
-  	validate_each_argument(each_value);
-  	const get_key = ctx => /*tag*/ ctx[13].id;
-  	validate_each_keys(ctx, each_value, get_each_context, get_key);
-
-  	for (let i = 0; i < each_value.length; i += 1) {
-  		let child_ctx = get_each_context(ctx, each_value, i);
-  		let key = get_key(child_ctx);
-  		each_1_lookup.set(key, each_blocks[i] = create_each_block(key, child_ctx));
-  	}
-
-  	let if_block = /*saving*/ ctx[2] && create_if_block_1(ctx);
-
-  	const block = {
-  		c: function create() {
-  			div8 = element("div");
-  			div7 = element("div");
-  			div6 = element("div");
-  			div0 = element("div");
-  			h3 = element("h3");
-  			h3.textContent = "Tag";
-  			t1 = space();
-  			div2 = element("div");
-  			div1 = element("div");
-
-  			for (let i = 0; i < each_blocks.length; i += 1) {
-  				each_blocks[i].c();
-  			}
-
-  			t2 = space();
-  			div5 = element("div");
-  			div3 = element("div");
-  			button0 = element("button");
-  			button0.textContent = "Close";
-  			t4 = space();
-  			button1 = element("button");
-  			if (if_block) if_block.c();
-  			t5 = text("\n              Add Tags");
-  			t6 = space();
-  			div4 = element("div");
-  			t7 = text("Threshold: ");
-  			input = element("input");
-  			t8 = space();
-  			t9 = text(t9_value);
-  			t10 = text(" %");
-  			attr_dev(h3, "class", "modal-title");
-  			add_location(h3, file$1, 90, 10, 2253);
-  			attr_dev(div0, "class", "modal-header svelte-9viihb");
-  			add_location(div0, file$1, 89, 8, 2216);
-  			attr_dev(div1, "class", "row justify-content-center");
-  			add_location(div1, file$1, 93, 10, 2344);
-  			attr_dev(div2, "class", "modal-body");
-  			add_location(div2, file$1, 92, 8, 2309);
-  			attr_dev(button0, "id", "tags-cancel");
-  			attr_dev(button0, "type", "button");
-  			attr_dev(button0, "class", "ml-2 btn btn-secondary");
-  			add_location(button0, file$1, 107, 12, 2787);
-  			attr_dev(button1, "id", "tags-accept");
-  			attr_dev(button1, "type", "button");
-  			attr_dev(button1, "class", "ml-2 btn btn-primary");
-  			add_location(button1, file$1, 113, 12, 2970);
-  			add_location(div3, file$1, 106, 10, 2769);
-  			attr_dev(input, "type", "range");
-  			attr_dev(input, "min", "0.2");
-  			attr_dev(input, "max", "0.9");
-  			attr_dev(input, "step", "0.1");
-  			attr_dev(input, "id", "stash-readbooru-threshold");
-  			set_style(input, "margin", "0px");
-  			set_style(input, "height", "10px");
-  			add_location(input, file$1, 126, 23, 3318);
-  			add_location(div4, file$1, 125, 10, 3289);
-  			attr_dev(div5, "class", "ModalFooter modal-footer svelte-9viihb");
-  			add_location(div5, file$1, 105, 8, 2720);
-  			attr_dev(div6, "class", "modal-content");
-  			add_location(div6, file$1, 88, 6, 2180);
-  			attr_dev(div7, "class", "modal-dialog modal-xl top-accent svelte-9viihb");
-  			add_location(div7, file$1, 87, 4, 2127);
-  			attr_dev(div8, "role", "dialog");
-  			attr_dev(div8, "aria-modal", "true");
-  			attr_dev(div8, "class", "fade ModalComponent modal show");
-  			attr_dev(div8, "tabindex", "-1");
-  			set_style(div8, "display", "block");
-  			add_location(div8, file$1, 77, 2, 1884);
-  		},
-  		m: function mount(target, anchor) {
-  			insert_dev(target, div8, anchor);
-  			append_dev(div8, div7);
-  			append_dev(div7, div6);
-  			append_dev(div6, div0);
-  			append_dev(div0, h3);
-  			append_dev(div6, t1);
-  			append_dev(div6, div2);
-  			append_dev(div2, div1);
-
-  			for (let i = 0; i < each_blocks.length; i += 1) {
-  				if (each_blocks[i]) {
-  					each_blocks[i].m(div1, null);
-  				}
-  			}
-
-  			append_dev(div6, t2);
-  			append_dev(div6, div5);
-  			append_dev(div5, div3);
-  			append_dev(div3, button0);
-  			append_dev(div3, t4);
-  			append_dev(div3, button1);
-  			if (if_block) if_block.m(button1, null);
-  			append_dev(button1, t5);
-  			append_dev(div5, t6);
-  			append_dev(div5, div4);
-  			append_dev(div4, t7);
-  			append_dev(div4, input);
-  			set_input_value(input, /*threshold*/ ctx[0]);
-  			append_dev(div4, t8);
-  			append_dev(div4, t9);
-  			append_dev(div4, t10);
-  			/*div8_binding*/ ctx[11](div8);
-  			current = true;
-
-  			if (!mounted) {
-  				dispose = [
-  					listen_dev(button0, "click", /*close*/ ctx[5], false, false, false, false),
-  					listen_dev(button1, "click", /*save*/ ctx[7], false, false, false, false),
-  					listen_dev(input, "change", /*input_change_input_handler*/ ctx[10]),
-  					listen_dev(input, "input", /*input_change_input_handler*/ ctx[10]),
-  					listen_dev(input, "change", /*changeThreshold*/ ctx[8], false, false, false, false)
-  				];
-
-  				mounted = true;
-  			}
-  		},
-  		p: function update(ctx, dirty) {
-  			if (dirty & /*filteredMatches, remove*/ 80) {
-  				each_value = /*filteredMatches*/ ctx[4];
-  				validate_each_argument(each_value);
-  				group_outros();
-  				for (let i = 0; i < each_blocks.length; i += 1) each_blocks[i].r();
-  				validate_each_keys(ctx, each_value, get_each_context, get_key);
-  				each_blocks = update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, div1, fix_and_outro_and_destroy_block, create_each_block, null, get_each_context);
-  				for (let i = 0; i < each_blocks.length; i += 1) each_blocks[i].a();
-  				check_outros();
-  			}
-
-  			if (/*saving*/ ctx[2]) {
-  				if (if_block) ; else {
-  					if_block = create_if_block_1(ctx);
-  					if_block.c();
-  					if_block.m(button1, t5);
-  				}
-  			} else if (if_block) {
-  				if_block.d(1);
-  				if_block = null;
-  			}
-
-  			if (dirty & /*threshold*/ 1) {
-  				set_input_value(input, /*threshold*/ ctx[0]);
-  			}
-
-  			if ((!current || dirty & /*threshold*/ 1) && t9_value !== (t9_value = /*threshold*/ ctx[0] * 100 + "")) set_data_dev(t9, t9_value);
-  		},
-  		i: function intro(local) {
-  			if (current) return;
-
-  			for (let i = 0; i < each_value.length; i += 1) {
-  				transition_in(each_blocks[i]);
-  			}
-
-  			add_render_callback(() => {
-  				if (!current) return;
-  				if (div8_outro) div8_outro.end(1);
-  				div8_intro = create_in_transition(div8, fly, { y: 100, duration: 400 });
-  				div8_intro.start();
-  			});
-
-  			current = true;
-  		},
-  		o: function outro(local) {
-  			for (let i = 0; i < each_blocks.length; i += 1) {
-  				transition_out(each_blocks[i]);
-  			}
-
-  			if (div8_intro) div8_intro.invalidate();
-  			div8_outro = create_out_transition(div8, fly, { y: -100, duration: 400 });
-  			current = false;
-  		},
-  		d: function destroy(detaching) {
-  			if (detaching) detach_dev(div8);
-
-  			for (let i = 0; i < each_blocks.length; i += 1) {
-  				each_blocks[i].d();
-  			}
-
-  			if (if_block) if_block.d();
-  			/*div8_binding*/ ctx[11](null);
-  			if (detaching && div8_outro) div8_outro.end();
-  			mounted = false;
-  			run_all(dispose);
-  		}
-  	};
-
-  	dispatch_dev("SvelteRegisterBlock", {
-  		block,
-  		id: create_if_block.name,
-  		type: "if",
-  		source: "(77:0) {#if visible}",
-  		ctx
-  	});
-
-  	return block;
-  }
+    let div8;
+    let div7;
+    let div6;
+    let div0;
+    let h3;
+    let t1;
+    let div2;
+    let div1;
+    let each_blocks = [];
+    let each_1_lookup = new Map();
+    let t2;
+    let div5;
+    let div3;
+    let button0;
+    let t4;
+    let button1;
+    let t5;
+    let t6;
+    let div4;
+    let t7;
+    let input;
+    let t8;
+    let t9_value = /*threshold*/ ctx[0] * 100 + "";
+    let t9;
+    let t10;
+    let div8_intro;
+    let div8_outro;
+    let current;
+    let mounted;
+    let dispose;
+    let each_value = /*filteredMatches*/ ctx[4];
+    validate_each_argument(each_value);
+    const get_key = (ctx) => /*tag*/ ctx[13].id;
+    validate_each_keys(ctx, each_value, get_each_context, get_key);
+
+    for (let i = 0; i < each_value.length; i += 1) {
+      let child_ctx = get_each_context(ctx, each_value, i);
+      let key = get_key(child_ctx);
+      each_1_lookup.set(
+        key,
+        (each_blocks[i] = create_each_block(key, child_ctx)),
+      );
+    }
+
+    let if_block = /*saving*/ ctx[2] && create_if_block_1(ctx);
+
+    const block = {
+      c: function create() {
+        div8 = element("div");
+        div7 = element("div");
+        div6 = element("div");
+        div0 = element("div");
+        h3 = element("h3");
+        h3.textContent = "Tag";
+        t1 = space();
+        div2 = element("div");
+        div1 = element("div");
+
+        for (let i = 0; i < each_blocks.length; i += 1) {
+          each_blocks[i].c();
+        }
 
-  // (95:12) {#each filteredMatches as tag (tag.id)}
-  function create_each_block(key_1, ctx) {
-  	let div;
-  	let tag;
-  	let t;
-  	let div_intro;
-  	let div_outro;
-  	let rect;
-  	let stop_animation = noop;
-  	let current;
-  	const tag_spread_levels = [/*tag*/ ctx[13]];
-  	let tag_props = {};
-
-  	for (let i = 0; i < tag_spread_levels.length; i += 1) {
-  		tag_props = assign(tag_props, tag_spread_levels[i]);
-  	}
-
-  	tag = new Tag({ props: tag_props, $$inline: true });
-  	tag.$on("remove", /*remove*/ ctx[6]);
-
-  	const block = {
-  		key: key_1,
-  		first: null,
-  		c: function create() {
-  			div = element("div");
-  			create_component(tag.$$.fragment);
-  			t = space();
-  			add_location(div, file$1, 95, 14, 2451);
-  			this.first = div;
-  		},
-  		m: function mount(target, anchor) {
-  			insert_dev(target, div, anchor);
-  			mount_component(tag, div, null);
-  			append_dev(div, t);
-  			current = true;
-  		},
-  		p: function update(new_ctx, dirty) {
-  			ctx = new_ctx;
-
-  			const tag_changes = (dirty & /*filteredMatches*/ 16)
-  			? get_spread_update(tag_spread_levels, [get_spread_object(/*tag*/ ctx[13])])
-  			: {};
-
-  			tag.$set(tag_changes);
-  		},
-  		r: function measure() {
-  			rect = div.getBoundingClientRect();
-  		},
-  		f: function fix() {
-  			fix_position(div);
-  			stop_animation();
-  			add_transform(div, rect);
-  		},
-  		a: function animate() {
-  			stop_animation();
-  			stop_animation = create_animation(div, rect, flip, { duration: 250, easing: quintOut });
-  		},
-  		i: function intro(local) {
-  			if (current) return;
-  			transition_in(tag.$$.fragment, local);
-
-  			add_render_callback(() => {
-  				if (!current) return;
-  				if (div_outro) div_outro.end(1);
-  				div_intro = create_in_transition(div, fade, {});
-  				div_intro.start();
-  			});
-
-  			current = true;
-  		},
-  		o: function outro(local) {
-  			transition_out(tag.$$.fragment, local);
-  			if (div_intro) div_intro.invalidate();
-  			div_outro = create_out_transition(div, fade, {});
-  			current = false;
-  		},
-  		d: function destroy(detaching) {
-  			if (detaching) detach_dev(div);
-  			destroy_component(tag);
-  			if (detaching && div_outro) div_outro.end();
-  		}
-  	};
-
-  	dispatch_dev("SvelteRegisterBlock", {
-  		block,
-  		id: create_each_block.name,
-  		type: "each",
-  		source: "(95:12) {#each filteredMatches as tag (tag.id)}",
-  		ctx
-  	});
-
-  	return block;
-  }
+        t2 = space();
+        div5 = element("div");
+        div3 = element("div");
+        button0 = element("button");
+        button0.textContent = "Close";
+        t4 = space();
+        button1 = element("button");
+        if (if_block) if_block.c();
+        t5 = text("\n              Add Tags");
+        t6 = space();
+        div4 = element("div");
+        t7 = text("Threshold: ");
+        input = element("input");
+        t8 = space();
+        t9 = text(t9_value);
+        t10 = text(" %");
+        attr_dev(h3, "class", "modal-title");
+        add_location(h3, file$1, 90, 10, 2253);
+        attr_dev(div0, "class", "modal-header svelte-9viihb");
+        add_location(div0, file$1, 89, 8, 2216);
+        attr_dev(div1, "class", "row justify-content-center");
+        add_location(div1, file$1, 93, 10, 2344);
+        attr_dev(div2, "class", "modal-body");
+        add_location(div2, file$1, 92, 8, 2309);
+        attr_dev(button0, "id", "tags-cancel");
+        attr_dev(button0, "type", "button");
+        attr_dev(button0, "class", "ml-2 btn btn-secondary");
+        add_location(button0, file$1, 107, 12, 2787);
+        attr_dev(button1, "id", "tags-accept");
+        attr_dev(button1, "type", "button");
+        attr_dev(button1, "class", "ml-2 btn btn-primary");
+        add_location(button1, file$1, 113, 12, 2970);
+        add_location(div3, file$1, 106, 10, 2769);
+        attr_dev(input, "type", "range");
+        attr_dev(input, "min", "0.2");
+        attr_dev(input, "max", "0.9");
+        attr_dev(input, "step", "0.1");
+        attr_dev(input, "id", "stash-readbooru-threshold");
+        set_style(input, "margin", "0px");
+        set_style(input, "height", "10px");
+        add_location(input, file$1, 126, 23, 3318);
+        add_location(div4, file$1, 125, 10, 3289);
+        attr_dev(div5, "class", "ModalFooter modal-footer svelte-9viihb");
+        add_location(div5, file$1, 105, 8, 2720);
+        attr_dev(div6, "class", "modal-content");
+        add_location(div6, file$1, 88, 6, 2180);
+        attr_dev(
+          div7,
+          "class",
+          "modal-dialog modal-xl top-accent svelte-9viihb",
+        );
+        add_location(div7, file$1, 87, 4, 2127);
+        attr_dev(div8, "role", "dialog");
+        attr_dev(div8, "aria-modal", "true");
+        attr_dev(div8, "class", "fade ModalComponent modal show");
+        attr_dev(div8, "tabindex", "-1");
+        set_style(div8, "display", "block");
+        add_location(div8, file$1, 77, 2, 1884);
+      },
+      m: function mount(target, anchor) {
+        insert_dev(target, div8, anchor);
+        append_dev(div8, div7);
+        append_dev(div7, div6);
+        append_dev(div6, div0);
+        append_dev(div0, h3);
+        append_dev(div6, t1);
+        append_dev(div6, div2);
+        append_dev(div2, div1);
+
+        for (let i = 0; i < each_blocks.length; i += 1) {
+          if (each_blocks[i]) {
+            each_blocks[i].m(div1, null);
+          }
+        }
 
-  // (120:14) {#if saving}
-  function create_if_block_1(ctx) {
-  	let div;
-
-  	const block = {
-  		c: function create() {
-  			div = element("div");
-  			attr_dev(div, "class", "lds-dual-ring svelte-9viihb");
-  			add_location(div, file$1, 120, 16, 3167);
-  		},
-  		m: function mount(target, anchor) {
-  			insert_dev(target, div, anchor);
-  		},
-  		d: function destroy(detaching) {
-  			if (detaching) detach_dev(div);
-  		}
-  	};
-
-  	dispatch_dev("SvelteRegisterBlock", {
-  		block,
-  		id: create_if_block_1.name,
-  		type: "if",
-  		source: "(120:14) {#if saving}",
-  		ctx
-  	});
-
-  	return block;
-  }
+        append_dev(div6, t2);
+        append_dev(div6, div5);
+        append_dev(div5, div3);
+        append_dev(div3, button0);
+        append_dev(div3, t4);
+        append_dev(div3, button1);
+        if (if_block) if_block.m(button1, null);
+        append_dev(button1, t5);
+        append_dev(div5, t6);
+        append_dev(div5, div4);
+        append_dev(div4, t7);
+        append_dev(div4, input);
+        set_input_value(input, /*threshold*/ ctx[0]);
+        append_dev(div4, t8);
+        append_dev(div4, t9);
+        append_dev(div4, t10);
+        /*div8_binding*/ ctx[11](div8);
+        current = true;
+
+        if (!mounted) {
+          dispose = [
+            listen_dev(
+              button0,
+              "click",
+              /*close*/ ctx[5],
+              false,
+              false,
+              false,
+              false,
+            ),
+            listen_dev(
+              button1,
+              "click",
+              /*save*/ ctx[7],
+              false,
+              false,
+              false,
+              false,
+            ),
+            listen_dev(input, "change", /*input_change_input_handler*/ ctx[10]),
+            listen_dev(input, "input", /*input_change_input_handler*/ ctx[10]),
+            listen_dev(
+              input,
+              "change",
+              /*changeThreshold*/ ctx[8],
+              false,
+              false,
+              false,
+              false,
+            ),
+          ];
 
-  function create_fragment$1(ctx) {
-  	let if_block_anchor;
-  	let current;
-  	let if_block = /*visible*/ ctx[1] && create_if_block(ctx);
-
-  	const block = {
-  		c: function create() {
-  			if (if_block) if_block.c();
-  			if_block_anchor = empty();
-  		},
-  		l: function claim(nodes) {
-  			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
-  		},
-  		m: function mount(target, anchor) {
-  			if (if_block) if_block.m(target, anchor);
-  			insert_dev(target, if_block_anchor, anchor);
-  			current = true;
-  		},
-  		p: function update(ctx, [dirty]) {
-  			if (/*visible*/ ctx[1]) {
-  				if (if_block) {
-  					if_block.p(ctx, dirty);
-
-  					if (dirty & /*visible*/ 2) {
-  						transition_in(if_block, 1);
-  					}
-  				} else {
-  					if_block = create_if_block(ctx);
-  					if_block.c();
-  					transition_in(if_block, 1);
-  					if_block.m(if_block_anchor.parentNode, if_block_anchor);
-  				}
-  			} else if (if_block) {
-  				group_outros();
-
-  				transition_out(if_block, 1, 1, () => {
-  					if_block = null;
-  				});
-
-  				check_outros();
-  			}
-  		},
-  		i: function intro(local) {
-  			if (current) return;
-  			transition_in(if_block);
-  			current = true;
-  		},
-  		o: function outro(local) {
-  			transition_out(if_block);
-  			current = false;
-  		},
-  		d: function destroy(detaching) {
-  			if (if_block) if_block.d(detaching);
-  			if (detaching) detach_dev(if_block_anchor);
-  		}
-  	};
-
-  	dispatch_dev("SvelteRegisterBlock", {
-  		block,
-  		id: create_fragment$1.name,
-  		type: "component",
-  		source: "",
-  		ctx
-  	});
-
-  	return block;
-  }
+          mounted = true;
+        }
+      },
+      p: function update(ctx, dirty) {
+        if (dirty & /*filteredMatches, remove*/ 80) {
+          each_value = /*filteredMatches*/ ctx[4];
+          validate_each_argument(each_value);
+          group_outros();
+          for (let i = 0; i < each_blocks.length; i += 1) each_blocks[i].r();
+          validate_each_keys(ctx, each_value, get_each_context, get_key);
+          each_blocks = update_keyed_each(
+            each_blocks,
+            dirty,
+            get_key,
+            1,
+            ctx,
+            each_value,
+            each_1_lookup,
+            div1,
+            fix_and_outro_and_destroy_block,
+            create_each_block,
+            null,
+            get_each_context,
+          );
+          for (let i = 0; i < each_blocks.length; i += 1) each_blocks[i].a();
+          check_outros();
+        }
 
-  function instance$1($$self, $$props, $$invalidate) {
-  	let filteredMatches;
-  	let { $$slots: slots = {}, $$scope } = $$props;
-  	validate_slots('TagMatches', slots, []);
-  	let { matches = {} } = $$props;
-  	let { threshold = 0.7 } = $$props;
-  	let visible = false;
-  	let saving = false;
-  	let modal;
-  	let tags;
-
-  	// Convert the incoming matching data to an array with a random id, name, and probability
-  	matches = Object.entries(matches).map(([name, prob]) => ({
-  		id: Math.random().toString(36).substring(7),
-  		name: name.replace(/_/g, " "),
-  		prob
-  	}));
-
-  	onMount(async () => {
-  		// so we see a nice transition
-  		$$invalidate(1, visible = true);
-
-  		tags = await getAllTags();
-  	});
-
-  	async function close() {
-  		// so we see a nice transition
-  		$$invalidate(1, visible = false);
-
-  		setTimeout(
-  			() => {
-  				modal.remove();
-  			},
-  			400
-  		);
-  	}
-
-  	function remove(event) {
-  		const id = event.detail;
-  		$$invalidate(9, matches = matches.filter(x => x.id !== id));
-  	}
-
-  	async function save() {
-  		$$invalidate(2, saving = true);
-  		const [,image_id] = getScenarioAndID();
-  		let existingTags = await getTagsForImage(image_id);
-
-  		for (const tag of filteredMatches) {
-  			let tagLower = tag.name.toLowerCase();
-
-  			// if tag doesn't exist, create it
-  			if (tags[tagLower] === undefined) {
-  				existingTags.push(await createTag(tagLower));
-  			} else if (!existingTags.includes(tags[tagLower])) {
-  				existingTags.push(tags[tagLower]);
-  			}
-  		}
-
-  		await updateImage(image_id, existingTags);
-  		$$invalidate(2, saving = false);
-  		close();
-  		location.reload();
-  	}
-
-  	function changeThreshold() {
-  		localStorage.setItem("stash-readbooru-threshold", threshold);
-  	}
-
-  	const writable_props = ['matches', 'threshold'];
-
-  	Object_1.keys($$props).forEach(key => {
-  		if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console.warn(`<TagMatches> was created with unknown prop '${key}'`);
-  	});
-
-  	function input_change_input_handler() {
-  		threshold = to_number(this.value);
-  		$$invalidate(0, threshold);
-  	}
-
-  	function div8_binding($$value) {
-  		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
-  			modal = $$value;
-  			$$invalidate(3, modal);
-  		});
-  	}
-
-  	$$self.$$set = $$props => {
-  		if ('matches' in $$props) $$invalidate(9, matches = $$props.matches);
-  		if ('threshold' in $$props) $$invalidate(0, threshold = $$props.threshold);
-  	};
-
-  	$$self.$capture_state = () => ({
-  		Tag,
-  		onMount,
-  		fly,
-  		fade,
-  		flip,
-  		quintOut,
-  		createTag,
-  		getAllTags,
-  		getTagsForImage,
-  		updateImage,
-  		getScenarioAndID,
-  		matches,
-  		threshold,
-  		visible,
-  		saving,
-  		modal,
-  		tags,
-  		close,
-  		remove,
-  		save,
-  		changeThreshold,
-  		filteredMatches
-  	});
-
-  	$$self.$inject_state = $$props => {
-  		if ('matches' in $$props) $$invalidate(9, matches = $$props.matches);
-  		if ('threshold' in $$props) $$invalidate(0, threshold = $$props.threshold);
-  		if ('visible' in $$props) $$invalidate(1, visible = $$props.visible);
-  		if ('saving' in $$props) $$invalidate(2, saving = $$props.saving);
-  		if ('modal' in $$props) $$invalidate(3, modal = $$props.modal);
-  		if ('tags' in $$props) tags = $$props.tags;
-  		if ('filteredMatches' in $$props) $$invalidate(4, filteredMatches = $$props.filteredMatches);
-  	};
-
-  	if ($$props && "$$inject" in $$props) {
-  		$$self.$inject_state($$props.$$inject);
-  	}
-
-  	$$self.$$.update = () => {
-  		if ($$self.$$.dirty & /*matches, threshold*/ 513) {
-  			$$invalidate(4, filteredMatches = matches.filter(x => x.prob > threshold));
-  		}
-  	};
-
-  	return [
-  		threshold,
-  		visible,
-  		saving,
-  		modal,
-  		filteredMatches,
-  		close,
-  		remove,
-  		save,
-  		changeThreshold,
-  		matches,
-  		input_change_input_handler,
-  		div8_binding
-  	];
-  }
+        if (/*saving*/ ctx[2]) {
+          if (if_block);
+          else {
+            if_block = create_if_block_1(ctx);
+            if_block.c();
+            if_block.m(button1, t5);
+          }
+        } else if (if_block) {
+          if_block.d(1);
+          if_block = null;
+        }
+
+        if (dirty & /*threshold*/ 1) {
+          set_input_value(input, /*threshold*/ ctx[0]);
+        }
+
+        if (
+          (!current || dirty & /*threshold*/ 1) &&
+          t9_value !== (t9_value = /*threshold*/ ctx[0] * 100 + "")
+        )
+          set_data_dev(t9, t9_value);
+      },
+      i: function intro(local) {
+        if (current) return;
+
+        for (let i = 0; i < each_value.length; i += 1) {
+          transition_in(each_blocks[i]);
+        }
+
+        add_render_callback(() => {
+          if (!current) return;
+          if (div8_outro) div8_outro.end(1);
+          div8_intro = create_in_transition(div8, fly, {
+            y: 100,
+            duration: 400,
+          });
+          div8_intro.start();
+        });
+
+        current = true;
+      },
+      o: function outro(local) {
+        for (let i = 0; i < each_blocks.length; i += 1) {
+          transition_out(each_blocks[i]);
+        }
+
+        if (div8_intro) div8_intro.invalidate();
+        div8_outro = create_out_transition(div8, fly, {
+          y: -100,
+          duration: 400,
+        });
+        current = false;
+      },
+      d: function destroy(detaching) {
+        if (detaching) detach_dev(div8);
+
+        for (let i = 0; i < each_blocks.length; i += 1) {
+          each_blocks[i].d();
+        }
+
+        if (if_block) if_block.d();
+        /*div8_binding*/ ctx[11](null);
+        if (detaching && div8_outro) div8_outro.end();
+        mounted = false;
+        run_all(dispose);
+      },
+    };
+
+    dispatch_dev("SvelteRegisterBlock", {
+      block,
+      id: create_if_block.name,
+      type: "if",
+      source: "(77:0) {#if visible}",
+      ctx,
+    });
+
+    return block;
+  }
+
+  // (95:12) {#each filteredMatches as tag (tag.id)}
+  function create_each_block(key_1, ctx) {
+    let div;
+    let tag;
+    let t;
+    let div_intro;
+    let div_outro;
+    let rect;
+    let stop_animation = noop;
+    let current;
+    const tag_spread_levels = [/*tag*/ ctx[13]];
+    let tag_props = {};
+
+    for (let i = 0; i < tag_spread_levels.length; i += 1) {
+      tag_props = assign(tag_props, tag_spread_levels[i]);
+    }
+
+    tag = new Tag({ props: tag_props, $$inline: true });
+    tag.$on("remove", /*remove*/ ctx[6]);
+
+    const block = {
+      key: key_1,
+      first: null,
+      c: function create() {
+        div = element("div");
+        create_component(tag.$$.fragment);
+        t = space();
+        add_location(div, file$1, 95, 14, 2451);
+        this.first = div;
+      },
+      m: function mount(target, anchor) {
+        insert_dev(target, div, anchor);
+        mount_component(tag, div, null);
+        append_dev(div, t);
+        current = true;
+      },
+      p: function update(new_ctx, dirty) {
+        ctx = new_ctx;
+
+        const tag_changes =
+          dirty & /*filteredMatches*/ 16
+            ? get_spread_update(tag_spread_levels, [
+                get_spread_object(/*tag*/ ctx[13]),
+              ])
+            : {};
+
+        tag.$set(tag_changes);
+      },
+      r: function measure() {
+        rect = div.getBoundingClientRect();
+      },
+      f: function fix() {
+        fix_position(div);
+        stop_animation();
+        add_transform(div, rect);
+      },
+      a: function animate() {
+        stop_animation();
+        stop_animation = create_animation(div, rect, flip, {
+          duration: 250,
+          easing: quintOut,
+        });
+      },
+      i: function intro(local) {
+        if (current) return;
+        transition_in(tag.$$.fragment, local);
+
+        add_render_callback(() => {
+          if (!current) return;
+          if (div_outro) div_outro.end(1);
+          div_intro = create_in_transition(div, fade, {});
+          div_intro.start();
+        });
+
+        current = true;
+      },
+      o: function outro(local) {
+        transition_out(tag.$$.fragment, local);
+        if (div_intro) div_intro.invalidate();
+        div_outro = create_out_transition(div, fade, {});
+        current = false;
+      },
+      d: function destroy(detaching) {
+        if (detaching) detach_dev(div);
+        destroy_component(tag);
+        if (detaching && div_outro) div_outro.end();
+      },
+    };
+
+    dispatch_dev("SvelteRegisterBlock", {
+      block,
+      id: create_each_block.name,
+      type: "each",
+      source: "(95:12) {#each filteredMatches as tag (tag.id)}",
+      ctx,
+    });
+
+    return block;
+  }
+
+  // (120:14) {#if saving}
+  function create_if_block_1(ctx) {
+    let div;
+
+    const block = {
+      c: function create() {
+        div = element("div");
+        attr_dev(div, "class", "lds-dual-ring svelte-9viihb");
+        add_location(div, file$1, 120, 16, 3167);
+      },
+      m: function mount(target, anchor) {
+        insert_dev(target, div, anchor);
+      },
+      d: function destroy(detaching) {
+        if (detaching) detach_dev(div);
+      },
+    };
+
+    dispatch_dev("SvelteRegisterBlock", {
+      block,
+      id: create_if_block_1.name,
+      type: "if",
+      source: "(120:14) {#if saving}",
+      ctx,
+    });
+
+    return block;
+  }
+
+  function create_fragment$1(ctx) {
+    let if_block_anchor;
+    let current;
+    let if_block = /*visible*/ ctx[1] && create_if_block(ctx);
+
+    const block = {
+      c: function create() {
+        if (if_block) if_block.c();
+        if_block_anchor = empty();
+      },
+      l: function claim(nodes) {
+        throw new Error(
+          "options.hydrate only works if the component was compiled with the `hydratable: true` option",
+        );
+      },
+      m: function mount(target, anchor) {
+        if (if_block) if_block.m(target, anchor);
+        insert_dev(target, if_block_anchor, anchor);
+        current = true;
+      },
+      p: function update(ctx, [dirty]) {
+        if (/*visible*/ ctx[1]) {
+          if (if_block) {
+            if_block.p(ctx, dirty);
+
+            if (dirty & /*visible*/ 2) {
+              transition_in(if_block, 1);
+            }
+          } else {
+            if_block = create_if_block(ctx);
+            if_block.c();
+            transition_in(if_block, 1);
+            if_block.m(if_block_anchor.parentNode, if_block_anchor);
+          }
+        } else if (if_block) {
+          group_outros();
+
+          transition_out(if_block, 1, 1, () => {
+            if_block = null;
+          });
+
+          check_outros();
+        }
+      },
+      i: function intro(local) {
+        if (current) return;
+        transition_in(if_block);
+        current = true;
+      },
+      o: function outro(local) {
+        transition_out(if_block);
+        current = false;
+      },
+      d: function destroy(detaching) {
+        if (if_block) if_block.d(detaching);
+        if (detaching) detach_dev(if_block_anchor);
+      },
+    };
+
+    dispatch_dev("SvelteRegisterBlock", {
+      block,
+      id: create_fragment$1.name,
+      type: "component",
+      source: "",
+      ctx,
+    });
+
+    return block;
+  }
+
+  function instance$1($$self, $$props, $$invalidate) {
+    let filteredMatches;
+    let { $$slots: slots = {}, $$scope } = $$props;
+    validate_slots("TagMatches", slots, []);
+    let { matches = {} } = $$props;
+    let { threshold = 0.7 } = $$props;
+    let visible = false;
+    let saving = false;
+    let modal;
+    let tags;
+
+    // Convert the incoming matching data to an array with a random id, name, and probability
+    matches = Object.entries(matches).map(([name, prob]) => ({
+      id: Math.random().toString(36).substring(7),
+      name: name.replace(/_/g, " "),
+      prob,
+    }));
+
+    onMount(async () => {
+      // so we see a nice transition
+      $$invalidate(1, (visible = true));
+
+      tags = await getAllTags();
+    });
+
+    async function close() {
+      // so we see a nice transition
+      $$invalidate(1, (visible = false));
+
+      setTimeout(() => {
+        modal.remove();
+      }, 400);
+    }
+
+    function remove(event) {
+      const id = event.detail;
+      $$invalidate(9, (matches = matches.filter((x) => x.id !== id)));
+    }
+
+    async function save() {
+      $$invalidate(2, (saving = true));
+      const [, image_id] = getScenarioAndID();
+      let existingTags = await getTagsForImage(image_id);
+
+      for (const tag of filteredMatches) {
+        let tagLower = tag.name.toLowerCase();
+
+        // if tag doesn't exist, create it
+        if (tags[tagLower] === undefined) {
+          existingTags.push(await createTag(tagLower));
+        } else if (!existingTags.includes(tags[tagLower])) {
+          existingTags.push(tags[tagLower]);
+        }
+      }
+
+      await updateImage(image_id, existingTags);
+      $$invalidate(2, (saving = false));
+      close();
+      location.reload();
+    }
+
+    function changeThreshold() {
+      localStorage.setItem("stash-readbooru-threshold", threshold);
+    }
+
+    const writable_props = ["matches", "threshold"];
+
+    Object_1.keys($$props).forEach((key) => {
+      if (
+        !~writable_props.indexOf(key) &&
+        key.slice(0, 2) !== "$$" &&
+        key !== "slot"
+      )
+        console.warn(`<TagMatches> was created with unknown prop '${key}'`);
+    });
+
+    function input_change_input_handler() {
+      threshold = to_number(this.value);
+      $$invalidate(0, threshold);
+    }
+
+    function div8_binding($$value) {
+      binding_callbacks[$$value ? "unshift" : "push"](() => {
+        modal = $$value;
+        $$invalidate(3, modal);
+      });
+    }
+
+    $$self.$$set = ($$props) => {
+      if ("matches" in $$props) $$invalidate(9, (matches = $$props.matches));
+      if ("threshold" in $$props)
+        $$invalidate(0, (threshold = $$props.threshold));
+    };
+
+    $$self.$capture_state = () => ({
+      Tag,
+      onMount,
+      fly,
+      fade,
+      flip,
+      quintOut,
+      createTag,
+      getAllTags,
+      getTagsForImage,
+      updateImage,
+      getScenarioAndID,
+      matches,
+      threshold,
+      visible,
+      saving,
+      modal,
+      tags,
+      close,
+      remove,
+      save,
+      changeThreshold,
+      filteredMatches,
+    });
+
+    $$self.$inject_state = ($$props) => {
+      if ("matches" in $$props) $$invalidate(9, (matches = $$props.matches));
+      if ("threshold" in $$props)
+        $$invalidate(0, (threshold = $$props.threshold));
+      if ("visible" in $$props) $$invalidate(1, (visible = $$props.visible));
+      if ("saving" in $$props) $$invalidate(2, (saving = $$props.saving));
+      if ("modal" in $$props) $$invalidate(3, (modal = $$props.modal));
+      if ("tags" in $$props) tags = $$props.tags;
+      if ("filteredMatches" in $$props)
+        $$invalidate(4, (filteredMatches = $$props.filteredMatches));
+    };
+
+    if ($$props && "$$inject" in $$props) {
+      $$self.$inject_state($$props.$$inject);
+    }
+
+    $$self.$$.update = () => {
+      if ($$self.$$.dirty & /*matches, threshold*/ 513) {
+        $$invalidate(
+          4,
+          (filteredMatches = matches.filter((x) => x.prob > threshold)),
+        );
+      }
+    };
+
+    return [
+      threshold,
+      visible,
+      saving,
+      modal,
+      filteredMatches,
+      close,
+      remove,
+      save,
+      changeThreshold,
+      matches,
+      input_change_input_handler,
+      div8_binding,
+    ];
+  }
 
   class TagMatches extends SvelteComponentDev {
-  	constructor(options) {
-  		super(options);
-  		init(this, options, instance$1, create_fragment$1, safe_not_equal, { matches: 9, threshold: 0 });
-
-  		dispatch_dev("SvelteRegisterComponent", {
-  			component: this,
-  			tagName: "TagMatches",
-  			options,
-  			id: create_fragment$1.name
-  		});
-  	}
-
-  	get matches() {
-  		throw new Error("<TagMatches>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
-  	}
-
-  	set matches(value) {
-  		throw new Error("<TagMatches>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
-  	}
-
-  	get threshold() {
-  		throw new Error("<TagMatches>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
-  	}
-
-  	set threshold(value) {
-  		throw new Error("<TagMatches>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
-  	}
+    constructor(options) {
+      super(options);
+      init(this, options, instance$1, create_fragment$1, safe_not_equal, {
+        matches: 9,
+        threshold: 0,
+      });
+
+      dispatch_dev("SvelteRegisterComponent", {
+        component: this,
+        tagName: "TagMatches",
+        options,
+        id: create_fragment$1.name,
+      });
+    }
+
+    get matches() {
+      throw new Error(
+        "<TagMatches>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+      );
+    }
+
+    set matches(value) {
+      throw new Error(
+        "<TagMatches>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+      );
+    }
+
+    get threshold() {
+      throw new Error(
+        "<TagMatches>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+      );
+    }
+
+    set threshold(value) {
+      throw new Error(
+        "<TagMatches>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+      );
+    }
   }
 
-  var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+  var commonjsGlobal =
+    typeof globalThis !== "undefined"
+      ? globalThis
+      : typeof window !== "undefined"
+        ? window
+        : typeof global !== "undefined"
+          ? global
+          : typeof self !== "undefined"
+            ? self
+            : {};
 
   function createCommonjsModule(fn) {
     var module = { exports: {} };
-  	return fn(module, module.exports), module.exports;
+    return fn(module, module.exports), module.exports;
   }
 
   /*!
@@ -2005,9 +2237,9 @@
    */
 
   var html2canvas = createCommonjsModule(function (module, exports) {
-  (function (global, factory) {
-      module.exports = factory() ;
-  }(commonjsGlobal, (function () {
+    (function (global, factory) {
+      module.exports = factory();
+    })(commonjsGlobal, function () {
       /*! *****************************************************************************
       Copyright (c) Microsoft Corporation.
 
@@ -2024,114 +2256,252 @@
       ***************************************************************************** */
       /* global Reflect, Promise */
 
-      var extendStatics = function(d, b) {
-          extendStatics = Object.setPrototypeOf ||
-              ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-              function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-          return extendStatics(d, b);
+      var extendStatics = function (d, b) {
+        extendStatics =
+          Object.setPrototypeOf ||
+          ({ __proto__: [] } instanceof Array &&
+            function (d, b) {
+              d.__proto__ = b;
+            }) ||
+          function (d, b) {
+            for (var p in b)
+              if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];
+          };
+        return extendStatics(d, b);
       };
 
       function __extends(d, b) {
-          if (typeof b !== "function" && b !== null)
-              throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-          extendStatics(d, b);
-          function __() { this.constructor = d; }
-          d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+        if (typeof b !== "function" && b !== null)
+          throw new TypeError(
+            "Class extends value " +
+              String(b) +
+              " is not a constructor or null",
+          );
+        extendStatics(d, b);
+        function __() {
+          this.constructor = d;
+        }
+        d.prototype =
+          b === null
+            ? Object.create(b)
+            : ((__.prototype = b.prototype), new __());
       }
 
-      var __assign = function() {
-          __assign = Object.assign || function __assign(t) {
-              for (var s, i = 1, n = arguments.length; i < n; i++) {
-                  s = arguments[i];
-                  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-              }
-              return t;
+      var __assign = function () {
+        __assign =
+          Object.assign ||
+          function __assign(t) {
+            for (var s, i = 1, n = arguments.length; i < n; i++) {
+              s = arguments[i];
+              for (var p in s)
+                if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+            }
+            return t;
           };
-          return __assign.apply(this, arguments);
+        return __assign.apply(this, arguments);
       };
 
       function __awaiter(thisArg, _arguments, P, generator) {
-          function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-          return new (P || (P = Promise))(function (resolve, reject) {
-              function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-              function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-              function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-              step((generator = generator.apply(thisArg, _arguments || [])).next());
-          });
+        function adopt(value) {
+          return value instanceof P
+            ? value
+            : new P(function (resolve) {
+                resolve(value);
+              });
+        }
+        return new (P || (P = Promise))(function (resolve, reject) {
+          function fulfilled(value) {
+            try {
+              step(generator.next(value));
+            } catch (e) {
+              reject(e);
+            }
+          }
+          function rejected(value) {
+            try {
+              step(generator["throw"](value));
+            } catch (e) {
+              reject(e);
+            }
+          }
+          function step(result) {
+            result.done
+              ? resolve(result.value)
+              : adopt(result.value).then(fulfilled, rejected);
+          }
+          step((generator = generator.apply(thisArg, _arguments || [])).next());
+        });
       }
 
       function __generator(thisArg, body) {
-          var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-          return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-          function verb(n) { return function (v) { return step([n, v]); }; }
-          function step(op) {
-              if (f) throw new TypeError("Generator is already executing.");
-              while (_) try {
-                  if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-                  if (y = 0, t) op = [op[0] & 2, t.value];
-                  switch (op[0]) {
-                      case 0: case 1: t = op; break;
-                      case 4: _.label++; return { value: op[1], done: false };
-                      case 5: _.label++; y = op[1]; op = [0]; continue;
-                      case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                      default:
-                          if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                          if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                          if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                          if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                          if (t[2]) _.ops.pop();
-                          _.trys.pop(); continue;
-                  }
-                  op = body.call(thisArg, _);
-              } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-              if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-          }
+        var _ = {
+            label: 0,
+            sent: function () {
+              if (t[0] & 1) throw t[1];
+              return t[1];
+            },
+            trys: [],
+            ops: [],
+          },
+          f,
+          y,
+          t,
+          g;
+        return (
+          (g = { next: verb(0), throw: verb(1), return: verb(2) }),
+          typeof Symbol === "function" &&
+            (g[Symbol.iterator] = function () {
+              return this;
+            }),
+          g
+        );
+        function verb(n) {
+          return function (v) {
+            return step([n, v]);
+          };
+        }
+        function step(op) {
+          if (f) throw new TypeError("Generator is already executing.");
+          while (_)
+            try {
+              if (
+                ((f = 1),
+                y &&
+                  (t =
+                    op[0] & 2
+                      ? y["return"]
+                      : op[0]
+                        ? y["throw"] || ((t = y["return"]) && t.call(y), 0)
+                        : y.next) &&
+                  !(t = t.call(y, op[1])).done)
+              )
+                return t;
+              if (((y = 0), t)) op = [op[0] & 2, t.value];
+              switch (op[0]) {
+                case 0:
+                case 1:
+                  t = op;
+                  break;
+                case 4:
+                  _.label++;
+                  return { value: op[1], done: false };
+                case 5:
+                  _.label++;
+                  y = op[1];
+                  op = [0];
+                  continue;
+                case 7:
+                  op = _.ops.pop();
+                  _.trys.pop();
+                  continue;
+                default:
+                  if (
+                    !((t = _.trys), (t = t.length > 0 && t[t.length - 1])) &&
+                    (op[0] === 6 || op[0] === 2)
+                  ) {
+                    _ = 0;
+                    continue;
+                  }
+                  if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) {
+                    _.label = op[1];
+                    break;
+                  }
+                  if (op[0] === 6 && _.label < t[1]) {
+                    _.label = t[1];
+                    t = op;
+                    break;
+                  }
+                  if (t && _.label < t[2]) {
+                    _.label = t[2];
+                    _.ops.push(op);
+                    break;
+                  }
+                  if (t[2]) _.ops.pop();
+                  _.trys.pop();
+                  continue;
+              }
+              op = body.call(thisArg, _);
+            } catch (e) {
+              op = [6, e];
+              y = 0;
+            } finally {
+              f = t = 0;
+            }
+          if (op[0] & 5) throw op[1];
+          return { value: op[0] ? op[1] : void 0, done: true };
+        }
       }
 
       function __spreadArray(to, from, pack) {
-          if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-              if (ar || !(i in from)) {
-                  if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-                  ar[i] = from[i];
-              }
-          }
-          return to.concat(ar || from);
+        if (pack || arguments.length === 2)
+          for (var i = 0, l = from.length, ar; i < l; i++) {
+            if (ar || !(i in from)) {
+              if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+              ar[i] = from[i];
+            }
+          }
+        return to.concat(ar || from);
       }
 
       var Bounds = /** @class */ (function () {
-          function Bounds(left, top, width, height) {
-              this.left = left;
-              this.top = top;
-              this.width = width;
-              this.height = height;
-          }
-          Bounds.prototype.add = function (x, y, w, h) {
-              return new Bounds(this.left + x, this.top + y, this.width + w, this.height + h);
-          };
-          Bounds.fromClientRect = function (context, clientRect) {
-              return new Bounds(clientRect.left + context.windowBounds.left, clientRect.top + context.windowBounds.top, clientRect.width, clientRect.height);
-          };
-          Bounds.fromDOMRectList = function (context, domRectList) {
-              var domRect = Array.from(domRectList).find(function (rect) { return rect.width !== 0; });
-              return domRect
-                  ? new Bounds(domRect.left + context.windowBounds.left, domRect.top + context.windowBounds.top, domRect.width, domRect.height)
-                  : Bounds.EMPTY;
-          };
-          Bounds.EMPTY = new Bounds(0, 0, 0, 0);
-          return Bounds;
-      }());
+        function Bounds(left, top, width, height) {
+          this.left = left;
+          this.top = top;
+          this.width = width;
+          this.height = height;
+        }
+        Bounds.prototype.add = function (x, y, w, h) {
+          return new Bounds(
+            this.left + x,
+            this.top + y,
+            this.width + w,
+            this.height + h,
+          );
+        };
+        Bounds.fromClientRect = function (context, clientRect) {
+          return new Bounds(
+            clientRect.left + context.windowBounds.left,
+            clientRect.top + context.windowBounds.top,
+            clientRect.width,
+            clientRect.height,
+          );
+        };
+        Bounds.fromDOMRectList = function (context, domRectList) {
+          var domRect = Array.from(domRectList).find(function (rect) {
+            return rect.width !== 0;
+          });
+          return domRect
+            ? new Bounds(
+                domRect.left + context.windowBounds.left,
+                domRect.top + context.windowBounds.top,
+                domRect.width,
+                domRect.height,
+              )
+            : Bounds.EMPTY;
+        };
+        Bounds.EMPTY = new Bounds(0, 0, 0, 0);
+        return Bounds;
+      })();
       var parseBounds = function (context, node) {
-          return Bounds.fromClientRect(context, node.getBoundingClientRect());
+        return Bounds.fromClientRect(context, node.getBoundingClientRect());
       };
       var parseDocumentSize = function (document) {
-          var body = document.body;
-          var documentElement = document.documentElement;
-          if (!body || !documentElement) {
-              throw new Error("Unable to get document size");
-          }
-          var width = Math.max(Math.max(body.scrollWidth, documentElement.scrollWidth), Math.max(body.offsetWidth, documentElement.offsetWidth), Math.max(body.clientWidth, documentElement.clientWidth));
-          var height = Math.max(Math.max(body.scrollHeight, documentElement.scrollHeight), Math.max(body.offsetHeight, documentElement.offsetHeight), Math.max(body.clientHeight, documentElement.clientHeight));
-          return new Bounds(0, 0, width, height);
+        var body = document.body;
+        var documentElement = document.documentElement;
+        if (!body || !documentElement) {
+          throw new Error("Unable to get document size");
+        }
+        var width = Math.max(
+          Math.max(body.scrollWidth, documentElement.scrollWidth),
+          Math.max(body.offsetWidth, documentElement.offsetWidth),
+          Math.max(body.clientWidth, documentElement.clientWidth),
+        );
+        var height = Math.max(
+          Math.max(body.scrollHeight, documentElement.scrollHeight),
+          Math.max(body.offsetHeight, documentElement.offsetHeight),
+          Math.max(body.clientHeight, documentElement.clientHeight),
+        );
+        return new Bounds(0, 0, width, height);
       };
 
       /*
@@ -2140,63 +2510,67 @@
        * Released under MIT License
        */
       var toCodePoints$1 = function (str) {
-          var codePoints = [];
-          var i = 0;
-          var length = str.length;
-          while (i < length) {
-              var value = str.charCodeAt(i++);
-              if (value >= 0xd800 && value <= 0xdbff && i < length) {
-                  var extra = str.charCodeAt(i++);
-                  if ((extra & 0xfc00) === 0xdc00) {
-                      codePoints.push(((value & 0x3ff) << 10) + (extra & 0x3ff) + 0x10000);
-                  }
-                  else {
-                      codePoints.push(value);
-                      i--;
-                  }
-              }
-              else {
-                  codePoints.push(value);
-              }
+        var codePoints = [];
+        var i = 0;
+        var length = str.length;
+        while (i < length) {
+          var value = str.charCodeAt(i++);
+          if (value >= 0xd800 && value <= 0xdbff && i < length) {
+            var extra = str.charCodeAt(i++);
+            if ((extra & 0xfc00) === 0xdc00) {
+              codePoints.push(
+                ((value & 0x3ff) << 10) + (extra & 0x3ff) + 0x10000,
+              );
+            } else {
+              codePoints.push(value);
+              i--;
+            }
+          } else {
+            codePoints.push(value);
           }
-          return codePoints;
+        }
+        return codePoints;
       };
       var fromCodePoint$1 = function () {
-          var codePoints = [];
-          for (var _i = 0; _i < arguments.length; _i++) {
-              codePoints[_i] = arguments[_i];
-          }
-          if (String.fromCodePoint) {
-              return String.fromCodePoint.apply(String, codePoints);
-          }
-          var length = codePoints.length;
-          if (!length) {
-              return '';
-          }
-          var codeUnits = [];
-          var index = -1;
-          var result = '';
-          while (++index < length) {
-              var codePoint = codePoints[index];
-              if (codePoint <= 0xffff) {
-                  codeUnits.push(codePoint);
-              }
-              else {
-                  codePoint -= 0x10000;
-                  codeUnits.push((codePoint >> 10) + 0xd800, (codePoint % 0x400) + 0xdc00);
-              }
-              if (index + 1 === length || codeUnits.length > 0x4000) {
-                  result += String.fromCharCode.apply(String, codeUnits);
-                  codeUnits.length = 0;
-              }
+        var codePoints = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+          codePoints[_i] = arguments[_i];
+        }
+        if (String.fromCodePoint) {
+          return String.fromCodePoint.apply(String, codePoints);
+        }
+        var length = codePoints.length;
+        if (!length) {
+          return "";
+        }
+        var codeUnits = [];
+        var index = -1;
+        var result = "";
+        while (++index < length) {
+          var codePoint = codePoints[index];
+          if (codePoint <= 0xffff) {
+            codeUnits.push(codePoint);
+          } else {
+            codePoint -= 0x10000;
+            codeUnits.push(
+              (codePoint >> 10) + 0xd800,
+              (codePoint % 0x400) + 0xdc00,
+            );
+          }
+          if (index + 1 === length || codeUnits.length > 0x4000) {
+            result += String.fromCharCode.apply(String, codeUnits);
+            codeUnits.length = 0;
           }
-          return result;
+        }
+        return result;
       };
-      var chars$2 = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/';
+      var chars$2 =
+        "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";
       // Use a lookup table to find the index.
-      var lookup$2 = typeof Uint8Array === 'undefined' ? [] : new Uint8Array(256);
+      var lookup$2 =
+        typeof Uint8Array === "undefined" ? [] : new Uint8Array(256);
       for (var i$2 = 0; i$2 < chars$2.length; i$2++) {
-          lookup$2[chars$2.charCodeAt(i$2)] = i$2;
+        lookup$2[chars$2.charCodeAt(i$2)] = i$2;
       }
 
       /*
@@ -2204,52 +2578,67 @@
        * Copyright (c) 2022 Niklas von Hertzen <https://hertzen.com>
        * Released under MIT License
        */
-      var chars$1$1 = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/';
+      var chars$1$1 =
+        "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";
       // Use a lookup table to find the index.
-      var lookup$1$1 = typeof Uint8Array === 'undefined' ? [] : new Uint8Array(256);
+      var lookup$1$1 =
+        typeof Uint8Array === "undefined" ? [] : new Uint8Array(256);
       for (var i$1$1 = 0; i$1$1 < chars$1$1.length; i$1$1++) {
-          lookup$1$1[chars$1$1.charCodeAt(i$1$1)] = i$1$1;
+        lookup$1$1[chars$1$1.charCodeAt(i$1$1)] = i$1$1;
       }
       var decode$1 = function (base64) {
-          var bufferLength = base64.length * 0.75, len = base64.length, i, p = 0, encoded1, encoded2, encoded3, encoded4;
-          if (base64[base64.length - 1] === '=') {
-              bufferLength--;
-              if (base64[base64.length - 2] === '=') {
-                  bufferLength--;
-              }
+        var bufferLength = base64.length * 0.75,
+          len = base64.length,
+          i,
+          p = 0,
+          encoded1,
+          encoded2,
+          encoded3,
+          encoded4;
+        if (base64[base64.length - 1] === "=") {
+          bufferLength--;
+          if (base64[base64.length - 2] === "=") {
+            bufferLength--;
           }
-          var buffer = typeof ArrayBuffer !== 'undefined' &&
-              typeof Uint8Array !== 'undefined' &&
-              typeof Uint8Array.prototype.slice !== 'undefined'
-              ? new ArrayBuffer(bufferLength)
-              : new Array(bufferLength);
-          var bytes = Array.isArray(buffer) ? buffer : new Uint8Array(buffer);
-          for (i = 0; i < len; i += 4) {
-              encoded1 = lookup$1$1[base64.charCodeAt(i)];
-              encoded2 = lookup$1$1[base64.charCodeAt(i + 1)];
-              encoded3 = lookup$1$1[base64.charCodeAt(i + 2)];
-              encoded4 = lookup$1$1[base64.charCodeAt(i + 3)];
-              bytes[p++] = (encoded1 << 2) | (encoded2 >> 4);
-              bytes[p++] = ((encoded2 & 15) << 4) | (encoded3 >> 2);
-              bytes[p++] = ((encoded3 & 3) << 6) | (encoded4 & 63);
-          }
-          return buffer;
+        }
+        var buffer =
+          typeof ArrayBuffer !== "undefined" &&
+          typeof Uint8Array !== "undefined" &&
+          typeof Uint8Array.prototype.slice !== "undefined"
+            ? new ArrayBuffer(bufferLength)
+            : new Array(bufferLength);
+        var bytes = Array.isArray(buffer) ? buffer : new Uint8Array(buffer);
+        for (i = 0; i < len; i += 4) {
+          encoded1 = lookup$1$1[base64.charCodeAt(i)];
+          encoded2 = lookup$1$1[base64.charCodeAt(i + 1)];
+          encoded3 = lookup$1$1[base64.charCodeAt(i + 2)];
+          encoded4 = lookup$1$1[base64.charCodeAt(i + 3)];
+          bytes[p++] = (encoded1 << 2) | (encoded2 >> 4);
+          bytes[p++] = ((encoded2 & 15) << 4) | (encoded3 >> 2);
+          bytes[p++] = ((encoded3 & 3) << 6) | (encoded4 & 63);
+        }
+        return buffer;
       };
       var polyUint16Array$1 = function (buffer) {
-          var length = buffer.length;
-          var bytes = [];
-          for (var i = 0; i < length; i += 2) {
-              bytes.push((buffer[i + 1] << 8) | buffer[i]);
-          }
-          return bytes;
+        var length = buffer.length;
+        var bytes = [];
+        for (var i = 0; i < length; i += 2) {
+          bytes.push((buffer[i + 1] << 8) | buffer[i]);
+        }
+        return bytes;
       };
       var polyUint32Array$1 = function (buffer) {
-          var length = buffer.length;
-          var bytes = [];
-          for (var i = 0; i < length; i += 4) {
-              bytes.push((buffer[i + 3] << 24) | (buffer[i + 2] << 16) | (buffer[i + 1] << 8) | buffer[i]);
-          }
-          return bytes;
+        var length = buffer.length;
+        var bytes = [];
+        for (var i = 0; i < length; i += 4) {
+          bytes.push(
+            (buffer[i + 3] << 24) |
+              (buffer[i + 2] << 16) |
+              (buffer[i + 1] << 8) |
+              buffer[i],
+          );
+        }
+        return bytes;
       };
 
       /** Shift size for getting the index-2 table offset. */
@@ -2281,13 +2670,15 @@
       var UTRIE2_DATA_MASK$1 = UTRIE2_DATA_BLOCK_LENGTH$1 - 1;
       var UTRIE2_LSCP_INDEX_2_LENGTH$1 = 0x400 >> UTRIE2_SHIFT_2$1;
       /** Count the lengths of both BMP pieces. 2080=0x820 */
-      var UTRIE2_INDEX_2_BMP_LENGTH$1 = UTRIE2_LSCP_INDEX_2_OFFSET$1 + UTRIE2_LSCP_INDEX_2_LENGTH$1;
+      var UTRIE2_INDEX_2_BMP_LENGTH$1 =
+        UTRIE2_LSCP_INDEX_2_OFFSET$1 + UTRIE2_LSCP_INDEX_2_LENGTH$1;
       /**
        * The 2-byte UTF-8 version of the index-2 table follows at offset 2080=0x820.
        * Length 32=0x20 for lead bytes C0..DF, regardless of UTRIE2_SHIFT_2.
        */
       var UTRIE2_UTF8_2B_INDEX_2_OFFSET$1 = UTRIE2_INDEX_2_BMP_LENGTH$1;
-      var UTRIE2_UTF8_2B_INDEX_2_LENGTH$1 = 0x800 >> 6; /* U+0800 is the first code point after 2-byte UTF-8 */
+      var UTRIE2_UTF8_2B_INDEX_2_LENGTH$1 =
+        0x800 >> 6; /* U+0800 is the first code point after 2-byte UTF-8 */
       /**
        * The index-1 table, only used for supplementary code points, at offset 2112=0x840.
        * Variable length, for code points up to highStart, where the last single-value range starts.
@@ -2300,7 +2691,8 @@
        * Both the index-1 table and the following part of the index-2 table
        * are omitted completely if there is only BMP data.
        */
-      var UTRIE2_INDEX_1_OFFSET$1 = UTRIE2_UTF8_2B_INDEX_2_OFFSET$1 + UTRIE2_UTF8_2B_INDEX_2_LENGTH$1;
+      var UTRIE2_INDEX_1_OFFSET$1 =
+        UTRIE2_UTF8_2B_INDEX_2_OFFSET$1 + UTRIE2_UTF8_2B_INDEX_2_LENGTH$1;
       /**
        * Number of index-1 entries for the BMP. 32=0x20
        * This part of the index-1 table is omitted from the serialized form.
@@ -2311,97 +2703,132 @@
       /** Mask for getting the lower bits for the in-index-2-block offset. */
       var UTRIE2_INDEX_2_MASK$1 = UTRIE2_INDEX_2_BLOCK_LENGTH$1 - 1;
       var slice16$1 = function (view, start, end) {
-          if (view.slice) {
-              return view.slice(start, end);
-          }
-          return new Uint16Array(Array.prototype.slice.call(view, start, end));
+        if (view.slice) {
+          return view.slice(start, end);
+        }
+        return new Uint16Array(Array.prototype.slice.call(view, start, end));
       };
       var slice32$1 = function (view, start, end) {
-          if (view.slice) {
-              return view.slice(start, end);
-          }
-          return new Uint32Array(Array.prototype.slice.call(view, start, end));
+        if (view.slice) {
+          return view.slice(start, end);
+        }
+        return new Uint32Array(Array.prototype.slice.call(view, start, end));
       };
       var createTrieFromBase64$1 = function (base64, _byteLength) {
-          var buffer = decode$1(base64);
-          var view32 = Array.isArray(buffer) ? polyUint32Array$1(buffer) : new Uint32Array(buffer);
-          var view16 = Array.isArray(buffer) ? polyUint16Array$1(buffer) : new Uint16Array(buffer);
-          var headerLength = 24;
-          var index = slice16$1(view16, headerLength / 2, view32[4] / 2);
-          var data = view32[5] === 2
-              ? slice16$1(view16, (headerLength + view32[4]) / 2)
-              : slice32$1(view32, Math.ceil((headerLength + view32[4]) / 4));
-          return new Trie$1(view32[0], view32[1], view32[2], view32[3], index, data);
+        var buffer = decode$1(base64);
+        var view32 = Array.isArray(buffer)
+          ? polyUint32Array$1(buffer)
+          : new Uint32Array(buffer);
+        var view16 = Array.isArray(buffer)
+          ? polyUint16Array$1(buffer)
+          : new Uint16Array(buffer);
+        var headerLength = 24;
+        var index = slice16$1(view16, headerLength / 2, view32[4] / 2);
+        var data =
+          view32[5] === 2
+            ? slice16$1(view16, (headerLength + view32[4]) / 2)
+            : slice32$1(view32, Math.ceil((headerLength + view32[4]) / 4));
+        return new Trie$1(
+          view32[0],
+          view32[1],
+          view32[2],
+          view32[3],
+          index,
+          data,
+        );
       };
       var Trie$1 = /** @class */ (function () {
-          function Trie(initialValue, errorValue, highStart, highValueIndex, index, data) {
-              this.initialValue = initialValue;
-              this.errorValue = errorValue;
-              this.highStart = highStart;
-              this.highValueIndex = highValueIndex;
-              this.index = index;
-              this.data = data;
-          }
-          /**
-           * Get the value for a code point as stored in the Trie.
-           *
-           * @param codePoint the code point
-           * @return the value
-           */
-          Trie.prototype.get = function (codePoint) {
-              var ix;
-              if (codePoint >= 0) {
-                  if (codePoint < 0x0d800 || (codePoint > 0x0dbff && codePoint <= 0x0ffff)) {
-                      // Ordinary BMP code point, excluding leading surrogates.
-                      // BMP uses a single level lookup.  BMP index starts at offset 0 in the Trie2 index.
-                      // 16 bit data is stored in the index array itself.
-                      ix = this.index[codePoint >> UTRIE2_SHIFT_2$1];
-                      ix = (ix << UTRIE2_INDEX_SHIFT$1) + (codePoint & UTRIE2_DATA_MASK$1);
-                      return this.data[ix];
-                  }
-                  if (codePoint <= 0xffff) {
-                      // Lead Surrogate Code Point.  A Separate index section is stored for
-                      // lead surrogate code units and code points.
-                      //   The main index has the code unit data.
-                      //   For this function, we need the code point data.
-                      // Note: this expression could be refactored for slightly improved efficiency, but
-                      //       surrogate code points will be so rare in practice that it's not worth it.
-                      ix = this.index[UTRIE2_LSCP_INDEX_2_OFFSET$1 + ((codePoint - 0xd800) >> UTRIE2_SHIFT_2$1)];
-                      ix = (ix << UTRIE2_INDEX_SHIFT$1) + (codePoint & UTRIE2_DATA_MASK$1);
-                      return this.data[ix];
-                  }
-                  if (codePoint < this.highStart) {
-                      // Supplemental code point, use two-level lookup.
-                      ix = UTRIE2_INDEX_1_OFFSET$1 - UTRIE2_OMITTED_BMP_INDEX_1_LENGTH$1 + (codePoint >> UTRIE2_SHIFT_1$1);
-                      ix = this.index[ix];
-                      ix += (codePoint >> UTRIE2_SHIFT_2$1) & UTRIE2_INDEX_2_MASK$1;
-                      ix = this.index[ix];
-                      ix = (ix << UTRIE2_INDEX_SHIFT$1) + (codePoint & UTRIE2_DATA_MASK$1);
-                      return this.data[ix];
-                  }
-                  if (codePoint <= 0x10ffff) {
-                      return this.data[this.highValueIndex];
-                  }
-              }
-              // Fall through.  The code point is outside of the legal range of 0..0x10ffff.
-              return this.errorValue;
-          };
-          return Trie;
-      }());
+        function Trie(
+          initialValue,
+          errorValue,
+          highStart,
+          highValueIndex,
+          index,
+          data,
+        ) {
+          this.initialValue = initialValue;
+          this.errorValue = errorValue;
+          this.highStart = highStart;
+          this.highValueIndex = highValueIndex;
+          this.index = index;
+          this.data = data;
+        }
+        /**
+         * Get the value for a code point as stored in the Trie.
+         *
+         * @param codePoint the code point
+         * @return the value
+         */
+        Trie.prototype.get = function (codePoint) {
+          var ix;
+          if (codePoint >= 0) {
+            if (
+              codePoint < 0x0d800 ||
+              (codePoint > 0x0dbff && codePoint <= 0x0ffff)
+            ) {
+              // Ordinary BMP code point, excluding leading surrogates.
+              // BMP uses a single level lookup.  BMP index starts at offset 0 in the Trie2 index.
+              // 16 bit data is stored in the index array itself.
+              ix = this.index[codePoint >> UTRIE2_SHIFT_2$1];
+              ix =
+                (ix << UTRIE2_INDEX_SHIFT$1) + (codePoint & UTRIE2_DATA_MASK$1);
+              return this.data[ix];
+            }
+            if (codePoint <= 0xffff) {
+              // Lead Surrogate Code Point.  A Separate index section is stored for
+              // lead surrogate code units and code points.
+              //   The main index has the code unit data.
+              //   For this function, we need the code point data.
+              // Note: this expression could be refactored for slightly improved efficiency, but
+              //       surrogate code points will be so rare in practice that it's not worth it.
+              ix =
+                this.index[
+                  UTRIE2_LSCP_INDEX_2_OFFSET$1 +
+                    ((codePoint - 0xd800) >> UTRIE2_SHIFT_2$1)
+                ];
+              ix =
+                (ix << UTRIE2_INDEX_SHIFT$1) + (codePoint & UTRIE2_DATA_MASK$1);
+              return this.data[ix];
+            }
+            if (codePoint < this.highStart) {
+              // Supplemental code point, use two-level lookup.
+              ix =
+                UTRIE2_INDEX_1_OFFSET$1 -
+                UTRIE2_OMITTED_BMP_INDEX_1_LENGTH$1 +
+                (codePoint >> UTRIE2_SHIFT_1$1);
+              ix = this.index[ix];
+              ix += (codePoint >> UTRIE2_SHIFT_2$1) & UTRIE2_INDEX_2_MASK$1;
+              ix = this.index[ix];
+              ix =
+                (ix << UTRIE2_INDEX_SHIFT$1) + (codePoint & UTRIE2_DATA_MASK$1);
+              return this.data[ix];
+            }
+            if (codePoint <= 0x10ffff) {
+              return this.data[this.highValueIndex];
+            }
+          }
+          // Fall through.  The code point is outside of the legal range of 0..0x10ffff.
+          return this.errorValue;
+        };
+        return Trie;
+      })();
 
       /*
        * base64-arraybuffer 1.0.2 <https://github.com/niklasvh/base64-arraybuffer>
        * Copyright (c) 2022 Niklas von Hertzen <https://hertzen.com>
        * Released under MIT License
        */
-      var chars$3 = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/';
+      var chars$3 =
+        "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";
       // Use a lookup table to find the index.
-      var lookup$3 = typeof Uint8Array === 'undefined' ? [] : new Uint8Array(256);
+      var lookup$3 =
+        typeof Uint8Array === "undefined" ? [] : new Uint8Array(256);
       for (var i$3 = 0; i$3 < chars$3.length; i$3++) {
-          lookup$3[chars$3.charCodeAt(i$3)] = i$3;
+        lookup$3[chars$3.charCodeAt(i$3)] = i$3;
       }
 
-      var base64$1 = 'KwAAAAAAAAAACA4AUD0AADAgAAACAAAAAAAIABAAGABAAEgAUABYAGAAaABgAGgAYgBqAF8AZwBgAGgAcQB5AHUAfQCFAI0AlQCdAKIAqgCyALoAYABoAGAAaABgAGgAwgDKAGAAaADGAM4A0wDbAOEA6QDxAPkAAQEJAQ8BFwF1AH0AHAEkASwBNAE6AUIBQQFJAVEBWQFhAWgBcAF4ATAAgAGGAY4BlQGXAZ8BpwGvAbUBvQHFAc0B0wHbAeMB6wHxAfkBAQIJAvEBEQIZAiECKQIxAjgCQAJGAk4CVgJeAmQCbAJ0AnwCgQKJApECmQKgAqgCsAK4ArwCxAIwAMwC0wLbAjAA4wLrAvMC+AIAAwcDDwMwABcDHQMlAy0DNQN1AD0DQQNJA0kDSQNRA1EDVwNZA1kDdQB1AGEDdQBpA20DdQN1AHsDdQCBA4kDkQN1AHUAmQOhA3UAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AKYDrgN1AHUAtgO+A8YDzgPWAxcD3gPjA+sD8wN1AHUA+wMDBAkEdQANBBUEHQQlBCoEFwMyBDgEYABABBcDSARQBFgEYARoBDAAcAQzAXgEgASIBJAEdQCXBHUAnwSnBK4EtgS6BMIEyAR1AHUAdQB1AHUAdQCVANAEYABgAGAAYABgAGAAYABgANgEYADcBOQEYADsBPQE/AQEBQwFFAUcBSQFLAU0BWQEPAVEBUsFUwVbBWAAYgVgAGoFcgV6BYIFigWRBWAAmQWfBaYFYABgAGAAYABgAKoFYACxBbAFuQW6BcEFwQXHBcEFwQXPBdMF2wXjBeoF8gX6BQIGCgYSBhoGIgYqBjIGOgZgAD4GRgZMBmAAUwZaBmAAYABgAGAAYABgAGAAYABgAGAAYABgAGIGYABpBnAGYABgAGAAYABgAGAAYABgAGAAYAB4Bn8GhQZgAGAAYAB1AHcDFQSLBmAAYABgAJMGdQA9A3UAmwajBqsGqwaVALMGuwbDBjAAywbSBtIG1QbSBtIG0gbSBtIG0gbdBuMG6wbzBvsGAwcLBxMHAwcbByMHJwcsBywHMQcsB9IGOAdAB0gHTgfSBkgHVgfSBtIG0gbSBtIG0gbSBtIG0gbSBiwHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAdgAGAALAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAdbB2MHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsB2kH0gZwB64EdQB1AHUAdQB1AHUAdQB1AHUHfQdgAIUHjQd1AHUAlQedB2AAYAClB6sHYACzB7YHvgfGB3UAzgfWBzMB3gfmB1EB7gf1B/0HlQENAQUIDQh1ABUIHQglCBcDLQg1CD0IRQhNCEEDUwh1AHUAdQBbCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIcAh3CHoIMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwAIIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIgggwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAALAcsBywHLAcsBywHLAcsBywHLAcsB4oILAcsB44I0gaWCJ4Ipgh1AHUAqgiyCHUAdQB1AHUAdQB1AHUAdQB1AHUAtwh8AXUAvwh1AMUIyQjRCNkI4AjoCHUAdQB1AO4I9gj+CAYJDgkTCS0HGwkjCYIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIggiAAIAAAAFAAYABgAGIAXwBgAHEAdQBFAJUAogCyAKAAYABgAEIA4ABGANMA4QDxAMEBDwE1AFwBLAE6AQEBUQF4QkhCmEKoQrhCgAHIQsAB0MLAAcABwAHAAeDC6ABoAHDCwMMAAcABwAHAAdDDGMMAAcAB6MM4wwjDWMNow3jDaABoAGgAaABoAGgAaABoAGgAaABoAGgAaABoAGgAaABoAGgAaABoAEjDqABWw6bDqABpg6gAaABoAHcDvwOPA+gAaABfA/8DvwO/A78DvwO/A78DvwO/A78DvwO/A78DvwO/A78DvwO/A78DvwO/A78DvwO/A78DvwO/A78DpcPAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcAB9cPKwkyCToJMAB1AHUAdQBCCUoJTQl1AFUJXAljCWcJawkwADAAMAAwAHMJdQB2CX4JdQCECYoJjgmWCXUAngkwAGAAYABxAHUApgn3A64JtAl1ALkJdQDACTAAMAAwADAAdQB1AHUAdQB1AHUAdQB1AHUAowYNBMUIMAAwADAAMADICcsJ0wnZCRUE4QkwAOkJ8An4CTAAMAB1AAAKvwh1AAgKDwoXCh8KdQAwACcKLgp1ADYKqAmICT4KRgowADAAdQB1AE4KMAB1AFYKdQBeCnUAZQowADAAMAAwADAAMAAwADAAMAAVBHUAbQowADAAdQC5CXUKMAAwAHwBxAijBogEMgF9CoQKiASMCpQKmgqIBKIKqgquCogEDQG2Cr4KxgrLCjAAMADTCtsKCgHjCusK8Qr5CgELMAAwADAAMAB1AIsECQsRC3UANAEZCzAAMAAwADAAMAB1ACELKQswAHUANAExCzkLdQBBC0kLMABRC1kLMAAwADAAMAAwADAAdQBhCzAAMAAwAGAAYABpC3ELdwt/CzAAMACHC4sLkwubC58Lpwt1AK4Ltgt1APsDMAAwADAAMAAwADAAMAAwAL4LwwvLC9IL1wvdCzAAMADlC+kL8Qv5C/8LSQswADAAMAAwADAAMAAwADAAMAAHDDAAMAAwADAAMAAODBYMHgx1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1ACYMMAAwADAAdQB1AHUALgx1AHUAdQB1AHUAdQA2DDAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwAHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AD4MdQBGDHUAdQB1AHUAdQB1AEkMdQB1AHUAdQB1AFAMMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwAHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQBYDHUAdQB1AF8MMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAB1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AHUA+wMVBGcMMAAwAHwBbwx1AHcMfwyHDI8MMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAYABgAJcMMAAwADAAdQB1AJ8MlQClDDAAMACtDCwHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsB7UMLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHdQB1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AA0EMAC9DDAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAsBywHLAcsBywHLAcsBywHLQcwAMEMyAwsBywHLAcsBywHLAcsBywHLAcsBywHzAwwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwAHUAdQB1ANQM2QzhDDAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMABgAGAAYABgAGAAYABgAOkMYADxDGAA+AwADQYNYABhCWAAYAAODTAAMAAwADAAFg1gAGAAHg37AzAAMAAwADAAYABgACYNYAAsDTQNPA1gAEMNPg1LDWAAYABgAGAAYABgAGAAYABgAGAAUg1aDYsGVglhDV0NcQBnDW0NdQ15DWAAYABgAGAAYABgAGAAYABgAGAAYABgAGAAYABgAGAAlQCBDZUAiA2PDZcNMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAnw2nDTAAMAAwADAAMAAwAHUArw23DTAAMAAwADAAMAAwADAAMAAwADAAMAB1AL8NMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAB1AHUAdQB1AHUAdQDHDTAAYABgAM8NMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAA1w11ANwNMAAwAD0B5A0wADAAMAAwADAAMADsDfQN/A0EDgwOFA4wABsOMAAwADAAMAAwADAAMAAwANIG0gbSBtIG0gbSBtIG0gYjDigOwQUuDsEFMw7SBjoO0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIGQg5KDlIOVg7SBtIGXg5lDm0OdQ7SBtIGfQ6EDooOjQ6UDtIGmg6hDtIG0gaoDqwO0ga0DrwO0gZgAGAAYADEDmAAYAAkBtIGzA5gANIOYADaDokO0gbSBt8O5w7SBu8O0gb1DvwO0gZgAGAAxA7SBtIG0gbSBtIGYABgAGAAYAAED2AAsAUMD9IG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIGFA8sBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAccD9IGLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHJA8sBywHLAcsBywHLAccDywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywPLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAc0D9IG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIGLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAccD9IG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIGFA8sBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHPA/SBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gYUD0QPlQCVAJUAMAAwADAAMACVAJUAlQCVAJUAlQCVAEwPMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAA//8EAAQABAAEAAQABAAEAAQABAANAAMAAQABAAIABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQACgATABcAHgAbABoAHgAXABYAEgAeABsAGAAPABgAHABLAEsASwBLAEsASwBLAEsASwBLABgAGAAeAB4AHgATAB4AUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQABYAGwASAB4AHgAeAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAWAA0AEQAeAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAAQABAAEAAQABAAFAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAJABYAGgAbABsAGwAeAB0AHQAeAE8AFwAeAA0AHgAeABoAGwBPAE8ADgBQAB0AHQAdAE8ATwAXAE8ATwBPABYAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAB0AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAdAFAAUABQAFAAUABQAFAAUAAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAFAAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAeAB4AHgAeAFAATwBAAE8ATwBPAEAATwBQAFAATwBQAB4AHgAeAB4AHgAeAB0AHQAdAB0AHgAdAB4ADgBQAFAAUABQAFAAHgAeAB4AHgAeAB4AHgBQAB4AUAAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4ABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAJAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAkACQAJAAkACQAJAAkABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAeAB4AHgAeAFAAHgAeAB4AKwArAFAAUABQAFAAGABQACsAKwArACsAHgAeAFAAHgBQAFAAUAArAFAAKwAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4ABAAEAAQABAAEAAQABAAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAUAAeAB4AHgAeAB4AHgBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAYAA0AKwArAB4AHgAbACsABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQADQAEAB4ABAAEAB4ABAAEABMABAArACsAKwArACsAKwArACsAVgBWAFYAVgBWAFYAVgBWAFYAVgBWAFYAVgBWAFYAVgBWAFYAVgBWAFYAVgBWAFYAVgBWAFYAKwArACsAKwBWAFYAVgBWAB4AHgArACsAKwArACsAKwArACsAKwArACsAHgAeAB4AHgAeAB4AHgAeAB4AGgAaABoAGAAYAB4AHgAEAAQABAAEAAQABAAEAAQABAAEAAQAEwAEACsAEwATAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABABLAEsASwBLAEsASwBLAEsASwBLABoAGQAZAB4AUABQAAQAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQABMAUAAEAAQABAAEAAQABAAEAB4AHgAEAAQABAAEAAQABABQAFAABAAEAB4ABAAEAAQABABQAFAASwBLAEsASwBLAEsASwBLAEsASwBQAFAAUAAeAB4AUAAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwAeAFAABABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAEAAQABAAEAAQABAAEAAQABAAEAFAAKwArACsAKwArACsAKwArACsAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAEAAQABAAEAAQABAAEAAQAUABQAB4AHgAYABMAUAArACsABAAbABsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAFAABAAEAAQABAAEAFAABAAEAAQAUAAEAAQABAAEAAQAKwArAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAArACsAHgArAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAKwArACsAKwArACsAKwArAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAB4ABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQABAAEAFAABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQAUAAEAAQABAAEAAQABAAEAFAAUABQAFAAUABQAFAAUABQAFAABAAEAA0ADQBLAEsASwBLAEsASwBLAEsASwBLAB4AUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAArAFAAUABQAFAAUABQAFAAUAArACsAUABQACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAFAAUABQACsAUAArACsAKwBQAFAAUABQACsAKwAEAFAABAAEAAQABAAEAAQABAArACsABAAEACsAKwAEAAQABABQACsAKwArACsAKwArACsAKwAEACsAKwArACsAUABQACsAUABQAFAABAAEACsAKwBLAEsASwBLAEsASwBLAEsASwBLAFAAUAAaABoAUABQAFAAUABQAEwAHgAbAFAAHgAEACsAKwAEAAQABAArAFAAUABQAFAAUABQACsAKwArACsAUABQACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAFAAUABQACsAUABQACsAUABQACsAUABQACsAKwAEACsABAAEAAQABAAEACsAKwArACsABAAEACsAKwAEAAQABAArACsAKwAEACsAKwArACsAKwArACsAUABQAFAAUAArAFAAKwArACsAKwArACsAKwBLAEsASwBLAEsASwBLAEsASwBLAAQABABQAFAAUAAEAB4AKwArACsAKwArACsAKwArACsAKwAEAAQABAArAFAAUABQAFAAUABQAFAAUABQACsAUABQAFAAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAFAAUABQACsAUABQACsAUABQAFAAUABQACsAKwAEAFAABAAEAAQABAAEAAQABAAEACsABAAEAAQAKwAEAAQABAArACsAUAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwBQAFAABAAEACsAKwBLAEsASwBLAEsASwBLAEsASwBLAB4AGwArACsAKwArACsAKwArAFAABAAEAAQABAAEAAQAKwAEAAQABAArAFAAUABQAFAAUABQAFAAUAArACsAUABQACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQABAAEAAQABAArACsABAAEACsAKwAEAAQABAArACsAKwArACsAKwArAAQABAAEACsAKwArACsAUABQACsAUABQAFAABAAEACsAKwBLAEsASwBLAEsASwBLAEsASwBLAB4AUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArAAQAUAArAFAAUABQAFAAUABQACsAKwArAFAAUABQACsAUABQAFAAUAArACsAKwBQAFAAKwBQACsAUABQACsAKwArAFAAUAArACsAKwBQAFAAUAArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArAAQABAAEAAQABAArACsAKwAEAAQABAArAAQABAAEAAQAKwArAFAAKwArACsAKwArACsABAArACsAKwArACsAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAUABQAFAAHgAeAB4AHgAeAB4AGwAeACsAKwArACsAKwAEAAQABAAEAAQAUABQAFAAUABQAFAAUABQACsAUABQAFAAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAUAAEAAQABAAEAAQABAAEACsABAAEAAQAKwAEAAQABAAEACsAKwArACsAKwArACsABAAEACsAUABQAFAAKwArACsAKwArAFAAUAAEAAQAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsAKwAOAFAAUABQAFAAUABQAFAAHgBQAAQABAAEAA4AUABQAFAAUABQAFAAUABQACsAUABQAFAAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArAFAAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAFAAKwArAAQAUAAEAAQABAAEAAQABAAEACsABAAEAAQAKwAEAAQABAAEACsAKwArACsAKwArACsABAAEACsAKwArACsAKwArACsAUAArAFAAUAAEAAQAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwBQAFAAKwArACsAKwArACsAKwArACsAKwArACsAKwAEAAQABAAEAFAAUABQAFAAUABQAFAAUABQACsAUABQAFAAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAEAFAABAAEAAQABAAEAAQABAArAAQABAAEACsABAAEAAQABABQAB4AKwArACsAKwBQAFAAUAAEAFAAUABQAFAAUABQAFAAUABQAFAABAAEACsAKwBLAEsASwBLAEsASwBLAEsASwBLAFAAUABQAFAAUABQAFAAUABQABoAUABQAFAAUABQAFAAKwAEAAQABAArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArAFAAUABQAFAAUABQAFAAUABQACsAUAArACsAUABQAFAAUABQAFAAUAArACsAKwAEACsAKwArACsABAAEAAQABAAEAAQAKwAEACsABAAEAAQABAAEAAQABAAEACsAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArAAQABAAeACsAKwArACsAKwArACsAKwArACsAKwArAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXAAqAFwAXAAqACoAKgAqACoAKgAqACsAKwArACsAGwBcAFwAXABcAFwAXABcACoAKgAqACoAKgAqACoAKgAeAEsASwBLAEsASwBLAEsASwBLAEsADQANACsAKwArACsAKwBcAFwAKwBcACsAXABcAFwAXABcACsAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcACsAXAArAFwAXABcAFwAXABcAFwAXABcAFwAKgBcAFwAKgAqACoAKgAqACoAKgAqACoAXAArACsAXABcAFwAXABcACsAXAArACoAKgAqACoAKgAqACsAKwBLAEsASwBLAEsASwBLAEsASwBLACsAKwBcAFwAXABcAFAADgAOAA4ADgAeAA4ADgAJAA4ADgANAAkAEwATABMAEwATAAkAHgATAB4AHgAeAAQABAAeAB4AHgAeAB4AHgBLAEsASwBLAEsASwBLAEsASwBLAFAAUABQAFAAUABQAFAAUABQAFAADQAEAB4ABAAeAAQAFgARABYAEQAEAAQAUABQAFAAUABQAFAAUABQACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAKwAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQADQAEAAQABAAEAAQADQAEAAQAUABQAFAAUABQAAQABAAEAAQABAAEAAQABAAEAAQABAArAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAArAA0ADQAeAB4AHgAeAB4AHgAEAB4AHgAeAB4AHgAeACsAHgAeAA4ADgANAA4AHgAeAB4AHgAeAAkACQArACsAKwArACsAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgBcAEsASwBLAEsASwBLAEsASwBLAEsADQANAB4AHgAeAB4AXABcAFwAXABcAFwAKgAqACoAKgBcAFwAXABcACoAKgAqAFwAKgAqACoAXABcACoAKgAqACoAKgAqACoAXABcAFwAKgAqACoAKgBcAFwAXABcAFwAXABcAFwAXABcAFwAXABcACoAKgAqACoAKgAqACoAKgAqACoAKgAqAFwAKgBLAEsASwBLAEsASwBLAEsASwBLACoAKgAqACoAKgAqAFAAUABQAFAAUABQACsAUAArACsAKwArACsAUAArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAHgBQAFAAUABQAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABZAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBZAFkAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFAAUABQAFAAUABQAFAAUABQACsAUABQAFAAUAArACsAUABQAFAAUABQAFAAUAArAFAAKwBQAFAAUABQACsAKwBQAFAAUABQAFAAUABQAFAAUAArAFAAUABQAFAAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArAFAAUABQAFAAKwArAFAAUABQAFAAUABQAFAAKwBQACsAUABQAFAAUAArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAUABQACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsABAAEAAQAHgANAB4AHgAeAB4AHgAeAB4AUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAHgAeAB4AHgAeAB4AHgAeAB4AHgArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwBQAFAAUABQAFAAUAArACsADQBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAHgAeAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAANAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAWABEAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAA0ADQANAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAAQABAAEACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAANAA0AKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAEACsAKwArACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAUAArAAQABAArACsAKwArACsAKwArACsAKwArACsAKwBcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqAA0ADQAVAFwADQAeAA0AGwBcACoAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwAeAB4AEwATAA0ADQAOAB4AEwATAB4ABAAEAAQACQArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArAFAAUABQAFAAUAAEAAQAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQAUAArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwAEAAQABAAEAAQABAAEAAQABAAEAAQABAArACsAKwArAAQABAAEAAQABAAEAAQABAAEAAQABAAEACsAKwArACsAHgArACsAKwATABMASwBLAEsASwBLAEsASwBLAEsASwBcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXAArACsAXABcAFwAXABcACsAKwArACsAKwArACsAKwArACsAKwBcAFwAXABcAFwAXABcAFwAXABcAFwAXAArACsAKwArAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcACsAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAXAArACsAKwAqACoAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQABAAEAAQABAArACsAHgAeAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcACoAKgAqACoAKgAqACoAKgAqACoAKwAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKwArAAQASwBLAEsASwBLAEsASwBLAEsASwArACsAKwArACsAKwBLAEsASwBLAEsASwBLAEsASwBLACsAKwArACsAKwArACoAKgAqACoAKgAqACoAXAAqACoAKgAqACoAKgArACsABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsABAAEAAQABAAEAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQABAAEAAQABABQAFAAUABQAFAAUABQACsAKwArACsASwBLAEsASwBLAEsASwBLAEsASwANAA0AHgANAA0ADQANAB4AHgAeAB4AHgAeAB4AHgAeAB4ABAAEAAQABAAEAAQABAAEAAQAHgAeAB4AHgAeAB4AHgAeAB4AKwArACsABAAEAAQAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAEAAQABAAEAAQABAAEAAQABAAEAAQABABQAFAASwBLAEsASwBLAEsASwBLAEsASwBQAFAAUABQAFAAUABQAFAABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEACsAKwArACsAKwArACsAKwAeAB4AHgAeAFAAUABQAFAABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEACsAKwArAA0ADQANAA0ADQBLAEsASwBLAEsASwBLAEsASwBLACsAKwArAFAAUABQAEsASwBLAEsASwBLAEsASwBLAEsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAA0ADQBQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwBQAFAAUAAeAB4AHgAeAB4AHgAeAB4AKwArACsAKwArACsAKwArAAQABAAEAB4ABAAEAAQABAAEAAQABAAEAAQABAAEAAQABABQAFAAUABQAAQAUABQAFAAUABQAFAABABQAFAABAAEAAQAUAArACsAKwArACsABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEACsABAAEAAQABAAEAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwArAFAAUABQAFAAUABQACsAKwBQAFAAUABQAFAAUABQAFAAKwBQACsAUAArAFAAKwAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeACsAKwAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgArAB4AHgAeAB4AHgAeAB4AHgBQAB4AHgAeAFAAUABQACsAHgAeAB4AHgAeAB4AHgAeAB4AHgBQAFAAUABQACsAKwAeAB4AHgAeAB4AHgArAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwArAFAAUABQACsAHgAeAB4AHgAeAB4AHgAOAB4AKwANAA0ADQANAA0ADQANAAkADQANAA0ACAAEAAsABAAEAA0ACQANAA0ADAAdAB0AHgAXABcAFgAXABcAFwAWABcAHQAdAB4AHgAUABQAFAANAAEAAQAEAAQABAAEAAQACQAaABoAGgAaABoAGgAaABoAHgAXABcAHQAVABUAHgAeAB4AHgAeAB4AGAAWABEAFQAVABUAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4ADQAeAA0ADQANAA0AHgANAA0ADQAHAB4AHgAeAB4AKwAEAAQABAAEAAQABAAEAAQABAAEAFAAUAArACsATwBQAFAAUABQAFAAHgAeAB4AFgARAE8AUABPAE8ATwBPAFAAUABQAFAAUAAeAB4AHgAWABEAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArABsAGwAbABsAGwAbABsAGgAbABsAGwAbABsAGwAbABsAGwAbABsAGwAbABsAGgAbABsAGwAbABoAGwAbABoAGwAbABsAGwAbABsAGwAbABsAGwAbABsAGwAbABsAGwAbAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQAHgAeAFAAGgAeAB0AHgBQAB4AGgAeAB4AHgAeAB4AHgAeAB4AHgBPAB4AUAAbAB4AHgBQAFAAUABQAFAAHgAeAB4AHQAdAB4AUAAeAFAAHgBQAB4AUABPAFAAUAAeAB4AHgAeAB4AHgAeAFAAUABQAFAAUAAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAFAAHgBQAFAAUABQAE8ATwBQAFAAUABQAFAATwBQAFAATwBQAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAFAAUABQAFAATwBPAE8ATwBPAE8ATwBPAE8ATwBQAFAAUABQAFAAUABQAFAAUAAeAB4AUABQAFAAUABPAB4AHgArACsAKwArAB0AHQAdAB0AHQAdAB0AHQAdAB0AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB0AHgAdAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAdAB4AHQAdAB4AHgAeAB0AHQAeAB4AHQAeAB4AHgAdAB4AHQAbABsAHgAdAB4AHgAeAB4AHQAeAB4AHQAdAB0AHQAeAB4AHQAeAB0AHgAdAB0AHQAdAB0AHQAeAB0AHgAeAB4AHgAeAB0AHQAdAB0AHgAeAB4AHgAdAB0AHgAeAB4AHgAeAB4AHgAeAB4AHgAdAB4AHgAeAB0AHgAeAB4AHgAeAB0AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAdAB0AHgAeAB0AHQAdAB0AHgAeAB0AHQAeAB4AHQAdAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB0AHQAeAB4AHQAdAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHQAeAB4AHgAdAB4AHgAeAB4AHgAeAB4AHQAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB0AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AFAAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeABYAEQAWABEAHgAeAB4AHgAeAB4AHQAeAB4AHgAeAB4AHgAeACUAJQAeAB4AHgAeAB4AHgAeAB4AHgAWABEAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AJQAlACUAJQAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAFAAHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHgAeAB4AHgAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAeAB4AHQAdAB0AHQAeAB4AHgAeAB4AHgAeAB4AHgAeAB0AHQAeAB0AHQAdAB0AHQAdAB0AHgAeAB4AHgAeAB4AHgAeAB0AHQAeAB4AHQAdAB4AHgAeAB4AHQAdAB4AHgAeAB4AHQAdAB0AHgAeAB0AHgAeAB0AHQAdAB0AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAdAB0AHQAdAB4AHgAeAB4AHgAeAB4AHgAeAB0AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAlACUAJQAlAB4AHQAdAB4AHgAdAB4AHgAeAB4AHQAdAB4AHgAeAB4AJQAlAB0AHQAlAB4AJQAlACUAIAAlACUAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAlACUAJQAeAB4AHgAeAB0AHgAdAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAdAB0AHgAdAB0AHQAeAB0AJQAdAB0AHgAdAB0AHgAdAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeACUAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHQAdAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAlACUAJQAlACUAJQAlACUAJQAlACUAJQAdAB0AHQAdACUAHgAlACUAJQAdACUAJQAdAB0AHQAlACUAHQAdACUAHQAdACUAJQAlAB4AHQAeAB4AHgAeAB0AHQAlAB0AHQAdAB0AHQAdACUAJQAlACUAJQAdACUAJQAgACUAHQAdACUAJQAlACUAJQAlACUAJQAeAB4AHgAlACUAIAAgACAAIAAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB0AHgAeAB4AFwAXABcAFwAXABcAHgATABMAJQAeAB4AHgAWABEAFgARABYAEQAWABEAFgARABYAEQAWABEATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeABYAEQAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAWABEAFgARABYAEQAWABEAFgARAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AFgARABYAEQAWABEAFgARABYAEQAWABEAFgARABYAEQAWABEAFgARABYAEQAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAWABEAFgARAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AFgARAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAdAB0AHQAdAB0AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgArACsAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AUABQAFAAUAAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAEAAQABAAeAB4AKwArACsAKwArABMADQANAA0AUAATAA0AUABQAFAAUABQAFAAUABQACsAKwArACsAKwArACsAUAANACsAKwArACsAKwArACsAKwArACsAKwArACsAKwAEAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQACsAUABQAFAAUABQAFAAUAArAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAFAAUABQACsAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXAA0ADQANAA0ADQANAA0ADQAeAA0AFgANAB4AHgAXABcAHgAeABcAFwAWABEAFgARABYAEQAWABEADQANAA0ADQATAFAADQANAB4ADQANAB4AHgAeAB4AHgAMAAwADQANAA0AHgANAA0AFgANAA0ADQANAA0ADQANAA0AHgANAB4ADQANAB4AHgAeACsAKwArACsAKwArACsAKwArACsAKwArACsAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACsAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAKwArACsAKwArACsAKwArACsAKwArACsAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwAlACUAJQAlACUAJQAlACUAJQAlACUAJQArACsAKwArAA0AEQARACUAJQBHAFcAVwAWABEAFgARABYAEQAWABEAFgARACUAJQAWABEAFgARABYAEQAWABEAFQAWABEAEQAlAFcAVwBXAFcAVwBXAFcAVwBXAAQABAAEAAQABAAEACUAVwBXAFcAVwA2ACUAJQBXAFcAVwBHAEcAJQAlACUAKwBRAFcAUQBXAFEAVwBRAFcAUQBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFEAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBRAFcAUQBXAFEAVwBXAFcAVwBXAFcAUQBXAFcAVwBXAFcAVwBRAFEAKwArAAQABAAVABUARwBHAFcAFQBRAFcAUQBXAFEAVwBRAFcAUQBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFEAVwBRAFcAUQBXAFcAVwBXAFcAVwBRAFcAVwBXAFcAVwBXAFEAUQBXAFcAVwBXABUAUQBHAEcAVwArACsAKwArACsAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAKwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAKwAlACUAVwBXAFcAVwAlACUAJQAlACUAJQAlACUAJQAlACsAKwArACsAKwArACsAKwArACsAKwArAFEAUQBRAFEAUQBRAFEAUQBRAFEAUQBRAFEAUQBRAFEAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQArAFcAVwBXAFcAVwBXAFcAVwBXAFcAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQBPAE8ATwBPAE8ATwBPAE8AJQBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXACUAJQAlAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAEcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAKwArACsAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAADQATAA0AUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABLAEsASwBLAEsASwBLAEsASwBLAFAAUAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAFAABAAEAAQABAAeAAQABAAEAAQABAAEAAQABAAEAAQAHgBQAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AUABQAAQABABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQABAAeAA0ADQANAA0ADQArACsAKwArACsAKwArACsAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAFAAUABQAFAAUABQAFAAUABQAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AUAAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgBQAB4AHgAeAB4AHgAeAFAAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgArACsAHgAeAB4AHgAeAB4AHgAeAB4AKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwAeAB4AUABQAFAAUABQAFAAUABQAFAAUABQAAQAUABQAFAABABQAFAAUABQAAQAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQABAAEAAQABAAeAB4AHgAeAAQAKwArACsAUABQAFAAUABQAFAAHgAeABoAHgArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAADgAOABMAEwArACsAKwArACsAKwArACsABAAEAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQABAAEAAQABAAEACsAKwArACsAKwArACsAKwANAA0ASwBLAEsASwBLAEsASwBLAEsASwArACsAKwArACsAKwAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABABQAFAAUABQAFAAUAAeAB4AHgBQAA4AUABQAAQAUABQAFAAUABQAFAABAAEAAQABAAEAAQABAAEAA0ADQBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQAKwArACsAKwArACsAKwArACsAKwArAB4AWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYACsAKwArAAQAHgAeAB4AHgAeAB4ADQANAA0AHgAeAB4AHgArAFAASwBLAEsASwBLAEsASwBLAEsASwArACsAKwArAB4AHgBcAFwAXABcAFwAKgBcAFwAXABcAFwAXABcAFwAXABcAEsASwBLAEsASwBLAEsASwBLAEsAXABcAFwAXABcACsAUABQAFAAUABQAFAAUABQAFAABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEACsAKwArACsAKwArACsAKwArAFAAUABQAAQAUABQAFAAUABQAFAAUABQAAQABAArACsASwBLAEsASwBLAEsASwBLAEsASwArACsAHgANAA0ADQBcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAKgAqACoAXAAqACoAKgBcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXAAqAFwAKgAqACoAXABcACoAKgBcAFwAXABcAFwAKgAqAFwAKgBcACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAFwAXABcACoAKgBQAFAAUABQAFAAUABQAFAAUABQAFAABAAEAAQABAAEAA0ADQBQAFAAUAAEAAQAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUAArACsAUABQAFAAUABQAFAAKwArAFAAUABQAFAAUABQACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAFAAUABQACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAHgAeACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEAAQADQAEAAQAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsAVABVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBUAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVACsAKwArACsAKwArACsAKwArACsAKwArAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBZAFkAKwArACsAKwBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAKwArACsAKwAGAAYABgAGAAYABgAGAAYABgAGAAYABgAGAAYABgAGAAYABgAGAAYABgAGAAYABgAGAAYABgAGAAYABgAGAAYAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXACUAJQBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAJQAlACUAJQAlACUAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAKwArACsAKwArAFYABABWAFYAVgBWAFYAVgBWAFYAVgBWAB4AVgBWAFYAVgBWAFYAVgBWAFYAVgBWAFYAVgArAFYAVgBWAFYAVgArAFYAKwBWAFYAKwBWAFYAKwBWAFYAVgBWAFYAVgBWAFYAVgBWAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAEQAWAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUAAaAB4AKwArAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQAGAARABEAGAAYABMAEwAWABEAFAArACsAKwArACsAKwAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEACUAJQAlACUAJQAWABEAFgARABYAEQAWABEAFgARABYAEQAlACUAFgARACUAJQAlACUAJQAlACUAEQAlABEAKwAVABUAEwATACUAFgARABYAEQAWABEAJQAlACUAJQAlACUAJQAlACsAJQAbABoAJQArACsAKwArAFAAUABQAFAAUAArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArAAcAKwATACUAJQAbABoAJQAlABYAEQAlACUAEQAlABEAJQBXAFcAVwBXAFcAVwBXAFcAVwBXABUAFQAlACUAJQATACUAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXABYAJQARACUAJQAlAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwAWACUAEQAlABYAEQARABYAEQARABUAVwBRAFEAUQBRAFEAUQBRAFEAUQBRAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAEcARwArACsAVwBXAFcAVwBXAFcAKwArAFcAVwBXAFcAVwBXACsAKwBXAFcAVwBXAFcAVwArACsAVwBXAFcAKwArACsAGgAbACUAJQAlABsAGwArAB4AHgAeAB4AHgAeAB4AKwArACsAKwArACsAKwArACsAKwAEAAQABAAQAB0AKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsADQANAA0AKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArAB4AHgAeAB4AHgAeAB4AHgAeAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgBQAFAAHgAeAB4AKwAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAAQAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwAEAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAEAAQABAAEACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArAA0AUABQAFAAUAArACsAKwArAFAAUABQAFAAUABQAFAAUAANAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAKwArACsAKwArACsAKwAeACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAKwArAFAAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArAFAAUAArACsAKwBQACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwANAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAeAB4AUABQAFAAUABQAFAAUAArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArAFAAUAArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArAA0AUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAKwAeAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAUABQAFAAUABQAAQABAAEACsABAAEACsAKwArACsAKwAEAAQABAAEAFAAUABQAFAAKwBQAFAAUAArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArAAQABAAEACsAKwArACsABABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArAA0ADQANAA0ADQANAA0ADQAeACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAeAFAAUABQAFAAUABQAFAAUAAeAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQABAArACsAKwArAFAAUABQAFAAUAANAA0ADQANAA0ADQAUACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsADQANAA0ADQANAA0ADQBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArAB4AHgAeAB4AKwArACsAKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArAFAAUABQAFAAUABQAAQABAAEAAQAKwArACsAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUAArAAQABAANACsAKwBQAFAAKwArACsAKwArACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAAQABAAEAAQABAAEAAQABAAEAAQABABQAFAAUABQAB4AHgAeAB4AHgArACsAKwArACsAKwAEAAQABAAEAAQABAAEAA0ADQAeAB4AHgAeAB4AKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsABABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQABAAEAAQABAAEAAQABAAEAAQABAAeAB4AHgANAA0ADQANACsAKwArACsAKwArACsAKwArACsAKwAeACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAKwArACsAKwBLAEsASwBLAEsASwBLAEsASwBLACsAKwArACsAKwArAFAAUABQAFAAUABQAFAABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEACsASwBLAEsASwBLAEsASwBLAEsASwANAA0ADQANAFAABAAEAFAAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAeAA4AUAArACsAKwArACsAKwArACsAKwAEAFAAUABQAFAADQANAB4ADQAEAAQABAAEAB4ABAAEAEsASwBLAEsASwBLAEsASwBLAEsAUAAOAFAADQANAA0AKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEAAQABAAEAAQABAANAA0AHgANAA0AHgAEACsAUABQAFAAUABQAFAAUAArAFAAKwBQAFAAUABQACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAFAAUABQAFAAUABQAA0AKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEAAQABAAEAAQAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsABAAEAAQABAArAFAAUABQAFAAUABQAFAAUAArACsAUABQACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAFAAUABQACsAUABQACsAUABQAFAAUABQACsABAAEAFAABAAEAAQABAAEAAQABAArACsABAAEACsAKwAEAAQABAArACsAUAArACsAKwArACsAKwAEACsAKwArACsAKwBQAFAAUABQAFAABAAEACsAKwAEAAQABAAEAAQABAAEACsAKwArAAQABAAEAAQABAArACsAKwArACsAKwArACsAKwArACsABAAEAAQABAAEAAQABABQAFAAUABQAA0ADQANAA0AHgBLAEsASwBLAEsASwBLAEsASwBLAA0ADQArAB4ABABQAFAAUAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwAEAAQABAAEAFAAUAAeAFAAKwArACsAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAEAAQABAAEAAQABAArACsABAAEAAQABAAEAAQABAAEAAQADgANAA0AEwATAB4AHgAeAA0ADQANAA0ADQANAA0ADQANAA0ADQANAA0ADQANAFAAUABQAFAABAAEACsAKwAEAA0ADQAeAFAAKwArACsAKwArACsAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAFAAKwArACsAKwArACsAKwBLAEsASwBLAEsASwBLAEsASwBLACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAKwArACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACsAKwArACsASwBLAEsASwBLAEsASwBLAEsASwBcAFwADQANAA0AKgBQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAeACsAKwArACsASwBLAEsASwBLAEsASwBLAEsASwBQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAKwArAFAAKwArAFAAUABQAFAAUABQAFAAUAArAFAAUAArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAEAAQABAAEAAQAKwAEAAQAKwArAAQABAAEAAQAUAAEAFAABAAEAA0ADQANACsAKwArACsAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAEAAQABAAEAAQABAArACsABAAEAAQABAAEAAQABABQAA4AUAAEACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAFAABAAEAAQABAAEAAQABAAEAAQABABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEAFAABAAEAAQABAAOAB4ADQANAA0ADQAOAB4ABAArACsAKwArACsAKwArACsAUAAEAAQABAAEAAQABAAEAAQABAAEAAQAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAA0ADQANAFAADgAOAA4ADQANACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUAArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAEAAQABAAEAAQABAAEACsABAAEAAQABAAEAAQABAAEAFAADQANAA0ADQANACsAKwArACsAKwArACsAKwArACsASwBLAEsASwBLAEsASwBLAEsASwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwAOABMAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAArAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQACsAUABQACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAArACsAKwAEACsABAAEACsABAAEAAQABAAEAAQABABQAAQAKwArACsAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsAUABQAFAAUABQAFAAKwBQAFAAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQAKwAEAAQAKwAEAAQABAAEAAQAUAArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAEAAQABAAeAB4AKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwBQACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAB4AHgAeAB4AHgAeAB4AHgAaABoAGgAaAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgArACsAKwArACsAKwArACsAKwArACsAKwArAA0AUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsADQANAA0ADQANACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAASABIAEgAQwBDAEMAUABQAFAAUABDAFAAUABQAEgAQwBIAEMAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAASABDAEMAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwAJAAkACQAJAAkACQAJABYAEQArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABIAEMAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwANAA0AKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArAAQABAAEAAQABAANACsAKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEAA0ADQANAB4AHgAeAB4AHgAeAFAAUABQAFAADQAeACsAKwArACsAKwArACsAKwArACsASwBLAEsASwBLAEsASwBLAEsASwArAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAANAA0AHgAeACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAKwAEAFAABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQAKwArACsAKwArACsAKwAEAAQABAAEAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAARwBHABUARwAJACsAKwArACsAKwArACsAKwArACsAKwAEAAQAKwArACsAKwArACsAKwArACsAKwArACsAKwArAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXACsAKwArACsAKwArACsAKwBXAFcAVwBXAFcAVwBXAFcAVwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAUQBRAFEAKwArACsAKwArACsAKwArACsAKwArACsAKwBRAFEAUQBRACsAKwArACsAKwArACsAKwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUAArACsAHgAEAAQADQAEAAQABAAEACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgArACsAKwArACsAKwArACsAKwArAB4AHgAeAB4AHgAeAB4AKwArAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAAQABAAEAAQABAAeAB4AHgAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAB4AHgAEAAQABAAEAAQABAAEAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4ABAAEAAQABAAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4ABAAEAAQAHgArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAKwArACsAKwArACsAKwArAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgArACsAKwArACsAKwArACsAKwAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgArAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwBQAFAAKwArAFAAKwArAFAAUAArACsAUABQAFAAUAArAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeACsAUAArAFAAUABQAFAAUABQAFAAKwAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwBQAFAAUABQACsAKwBQAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAFAAUABQACsAHgAeAFAAUABQAFAAUAArAFAAKwArACsAUABQAFAAUABQAFAAUAArAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAHgBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgBQAFAAUABQAFAAUABQAFAAUABQAFAAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAB4AHgAeAB4AHgAeAB4AHgAeACsAKwBLAEsASwBLAEsASwBLAEsASwBLAEsASwBLAEsASwBLAEsASwBLAEsASwBLAEsASwBLAEsASwBLAEsASwBLAEsASwBLAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAeAB4AHgAeAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAeAB4AHgAeAB4AHgAeAB4ABAAeAB4AHgAeAB4AHgAeAB4AHgAeAAQAHgAeAA0ADQANAA0AHgArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwAEAAQABAAEAAQAKwAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAAQABAAEAAQABAAEAAQAKwAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQAKwArAAQABAAEAAQABAAEAAQAKwAEAAQAKwAEAAQABAAEAAQAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwAEAAQABAAEAAQABAAEAFAAUABQAFAAUABQAFAAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwBQAB4AKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArABsAUABQAFAAUABQACsAKwBQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEACsAKwArACsAKwArACsAKwArAB4AHgAeAB4ABAAEAAQABAAEAAQABABQACsAKwArACsASwBLAEsASwBLAEsASwBLAEsASwArACsAKwArABYAFgArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAGgBQAFAAUAAaAFAAUABQAFAAKwArACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAeAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwBQAFAAUABQACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAKwBQACsAKwBQACsAUABQAFAAUABQAFAAUABQAFAAUAArAFAAUABQAFAAKwBQACsAUAArACsAKwArACsAKwBQACsAKwArACsAUAArAFAAKwBQACsAUABQAFAAKwBQAFAAKwBQACsAKwBQACsAUAArAFAAKwBQACsAUAArAFAAUAArAFAAKwArAFAAUABQAFAAKwBQAFAAUABQAFAAUABQACsAUABQAFAAUAArAFAAUABQAFAAKwBQACsAUABQAFAAUABQAFAAUABQAFAAUAArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAUABQAFAAKwBQAFAAUABQAFAAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwAeAB4AKwArACsAKwArACsAKwArACsAKwArACsAKwArAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8AJQAlACUAHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHgAeAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB4AHgAeACUAJQAlAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQApACkAKQApACkAKQApACkAKQApACkAKQApACkAKQApACkAKQApACkAKQApACkAKQApACkAJQAlACUAJQAlACAAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAeAB4AJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlAB4AHgAlACUAJQAlACUAHgAlACUAJQAlACUAIAAgACAAJQAlACAAJQAlACAAIAAgACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACEAIQAhACEAIQAlACUAIAAgACUAJQAgACAAIAAgACAAIAAgACAAIAAgACAAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAJQAlACUAIAAlACUAJQAlACAAIAAgACUAIAAgACAAJQAlACUAJQAlACUAJQAgACUAIAAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAHgAlAB4AJQAeACUAJQAlACUAJQAgACUAJQAlACUAHgAlAB4AHgAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlAB4AHgAeAB4AHgAeAB4AJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAeAB4AHgAeAB4AHgAeAB4AHgAeACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACAAIAAlACUAJQAlACAAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACAAJQAlACUAJQAgACAAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAHgAeAB4AHgAeAB4AHgAeACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAeAB4AHgAeAB4AHgAlACUAJQAlACUAJQAlACAAIAAgACUAJQAlACAAIAAgACAAIAAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeABcAFwAXABUAFQAVAB4AHgAeAB4AJQAlACUAIAAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACAAIAAgACUAJQAlACUAJQAlACUAJQAlACAAJQAlACUAJQAlACUAJQAlACUAJQAlACAAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AJQAlACUAJQAlACUAJQAlACUAJQAlACUAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AJQAlACUAJQAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeACUAJQAlACUAJQAlACUAJQAeAB4AHgAeAB4AHgAeAB4AHgAeACUAJQAlACUAJQAlAB4AHgAeAB4AHgAeAB4AHgAlACUAJQAlACUAJQAlACUAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAgACUAJQAgACUAJQAlACUAJQAlACUAJQAgACAAIAAgACAAIAAgACAAJQAlACUAJQAlACUAIAAlACUAJQAlACUAJQAlACUAJQAgACAAIAAgACAAIAAgACAAIAAgACUAJQAgACAAIAAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAgACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACAAIAAlACAAIAAlACAAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAgACAAIAAlACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAJQAlAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAKwArAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXACUAJQBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwAlACUAJQAlACUAJQAlACUAJQAlACUAVwBXACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAKwAEACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAA==';
+      var base64$1 =
+        "KwAAAAAAAAAACA4AUD0AADAgAAACAAAAAAAIABAAGABAAEgAUABYAGAAaABgAGgAYgBqAF8AZwBgAGgAcQB5AHUAfQCFAI0AlQCdAKIAqgCyALoAYABoAGAAaABgAGgAwgDKAGAAaADGAM4A0wDbAOEA6QDxAPkAAQEJAQ8BFwF1AH0AHAEkASwBNAE6AUIBQQFJAVEBWQFhAWgBcAF4ATAAgAGGAY4BlQGXAZ8BpwGvAbUBvQHFAc0B0wHbAeMB6wHxAfkBAQIJAvEBEQIZAiECKQIxAjgCQAJGAk4CVgJeAmQCbAJ0AnwCgQKJApECmQKgAqgCsAK4ArwCxAIwAMwC0wLbAjAA4wLrAvMC+AIAAwcDDwMwABcDHQMlAy0DNQN1AD0DQQNJA0kDSQNRA1EDVwNZA1kDdQB1AGEDdQBpA20DdQN1AHsDdQCBA4kDkQN1AHUAmQOhA3UAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AKYDrgN1AHUAtgO+A8YDzgPWAxcD3gPjA+sD8wN1AHUA+wMDBAkEdQANBBUEHQQlBCoEFwMyBDgEYABABBcDSARQBFgEYARoBDAAcAQzAXgEgASIBJAEdQCXBHUAnwSnBK4EtgS6BMIEyAR1AHUAdQB1AHUAdQCVANAEYABgAGAAYABgAGAAYABgANgEYADcBOQEYADsBPQE/AQEBQwFFAUcBSQFLAU0BWQEPAVEBUsFUwVbBWAAYgVgAGoFcgV6BYIFigWRBWAAmQWfBaYFYABgAGAAYABgAKoFYACxBbAFuQW6BcEFwQXHBcEFwQXPBdMF2wXjBeoF8gX6BQIGCgYSBhoGIgYqBjIGOgZgAD4GRgZMBmAAUwZaBmAAYABgAGAAYABgAGAAYABgAGAAYABgAGIGYABpBnAGYABgAGAAYABgAGAAYABgAGAAYAB4Bn8GhQZgAGAAYAB1AHcDFQSLBmAAYABgAJMGdQA9A3UAmwajBqsGqwaVALMGuwbDBjAAywbSBtIG1QbSBtIG0gbSBtIG0gbdBuMG6wbzBvsGAwcLBxMHAwcbByMHJwcsBywHMQcsB9IGOAdAB0gHTgfSBkgHVgfSBtIG0gbSBtIG0gbSBtIG0gbSBiwHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAdgAGAALAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAdbB2MHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsB2kH0gZwB64EdQB1AHUAdQB1AHUAdQB1AHUHfQdgAIUHjQd1AHUAlQedB2AAYAClB6sHYACzB7YHvgfGB3UAzgfWBzMB3gfmB1EB7gf1B/0HlQENAQUIDQh1ABUIHQglCBcDLQg1CD0IRQhNCEEDUwh1AHUAdQBbCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIcAh3CHoIMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwAIIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIgggwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAALAcsBywHLAcsBywHLAcsBywHLAcsB4oILAcsB44I0gaWCJ4Ipgh1AHUAqgiyCHUAdQB1AHUAdQB1AHUAdQB1AHUAtwh8AXUAvwh1AMUIyQjRCNkI4AjoCHUAdQB1AO4I9gj+CAYJDgkTCS0HGwkjCYIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIggiAAIAAAAFAAYABgAGIAXwBgAHEAdQBFAJUAogCyAKAAYABgAEIA4ABGANMA4QDxAMEBDwE1AFwBLAE6AQEBUQF4QkhCmEKoQrhCgAHIQsAB0MLAAcABwAHAAeDC6ABoAHDCwMMAAcABwAHAAdDDGMMAAcAB6MM4wwjDWMNow3jDaABoAGgAaABoAGgAaABoAGgAaABoAGgAaABoAGgAaABoAGgAaABoAEjDqABWw6bDqABpg6gAaABoAHcDvwOPA+gAaABfA/8DvwO/A78DvwO/A78DvwO/A78DvwO/A78DvwO/A78DvwO/A78DvwO/A78DvwO/A78DvwO/A78DpcPAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcAB9cPKwkyCToJMAB1AHUAdQBCCUoJTQl1AFUJXAljCWcJawkwADAAMAAwAHMJdQB2CX4JdQCECYoJjgmWCXUAngkwAGAAYABxAHUApgn3A64JtAl1ALkJdQDACTAAMAAwADAAdQB1AHUAdQB1AHUAdQB1AHUAowYNBMUIMAAwADAAMADICcsJ0wnZCRUE4QkwAOkJ8An4CTAAMAB1AAAKvwh1AAgKDwoXCh8KdQAwACcKLgp1ADYKqAmICT4KRgowADAAdQB1AE4KMAB1AFYKdQBeCnUAZQowADAAMAAwADAAMAAwADAAMAAVBHUAbQowADAAdQC5CXUKMAAwAHwBxAijBogEMgF9CoQKiASMCpQKmgqIBKIKqgquCogEDQG2Cr4KxgrLCjAAMADTCtsKCgHjCusK8Qr5CgELMAAwADAAMAB1AIsECQsRC3UANAEZCzAAMAAwADAAMAB1ACELKQswAHUANAExCzkLdQBBC0kLMABRC1kLMAAwADAAMAAwADAAdQBhCzAAMAAwAGAAYABpC3ELdwt/CzAAMACHC4sLkwubC58Lpwt1AK4Ltgt1APsDMAAwADAAMAAwADAAMAAwAL4LwwvLC9IL1wvdCzAAMADlC+kL8Qv5C/8LSQswADAAMAAwADAAMAAwADAAMAAHDDAAMAAwADAAMAAODBYMHgx1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1ACYMMAAwADAAdQB1AHUALgx1AHUAdQB1AHUAdQA2DDAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwAHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AD4MdQBGDHUAdQB1AHUAdQB1AEkMdQB1AHUAdQB1AFAMMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwAHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQBYDHUAdQB1AF8MMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAB1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AHUA+wMVBGcMMAAwAHwBbwx1AHcMfwyHDI8MMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAYABgAJcMMAAwADAAdQB1AJ8MlQClDDAAMACtDCwHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsB7UMLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHdQB1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AA0EMAC9DDAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAsBywHLAcsBywHLAcsBywHLQcwAMEMyAwsBywHLAcsBywHLAcsBywHLAcsBywHzAwwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwAHUAdQB1ANQM2QzhDDAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMABgAGAAYABgAGAAYABgAOkMYADxDGAA+AwADQYNYABhCWAAYAAODTAAMAAwADAAFg1gAGAAHg37AzAAMAAwADAAYABgACYNYAAsDTQNPA1gAEMNPg1LDWAAYABgAGAAYABgAGAAYABgAGAAUg1aDYsGVglhDV0NcQBnDW0NdQ15DWAAYABgAGAAYABgAGAAYABgAGAAYABgAGAAYABgAGAAlQCBDZUAiA2PDZcNMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAnw2nDTAAMAAwADAAMAAwAHUArw23DTAAMAAwADAAMAAwADAAMAAwADAAMAB1AL8NMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAB1AHUAdQB1AHUAdQDHDTAAYABgAM8NMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAA1w11ANwNMAAwAD0B5A0wADAAMAAwADAAMADsDfQN/A0EDgwOFA4wABsOMAAwADAAMAAwADAAMAAwANIG0gbSBtIG0gbSBtIG0gYjDigOwQUuDsEFMw7SBjoO0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIGQg5KDlIOVg7SBtIGXg5lDm0OdQ7SBtIGfQ6EDooOjQ6UDtIGmg6hDtIG0gaoDqwO0ga0DrwO0gZgAGAAYADEDmAAYAAkBtIGzA5gANIOYADaDokO0gbSBt8O5w7SBu8O0gb1DvwO0gZgAGAAxA7SBtIG0gbSBtIGYABgAGAAYAAED2AAsAUMD9IG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIGFA8sBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAccD9IGLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHJA8sBywHLAcsBywHLAccDywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywPLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAc0D9IG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIGLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAccD9IG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIGFA8sBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHPA/SBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gYUD0QPlQCVAJUAMAAwADAAMACVAJUAlQCVAJUAlQCVAEwPMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAA//8EAAQABAAEAAQABAAEAAQABAANAAMAAQABAAIABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQACgATABcAHgAbABoAHgAXABYAEgAeABsAGAAPABgAHABLAEsASwBLAEsASwBLAEsASwBLABgAGAAeAB4AHgATAB4AUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQABYAGwASAB4AHgAeAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAWAA0AEQAeAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAAQABAAEAAQABAAFAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAJABYAGgAbABsAGwAeAB0AHQAeAE8AFwAeAA0AHgAeABoAGwBPAE8ADgBQAB0AHQAdAE8ATwAXAE8ATwBPABYAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAB0AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAdAFAAUABQAFAAUABQAFAAUAAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAFAAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAeAB4AHgAeAFAATwBAAE8ATwBPAEAATwBQAFAATwBQAB4AHgAeAB4AHgAeAB0AHQAdAB0AHgAdAB4ADgBQAFAAUABQAFAAHgAeAB4AHgAeAB4AHgBQAB4AUAAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4ABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAJAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAkACQAJAAkACQAJAAkABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAeAB4AHgAeAFAAHgAeAB4AKwArAFAAUABQAFAAGABQACsAKwArACsAHgAeAFAAHgBQAFAAUAArAFAAKwAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4ABAAEAAQABAAEAAQABAAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAUAAeAB4AHgAeAB4AHgBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAYAA0AKwArAB4AHgAbACsABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQADQAEAB4ABAAEAB4ABAAEABMABAArACsAKwArACsAKwArACsAVgBWAFYAVgBWAFYAVgBWAFYAVgBWAFYAVgBWAFYAVgBWAFYAVgBWAFYAVgBWAFYAVgBWAFYAKwArACsAKwBWAFYAVgBWAB4AHgArACsAKwArACsAKwArACsAKwArACsAHgAeAB4AHgAeAB4AHgAeAB4AGgAaABoAGAAYAB4AHgAEAAQABAAEAAQABAAEAAQABAAEAAQAEwAEACsAEwATAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABABLAEsASwBLAEsASwBLAEsASwBLABoAGQAZAB4AUABQAAQAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQABMAUAAEAAQABAAEAAQABAAEAB4AHgAEAAQABAAEAAQABABQAFAABAAEAB4ABAAEAAQABABQAFAASwBLAEsASwBLAEsASwBLAEsASwBQAFAAUAAeAB4AUAAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwAeAFAABABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAEAAQABAAEAAQABAAEAAQABAAEAFAAKwArACsAKwArACsAKwArACsAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAEAAQABAAEAAQABAAEAAQAUABQAB4AHgAYABMAUAArACsABAAbABsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAFAABAAEAAQABAAEAFAABAAEAAQAUAAEAAQABAAEAAQAKwArAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAArACsAHgArAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAKwArACsAKwArACsAKwArAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAB4ABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQABAAEAFAABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQAUAAEAAQABAAEAAQABAAEAFAAUABQAFAAUABQAFAAUABQAFAABAAEAA0ADQBLAEsASwBLAEsASwBLAEsASwBLAB4AUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAArAFAAUABQAFAAUABQAFAAUAArACsAUABQACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAFAAUABQACsAUAArACsAKwBQAFAAUABQACsAKwAEAFAABAAEAAQABAAEAAQABAArACsABAAEACsAKwAEAAQABABQACsAKwArACsAKwArACsAKwAEACsAKwArACsAUABQACsAUABQAFAABAAEACsAKwBLAEsASwBLAEsASwBLAEsASwBLAFAAUAAaABoAUABQAFAAUABQAEwAHgAbAFAAHgAEACsAKwAEAAQABAArAFAAUABQAFAAUABQACsAKwArACsAUABQACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAFAAUABQACsAUABQACsAUABQACsAUABQACsAKwAEACsABAAEAAQABAAEACsAKwArACsABAAEACsAKwAEAAQABAArACsAKwAEACsAKwArACsAKwArACsAUABQAFAAUAArAFAAKwArACsAKwArACsAKwBLAEsASwBLAEsASwBLAEsASwBLAAQABABQAFAAUAAEAB4AKwArACsAKwArACsAKwArACsAKwAEAAQABAArAFAAUABQAFAAUABQAFAAUABQACsAUABQAFAAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAFAAUABQACsAUABQACsAUABQAFAAUABQACsAKwAEAFAABAAEAAQABAAEAAQABAAEACsABAAEAAQAKwAEAAQABAArACsAUAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwBQAFAABAAEACsAKwBLAEsASwBLAEsASwBLAEsASwBLAB4AGwArACsAKwArACsAKwArAFAABAAEAAQABAAEAAQAKwAEAAQABAArAFAAUABQAFAAUABQAFAAUAArACsAUABQACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQABAAEAAQABAArACsABAAEACsAKwAEAAQABAArACsAKwArACsAKwArAAQABAAEACsAKwArACsAUABQACsAUABQAFAABAAEACsAKwBLAEsASwBLAEsASwBLAEsASwBLAB4AUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArAAQAUAArAFAAUABQAFAAUABQACsAKwArAFAAUABQACsAUABQAFAAUAArACsAKwBQAFAAKwBQACsAUABQACsAKwArAFAAUAArACsAKwBQAFAAUAArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArAAQABAAEAAQABAArACsAKwAEAAQABAArAAQABAAEAAQAKwArAFAAKwArACsAKwArACsABAArACsAKwArACsAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAUABQAFAAHgAeAB4AHgAeAB4AGwAeACsAKwArACsAKwAEAAQABAAEAAQAUABQAFAAUABQAFAAUABQACsAUABQAFAAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAUAAEAAQABAAEAAQABAAEACsABAAEAAQAKwAEAAQABAAEACsAKwArACsAKwArACsABAAEACsAUABQAFAAKwArACsAKwArAFAAUAAEAAQAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsAKwAOAFAAUABQAFAAUABQAFAAHgBQAAQABAAEAA4AUABQAFAAUABQAFAAUABQACsAUABQAFAAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArAFAAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAFAAKwArAAQAUAAEAAQABAAEAAQABAAEACsABAAEAAQAKwAEAAQABAAEACsAKwArACsAKwArACsABAAEACsAKwArACsAKwArACsAUAArAFAAUAAEAAQAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwBQAFAAKwArACsAKwArACsAKwArACsAKwArACsAKwAEAAQABAAEAFAAUABQAFAAUABQAFAAUABQACsAUABQAFAAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAEAFAABAAEAAQABAAEAAQABAArAAQABAAEACsABAAEAAQABABQAB4AKwArACsAKwBQAFAAUAAEAFAAUABQAFAAUABQAFAAUABQAFAABAAEACsAKwBLAEsASwBLAEsASwBLAEsASwBLAFAAUABQAFAAUABQAFAAUABQABoAUABQAFAAUABQAFAAKwAEAAQABAArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArAFAAUABQAFAAUABQAFAAUABQACsAUAArACsAUABQAFAAUABQAFAAUAArACsAKwAEACsAKwArACsABAAEAAQABAAEAAQAKwAEACsABAAEAAQABAAEAAQABAAEACsAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArAAQABAAeACsAKwArACsAKwArACsAKwArACsAKwArAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXAAqAFwAXAAqACoAKgAqACoAKgAqACsAKwArACsAGwBcAFwAXABcAFwAXABcACoAKgAqACoAKgAqACoAKgAeAEsASwBLAEsASwBLAEsASwBLAEsADQANACsAKwArACsAKwBcAFwAKwBcACsAXABcAFwAXABcACsAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcACsAXAArAFwAXABcAFwAXABcAFwAXABcAFwAKgBcAFwAKgAqACoAKgAqACoAKgAqACoAXAArACsAXABcAFwAXABcACsAXAArACoAKgAqACoAKgAqACsAKwBLAEsASwBLAEsASwBLAEsASwBLACsAKwBcAFwAXABcAFAADgAOAA4ADgAeAA4ADgAJAA4ADgANAAkAEwATABMAEwATAAkAHgATAB4AHgAeAAQABAAeAB4AHgAeAB4AHgBLAEsASwBLAEsASwBLAEsASwBLAFAAUABQAFAAUABQAFAAUABQAFAADQAEAB4ABAAeAAQAFgARABYAEQAEAAQAUABQAFAAUABQAFAAUABQACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAKwAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQADQAEAAQABAAEAAQADQAEAAQAUABQAFAAUABQAAQABAAEAAQABAAEAAQABAAEAAQABAArAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAArAA0ADQAeAB4AHgAeAB4AHgAEAB4AHgAeAB4AHgAeACsAHgAeAA4ADgANAA4AHgAeAB4AHgAeAAkACQArACsAKwArACsAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgBcAEsASwBLAEsASwBLAEsASwBLAEsADQANAB4AHgAeAB4AXABcAFwAXABcAFwAKgAqACoAKgBcAFwAXABcACoAKgAqAFwAKgAqACoAXABcACoAKgAqACoAKgAqACoAXABcAFwAKgAqACoAKgBcAFwAXABcAFwAXABcAFwAXABcAFwAXABcACoAKgAqACoAKgAqACoAKgAqACoAKgAqAFwAKgBLAEsASwBLAEsASwBLAEsASwBLACoAKgAqACoAKgAqAFAAUABQAFAAUABQACsAUAArACsAKwArACsAUAArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAHgBQAFAAUABQAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABZAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBZAFkAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFAAUABQAFAAUABQAFAAUABQACsAUABQAFAAUAArACsAUABQAFAAUABQAFAAUAArAFAAKwBQAFAAUABQACsAKwBQAFAAUABQAFAAUABQAFAAUAArAFAAUABQAFAAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArAFAAUABQAFAAKwArAFAAUABQAFAAUABQAFAAKwBQACsAUABQAFAAUAArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAUABQACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsABAAEAAQAHgANAB4AHgAeAB4AHgAeAB4AUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAHgAeAB4AHgAeAB4AHgAeAB4AHgArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwBQAFAAUABQAFAAUAArACsADQBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAHgAeAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAANAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAWABEAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAA0ADQANAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAAQABAAEACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAANAA0AKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAEACsAKwArACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAUAArAAQABAArACsAKwArACsAKwArACsAKwArACsAKwBcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqAA0ADQAVAFwADQAeAA0AGwBcACoAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwAeAB4AEwATAA0ADQAOAB4AEwATAB4ABAAEAAQACQArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArAFAAUABQAFAAUAAEAAQAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQAUAArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwAEAAQABAAEAAQABAAEAAQABAAEAAQABAArACsAKwArAAQABAAEAAQABAAEAAQABAAEAAQABAAEACsAKwArACsAHgArACsAKwATABMASwBLAEsASwBLAEsASwBLAEsASwBcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXAArACsAXABcAFwAXABcACsAKwArACsAKwArACsAKwArACsAKwBcAFwAXABcAFwAXABcAFwAXABcAFwAXAArACsAKwArAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcACsAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAXAArACsAKwAqACoAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQABAAEAAQABAArACsAHgAeAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcACoAKgAqACoAKgAqACoAKgAqACoAKwAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKwArAAQASwBLAEsASwBLAEsASwBLAEsASwArACsAKwArACsAKwBLAEsASwBLAEsASwBLAEsASwBLACsAKwArACsAKwArACoAKgAqACoAKgAqACoAXAAqACoAKgAqACoAKgArACsABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsABAAEAAQABAAEAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQABAAEAAQABABQAFAAUABQAFAAUABQACsAKwArACsASwBLAEsASwBLAEsASwBLAEsASwANAA0AHgANAA0ADQANAB4AHgAeAB4AHgAeAB4AHgAeAB4ABAAEAAQABAAEAAQABAAEAAQAHgAeAB4AHgAeAB4AHgAeAB4AKwArACsABAAEAAQAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAEAAQABAAEAAQABAAEAAQABAAEAAQABABQAFAASwBLAEsASwBLAEsASwBLAEsASwBQAFAAUABQAFAAUABQAFAABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEACsAKwArACsAKwArACsAKwAeAB4AHgAeAFAAUABQAFAABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEACsAKwArAA0ADQANAA0ADQBLAEsASwBLAEsASwBLAEsASwBLACsAKwArAFAAUABQAEsASwBLAEsASwBLAEsASwBLAEsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAA0ADQBQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwBQAFAAUAAeAB4AHgAeAB4AHgAeAB4AKwArACsAKwArACsAKwArAAQABAAEAB4ABAAEAAQABAAEAAQABAAEAAQABAAEAAQABABQAFAAUABQAAQAUABQAFAAUABQAFAABABQAFAABAAEAAQAUAArACsAKwArACsABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEACsABAAEAAQABAAEAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwArAFAAUABQAFAAUABQACsAKwBQAFAAUABQAFAAUABQAFAAKwBQACsAUAArAFAAKwAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeACsAKwAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgArAB4AHgAeAB4AHgAeAB4AHgBQAB4AHgAeAFAAUABQACsAHgAeAB4AHgAeAB4AHgAeAB4AHgBQAFAAUABQACsAKwAeAB4AHgAeAB4AHgArAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwArAFAAUABQACsAHgAeAB4AHgAeAB4AHgAOAB4AKwANAA0ADQANAA0ADQANAAkADQANAA0ACAAEAAsABAAEAA0ACQANAA0ADAAdAB0AHgAXABcAFgAXABcAFwAWABcAHQAdAB4AHgAUABQAFAANAAEAAQAEAAQABAAEAAQACQAaABoAGgAaABoAGgAaABoAHgAXABcAHQAVABUAHgAeAB4AHgAeAB4AGAAWABEAFQAVABUAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4ADQAeAA0ADQANAA0AHgANAA0ADQAHAB4AHgAeAB4AKwAEAAQABAAEAAQABAAEAAQABAAEAFAAUAArACsATwBQAFAAUABQAFAAHgAeAB4AFgARAE8AUABPAE8ATwBPAFAAUABQAFAAUAAeAB4AHgAWABEAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArABsAGwAbABsAGwAbABsAGgAbABsAGwAbABsAGwAbABsAGwAbABsAGwAbABsAGgAbABsAGwAbABoAGwAbABoAGwAbABsAGwAbABsAGwAbABsAGwAbABsAGwAbABsAGwAbAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQAHgAeAFAAGgAeAB0AHgBQAB4AGgAeAB4AHgAeAB4AHgAeAB4AHgBPAB4AUAAbAB4AHgBQAFAAUABQAFAAHgAeAB4AHQAdAB4AUAAeAFAAHgBQAB4AUABPAFAAUAAeAB4AHgAeAB4AHgAeAFAAUABQAFAAUAAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAFAAHgBQAFAAUABQAE8ATwBQAFAAUABQAFAATwBQAFAATwBQAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAFAAUABQAFAATwBPAE8ATwBPAE8ATwBPAE8ATwBQAFAAUABQAFAAUABQAFAAUAAeAB4AUABQAFAAUABPAB4AHgArACsAKwArAB0AHQAdAB0AHQAdAB0AHQAdAB0AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB0AHgAdAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAdAB4AHQAdAB4AHgAeAB0AHQAeAB4AHQAeAB4AHgAdAB4AHQAbABsAHgAdAB4AHgAeAB4AHQAeAB4AHQAdAB0AHQAeAB4AHQAeAB0AHgAdAB0AHQAdAB0AHQAeAB0AHgAeAB4AHgAeAB0AHQAdAB0AHgAeAB4AHgAdAB0AHgAeAB4AHgAeAB4AHgAeAB4AHgAdAB4AHgAeAB0AHgAeAB4AHgAeAB0AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAdAB0AHgAeAB0AHQAdAB0AHgAeAB0AHQAeAB4AHQAdAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB0AHQAeAB4AHQAdAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHQAeAB4AHgAdAB4AHgAeAB4AHgAeAB4AHQAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB0AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AFAAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeABYAEQAWABEAHgAeAB4AHgAeAB4AHQAeAB4AHgAeAB4AHgAeACUAJQAeAB4AHgAeAB4AHgAeAB4AHgAWABEAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AJQAlACUAJQAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAFAAHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHgAeAB4AHgAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAeAB4AHQAdAB0AHQAeAB4AHgAeAB4AHgAeAB4AHgAeAB0AHQAeAB0AHQAdAB0AHQAdAB0AHgAeAB4AHgAeAB4AHgAeAB0AHQAeAB4AHQAdAB4AHgAeAB4AHQAdAB4AHgAeAB4AHQAdAB0AHgAeAB0AHgAeAB0AHQAdAB0AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAdAB0AHQAdAB4AHgAeAB4AHgAeAB4AHgAeAB0AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAlACUAJQAlAB4AHQAdAB4AHgAdAB4AHgAeAB4AHQAdAB4AHgAeAB4AJQAlAB0AHQAlAB4AJQAlACUAIAAlACUAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAlACUAJQAeAB4AHgAeAB0AHgAdAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAdAB0AHgAdAB0AHQAeAB0AJQAdAB0AHgAdAB0AHgAdAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeACUAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHQAdAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAlACUAJQAlACUAJQAlACUAJQAlACUAJQAdAB0AHQAdACUAHgAlACUAJQAdACUAJQAdAB0AHQAlACUAHQAdACUAHQAdACUAJQAlAB4AHQAeAB4AHgAeAB0AHQAlAB0AHQAdAB0AHQAdACUAJQAlACUAJQAdACUAJQAgACUAHQAdACUAJQAlACUAJQAlACUAJQAeAB4AHgAlACUAIAAgACAAIAAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB0AHgAeAB4AFwAXABcAFwAXABcAHgATABMAJQAeAB4AHgAWABEAFgARABYAEQAWABEAFgARABYAEQAWABEATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeABYAEQAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAWABEAFgARABYAEQAWABEAFgARAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AFgARABYAEQAWABEAFgARABYAEQAWABEAFgARABYAEQAWABEAFgARABYAEQAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAWABEAFgARAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AFgARAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAdAB0AHQAdAB0AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgArACsAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AUABQAFAAUAAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAEAAQABAAeAB4AKwArACsAKwArABMADQANAA0AUAATAA0AUABQAFAAUABQAFAAUABQACsAKwArACsAKwArACsAUAANACsAKwArACsAKwArACsAKwArACsAKwArACsAKwAEAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQACsAUABQAFAAUABQAFAAUAArAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAFAAUABQACsAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXAA0ADQANAA0ADQANAA0ADQAeAA0AFgANAB4AHgAXABcAHgAeABcAFwAWABEAFgARABYAEQAWABEADQANAA0ADQATAFAADQANAB4ADQANAB4AHgAeAB4AHgAMAAwADQANAA0AHgANAA0AFgANAA0ADQANAA0ADQANAA0AHgANAB4ADQANAB4AHgAeACsAKwArACsAKwArACsAKwArACsAKwArACsAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACsAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAKwArACsAKwArACsAKwArACsAKwArACsAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwAlACUAJQAlACUAJQAlACUAJQAlACUAJQArACsAKwArAA0AEQARACUAJQBHAFcAVwAWABEAFgARABYAEQAWABEAFgARACUAJQAWABEAFgARABYAEQAWABEAFQAWABEAEQAlAFcAVwBXAFcAVwBXAFcAVwBXAAQABAAEAAQABAAEACUAVwBXAFcAVwA2ACUAJQBXAFcAVwBHAEcAJQAlACUAKwBRAFcAUQBXAFEAVwBRAFcAUQBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFEAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBRAFcAUQBXAFEAVwBXAFcAVwBXAFcAUQBXAFcAVwBXAFcAVwBRAFEAKwArAAQABAAVABUARwBHAFcAFQBRAFcAUQBXAFEAVwBRAFcAUQBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFEAVwBRAFcAUQBXAFcAVwBXAFcAVwBRAFcAVwBXAFcAVwBXAFEAUQBXAFcAVwBXABUAUQBHAEcAVwArACsAKwArACsAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAKwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAKwAlACUAVwBXAFcAVwAlACUAJQAlACUAJQAlACUAJQAlACsAKwArACsAKwArACsAKwArACsAKwArAFEAUQBRAFEAUQBRAFEAUQBRAFEAUQBRAFEAUQBRAFEAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQArAFcAVwBXAFcAVwBXAFcAVwBXAFcAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQBPAE8ATwBPAE8ATwBPAE8AJQBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXACUAJQAlAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAEcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAKwArACsAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAADQATAA0AUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABLAEsASwBLAEsASwBLAEsASwBLAFAAUAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAFAABAAEAAQABAAeAAQABAAEAAQABAAEAAQABAAEAAQAHgBQAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AUABQAAQABABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQABAAeAA0ADQANAA0ADQArACsAKwArACsAKwArACsAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAFAAUABQAFAAUABQAFAAUABQAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AUAAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgBQAB4AHgAeAB4AHgAeAFAAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgArACsAHgAeAB4AHgAeAB4AHgAeAB4AKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwAeAB4AUABQAFAAUABQAFAAUABQAFAAUABQAAQAUABQAFAABABQAFAAUABQAAQAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQABAAEAAQABAAeAB4AHgAeAAQAKwArACsAUABQAFAAUABQAFAAHgAeABoAHgArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAADgAOABMAEwArACsAKwArACsAKwArACsABAAEAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQABAAEAAQABAAEACsAKwArACsAKwArACsAKwANAA0ASwBLAEsASwBLAEsASwBLAEsASwArACsAKwArACsAKwAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABABQAFAAUABQAFAAUAAeAB4AHgBQAA4AUABQAAQAUABQAFAAUABQAFAABAAEAAQABAAEAAQABAAEAA0ADQBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQAKwArACsAKwArACsAKwArACsAKwArAB4AWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYACsAKwArAAQAHgAeAB4AHgAeAB4ADQANAA0AHgAeAB4AHgArAFAASwBLAEsASwBLAEsASwBLAEsASwArACsAKwArAB4AHgBcAFwAXABcAFwAKgBcAFwAXABcAFwAXABcAFwAXABcAEsASwBLAEsASwBLAEsASwBLAEsAXABcAFwAXABcACsAUABQAFAAUABQAFAAUABQAFAABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEACsAKwArACsAKwArACsAKwArAFAAUABQAAQAUABQAFAAUABQAFAAUABQAAQABAArACsASwBLAEsASwBLAEsASwBLAEsASwArACsAHgANAA0ADQBcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAKgAqACoAXAAqACoAKgBcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXAAqAFwAKgAqACoAXABcACoAKgBcAFwAXABcAFwAKgAqAFwAKgBcACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAFwAXABcACoAKgBQAFAAUABQAFAAUABQAFAAUABQAFAABAAEAAQABAAEAA0ADQBQAFAAUAAEAAQAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUAArACsAUABQAFAAUABQAFAAKwArAFAAUABQAFAAUABQACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAFAAUABQACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAHgAeACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEAAQADQAEAAQAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsAVABVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBUAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVACsAKwArACsAKwArACsAKwArACsAKwArAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBZAFkAKwArACsAKwBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAKwArACsAKwAGAAYABgAGAAYABgAGAAYABgAGAAYABgAGAAYABgAGAAYABgAGAAYABgAGAAYABgAGAAYABgAGAAYABgAGAAYAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXACUAJQBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAJQAlACUAJQAlACUAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAKwArACsAKwArAFYABABWAFYAVgBWAFYAVgBWAFYAVgBWAB4AVgBWAFYAVgBWAFYAVgBWAFYAVgBWAFYAVgArAFYAVgBWAFYAVgArAFYAKwBWAFYAKwBWAFYAKwBWAFYAVgBWAFYAVgBWAFYAVgBWAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAEQAWAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUAAaAB4AKwArAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQAGAARABEAGAAYABMAEwAWABEAFAArACsAKwArACsAKwAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEACUAJQAlACUAJQAWABEAFgARABYAEQAWABEAFgARABYAEQAlACUAFgARACUAJQAlACUAJQAlACUAEQAlABEAKwAVABUAEwATACUAFgARABYAEQAWABEAJQAlACUAJQAlACUAJQAlACsAJQAbABoAJQArACsAKwArAFAAUABQAFAAUAArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArAAcAKwATACUAJQAbABoAJQAlABYAEQAlACUAEQAlABEAJQBXAFcAVwBXAFcAVwBXAFcAVwBXABUAFQAlACUAJQATACUAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXABYAJQARACUAJQAlAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwAWACUAEQAlABYAEQARABYAEQARABUAVwBRAFEAUQBRAFEAUQBRAFEAUQBRAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAEcARwArACsAVwBXAFcAVwBXAFcAKwArAFcAVwBXAFcAVwBXACsAKwBXAFcAVwBXAFcAVwArACsAVwBXAFcAKwArACsAGgAbACUAJQAlABsAGwArAB4AHgAeAB4AHgAeAB4AKwArACsAKwArACsAKwArACsAKwAEAAQABAAQAB0AKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsADQANAA0AKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArAB4AHgAeAB4AHgAeAB4AHgAeAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgBQAFAAHgAeAB4AKwAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAAQAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwAEAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAEAAQABAAEACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArAA0AUABQAFAAUAArACsAKwArAFAAUABQAFAAUABQAFAAUAANAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAKwArACsAKwArACsAKwAeACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAKwArAFAAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArAFAAUAArACsAKwBQACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwANAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAeAB4AUABQAFAAUABQAFAAUAArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArAFAAUAArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArAA0AUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAKwAeAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAUABQAFAAUABQAAQABAAEACsABAAEACsAKwArACsAKwAEAAQABAAEAFAAUABQAFAAKwBQAFAAUAArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArAAQABAAEACsAKwArACsABABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArAA0ADQANAA0ADQANAA0ADQAeACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAeAFAAUABQAFAAUABQAFAAUAAeAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQABAArACsAKwArAFAAUABQAFAAUAANAA0ADQANAA0ADQAUACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsADQANAA0ADQANAA0ADQBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArAB4AHgAeAB4AKwArACsAKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArAFAAUABQAFAAUABQAAQABAAEAAQAKwArACsAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUAArAAQABAANACsAKwBQAFAAKwArACsAKwArACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAAQABAAEAAQABAAEAAQABAAEAAQABABQAFAAUABQAB4AHgAeAB4AHgArACsAKwArACsAKwAEAAQABAAEAAQABAAEAA0ADQAeAB4AHgAeAB4AKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsABABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQABAAEAAQABAAEAAQABAAEAAQABAAeAB4AHgANAA0ADQANACsAKwArACsAKwArACsAKwArACsAKwAeACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAKwArACsAKwBLAEsASwBLAEsASwBLAEsASwBLACsAKwArACsAKwArAFAAUABQAFAAUABQAFAABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEACsASwBLAEsASwBLAEsASwBLAEsASwANAA0ADQANAFAABAAEAFAAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAeAA4AUAArACsAKwArACsAKwArACsAKwAEAFAAUABQAFAADQANAB4ADQAEAAQABAAEAB4ABAAEAEsASwBLAEsASwBLAEsASwBLAEsAUAAOAFAADQANAA0AKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEAAQABAAEAAQABAANAA0AHgANAA0AHgAEACsAUABQAFAAUABQAFAAUAArAFAAKwBQAFAAUABQACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAFAAUABQAFAAUABQAA0AKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEAAQABAAEAAQAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsABAAEAAQABAArAFAAUABQAFAAUABQAFAAUAArACsAUABQACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAFAAUABQACsAUABQACsAUABQAFAAUABQACsABAAEAFAABAAEAAQABAAEAAQABAArACsABAAEACsAKwAEAAQABAArACsAUAArACsAKwArACsAKwAEACsAKwArACsAKwBQAFAAUABQAFAABAAEACsAKwAEAAQABAAEAAQABAAEACsAKwArAAQABAAEAAQABAArACsAKwArACsAKwArACsAKwArACsABAAEAAQABAAEAAQABABQAFAAUABQAA0ADQANAA0AHgBLAEsASwBLAEsASwBLAEsASwBLAA0ADQArAB4ABABQAFAAUAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwAEAAQABAAEAFAAUAAeAFAAKwArACsAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAEAAQABAAEAAQABAArACsABAAEAAQABAAEAAQABAAEAAQADgANAA0AEwATAB4AHgAeAA0ADQANAA0ADQANAA0ADQANAA0ADQANAA0ADQANAFAAUABQAFAABAAEACsAKwAEAA0ADQAeAFAAKwArACsAKwArACsAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAFAAKwArACsAKwArACsAKwBLAEsASwBLAEsASwBLAEsASwBLACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAKwArACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACsAKwArACsASwBLAEsASwBLAEsASwBLAEsASwBcAFwADQANAA0AKgBQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAeACsAKwArACsASwBLAEsASwBLAEsASwBLAEsASwBQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAKwArAFAAKwArAFAAUABQAFAAUABQAFAAUAArAFAAUAArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAEAAQABAAEAAQAKwAEAAQAKwArAAQABAAEAAQAUAAEAFAABAAEAA0ADQANACsAKwArACsAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAEAAQABAAEAAQABAArACsABAAEAAQABAAEAAQABABQAA4AUAAEACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAFAABAAEAAQABAAEAAQABAAEAAQABABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEAFAABAAEAAQABAAOAB4ADQANAA0ADQAOAB4ABAArACsAKwArACsAKwArACsAUAAEAAQABAAEAAQABAAEAAQABAAEAAQAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAA0ADQANAFAADgAOAA4ADQANACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUAArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAEAAQABAAEAAQABAAEACsABAAEAAQABAAEAAQABAAEAFAADQANAA0ADQANACsAKwArACsAKwArACsAKwArACsASwBLAEsASwBLAEsASwBLAEsASwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwAOABMAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAArAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQACsAUABQACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAArACsAKwAEACsABAAEACsABAAEAAQABAAEAAQABABQAAQAKwArACsAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsAUABQAFAAUABQAFAAKwBQAFAAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQAKwAEAAQAKwAEAAQABAAEAAQAUAArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAEAAQABAAeAB4AKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwBQACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAB4AHgAeAB4AHgAeAB4AHgAaABoAGgAaAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgArACsAKwArACsAKwArACsAKwArACsAKwArAA0AUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsADQANAA0ADQANACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAASABIAEgAQwBDAEMAUABQAFAAUABDAFAAUABQAEgAQwBIAEMAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAASABDAEMAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwAJAAkACQAJAAkACQAJABYAEQArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABIAEMAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwANAA0AKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArAAQABAAEAAQABAANACsAKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEAA0ADQANAB4AHgAeAB4AHgAeAFAAUABQAFAADQAeACsAKwArACsAKwArACsAKwArACsASwBLAEsASwBLAEsASwBLAEsASwArAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAANAA0AHgAeACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAKwAEAFAABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQAKwArACsAKwArACsAKwAEAAQABAAEAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAARwBHABUARwAJACsAKwArACsAKwArACsAKwArACsAKwAEAAQAKwArACsAKwArACsAKwArACsAKwArACsAKwArAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXACsAKwArACsAKwArACsAKwBXAFcAVwBXAFcAVwBXAFcAVwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAUQBRAFEAKwArACsAKwArACsAKwArACsAKwArACsAKwBRAFEAUQBRACsAKwArACsAKwArACsAKwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUAArACsAHgAEAAQADQAEAAQABAAEACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgArACsAKwArACsAKwArACsAKwArAB4AHgAeAB4AHgAeAB4AKwArAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAAQABAAEAAQABAAeAB4AHgAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAB4AHgAEAAQABAAEAAQABAAEAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4ABAAEAAQABAAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4ABAAEAAQAHgArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAKwArACsAKwArACsAKwArAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgArACsAKwArACsAKwArACsAKwAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgArAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwBQAFAAKwArAFAAKwArAFAAUAArACsAUABQAFAAUAArAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeACsAUAArAFAAUABQAFAAUABQAFAAKwAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwBQAFAAUABQACsAKwBQAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAFAAUABQACsAHgAeAFAAUABQAFAAUAArAFAAKwArACsAUABQAFAAUABQAFAAUAArAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAHgBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgBQAFAAUABQAFAAUABQAFAAUABQAFAAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAB4AHgAeAB4AHgAeAB4AHgAeACsAKwBLAEsASwBLAEsASwBLAEsASwBLAEsASwBLAEsASwBLAEsASwBLAEsASwBLAEsASwBLAEsASwBLAEsASwBLAEsASwBLAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAeAB4AHgAeAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAeAB4AHgAeAB4AHgAeAB4ABAAeAB4AHgAeAB4AHgAeAB4AHgAeAAQAHgAeAA0ADQANAA0AHgArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwAEAAQABAAEAAQAKwAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAAQABAAEAAQABAAEAAQAKwAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQAKwArAAQABAAEAAQABAAEAAQAKwAEAAQAKwAEAAQABAAEAAQAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwAEAAQABAAEAAQABAAEAFAAUABQAFAAUABQAFAAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwBQAB4AKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArABsAUABQAFAAUABQACsAKwBQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEACsAKwArACsAKwArACsAKwArAB4AHgAeAB4ABAAEAAQABAAEAAQABABQACsAKwArACsASwBLAEsASwBLAEsASwBLAEsASwArACsAKwArABYAFgArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAGgBQAFAAUAAaAFAAUABQAFAAKwArACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAeAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwBQAFAAUABQACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAKwBQACsAKwBQACsAUABQAFAAUABQAFAAUABQAFAAUAArAFAAUABQAFAAKwBQACsAUAArACsAKwArACsAKwBQACsAKwArACsAUAArAFAAKwBQACsAUABQAFAAKwBQAFAAKwBQACsAKwBQACsAUAArAFAAKwBQACsAUAArAFAAUAArAFAAKwArAFAAUABQAFAAKwBQAFAAUABQAFAAUABQACsAUABQAFAAUAArAFAAUABQAFAAKwBQACsAUABQAFAAUABQAFAAUABQAFAAUAArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAUABQAFAAKwBQAFAAUABQAFAAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwAeAB4AKwArACsAKwArACsAKwArACsAKwArACsAKwArAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8AJQAlACUAHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHgAeAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB4AHgAeACUAJQAlAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQApACkAKQApACkAKQApACkAKQApACkAKQApACkAKQApACkAKQApACkAKQApACkAKQApACkAJQAlACUAJQAlACAAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAeAB4AJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlAB4AHgAlACUAJQAlACUAHgAlACUAJQAlACUAIAAgACAAJQAlACAAJQAlACAAIAAgACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACEAIQAhACEAIQAlACUAIAAgACUAJQAgACAAIAAgACAAIAAgACAAIAAgACAAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAJQAlACUAIAAlACUAJQAlACAAIAAgACUAIAAgACAAJQAlACUAJQAlACUAJQAgACUAIAAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAHgAlAB4AJQAeACUAJQAlACUAJQAgACUAJQAlACUAHgAlAB4AHgAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlAB4AHgAeAB4AHgAeAB4AJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAeAB4AHgAeAB4AHgAeAB4AHgAeACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACAAIAAlACUAJQAlACAAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACAAJQAlACUAJQAgACAAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAHgAeAB4AHgAeAB4AHgAeACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAeAB4AHgAeAB4AHgAlACUAJQAlACUAJQAlACAAIAAgACUAJQAlACAAIAAgACAAIAAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeABcAFwAXABUAFQAVAB4AHgAeAB4AJQAlACUAIAAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACAAIAAgACUAJQAlACUAJQAlACUAJQAlACAAJQAlACUAJQAlACUAJQAlACUAJQAlACAAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AJQAlACUAJQAlACUAJQAlACUAJQAlACUAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AJQAlACUAJQAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeACUAJQAlACUAJQAlACUAJQAeAB4AHgAeAB4AHgAeAB4AHgAeACUAJQAlACUAJQAlAB4AHgAeAB4AHgAeAB4AHgAlACUAJQAlACUAJQAlACUAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAgACUAJQAgACUAJQAlACUAJQAlACUAJQAgACAAIAAgACAAIAAgACAAJQAlACUAJQAlACUAIAAlACUAJQAlACUAJQAlACUAJQAgACAAIAAgACAAIAAgACAAIAAgACUAJQAgACAAIAAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAgACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACAAIAAlACAAIAAlACAAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAgACAAIAAlACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAJQAlAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAKwArAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXACUAJQBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwAlACUAJQAlACUAJQAlACUAJQAlACUAVwBXACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAKwAEACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAA==";
 
       var LETTER_NUMBER_MODIFIER = 50;
       // Non-tailorable Line Breaking Classes
@@ -2452,9 +2879,9 @@
       var SA = 42; //  Provide a line break opportunity contingent on additional, language-specific context analysis
       var XX = 43; //  Have as yet unknown line breaking behavior or unassigned code positions
       var ea_OP = [0x2329, 0xff08];
-      var BREAK_MANDATORY = '!';
-      var BREAK_NOT_ALLOWED$1 = '×';
-      var BREAK_ALLOWED$1 = '÷';
+      var BREAK_MANDATORY = "!";
+      var BREAK_NOT_ALLOWED$1 = "×";
+      var BREAK_ALLOWED$1 = "÷";
       var UnicodeTrie$1 = createTrieFromBase64$1(base64$1);
       var ALPHABETICS = [AL, HL];
       var HARD_LINE_BREAKS = [BK, CR$1, LF$1, NL];
@@ -2464,378 +2891,443 @@
       var KOREAN_SYLLABLE_BLOCK = [JL, JV, JT, H2, H3];
       var HYPHEN = [HY, BA];
       var codePointsToCharacterClasses = function (codePoints, lineBreak) {
-          if (lineBreak === void 0) { lineBreak = 'strict'; }
-          var types = [];
-          var indices = [];
-          var categories = [];
-          codePoints.forEach(function (codePoint, index) {
-              var classType = UnicodeTrie$1.get(codePoint);
-              if (classType > LETTER_NUMBER_MODIFIER) {
-                  categories.push(true);
-                  classType -= LETTER_NUMBER_MODIFIER;
-              }
-              else {
-                  categories.push(false);
-              }
-              if (['normal', 'auto', 'loose'].indexOf(lineBreak) !== -1) {
-                  // U+2010, – U+2013, 〜 U+301C, ゠ U+30A0
-                  if ([0x2010, 0x2013, 0x301c, 0x30a0].indexOf(codePoint) !== -1) {
-                      indices.push(index);
-                      return types.push(CB);
-                  }
-              }
-              if (classType === CM || classType === ZWJ$1) {
-                  // LB10 Treat any remaining combining mark or ZWJ as AL.
-                  if (index === 0) {
-                      indices.push(index);
-                      return types.push(AL);
-                  }
-                  // LB9 Do not break a combining character sequence; treat it as if it has the line breaking class of
-                  // the base character in all of the following rules. Treat ZWJ as if it were CM.
-                  var prev = types[index - 1];
-                  if (LINE_BREAKS.indexOf(prev) === -1) {
-                      indices.push(indices[index - 1]);
-                      return types.push(prev);
-                  }
-                  indices.push(index);
-                  return types.push(AL);
-              }
+        if (lineBreak === void 0) {
+          lineBreak = "strict";
+        }
+        var types = [];
+        var indices = [];
+        var categories = [];
+        codePoints.forEach(function (codePoint, index) {
+          var classType = UnicodeTrie$1.get(codePoint);
+          if (classType > LETTER_NUMBER_MODIFIER) {
+            categories.push(true);
+            classType -= LETTER_NUMBER_MODIFIER;
+          } else {
+            categories.push(false);
+          }
+          if (["normal", "auto", "loose"].indexOf(lineBreak) !== -1) {
+            // U+2010, – U+2013, 〜 U+301C, ゠ U+30A0
+            if ([0x2010, 0x2013, 0x301c, 0x30a0].indexOf(codePoint) !== -1) {
               indices.push(index);
-              if (classType === CJ) {
-                  return types.push(lineBreak === 'strict' ? NS : ID);
-              }
-              if (classType === SA) {
-                  return types.push(AL);
-              }
-              if (classType === AI) {
-                  return types.push(AL);
-              }
-              // For supplementary characters, a useful default is to treat characters in the range 10000..1FFFD as AL
-              // and characters in the ranges 20000..2FFFD and 30000..3FFFD as ID, until the implementation can be revised
-              // to take into account the actual line breaking properties for these characters.
-              if (classType === XX) {
-                  if ((codePoint >= 0x20000 && codePoint <= 0x2fffd) || (codePoint >= 0x30000 && codePoint <= 0x3fffd)) {
-                      return types.push(ID);
-                  }
-                  else {
-                      return types.push(AL);
-                  }
-              }
-              types.push(classType);
-          });
-          return [indices, types, categories];
-      };
-      var isAdjacentWithSpaceIgnored = function (a, b, currentIndex, classTypes) {
-          var current = classTypes[currentIndex];
-          if (Array.isArray(a) ? a.indexOf(current) !== -1 : a === current) {
-              var i = currentIndex;
-              while (i <= classTypes.length) {
-                  i++;
-                  var next = classTypes[i];
-                  if (next === b) {
-                      return true;
-                  }
-                  if (next !== SP) {
-                      break;
-                  }
-              }
+              return types.push(CB);
+            }
           }
-          if (current === SP) {
-              var i = currentIndex;
-              while (i > 0) {
-                  i--;
-                  var prev = classTypes[i];
-                  if (Array.isArray(a) ? a.indexOf(prev) !== -1 : a === prev) {
-                      var n = currentIndex;
-                      while (n <= classTypes.length) {
-                          n++;
-                          var next = classTypes[n];
-                          if (next === b) {
-                              return true;
-                          }
-                          if (next !== SP) {
-                              break;
-                          }
-                      }
-                  }
-                  if (prev !== SP) {
-                      break;
-                  }
-              }
+          if (classType === CM || classType === ZWJ$1) {
+            // LB10 Treat any remaining combining mark or ZWJ as AL.
+            if (index === 0) {
+              indices.push(index);
+              return types.push(AL);
+            }
+            // LB9 Do not break a combining character sequence; treat it as if it has the line breaking class of
+            // the base character in all of the following rules. Treat ZWJ as if it were CM.
+            var prev = types[index - 1];
+            if (LINE_BREAKS.indexOf(prev) === -1) {
+              indices.push(indices[index - 1]);
+              return types.push(prev);
+            }
+            indices.push(index);
+            return types.push(AL);
+          }
+          indices.push(index);
+          if (classType === CJ) {
+            return types.push(lineBreak === "strict" ? NS : ID);
+          }
+          if (classType === SA) {
+            return types.push(AL);
+          }
+          if (classType === AI) {
+            return types.push(AL);
+          }
+          // For supplementary characters, a useful default is to treat characters in the range 10000..1FFFD as AL
+          // and characters in the ranges 20000..2FFFD and 30000..3FFFD as ID, until the implementation can be revised
+          // to take into account the actual line breaking properties for these characters.
+          if (classType === XX) {
+            if (
+              (codePoint >= 0x20000 && codePoint <= 0x2fffd) ||
+              (codePoint >= 0x30000 && codePoint <= 0x3fffd)
+            ) {
+              return types.push(ID);
+            } else {
+              return types.push(AL);
+            }
+          }
+          types.push(classType);
+        });
+        return [indices, types, categories];
+      };
+      var isAdjacentWithSpaceIgnored = function (
+        a,
+        b,
+        currentIndex,
+        classTypes,
+      ) {
+        var current = classTypes[currentIndex];
+        if (Array.isArray(a) ? a.indexOf(current) !== -1 : a === current) {
+          var i = currentIndex;
+          while (i <= classTypes.length) {
+            i++;
+            var next = classTypes[i];
+            if (next === b) {
+              return true;
+            }
+            if (next !== SP) {
+              break;
+            }
           }
-          return false;
-      };
-      var previousNonSpaceClassType = function (currentIndex, classTypes) {
+        }
+        if (current === SP) {
           var i = currentIndex;
-          while (i >= 0) {
-              var type = classTypes[i];
-              if (type === SP) {
-                  i--;
-              }
-              else {
-                  return type;
+          while (i > 0) {
+            i--;
+            var prev = classTypes[i];
+            if (Array.isArray(a) ? a.indexOf(prev) !== -1 : a === prev) {
+              var n = currentIndex;
+              while (n <= classTypes.length) {
+                n++;
+                var next = classTypes[n];
+                if (next === b) {
+                  return true;
+                }
+                if (next !== SP) {
+                  break;
+                }
               }
+            }
+            if (prev !== SP) {
+              break;
+            }
           }
-          return 0;
+        }
+        return false;
       };
-      var _lineBreakAtIndex = function (codePoints, classTypes, indicies, index, forbiddenBreaks) {
-          if (indicies[index] === 0) {
-              return BREAK_NOT_ALLOWED$1;
-          }
-          var currentIndex = index - 1;
-          if (Array.isArray(forbiddenBreaks) && forbiddenBreaks[currentIndex] === true) {
-              return BREAK_NOT_ALLOWED$1;
-          }
-          var beforeIndex = currentIndex - 1;
-          var afterIndex = currentIndex + 1;
-          var current = classTypes[currentIndex];
-          // LB4 Always break after hard line breaks.
-          // LB5 Treat CR followed by LF, as well as CR, LF, and NL as hard line breaks.
-          var before = beforeIndex >= 0 ? classTypes[beforeIndex] : 0;
-          var next = classTypes[afterIndex];
-          if (current === CR$1 && next === LF$1) {
-              return BREAK_NOT_ALLOWED$1;
-          }
-          if (HARD_LINE_BREAKS.indexOf(current) !== -1) {
-              return BREAK_MANDATORY;
-          }
-          // LB6 Do not break before hard line breaks.
-          if (HARD_LINE_BREAKS.indexOf(next) !== -1) {
-              return BREAK_NOT_ALLOWED$1;
-          }
-          // LB7 Do not break before spaces or zero width space.
-          if (SPACE$1.indexOf(next) !== -1) {
-              return BREAK_NOT_ALLOWED$1;
-          }
-          // LB8 Break before any character following a zero-width space, even if one or more spaces intervene.
-          if (previousNonSpaceClassType(currentIndex, classTypes) === ZW) {
-              return BREAK_ALLOWED$1;
-          }
-          // LB8a Do not break after a zero width joiner.
-          if (UnicodeTrie$1.get(codePoints[currentIndex]) === ZWJ$1) {
-              return BREAK_NOT_ALLOWED$1;
-          }
-          // zwj emojis
-          if ((current === EB || current === EM) && UnicodeTrie$1.get(codePoints[afterIndex]) === ZWJ$1) {
-              return BREAK_NOT_ALLOWED$1;
-          }
-          // LB11 Do not break before or after Word joiner and related characters.
-          if (current === WJ || next === WJ) {
-              return BREAK_NOT_ALLOWED$1;
-          }
-          // LB12 Do not break after NBSP and related characters.
-          if (current === GL) {
-              return BREAK_NOT_ALLOWED$1;
-          }
-          // LB12a Do not break before NBSP and related characters, except after spaces and hyphens.
-          if ([SP, BA, HY].indexOf(current) === -1 && next === GL) {
-              return BREAK_NOT_ALLOWED$1;
-          }
-          // LB13 Do not break before ‘]’ or ‘!’ or ‘;’ or ‘/’, even after spaces.
-          if ([CL, CP, EX, IS, SY].indexOf(next) !== -1) {
-              return BREAK_NOT_ALLOWED$1;
-          }
-          // LB14 Do not break after ‘[’, even after spaces.
-          if (previousNonSpaceClassType(currentIndex, classTypes) === OP) {
-              return BREAK_NOT_ALLOWED$1;
-          }
-          // LB15 Do not break within ‘”[’, even with intervening spaces.
-          if (isAdjacentWithSpaceIgnored(QU, OP, currentIndex, classTypes)) {
-              return BREAK_NOT_ALLOWED$1;
-          }
-          // LB16 Do not break between closing punctuation and a nonstarter (lb=NS), even with intervening spaces.
-          if (isAdjacentWithSpaceIgnored([CL, CP], NS, currentIndex, classTypes)) {
-              return BREAK_NOT_ALLOWED$1;
-          }
-          // LB17 Do not break within ‘——’, even with intervening spaces.
-          if (isAdjacentWithSpaceIgnored(B2, B2, currentIndex, classTypes)) {
-              return BREAK_NOT_ALLOWED$1;
-          }
-          // LB18 Break after spaces.
-          if (current === SP) {
-              return BREAK_ALLOWED$1;
-          }
-          // LB19 Do not break before or after quotation marks, such as ‘ ” ’.
-          if (current === QU || next === QU) {
-              return BREAK_NOT_ALLOWED$1;
-          }
-          // LB20 Break before and after unresolved CB.
-          if (next === CB || current === CB) {
-              return BREAK_ALLOWED$1;
-          }
-          // LB21 Do not break before hyphen-minus, other hyphens, fixed-width spaces, small kana, and other non-starters, or after acute accents.
-          if ([BA, HY, NS].indexOf(next) !== -1 || current === BB) {
-              return BREAK_NOT_ALLOWED$1;
-          }
-          // LB21a Don't break after Hebrew + Hyphen.
-          if (before === HL && HYPHEN.indexOf(current) !== -1) {
-              return BREAK_NOT_ALLOWED$1;
-          }
-          // LB21b Don’t break between Solidus and Hebrew letters.
-          if (current === SY && next === HL) {
-              return BREAK_NOT_ALLOWED$1;
-          }
-          // LB22 Do not break before ellipsis.
-          if (next === IN) {
-              return BREAK_NOT_ALLOWED$1;
+      var previousNonSpaceClassType = function (currentIndex, classTypes) {
+        var i = currentIndex;
+        while (i >= 0) {
+          var type = classTypes[i];
+          if (type === SP) {
+            i--;
+          } else {
+            return type;
           }
-          // LB23 Do not break between digits and letters.
-          if ((ALPHABETICS.indexOf(next) !== -1 && current === NU) || (ALPHABETICS.indexOf(current) !== -1 && next === NU)) {
+        }
+        return 0;
+      };
+      var _lineBreakAtIndex = function (
+        codePoints,
+        classTypes,
+        indicies,
+        index,
+        forbiddenBreaks,
+      ) {
+        if (indicies[index] === 0) {
+          return BREAK_NOT_ALLOWED$1;
+        }
+        var currentIndex = index - 1;
+        if (
+          Array.isArray(forbiddenBreaks) &&
+          forbiddenBreaks[currentIndex] === true
+        ) {
+          return BREAK_NOT_ALLOWED$1;
+        }
+        var beforeIndex = currentIndex - 1;
+        var afterIndex = currentIndex + 1;
+        var current = classTypes[currentIndex];
+        // LB4 Always break after hard line breaks.
+        // LB5 Treat CR followed by LF, as well as CR, LF, and NL as hard line breaks.
+        var before = beforeIndex >= 0 ? classTypes[beforeIndex] : 0;
+        var next = classTypes[afterIndex];
+        if (current === CR$1 && next === LF$1) {
+          return BREAK_NOT_ALLOWED$1;
+        }
+        if (HARD_LINE_BREAKS.indexOf(current) !== -1) {
+          return BREAK_MANDATORY;
+        }
+        // LB6 Do not break before hard line breaks.
+        if (HARD_LINE_BREAKS.indexOf(next) !== -1) {
+          return BREAK_NOT_ALLOWED$1;
+        }
+        // LB7 Do not break before spaces or zero width space.
+        if (SPACE$1.indexOf(next) !== -1) {
+          return BREAK_NOT_ALLOWED$1;
+        }
+        // LB8 Break before any character following a zero-width space, even if one or more spaces intervene.
+        if (previousNonSpaceClassType(currentIndex, classTypes) === ZW) {
+          return BREAK_ALLOWED$1;
+        }
+        // LB8a Do not break after a zero width joiner.
+        if (UnicodeTrie$1.get(codePoints[currentIndex]) === ZWJ$1) {
+          return BREAK_NOT_ALLOWED$1;
+        }
+        // zwj emojis
+        if (
+          (current === EB || current === EM) &&
+          UnicodeTrie$1.get(codePoints[afterIndex]) === ZWJ$1
+        ) {
+          return BREAK_NOT_ALLOWED$1;
+        }
+        // LB11 Do not break before or after Word joiner and related characters.
+        if (current === WJ || next === WJ) {
+          return BREAK_NOT_ALLOWED$1;
+        }
+        // LB12 Do not break after NBSP and related characters.
+        if (current === GL) {
+          return BREAK_NOT_ALLOWED$1;
+        }
+        // LB12a Do not break before NBSP and related characters, except after spaces and hyphens.
+        if ([SP, BA, HY].indexOf(current) === -1 && next === GL) {
+          return BREAK_NOT_ALLOWED$1;
+        }
+        // LB13 Do not break before ‘]’ or ‘!’ or ‘;’ or ‘/’, even after spaces.
+        if ([CL, CP, EX, IS, SY].indexOf(next) !== -1) {
+          return BREAK_NOT_ALLOWED$1;
+        }
+        // LB14 Do not break after ‘[’, even after spaces.
+        if (previousNonSpaceClassType(currentIndex, classTypes) === OP) {
+          return BREAK_NOT_ALLOWED$1;
+        }
+        // LB15 Do not break within ‘”[’, even with intervening spaces.
+        if (isAdjacentWithSpaceIgnored(QU, OP, currentIndex, classTypes)) {
+          return BREAK_NOT_ALLOWED$1;
+        }
+        // LB16 Do not break between closing punctuation and a nonstarter (lb=NS), even with intervening spaces.
+        if (
+          isAdjacentWithSpaceIgnored([CL, CP], NS, currentIndex, classTypes)
+        ) {
+          return BREAK_NOT_ALLOWED$1;
+        }
+        // LB17 Do not break within ‘——’, even with intervening spaces.
+        if (isAdjacentWithSpaceIgnored(B2, B2, currentIndex, classTypes)) {
+          return BREAK_NOT_ALLOWED$1;
+        }
+        // LB18 Break after spaces.
+        if (current === SP) {
+          return BREAK_ALLOWED$1;
+        }
+        // LB19 Do not break before or after quotation marks, such as ‘ ” ’.
+        if (current === QU || next === QU) {
+          return BREAK_NOT_ALLOWED$1;
+        }
+        // LB20 Break before and after unresolved CB.
+        if (next === CB || current === CB) {
+          return BREAK_ALLOWED$1;
+        }
+        // LB21 Do not break before hyphen-minus, other hyphens, fixed-width spaces, small kana, and other non-starters, or after acute accents.
+        if ([BA, HY, NS].indexOf(next) !== -1 || current === BB) {
+          return BREAK_NOT_ALLOWED$1;
+        }
+        // LB21a Don't break after Hebrew + Hyphen.
+        if (before === HL && HYPHEN.indexOf(current) !== -1) {
+          return BREAK_NOT_ALLOWED$1;
+        }
+        // LB21b Don’t break between Solidus and Hebrew letters.
+        if (current === SY && next === HL) {
+          return BREAK_NOT_ALLOWED$1;
+        }
+        // LB22 Do not break before ellipsis.
+        if (next === IN) {
+          return BREAK_NOT_ALLOWED$1;
+        }
+        // LB23 Do not break between digits and letters.
+        if (
+          (ALPHABETICS.indexOf(next) !== -1 && current === NU) ||
+          (ALPHABETICS.indexOf(current) !== -1 && next === NU)
+        ) {
+          return BREAK_NOT_ALLOWED$1;
+        }
+        // LB23a Do not break between numeric prefixes and ideographs, or between ideographs and numeric postfixes.
+        if (
+          (current === PR && [ID, EB, EM].indexOf(next) !== -1) ||
+          ([ID, EB, EM].indexOf(current) !== -1 && next === PO)
+        ) {
+          return BREAK_NOT_ALLOWED$1;
+        }
+        // LB24 Do not break between numeric prefix/postfix and letters, or between letters and prefix/postfix.
+        if (
+          (ALPHABETICS.indexOf(current) !== -1 &&
+            PREFIX_POSTFIX.indexOf(next) !== -1) ||
+          (PREFIX_POSTFIX.indexOf(current) !== -1 &&
+            ALPHABETICS.indexOf(next) !== -1)
+        ) {
+          return BREAK_NOT_ALLOWED$1;
+        }
+        // LB25 Do not break between the following pairs of classes relevant to numbers:
+        if (
+          // (PR | PO) × ( OP | HY )? NU
+          ([PR, PO].indexOf(current) !== -1 &&
+            (next === NU ||
+              ([OP, HY].indexOf(next) !== -1 &&
+                classTypes[afterIndex + 1] === NU))) ||
+          // ( OP | HY ) × NU
+          ([OP, HY].indexOf(current) !== -1 && next === NU) ||
+          // NU ×	(NU | SY | IS)
+          (current === NU && [NU, SY, IS].indexOf(next) !== -1)
+        ) {
+          return BREAK_NOT_ALLOWED$1;
+        }
+        // NU (NU | SY | IS)* × (NU | SY | IS | CL | CP)
+        if ([NU, SY, IS, CL, CP].indexOf(next) !== -1) {
+          var prevIndex = currentIndex;
+          while (prevIndex >= 0) {
+            var type = classTypes[prevIndex];
+            if (type === NU) {
               return BREAK_NOT_ALLOWED$1;
+            } else if ([SY, IS].indexOf(type) !== -1) {
+              prevIndex--;
+            } else {
+              break;
+            }
           }
-          // LB23a Do not break between numeric prefixes and ideographs, or between ideographs and numeric postfixes.
-          if ((current === PR && [ID, EB, EM].indexOf(next) !== -1) ||
-              ([ID, EB, EM].indexOf(current) !== -1 && next === PO)) {
+        }
+        // NU (NU | SY | IS)* (CL | CP)? × (PO | PR))
+        if ([PR, PO].indexOf(next) !== -1) {
+          var prevIndex =
+            [CL, CP].indexOf(current) !== -1 ? beforeIndex : currentIndex;
+          while (prevIndex >= 0) {
+            var type = classTypes[prevIndex];
+            if (type === NU) {
               return BREAK_NOT_ALLOWED$1;
+            } else if ([SY, IS].indexOf(type) !== -1) {
+              prevIndex--;
+            } else {
+              break;
+            }
           }
-          // LB24 Do not break between numeric prefix/postfix and letters, or between letters and prefix/postfix.
-          if ((ALPHABETICS.indexOf(current) !== -1 && PREFIX_POSTFIX.indexOf(next) !== -1) ||
-              (PREFIX_POSTFIX.indexOf(current) !== -1 && ALPHABETICS.indexOf(next) !== -1)) {
-              return BREAK_NOT_ALLOWED$1;
+        }
+        // LB26 Do not break a Korean syllable.
+        if (
+          (JL === current && [JL, JV, H2, H3].indexOf(next) !== -1) ||
+          ([JV, H2].indexOf(current) !== -1 && [JV, JT].indexOf(next) !== -1) ||
+          ([JT, H3].indexOf(current) !== -1 && next === JT)
+        ) {
+          return BREAK_NOT_ALLOWED$1;
+        }
+        // LB27 Treat a Korean Syllable Block the same as ID.
+        if (
+          (KOREAN_SYLLABLE_BLOCK.indexOf(current) !== -1 &&
+            [IN, PO].indexOf(next) !== -1) ||
+          (KOREAN_SYLLABLE_BLOCK.indexOf(next) !== -1 && current === PR)
+        ) {
+          return BREAK_NOT_ALLOWED$1;
+        }
+        // LB28 Do not break between alphabetics (“at”).
+        if (
+          ALPHABETICS.indexOf(current) !== -1 &&
+          ALPHABETICS.indexOf(next) !== -1
+        ) {
+          return BREAK_NOT_ALLOWED$1;
+        }
+        // LB29 Do not break between numeric punctuation and alphabetics (“e.g.”).
+        if (current === IS && ALPHABETICS.indexOf(next) !== -1) {
+          return BREAK_NOT_ALLOWED$1;
+        }
+        // LB30 Do not break between letters, numbers, or ordinary symbols and opening or closing parentheses.
+        if (
+          (ALPHABETICS.concat(NU).indexOf(current) !== -1 &&
+            next === OP &&
+            ea_OP.indexOf(codePoints[afterIndex]) === -1) ||
+          (ALPHABETICS.concat(NU).indexOf(next) !== -1 && current === CP)
+        ) {
+          return BREAK_NOT_ALLOWED$1;
+        }
+        // LB30a Break between two regional indicator symbols if and only if there are an even number of regional
+        // indicators preceding the position of the break.
+        if (current === RI$1 && next === RI$1) {
+          var i = indicies[currentIndex];
+          var count = 1;
+          while (i > 0) {
+            i--;
+            if (classTypes[i] === RI$1) {
+              count++;
+            } else {
+              break;
+            }
+          }
+          if (count % 2 !== 0) {
+            return BREAK_NOT_ALLOWED$1;
           }
-          // LB25 Do not break between the following pairs of classes relevant to numbers:
-          if (
-          // (PR | PO) × ( OP | HY )? NU
-          ([PR, PO].indexOf(current) !== -1 &&
-              (next === NU || ([OP, HY].indexOf(next) !== -1 && classTypes[afterIndex + 1] === NU))) ||
-              // ( OP | HY ) × NU
-              ([OP, HY].indexOf(current) !== -1 && next === NU) ||
-              // NU ×	(NU | SY | IS)
-              (current === NU && [NU, SY, IS].indexOf(next) !== -1)) {
-              return BREAK_NOT_ALLOWED$1;
-          }
-          // NU (NU | SY | IS)* × (NU | SY | IS | CL | CP)
-          if ([NU, SY, IS, CL, CP].indexOf(next) !== -1) {
-              var prevIndex = currentIndex;
-              while (prevIndex >= 0) {
-                  var type = classTypes[prevIndex];
-                  if (type === NU) {
-                      return BREAK_NOT_ALLOWED$1;
-                  }
-                  else if ([SY, IS].indexOf(type) !== -1) {
-                      prevIndex--;
-                  }
-                  else {
-                      break;
-                  }
-              }
-          }
-          // NU (NU | SY | IS)* (CL | CP)? × (PO | PR))
-          if ([PR, PO].indexOf(next) !== -1) {
-              var prevIndex = [CL, CP].indexOf(current) !== -1 ? beforeIndex : currentIndex;
-              while (prevIndex >= 0) {
-                  var type = classTypes[prevIndex];
-                  if (type === NU) {
-                      return BREAK_NOT_ALLOWED$1;
-                  }
-                  else if ([SY, IS].indexOf(type) !== -1) {
-                      prevIndex--;
-                  }
-                  else {
-                      break;
-                  }
-              }
-          }
-          // LB26 Do not break a Korean syllable.
-          if ((JL === current && [JL, JV, H2, H3].indexOf(next) !== -1) ||
-              ([JV, H2].indexOf(current) !== -1 && [JV, JT].indexOf(next) !== -1) ||
-              ([JT, H3].indexOf(current) !== -1 && next === JT)) {
-              return BREAK_NOT_ALLOWED$1;
-          }
-          // LB27 Treat a Korean Syllable Block the same as ID.
-          if ((KOREAN_SYLLABLE_BLOCK.indexOf(current) !== -1 && [IN, PO].indexOf(next) !== -1) ||
-              (KOREAN_SYLLABLE_BLOCK.indexOf(next) !== -1 && current === PR)) {
-              return BREAK_NOT_ALLOWED$1;
-          }
-          // LB28 Do not break between alphabetics (“at”).
-          if (ALPHABETICS.indexOf(current) !== -1 && ALPHABETICS.indexOf(next) !== -1) {
-              return BREAK_NOT_ALLOWED$1;
-          }
-          // LB29 Do not break between numeric punctuation and alphabetics (“e.g.”).
-          if (current === IS && ALPHABETICS.indexOf(next) !== -1) {
-              return BREAK_NOT_ALLOWED$1;
-          }
-          // LB30 Do not break between letters, numbers, or ordinary symbols and opening or closing parentheses.
-          if ((ALPHABETICS.concat(NU).indexOf(current) !== -1 &&
-              next === OP &&
-              ea_OP.indexOf(codePoints[afterIndex]) === -1) ||
-              (ALPHABETICS.concat(NU).indexOf(next) !== -1 && current === CP)) {
-              return BREAK_NOT_ALLOWED$1;
-          }
-          // LB30a Break between two regional indicator symbols if and only if there are an even number of regional
-          // indicators preceding the position of the break.
-          if (current === RI$1 && next === RI$1) {
-              var i = indicies[currentIndex];
-              var count = 1;
-              while (i > 0) {
-                  i--;
-                  if (classTypes[i] === RI$1) {
-                      count++;
-                  }
-                  else {
-                      break;
-                  }
-              }
-              if (count % 2 !== 0) {
-                  return BREAK_NOT_ALLOWED$1;
-              }
-          }
-          // LB30b Do not break between an emoji base and an emoji modifier.
-          if (current === EB && next === EM) {
-              return BREAK_NOT_ALLOWED$1;
-          }
-          return BREAK_ALLOWED$1;
+        }
+        // LB30b Do not break between an emoji base and an emoji modifier.
+        if (current === EB && next === EM) {
+          return BREAK_NOT_ALLOWED$1;
+        }
+        return BREAK_ALLOWED$1;
       };
       var cssFormattedClasses = function (codePoints, options) {
-          if (!options) {
-              options = { lineBreak: 'normal', wordBreak: 'normal' };
-          }
-          var _a = codePointsToCharacterClasses(codePoints, options.lineBreak), indicies = _a[0], classTypes = _a[1], isLetterNumber = _a[2];
-          if (options.wordBreak === 'break-all' || options.wordBreak === 'break-word') {
-              classTypes = classTypes.map(function (type) { return ([NU, AL, SA].indexOf(type) !== -1 ? ID : type); });
-          }
-          var forbiddenBreakpoints = options.wordBreak === 'keep-all'
-              ? isLetterNumber.map(function (letterNumber, i) {
-                  return letterNumber && codePoints[i] >= 0x4e00 && codePoints[i] <= 0x9fff;
+        if (!options) {
+          options = { lineBreak: "normal", wordBreak: "normal" };
+        }
+        var _a = codePointsToCharacterClasses(codePoints, options.lineBreak),
+          indicies = _a[0],
+          classTypes = _a[1],
+          isLetterNumber = _a[2];
+        if (
+          options.wordBreak === "break-all" ||
+          options.wordBreak === "break-word"
+        ) {
+          classTypes = classTypes.map(function (type) {
+            return [NU, AL, SA].indexOf(type) !== -1 ? ID : type;
+          });
+        }
+        var forbiddenBreakpoints =
+          options.wordBreak === "keep-all"
+            ? isLetterNumber.map(function (letterNumber, i) {
+                return (
+                  letterNumber &&
+                  codePoints[i] >= 0x4e00 &&
+                  codePoints[i] <= 0x9fff
+                );
               })
-              : undefined;
-          return [indicies, classTypes, forbiddenBreakpoints];
+            : undefined;
+        return [indicies, classTypes, forbiddenBreakpoints];
       };
       var Break = /** @class */ (function () {
-          function Break(codePoints, lineBreak, start, end) {
-              this.codePoints = codePoints;
-              this.required = lineBreak === BREAK_MANDATORY;
-              this.start = start;
-              this.end = end;
-          }
-          Break.prototype.slice = function () {
-              return fromCodePoint$1.apply(void 0, this.codePoints.slice(this.start, this.end));
-          };
-          return Break;
-      }());
+        function Break(codePoints, lineBreak, start, end) {
+          this.codePoints = codePoints;
+          this.required = lineBreak === BREAK_MANDATORY;
+          this.start = start;
+          this.end = end;
+        }
+        Break.prototype.slice = function () {
+          return fromCodePoint$1.apply(
+            void 0,
+            this.codePoints.slice(this.start, this.end),
+          );
+        };
+        return Break;
+      })();
       var LineBreaker = function (str, options) {
-          var codePoints = toCodePoints$1(str);
-          var _a = cssFormattedClasses(codePoints, options), indicies = _a[0], classTypes = _a[1], forbiddenBreakpoints = _a[2];
-          var length = codePoints.length;
-          var lastEnd = 0;
-          var nextIndex = 0;
-          return {
-              next: function () {
-                  if (nextIndex >= length) {
-                      return { done: true, value: null };
-                  }
-                  var lineBreak = BREAK_NOT_ALLOWED$1;
-                  while (nextIndex < length &&
-                      (lineBreak = _lineBreakAtIndex(codePoints, classTypes, indicies, ++nextIndex, forbiddenBreakpoints)) ===
-                          BREAK_NOT_ALLOWED$1) { }
-                  if (lineBreak !== BREAK_NOT_ALLOWED$1 || nextIndex === length) {
-                      var value = new Break(codePoints, lineBreak, lastEnd, nextIndex);
-                      lastEnd = nextIndex;
-                      return { value: value, done: false };
-                  }
-                  return { done: true, value: null };
-              },
-          };
+        var codePoints = toCodePoints$1(str);
+        var _a = cssFormattedClasses(codePoints, options),
+          indicies = _a[0],
+          classTypes = _a[1],
+          forbiddenBreakpoints = _a[2];
+        var length = codePoints.length;
+        var lastEnd = 0;
+        var nextIndex = 0;
+        return {
+          next: function () {
+            if (nextIndex >= length) {
+              return { done: true, value: null };
+            }
+            var lineBreak = BREAK_NOT_ALLOWED$1;
+            while (
+              nextIndex < length &&
+              (lineBreak = _lineBreakAtIndex(
+                codePoints,
+                classTypes,
+                indicies,
+                ++nextIndex,
+                forbiddenBreakpoints,
+              )) === BREAK_NOT_ALLOWED$1
+            ) {}
+            if (lineBreak !== BREAK_NOT_ALLOWED$1 || nextIndex === length) {
+              var value = new Break(codePoints, lineBreak, lastEnd, nextIndex);
+              lastEnd = nextIndex;
+              return { value: value, done: false };
+            }
+            return { done: true, value: null };
+          },
+        };
       };
 
       // https://www.w3.org/TR/css-syntax-3
@@ -2896,105 +3388,143 @@
       var F = 0x0046;
       var U = 0x0055;
       var Z = 0x005a;
-      var isDigit = function (codePoint) { return codePoint >= ZERO && codePoint <= 0x0039; };
-      var isSurrogateCodePoint = function (codePoint) { return codePoint >= 0xd800 && codePoint <= 0xdfff; };
+      var isDigit = function (codePoint) {
+        return codePoint >= ZERO && codePoint <= 0x0039;
+      };
+      var isSurrogateCodePoint = function (codePoint) {
+        return codePoint >= 0xd800 && codePoint <= 0xdfff;
+      };
       var isHex = function (codePoint) {
-          return isDigit(codePoint) || (codePoint >= A && codePoint <= F) || (codePoint >= a && codePoint <= f);
+        return (
+          isDigit(codePoint) ||
+          (codePoint >= A && codePoint <= F) ||
+          (codePoint >= a && codePoint <= f)
+        );
+      };
+      var isLowerCaseLetter = function (codePoint) {
+        return codePoint >= a && codePoint <= z;
+      };
+      var isUpperCaseLetter = function (codePoint) {
+        return codePoint >= A && codePoint <= Z;
+      };
+      var isLetter = function (codePoint) {
+        return isLowerCaseLetter(codePoint) || isUpperCaseLetter(codePoint);
+      };
+      var isNonASCIICodePoint = function (codePoint) {
+        return codePoint >= CONTROL;
       };
-      var isLowerCaseLetter = function (codePoint) { return codePoint >= a && codePoint <= z; };
-      var isUpperCaseLetter = function (codePoint) { return codePoint >= A && codePoint <= Z; };
-      var isLetter = function (codePoint) { return isLowerCaseLetter(codePoint) || isUpperCaseLetter(codePoint); };
-      var isNonASCIICodePoint = function (codePoint) { return codePoint >= CONTROL; };
       var isWhiteSpace = function (codePoint) {
-          return codePoint === LINE_FEED || codePoint === CHARACTER_TABULATION || codePoint === SPACE;
+        return (
+          codePoint === LINE_FEED ||
+          codePoint === CHARACTER_TABULATION ||
+          codePoint === SPACE
+        );
       };
       var isNameStartCodePoint = function (codePoint) {
-          return isLetter(codePoint) || isNonASCIICodePoint(codePoint) || codePoint === LOW_LINE;
+        return (
+          isLetter(codePoint) ||
+          isNonASCIICodePoint(codePoint) ||
+          codePoint === LOW_LINE
+        );
       };
       var isNameCodePoint = function (codePoint) {
-          return isNameStartCodePoint(codePoint) || isDigit(codePoint) || codePoint === HYPHEN_MINUS;
+        return (
+          isNameStartCodePoint(codePoint) ||
+          isDigit(codePoint) ||
+          codePoint === HYPHEN_MINUS
+        );
       };
       var isNonPrintableCodePoint = function (codePoint) {
-          return ((codePoint >= NULL && codePoint <= BACKSPACE) ||
-              codePoint === LINE_TABULATION ||
-              (codePoint >= SHIFT_OUT && codePoint <= INFORMATION_SEPARATOR_ONE) ||
-              codePoint === DELETE);
+        return (
+          (codePoint >= NULL && codePoint <= BACKSPACE) ||
+          codePoint === LINE_TABULATION ||
+          (codePoint >= SHIFT_OUT && codePoint <= INFORMATION_SEPARATOR_ONE) ||
+          codePoint === DELETE
+        );
       };
       var isValidEscape = function (c1, c2) {
-          if (c1 !== REVERSE_SOLIDUS) {
-              return false;
-          }
-          return c2 !== LINE_FEED;
+        if (c1 !== REVERSE_SOLIDUS) {
+          return false;
+        }
+        return c2 !== LINE_FEED;
       };
       var isIdentifierStart = function (c1, c2, c3) {
-          if (c1 === HYPHEN_MINUS) {
-              return isNameStartCodePoint(c2) || isValidEscape(c2, c3);
-          }
-          else if (isNameStartCodePoint(c1)) {
-              return true;
-          }
-          else if (c1 === REVERSE_SOLIDUS && isValidEscape(c1, c2)) {
-              return true;
-          }
-          return false;
+        if (c1 === HYPHEN_MINUS) {
+          return isNameStartCodePoint(c2) || isValidEscape(c2, c3);
+        } else if (isNameStartCodePoint(c1)) {
+          return true;
+        } else if (c1 === REVERSE_SOLIDUS && isValidEscape(c1, c2)) {
+          return true;
+        }
+        return false;
       };
       var isNumberStart = function (c1, c2, c3) {
-          if (c1 === PLUS_SIGN || c1 === HYPHEN_MINUS) {
-              if (isDigit(c2)) {
-                  return true;
-              }
-              return c2 === FULL_STOP && isDigit(c3);
-          }
-          if (c1 === FULL_STOP) {
-              return isDigit(c2);
+        if (c1 === PLUS_SIGN || c1 === HYPHEN_MINUS) {
+          if (isDigit(c2)) {
+            return true;
           }
-          return isDigit(c1);
+          return c2 === FULL_STOP && isDigit(c3);
+        }
+        if (c1 === FULL_STOP) {
+          return isDigit(c2);
+        }
+        return isDigit(c1);
       };
       var stringToNumber = function (codePoints) {
-          var c = 0;
-          var sign = 1;
-          if (codePoints[c] === PLUS_SIGN || codePoints[c] === HYPHEN_MINUS) {
-              if (codePoints[c] === HYPHEN_MINUS) {
-                  sign = -1;
-              }
-              c++;
-          }
-          var integers = [];
-          while (isDigit(codePoints[c])) {
-              integers.push(codePoints[c++]);
-          }
-          var int = integers.length ? parseInt(fromCodePoint$1.apply(void 0, integers), 10) : 0;
-          if (codePoints[c] === FULL_STOP) {
-              c++;
-          }
-          var fraction = [];
-          while (isDigit(codePoints[c])) {
-              fraction.push(codePoints[c++]);
+        var c = 0;
+        var sign = 1;
+        if (codePoints[c] === PLUS_SIGN || codePoints[c] === HYPHEN_MINUS) {
+          if (codePoints[c] === HYPHEN_MINUS) {
+            sign = -1;
           }
-          var fracd = fraction.length;
-          var frac = fracd ? parseInt(fromCodePoint$1.apply(void 0, fraction), 10) : 0;
-          if (codePoints[c] === E || codePoints[c] === e) {
-              c++;
-          }
-          var expsign = 1;
-          if (codePoints[c] === PLUS_SIGN || codePoints[c] === HYPHEN_MINUS) {
-              if (codePoints[c] === HYPHEN_MINUS) {
-                  expsign = -1;
-              }
-              c++;
-          }
-          var exponent = [];
-          while (isDigit(codePoints[c])) {
-              exponent.push(codePoints[c++]);
+          c++;
+        }
+        var integers = [];
+        while (isDigit(codePoints[c])) {
+          integers.push(codePoints[c++]);
+        }
+        var int = integers.length
+          ? parseInt(fromCodePoint$1.apply(void 0, integers), 10)
+          : 0;
+        if (codePoints[c] === FULL_STOP) {
+          c++;
+        }
+        var fraction = [];
+        while (isDigit(codePoints[c])) {
+          fraction.push(codePoints[c++]);
+        }
+        var fracd = fraction.length;
+        var frac = fracd
+          ? parseInt(fromCodePoint$1.apply(void 0, fraction), 10)
+          : 0;
+        if (codePoints[c] === E || codePoints[c] === e) {
+          c++;
+        }
+        var expsign = 1;
+        if (codePoints[c] === PLUS_SIGN || codePoints[c] === HYPHEN_MINUS) {
+          if (codePoints[c] === HYPHEN_MINUS) {
+            expsign = -1;
           }
-          var exp = exponent.length ? parseInt(fromCodePoint$1.apply(void 0, exponent), 10) : 0;
-          return sign * (int + frac * Math.pow(10, -fracd)) * Math.pow(10, expsign * exp);
+          c++;
+        }
+        var exponent = [];
+        while (isDigit(codePoints[c])) {
+          exponent.push(codePoints[c++]);
+        }
+        var exp = exponent.length
+          ? parseInt(fromCodePoint$1.apply(void 0, exponent), 10)
+          : 0;
+        return (
+          sign *
+          (int + frac * Math.pow(10, -fracd)) *
+          Math.pow(10, expsign * exp)
+        );
       };
       var LEFT_PARENTHESIS_TOKEN = {
-          type: 2 /* LEFT_PARENTHESIS_TOKEN */
+        type: 2 /* LEFT_PARENTHESIS_TOKEN */,
       };
       var RIGHT_PARENTHESIS_TOKEN = {
-          type: 3 /* RIGHT_PARENTHESIS_TOKEN */
+        type: 3 /* RIGHT_PARENTHESIS_TOKEN */,
       };
       var COMMA_TOKEN = { type: 4 /* COMMA_TOKEN */ };
       var SUFFIX_MATCH_TOKEN = { type: 13 /* SUFFIX_MATCH_TOKEN */ };
@@ -3003,10 +3533,10 @@
       var DASH_MATCH_TOKEN = { type: 9 /* DASH_MATCH_TOKEN */ };
       var INCLUDE_MATCH_TOKEN = { type: 10 /* INCLUDE_MATCH_TOKEN */ };
       var LEFT_CURLY_BRACKET_TOKEN = {
-          type: 11 /* LEFT_CURLY_BRACKET_TOKEN */
+        type: 11 /* LEFT_CURLY_BRACKET_TOKEN */,
       };
       var RIGHT_CURLY_BRACKET_TOKEN = {
-          type: 12 /* RIGHT_CURLY_BRACKET_TOKEN */
+        type: 12 /* RIGHT_CURLY_BRACKET_TOKEN */,
       };
       var SUBSTRING_MATCH_TOKEN = { type: 14 /* SUBSTRING_MATCH_TOKEN */ };
       var BAD_URL_TOKEN = { type: 23 /* BAD_URL_TOKEN */ };
@@ -3016,2858 +3546,3375 @@
       var COLON_TOKEN = { type: 26 /* COLON_TOKEN */ };
       var SEMICOLON_TOKEN = { type: 27 /* SEMICOLON_TOKEN */ };
       var LEFT_SQUARE_BRACKET_TOKEN = {
-          type: 28 /* LEFT_SQUARE_BRACKET_TOKEN */
+        type: 28 /* LEFT_SQUARE_BRACKET_TOKEN */,
       };
       var RIGHT_SQUARE_BRACKET_TOKEN = {
-          type: 29 /* RIGHT_SQUARE_BRACKET_TOKEN */
+        type: 29 /* RIGHT_SQUARE_BRACKET_TOKEN */,
       };
       var WHITESPACE_TOKEN = { type: 31 /* WHITESPACE_TOKEN */ };
       var EOF_TOKEN = { type: 32 /* EOF_TOKEN */ };
       var Tokenizer = /** @class */ (function () {
-          function Tokenizer() {
-              this._value = [];
-          }
-          Tokenizer.prototype.write = function (chunk) {
-              this._value = this._value.concat(toCodePoints$1(chunk));
-          };
-          Tokenizer.prototype.read = function () {
-              var tokens = [];
-              var token = this.consumeToken();
-              while (token !== EOF_TOKEN) {
-                  tokens.push(token);
-                  token = this.consumeToken();
-              }
-              return tokens;
-          };
-          Tokenizer.prototype.consumeToken = function () {
-              var codePoint = this.consumeCodePoint();
-              switch (codePoint) {
-                  case QUOTATION_MARK:
-                      return this.consumeStringToken(QUOTATION_MARK);
-                  case NUMBER_SIGN:
-                      var c1 = this.peekCodePoint(0);
-                      var c2 = this.peekCodePoint(1);
-                      var c3 = this.peekCodePoint(2);
-                      if (isNameCodePoint(c1) || isValidEscape(c2, c3)) {
-                          var flags = isIdentifierStart(c1, c2, c3) ? FLAG_ID : FLAG_UNRESTRICTED;
-                          var value = this.consumeName();
-                          return { type: 5 /* HASH_TOKEN */, value: value, flags: flags };
-                      }
-                      break;
-                  case DOLLAR_SIGN:
-                      if (this.peekCodePoint(0) === EQUALS_SIGN) {
-                          this.consumeCodePoint();
-                          return SUFFIX_MATCH_TOKEN;
-                      }
-                      break;
-                  case APOSTROPHE:
-                      return this.consumeStringToken(APOSTROPHE);
-                  case LEFT_PARENTHESIS:
-                      return LEFT_PARENTHESIS_TOKEN;
-                  case RIGHT_PARENTHESIS:
-                      return RIGHT_PARENTHESIS_TOKEN;
-                  case ASTERISK:
-                      if (this.peekCodePoint(0) === EQUALS_SIGN) {
-                          this.consumeCodePoint();
-                          return SUBSTRING_MATCH_TOKEN;
-                      }
-                      break;
-                  case PLUS_SIGN:
-                      if (isNumberStart(codePoint, this.peekCodePoint(0), this.peekCodePoint(1))) {
-                          this.reconsumeCodePoint(codePoint);
-                          return this.consumeNumericToken();
-                      }
-                      break;
-                  case COMMA:
-                      return COMMA_TOKEN;
-                  case HYPHEN_MINUS:
-                      var e1 = codePoint;
-                      var e2 = this.peekCodePoint(0);
-                      var e3 = this.peekCodePoint(1);
-                      if (isNumberStart(e1, e2, e3)) {
-                          this.reconsumeCodePoint(codePoint);
-                          return this.consumeNumericToken();
-                      }
-                      if (isIdentifierStart(e1, e2, e3)) {
-                          this.reconsumeCodePoint(codePoint);
-                          return this.consumeIdentLikeToken();
-                      }
-                      if (e2 === HYPHEN_MINUS && e3 === GREATER_THAN_SIGN) {
-                          this.consumeCodePoint();
-                          this.consumeCodePoint();
-                          return CDC_TOKEN;
-                      }
-                      break;
-                  case FULL_STOP:
-                      if (isNumberStart(codePoint, this.peekCodePoint(0), this.peekCodePoint(1))) {
-                          this.reconsumeCodePoint(codePoint);
-                          return this.consumeNumericToken();
-                      }
-                      break;
-                  case SOLIDUS:
-                      if (this.peekCodePoint(0) === ASTERISK) {
-                          this.consumeCodePoint();
-                          while (true) {
-                              var c = this.consumeCodePoint();
-                              if (c === ASTERISK) {
-                                  c = this.consumeCodePoint();
-                                  if (c === SOLIDUS) {
-                                      return this.consumeToken();
-                                  }
-                              }
-                              if (c === EOF) {
-                                  return this.consumeToken();
-                              }
-                          }
-                      }
-                      break;
-                  case COLON:
-                      return COLON_TOKEN;
-                  case SEMICOLON:
-                      return SEMICOLON_TOKEN;
-                  case LESS_THAN_SIGN:
-                      if (this.peekCodePoint(0) === EXCLAMATION_MARK &&
-                          this.peekCodePoint(1) === HYPHEN_MINUS &&
-                          this.peekCodePoint(2) === HYPHEN_MINUS) {
-                          this.consumeCodePoint();
-                          this.consumeCodePoint();
-                          return CDO_TOKEN;
-                      }
-                      break;
-                  case COMMERCIAL_AT:
-                      var a1 = this.peekCodePoint(0);
-                      var a2 = this.peekCodePoint(1);
-                      var a3 = this.peekCodePoint(2);
-                      if (isIdentifierStart(a1, a2, a3)) {
-                          var value = this.consumeName();
-                          return { type: 7 /* AT_KEYWORD_TOKEN */, value: value };
-                      }
-                      break;
-                  case LEFT_SQUARE_BRACKET:
-                      return LEFT_SQUARE_BRACKET_TOKEN;
-                  case REVERSE_SOLIDUS:
-                      if (isValidEscape(codePoint, this.peekCodePoint(0))) {
-                          this.reconsumeCodePoint(codePoint);
-                          return this.consumeIdentLikeToken();
-                      }
-                      break;
-                  case RIGHT_SQUARE_BRACKET:
-                      return RIGHT_SQUARE_BRACKET_TOKEN;
-                  case CIRCUMFLEX_ACCENT:
-                      if (this.peekCodePoint(0) === EQUALS_SIGN) {
-                          this.consumeCodePoint();
-                          return PREFIX_MATCH_TOKEN;
-                      }
-                      break;
-                  case LEFT_CURLY_BRACKET:
-                      return LEFT_CURLY_BRACKET_TOKEN;
-                  case RIGHT_CURLY_BRACKET:
-                      return RIGHT_CURLY_BRACKET_TOKEN;
-                  case u:
-                  case U:
-                      var u1 = this.peekCodePoint(0);
-                      var u2 = this.peekCodePoint(1);
-                      if (u1 === PLUS_SIGN && (isHex(u2) || u2 === QUESTION_MARK)) {
-                          this.consumeCodePoint();
-                          this.consumeUnicodeRangeToken();
-                      }
-                      this.reconsumeCodePoint(codePoint);
-                      return this.consumeIdentLikeToken();
-                  case VERTICAL_LINE:
-                      if (this.peekCodePoint(0) === EQUALS_SIGN) {
-                          this.consumeCodePoint();
-                          return DASH_MATCH_TOKEN;
-                      }
-                      if (this.peekCodePoint(0) === VERTICAL_LINE) {
-                          this.consumeCodePoint();
-                          return COLUMN_TOKEN;
-                      }
-                      break;
-                  case TILDE:
-                      if (this.peekCodePoint(0) === EQUALS_SIGN) {
-                          this.consumeCodePoint();
-                          return INCLUDE_MATCH_TOKEN;
-                      }
-                      break;
-                  case EOF:
-                      return EOF_TOKEN;
-              }
-              if (isWhiteSpace(codePoint)) {
-                  this.consumeWhiteSpace();
-                  return WHITESPACE_TOKEN;
-              }
-              if (isDigit(codePoint)) {
-                  this.reconsumeCodePoint(codePoint);
-                  return this.consumeNumericToken();
-              }
-              if (isNameStartCodePoint(codePoint)) {
-                  this.reconsumeCodePoint(codePoint);
-                  return this.consumeIdentLikeToken();
-              }
-              return { type: 6 /* DELIM_TOKEN */, value: fromCodePoint$1(codePoint) };
-          };
-          Tokenizer.prototype.consumeCodePoint = function () {
-              var value = this._value.shift();
-              return typeof value === 'undefined' ? -1 : value;
-          };
-          Tokenizer.prototype.reconsumeCodePoint = function (codePoint) {
-              this._value.unshift(codePoint);
-          };
-          Tokenizer.prototype.peekCodePoint = function (delta) {
-              if (delta >= this._value.length) {
-                  return -1;
-              }
-              return this._value[delta];
-          };
-          Tokenizer.prototype.consumeUnicodeRangeToken = function () {
-              var digits = [];
-              var codePoint = this.consumeCodePoint();
-              while (isHex(codePoint) && digits.length < 6) {
-                  digits.push(codePoint);
-                  codePoint = this.consumeCodePoint();
-              }
-              var questionMarks = false;
-              while (codePoint === QUESTION_MARK && digits.length < 6) {
-                  digits.push(codePoint);
-                  codePoint = this.consumeCodePoint();
-                  questionMarks = true;
-              }
-              if (questionMarks) {
-                  var start_1 = parseInt(fromCodePoint$1.apply(void 0, digits.map(function (digit) { return (digit === QUESTION_MARK ? ZERO : digit); })), 16);
-                  var end = parseInt(fromCodePoint$1.apply(void 0, digits.map(function (digit) { return (digit === QUESTION_MARK ? F : digit); })), 16);
-                  return { type: 30 /* UNICODE_RANGE_TOKEN */, start: start_1, end: end };
-              }
-              var start = parseInt(fromCodePoint$1.apply(void 0, digits), 16);
-              if (this.peekCodePoint(0) === HYPHEN_MINUS && isHex(this.peekCodePoint(1))) {
-                  this.consumeCodePoint();
-                  codePoint = this.consumeCodePoint();
-                  var endDigits = [];
-                  while (isHex(codePoint) && endDigits.length < 6) {
-                      endDigits.push(codePoint);
-                      codePoint = this.consumeCodePoint();
-                  }
-                  var end = parseInt(fromCodePoint$1.apply(void 0, endDigits), 16);
-                  return { type: 30 /* UNICODE_RANGE_TOKEN */, start: start, end: end };
-              }
-              else {
-                  return { type: 30 /* UNICODE_RANGE_TOKEN */, start: start, end: start };
-              }
-          };
-          Tokenizer.prototype.consumeIdentLikeToken = function () {
-              var value = this.consumeName();
-              if (value.toLowerCase() === 'url' && this.peekCodePoint(0) === LEFT_PARENTHESIS) {
-                  this.consumeCodePoint();
-                  return this.consumeUrlToken();
-              }
-              else if (this.peekCodePoint(0) === LEFT_PARENTHESIS) {
-                  this.consumeCodePoint();
-                  return { type: 19 /* FUNCTION_TOKEN */, value: value };
-              }
-              return { type: 20 /* IDENT_TOKEN */, value: value };
-          };
-          Tokenizer.prototype.consumeUrlToken = function () {
-              var value = [];
-              this.consumeWhiteSpace();
-              if (this.peekCodePoint(0) === EOF) {
-                  return { type: 22 /* URL_TOKEN */, value: '' };
-              }
-              var next = this.peekCodePoint(0);
-              if (next === APOSTROPHE || next === QUOTATION_MARK) {
-                  var stringToken = this.consumeStringToken(this.consumeCodePoint());
-                  if (stringToken.type === 0 /* STRING_TOKEN */) {
-                      this.consumeWhiteSpace();
-                      if (this.peekCodePoint(0) === EOF || this.peekCodePoint(0) === RIGHT_PARENTHESIS) {
-                          this.consumeCodePoint();
-                          return { type: 22 /* URL_TOKEN */, value: stringToken.value };
-                      }
-                  }
-                  this.consumeBadUrlRemnants();
-                  return BAD_URL_TOKEN;
-              }
-              while (true) {
-                  var codePoint = this.consumeCodePoint();
-                  if (codePoint === EOF || codePoint === RIGHT_PARENTHESIS) {
-                      return { type: 22 /* URL_TOKEN */, value: fromCodePoint$1.apply(void 0, value) };
-                  }
-                  else if (isWhiteSpace(codePoint)) {
-                      this.consumeWhiteSpace();
-                      if (this.peekCodePoint(0) === EOF || this.peekCodePoint(0) === RIGHT_PARENTHESIS) {
-                          this.consumeCodePoint();
-                          return { type: 22 /* URL_TOKEN */, value: fromCodePoint$1.apply(void 0, value) };
-                      }
-                      this.consumeBadUrlRemnants();
-                      return BAD_URL_TOKEN;
-                  }
-                  else if (codePoint === QUOTATION_MARK ||
-                      codePoint === APOSTROPHE ||
-                      codePoint === LEFT_PARENTHESIS ||
-                      isNonPrintableCodePoint(codePoint)) {
-                      this.consumeBadUrlRemnants();
-                      return BAD_URL_TOKEN;
-                  }
-                  else if (codePoint === REVERSE_SOLIDUS) {
-                      if (isValidEscape(codePoint, this.peekCodePoint(0))) {
-                          value.push(this.consumeEscapedCodePoint());
-                      }
-                      else {
-                          this.consumeBadUrlRemnants();
-                          return BAD_URL_TOKEN;
-                      }
-                  }
-                  else {
-                      value.push(codePoint);
-                  }
-              }
-          };
-          Tokenizer.prototype.consumeWhiteSpace = function () {
-              while (isWhiteSpace(this.peekCodePoint(0))) {
-                  this.consumeCodePoint();
-              }
-          };
-          Tokenizer.prototype.consumeBadUrlRemnants = function () {
-              while (true) {
-                  var codePoint = this.consumeCodePoint();
-                  if (codePoint === RIGHT_PARENTHESIS || codePoint === EOF) {
-                      return;
-                  }
-                  if (isValidEscape(codePoint, this.peekCodePoint(0))) {
-                      this.consumeEscapedCodePoint();
-                  }
-              }
-          };
-          Tokenizer.prototype.consumeStringSlice = function (count) {
-              var SLICE_STACK_SIZE = 50000;
-              var value = '';
-              while (count > 0) {
-                  var amount = Math.min(SLICE_STACK_SIZE, count);
-                  value += fromCodePoint$1.apply(void 0, this._value.splice(0, amount));
-                  count -= amount;
-              }
-              this._value.shift();
-              return value;
-          };
-          Tokenizer.prototype.consumeStringToken = function (endingCodePoint) {
-              var value = '';
-              var i = 0;
-              do {
-                  var codePoint = this._value[i];
-                  if (codePoint === EOF || codePoint === undefined || codePoint === endingCodePoint) {
-                      value += this.consumeStringSlice(i);
-                      return { type: 0 /* STRING_TOKEN */, value: value };
-                  }
-                  if (codePoint === LINE_FEED) {
-                      this._value.splice(0, i);
-                      return BAD_STRING_TOKEN;
-                  }
-                  if (codePoint === REVERSE_SOLIDUS) {
-                      var next = this._value[i + 1];
-                      if (next !== EOF && next !== undefined) {
-                          if (next === LINE_FEED) {
-                              value += this.consumeStringSlice(i);
-                              i = -1;
-                              this._value.shift();
-                          }
-                          else if (isValidEscape(codePoint, next)) {
-                              value += this.consumeStringSlice(i);
-                              value += fromCodePoint$1(this.consumeEscapedCodePoint());
-                              i = -1;
-                          }
-                      }
-                  }
-                  i++;
-              } while (true);
-          };
-          Tokenizer.prototype.consumeNumber = function () {
-              var repr = [];
-              var type = FLAG_INTEGER;
-              var c1 = this.peekCodePoint(0);
-              if (c1 === PLUS_SIGN || c1 === HYPHEN_MINUS) {
-                  repr.push(this.consumeCodePoint());
-              }
-              while (isDigit(this.peekCodePoint(0))) {
-                  repr.push(this.consumeCodePoint());
-              }
-              c1 = this.peekCodePoint(0);
-              var c2 = this.peekCodePoint(1);
-              if (c1 === FULL_STOP && isDigit(c2)) {
-                  repr.push(this.consumeCodePoint(), this.consumeCodePoint());
-                  type = FLAG_NUMBER;
-                  while (isDigit(this.peekCodePoint(0))) {
-                      repr.push(this.consumeCodePoint());
-                  }
-              }
-              c1 = this.peekCodePoint(0);
-              c2 = this.peekCodePoint(1);
-              var c3 = this.peekCodePoint(2);
-              if ((c1 === E || c1 === e) && (((c2 === PLUS_SIGN || c2 === HYPHEN_MINUS) && isDigit(c3)) || isDigit(c2))) {
-                  repr.push(this.consumeCodePoint(), this.consumeCodePoint());
-                  type = FLAG_NUMBER;
-                  while (isDigit(this.peekCodePoint(0))) {
-                      repr.push(this.consumeCodePoint());
-                  }
-              }
-              return [stringToNumber(repr), type];
-          };
-          Tokenizer.prototype.consumeNumericToken = function () {
-              var _a = this.consumeNumber(), number = _a[0], flags = _a[1];
+        function Tokenizer() {
+          this._value = [];
+        }
+        Tokenizer.prototype.write = function (chunk) {
+          this._value = this._value.concat(toCodePoints$1(chunk));
+        };
+        Tokenizer.prototype.read = function () {
+          var tokens = [];
+          var token = this.consumeToken();
+          while (token !== EOF_TOKEN) {
+            tokens.push(token);
+            token = this.consumeToken();
+          }
+          return tokens;
+        };
+        Tokenizer.prototype.consumeToken = function () {
+          var codePoint = this.consumeCodePoint();
+          switch (codePoint) {
+            case QUOTATION_MARK:
+              return this.consumeStringToken(QUOTATION_MARK);
+            case NUMBER_SIGN:
               var c1 = this.peekCodePoint(0);
               var c2 = this.peekCodePoint(1);
               var c3 = this.peekCodePoint(2);
-              if (isIdentifierStart(c1, c2, c3)) {
-                  var unit = this.consumeName();
-                  return { type: 15 /* DIMENSION_TOKEN */, number: number, flags: flags, unit: unit };
-              }
-              if (c1 === PERCENTAGE_SIGN) {
-                  this.consumeCodePoint();
-                  return { type: 16 /* PERCENTAGE_TOKEN */, number: number, flags: flags };
-              }
-              return { type: 17 /* NUMBER_TOKEN */, number: number, flags: flags };
-          };
-          Tokenizer.prototype.consumeEscapedCodePoint = function () {
-              var codePoint = this.consumeCodePoint();
-              if (isHex(codePoint)) {
-                  var hex = fromCodePoint$1(codePoint);
-                  while (isHex(this.peekCodePoint(0)) && hex.length < 6) {
-                      hex += fromCodePoint$1(this.consumeCodePoint());
-                  }
-                  if (isWhiteSpace(this.peekCodePoint(0))) {
-                      this.consumeCodePoint();
-                  }
-                  var hexCodePoint = parseInt(hex, 16);
-                  if (hexCodePoint === 0 || isSurrogateCodePoint(hexCodePoint) || hexCodePoint > 0x10ffff) {
-                      return REPLACEMENT_CHARACTER;
-                  }
-                  return hexCodePoint;
-              }
-              if (codePoint === EOF) {
-                  return REPLACEMENT_CHARACTER;
-              }
-              return codePoint;
-          };
-          Tokenizer.prototype.consumeName = function () {
-              var result = '';
-              while (true) {
-                  var codePoint = this.consumeCodePoint();
-                  if (isNameCodePoint(codePoint)) {
-                      result += fromCodePoint$1(codePoint);
-                  }
-                  else if (isValidEscape(codePoint, this.peekCodePoint(0))) {
-                      result += fromCodePoint$1(this.consumeEscapedCodePoint());
-                  }
-                  else {
-                      this.reconsumeCodePoint(codePoint);
-                      return result;
-                  }
-              }
-          };
-          return Tokenizer;
-      }());
-
-      var Parser = /** @class */ (function () {
-          function Parser(tokens) {
-              this._tokens = tokens;
+              if (isNameCodePoint(c1) || isValidEscape(c2, c3)) {
+                var flags = isIdentifierStart(c1, c2, c3)
+                  ? FLAG_ID
+                  : FLAG_UNRESTRICTED;
+                var value = this.consumeName();
+                return { type: 5 /* HASH_TOKEN */, value: value, flags: flags };
+              }
+              break;
+            case DOLLAR_SIGN:
+              if (this.peekCodePoint(0) === EQUALS_SIGN) {
+                this.consumeCodePoint();
+                return SUFFIX_MATCH_TOKEN;
+              }
+              break;
+            case APOSTROPHE:
+              return this.consumeStringToken(APOSTROPHE);
+            case LEFT_PARENTHESIS:
+              return LEFT_PARENTHESIS_TOKEN;
+            case RIGHT_PARENTHESIS:
+              return RIGHT_PARENTHESIS_TOKEN;
+            case ASTERISK:
+              if (this.peekCodePoint(0) === EQUALS_SIGN) {
+                this.consumeCodePoint();
+                return SUBSTRING_MATCH_TOKEN;
+              }
+              break;
+            case PLUS_SIGN:
+              if (
+                isNumberStart(
+                  codePoint,
+                  this.peekCodePoint(0),
+                  this.peekCodePoint(1),
+                )
+              ) {
+                this.reconsumeCodePoint(codePoint);
+                return this.consumeNumericToken();
+              }
+              break;
+            case COMMA:
+              return COMMA_TOKEN;
+            case HYPHEN_MINUS:
+              var e1 = codePoint;
+              var e2 = this.peekCodePoint(0);
+              var e3 = this.peekCodePoint(1);
+              if (isNumberStart(e1, e2, e3)) {
+                this.reconsumeCodePoint(codePoint);
+                return this.consumeNumericToken();
+              }
+              if (isIdentifierStart(e1, e2, e3)) {
+                this.reconsumeCodePoint(codePoint);
+                return this.consumeIdentLikeToken();
+              }
+              if (e2 === HYPHEN_MINUS && e3 === GREATER_THAN_SIGN) {
+                this.consumeCodePoint();
+                this.consumeCodePoint();
+                return CDC_TOKEN;
+              }
+              break;
+            case FULL_STOP:
+              if (
+                isNumberStart(
+                  codePoint,
+                  this.peekCodePoint(0),
+                  this.peekCodePoint(1),
+                )
+              ) {
+                this.reconsumeCodePoint(codePoint);
+                return this.consumeNumericToken();
+              }
+              break;
+            case SOLIDUS:
+              if (this.peekCodePoint(0) === ASTERISK) {
+                this.consumeCodePoint();
+                while (true) {
+                  var c = this.consumeCodePoint();
+                  if (c === ASTERISK) {
+                    c = this.consumeCodePoint();
+                    if (c === SOLIDUS) {
+                      return this.consumeToken();
+                    }
+                  }
+                  if (c === EOF) {
+                    return this.consumeToken();
+                  }
+                }
+              }
+              break;
+            case COLON:
+              return COLON_TOKEN;
+            case SEMICOLON:
+              return SEMICOLON_TOKEN;
+            case LESS_THAN_SIGN:
+              if (
+                this.peekCodePoint(0) === EXCLAMATION_MARK &&
+                this.peekCodePoint(1) === HYPHEN_MINUS &&
+                this.peekCodePoint(2) === HYPHEN_MINUS
+              ) {
+                this.consumeCodePoint();
+                this.consumeCodePoint();
+                return CDO_TOKEN;
+              }
+              break;
+            case COMMERCIAL_AT:
+              var a1 = this.peekCodePoint(0);
+              var a2 = this.peekCodePoint(1);
+              var a3 = this.peekCodePoint(2);
+              if (isIdentifierStart(a1, a2, a3)) {
+                var value = this.consumeName();
+                return { type: 7 /* AT_KEYWORD_TOKEN */, value: value };
+              }
+              break;
+            case LEFT_SQUARE_BRACKET:
+              return LEFT_SQUARE_BRACKET_TOKEN;
+            case REVERSE_SOLIDUS:
+              if (isValidEscape(codePoint, this.peekCodePoint(0))) {
+                this.reconsumeCodePoint(codePoint);
+                return this.consumeIdentLikeToken();
+              }
+              break;
+            case RIGHT_SQUARE_BRACKET:
+              return RIGHT_SQUARE_BRACKET_TOKEN;
+            case CIRCUMFLEX_ACCENT:
+              if (this.peekCodePoint(0) === EQUALS_SIGN) {
+                this.consumeCodePoint();
+                return PREFIX_MATCH_TOKEN;
+              }
+              break;
+            case LEFT_CURLY_BRACKET:
+              return LEFT_CURLY_BRACKET_TOKEN;
+            case RIGHT_CURLY_BRACKET:
+              return RIGHT_CURLY_BRACKET_TOKEN;
+            case u:
+            case U:
+              var u1 = this.peekCodePoint(0);
+              var u2 = this.peekCodePoint(1);
+              if (u1 === PLUS_SIGN && (isHex(u2) || u2 === QUESTION_MARK)) {
+                this.consumeCodePoint();
+                this.consumeUnicodeRangeToken();
+              }
+              this.reconsumeCodePoint(codePoint);
+              return this.consumeIdentLikeToken();
+            case VERTICAL_LINE:
+              if (this.peekCodePoint(0) === EQUALS_SIGN) {
+                this.consumeCodePoint();
+                return DASH_MATCH_TOKEN;
+              }
+              if (this.peekCodePoint(0) === VERTICAL_LINE) {
+                this.consumeCodePoint();
+                return COLUMN_TOKEN;
+              }
+              break;
+            case TILDE:
+              if (this.peekCodePoint(0) === EQUALS_SIGN) {
+                this.consumeCodePoint();
+                return INCLUDE_MATCH_TOKEN;
+              }
+              break;
+            case EOF:
+              return EOF_TOKEN;
+          }
+          if (isWhiteSpace(codePoint)) {
+            this.consumeWhiteSpace();
+            return WHITESPACE_TOKEN;
+          }
+          if (isDigit(codePoint)) {
+            this.reconsumeCodePoint(codePoint);
+            return this.consumeNumericToken();
+          }
+          if (isNameStartCodePoint(codePoint)) {
+            this.reconsumeCodePoint(codePoint);
+            return this.consumeIdentLikeToken();
           }
-          Parser.create = function (value) {
-              var tokenizer = new Tokenizer();
-              tokenizer.write(value);
-              return new Parser(tokenizer.read());
-          };
-          Parser.parseValue = function (value) {
-              return Parser.create(value).parseComponentValue();
-          };
-          Parser.parseValues = function (value) {
-              return Parser.create(value).parseComponentValues();
-          };
-          Parser.prototype.parseComponentValue = function () {
-              var token = this.consumeToken();
-              while (token.type === 31 /* WHITESPACE_TOKEN */) {
-                  token = this.consumeToken();
-              }
-              if (token.type === 32 /* EOF_TOKEN */) {
-                  throw new SyntaxError("Error parsing CSS component value, unexpected EOF");
-              }
-              this.reconsumeToken(token);
-              var value = this.consumeComponentValue();
-              do {
-                  token = this.consumeToken();
-              } while (token.type === 31 /* WHITESPACE_TOKEN */);
-              if (token.type === 32 /* EOF_TOKEN */) {
-                  return value;
-              }
-              throw new SyntaxError("Error parsing CSS component value, multiple values found when expecting only one");
-          };
-          Parser.prototype.parseComponentValues = function () {
-              var values = [];
-              while (true) {
-                  var value = this.consumeComponentValue();
-                  if (value.type === 32 /* EOF_TOKEN */) {
-                      return values;
-                  }
-                  values.push(value);
-                  values.push();
-              }
-          };
-          Parser.prototype.consumeComponentValue = function () {
-              var token = this.consumeToken();
-              switch (token.type) {
-                  case 11 /* LEFT_CURLY_BRACKET_TOKEN */:
-                  case 28 /* LEFT_SQUARE_BRACKET_TOKEN */:
-                  case 2 /* LEFT_PARENTHESIS_TOKEN */:
-                      return this.consumeSimpleBlock(token.type);
-                  case 19 /* FUNCTION_TOKEN */:
-                      return this.consumeFunction(token);
-              }
-              return token;
-          };
-          Parser.prototype.consumeSimpleBlock = function (type) {
-              var block = { type: type, values: [] };
-              var token = this.consumeToken();
-              while (true) {
-                  if (token.type === 32 /* EOF_TOKEN */ || isEndingTokenFor(token, type)) {
-                      return block;
-                  }
-                  this.reconsumeToken(token);
-                  block.values.push(this.consumeComponentValue());
-                  token = this.consumeToken();
-              }
+          return {
+            type: 6 /* DELIM_TOKEN */,
+            value: fromCodePoint$1(codePoint),
           };
-          Parser.prototype.consumeFunction = function (functionToken) {
-              var cssFunction = {
-                  name: functionToken.value,
-                  values: [],
-                  type: 18 /* FUNCTION */
+        };
+        Tokenizer.prototype.consumeCodePoint = function () {
+          var value = this._value.shift();
+          return typeof value === "undefined" ? -1 : value;
+        };
+        Tokenizer.prototype.reconsumeCodePoint = function (codePoint) {
+          this._value.unshift(codePoint);
+        };
+        Tokenizer.prototype.peekCodePoint = function (delta) {
+          if (delta >= this._value.length) {
+            return -1;
+          }
+          return this._value[delta];
+        };
+        Tokenizer.prototype.consumeUnicodeRangeToken = function () {
+          var digits = [];
+          var codePoint = this.consumeCodePoint();
+          while (isHex(codePoint) && digits.length < 6) {
+            digits.push(codePoint);
+            codePoint = this.consumeCodePoint();
+          }
+          var questionMarks = false;
+          while (codePoint === QUESTION_MARK && digits.length < 6) {
+            digits.push(codePoint);
+            codePoint = this.consumeCodePoint();
+            questionMarks = true;
+          }
+          if (questionMarks) {
+            var start_1 = parseInt(
+              fromCodePoint$1.apply(
+                void 0,
+                digits.map(function (digit) {
+                  return digit === QUESTION_MARK ? ZERO : digit;
+                }),
+              ),
+              16,
+            );
+            var end = parseInt(
+              fromCodePoint$1.apply(
+                void 0,
+                digits.map(function (digit) {
+                  return digit === QUESTION_MARK ? F : digit;
+                }),
+              ),
+              16,
+            );
+            return {
+              type: 30 /* UNICODE_RANGE_TOKEN */,
+              start: start_1,
+              end: end,
+            };
+          }
+          var start = parseInt(fromCodePoint$1.apply(void 0, digits), 16);
+          if (
+            this.peekCodePoint(0) === HYPHEN_MINUS &&
+            isHex(this.peekCodePoint(1))
+          ) {
+            this.consumeCodePoint();
+            codePoint = this.consumeCodePoint();
+            var endDigits = [];
+            while (isHex(codePoint) && endDigits.length < 6) {
+              endDigits.push(codePoint);
+              codePoint = this.consumeCodePoint();
+            }
+            var end = parseInt(fromCodePoint$1.apply(void 0, endDigits), 16);
+            return {
+              type: 30 /* UNICODE_RANGE_TOKEN */,
+              start: start,
+              end: end,
+            };
+          } else {
+            return {
+              type: 30 /* UNICODE_RANGE_TOKEN */,
+              start: start,
+              end: start,
+            };
+          }
+        };
+        Tokenizer.prototype.consumeIdentLikeToken = function () {
+          var value = this.consumeName();
+          if (
+            value.toLowerCase() === "url" &&
+            this.peekCodePoint(0) === LEFT_PARENTHESIS
+          ) {
+            this.consumeCodePoint();
+            return this.consumeUrlToken();
+          } else if (this.peekCodePoint(0) === LEFT_PARENTHESIS) {
+            this.consumeCodePoint();
+            return { type: 19 /* FUNCTION_TOKEN */, value: value };
+          }
+          return { type: 20 /* IDENT_TOKEN */, value: value };
+        };
+        Tokenizer.prototype.consumeUrlToken = function () {
+          var value = [];
+          this.consumeWhiteSpace();
+          if (this.peekCodePoint(0) === EOF) {
+            return { type: 22 /* URL_TOKEN */, value: "" };
+          }
+          var next = this.peekCodePoint(0);
+          if (next === APOSTROPHE || next === QUOTATION_MARK) {
+            var stringToken = this.consumeStringToken(this.consumeCodePoint());
+            if (stringToken.type === 0 /* STRING_TOKEN */) {
+              this.consumeWhiteSpace();
+              if (
+                this.peekCodePoint(0) === EOF ||
+                this.peekCodePoint(0) === RIGHT_PARENTHESIS
+              ) {
+                this.consumeCodePoint();
+                return { type: 22 /* URL_TOKEN */, value: stringToken.value };
+              }
+            }
+            this.consumeBadUrlRemnants();
+            return BAD_URL_TOKEN;
+          }
+          while (true) {
+            var codePoint = this.consumeCodePoint();
+            if (codePoint === EOF || codePoint === RIGHT_PARENTHESIS) {
+              return {
+                type: 22 /* URL_TOKEN */,
+                value: fromCodePoint$1.apply(void 0, value),
               };
-              while (true) {
-                  var token = this.consumeToken();
-                  if (token.type === 32 /* EOF_TOKEN */ || token.type === 3 /* RIGHT_PARENTHESIS_TOKEN */) {
-                      return cssFunction;
-                  }
-                  this.reconsumeToken(token);
-                  cssFunction.values.push(this.consumeComponentValue());
-              }
-          };
-          Parser.prototype.consumeToken = function () {
-              var token = this._tokens.shift();
-              return typeof token === 'undefined' ? EOF_TOKEN : token;
-          };
-          Parser.prototype.reconsumeToken = function (token) {
-              this._tokens.unshift(token);
+            } else if (isWhiteSpace(codePoint)) {
+              this.consumeWhiteSpace();
+              if (
+                this.peekCodePoint(0) === EOF ||
+                this.peekCodePoint(0) === RIGHT_PARENTHESIS
+              ) {
+                this.consumeCodePoint();
+                return {
+                  type: 22 /* URL_TOKEN */,
+                  value: fromCodePoint$1.apply(void 0, value),
+                };
+              }
+              this.consumeBadUrlRemnants();
+              return BAD_URL_TOKEN;
+            } else if (
+              codePoint === QUOTATION_MARK ||
+              codePoint === APOSTROPHE ||
+              codePoint === LEFT_PARENTHESIS ||
+              isNonPrintableCodePoint(codePoint)
+            ) {
+              this.consumeBadUrlRemnants();
+              return BAD_URL_TOKEN;
+            } else if (codePoint === REVERSE_SOLIDUS) {
+              if (isValidEscape(codePoint, this.peekCodePoint(0))) {
+                value.push(this.consumeEscapedCodePoint());
+              } else {
+                this.consumeBadUrlRemnants();
+                return BAD_URL_TOKEN;
+              }
+            } else {
+              value.push(codePoint);
+            }
+          }
+        };
+        Tokenizer.prototype.consumeWhiteSpace = function () {
+          while (isWhiteSpace(this.peekCodePoint(0))) {
+            this.consumeCodePoint();
+          }
+        };
+        Tokenizer.prototype.consumeBadUrlRemnants = function () {
+          while (true) {
+            var codePoint = this.consumeCodePoint();
+            if (codePoint === RIGHT_PARENTHESIS || codePoint === EOF) {
+              return;
+            }
+            if (isValidEscape(codePoint, this.peekCodePoint(0))) {
+              this.consumeEscapedCodePoint();
+            }
+          }
+        };
+        Tokenizer.prototype.consumeStringSlice = function (count) {
+          var SLICE_STACK_SIZE = 50000;
+          var value = "";
+          while (count > 0) {
+            var amount = Math.min(SLICE_STACK_SIZE, count);
+            value += fromCodePoint$1.apply(
+              void 0,
+              this._value.splice(0, amount),
+            );
+            count -= amount;
+          }
+          this._value.shift();
+          return value;
+        };
+        Tokenizer.prototype.consumeStringToken = function (endingCodePoint) {
+          var value = "";
+          var i = 0;
+          do {
+            var codePoint = this._value[i];
+            if (
+              codePoint === EOF ||
+              codePoint === undefined ||
+              codePoint === endingCodePoint
+            ) {
+              value += this.consumeStringSlice(i);
+              return { type: 0 /* STRING_TOKEN */, value: value };
+            }
+            if (codePoint === LINE_FEED) {
+              this._value.splice(0, i);
+              return BAD_STRING_TOKEN;
+            }
+            if (codePoint === REVERSE_SOLIDUS) {
+              var next = this._value[i + 1];
+              if (next !== EOF && next !== undefined) {
+                if (next === LINE_FEED) {
+                  value += this.consumeStringSlice(i);
+                  i = -1;
+                  this._value.shift();
+                } else if (isValidEscape(codePoint, next)) {
+                  value += this.consumeStringSlice(i);
+                  value += fromCodePoint$1(this.consumeEscapedCodePoint());
+                  i = -1;
+                }
+              }
+            }
+            i++;
+          } while (true);
+        };
+        Tokenizer.prototype.consumeNumber = function () {
+          var repr = [];
+          var type = FLAG_INTEGER;
+          var c1 = this.peekCodePoint(0);
+          if (c1 === PLUS_SIGN || c1 === HYPHEN_MINUS) {
+            repr.push(this.consumeCodePoint());
+          }
+          while (isDigit(this.peekCodePoint(0))) {
+            repr.push(this.consumeCodePoint());
+          }
+          c1 = this.peekCodePoint(0);
+          var c2 = this.peekCodePoint(1);
+          if (c1 === FULL_STOP && isDigit(c2)) {
+            repr.push(this.consumeCodePoint(), this.consumeCodePoint());
+            type = FLAG_NUMBER;
+            while (isDigit(this.peekCodePoint(0))) {
+              repr.push(this.consumeCodePoint());
+            }
+          }
+          c1 = this.peekCodePoint(0);
+          c2 = this.peekCodePoint(1);
+          var c3 = this.peekCodePoint(2);
+          if (
+            (c1 === E || c1 === e) &&
+            (((c2 === PLUS_SIGN || c2 === HYPHEN_MINUS) && isDigit(c3)) ||
+              isDigit(c2))
+          ) {
+            repr.push(this.consumeCodePoint(), this.consumeCodePoint());
+            type = FLAG_NUMBER;
+            while (isDigit(this.peekCodePoint(0))) {
+              repr.push(this.consumeCodePoint());
+            }
+          }
+          return [stringToNumber(repr), type];
+        };
+        Tokenizer.prototype.consumeNumericToken = function () {
+          var _a = this.consumeNumber(),
+            number = _a[0],
+            flags = _a[1];
+          var c1 = this.peekCodePoint(0);
+          var c2 = this.peekCodePoint(1);
+          var c3 = this.peekCodePoint(2);
+          if (isIdentifierStart(c1, c2, c3)) {
+            var unit = this.consumeName();
+            return {
+              type: 15 /* DIMENSION_TOKEN */,
+              number: number,
+              flags: flags,
+              unit: unit,
+            };
+          }
+          if (c1 === PERCENTAGE_SIGN) {
+            this.consumeCodePoint();
+            return {
+              type: 16 /* PERCENTAGE_TOKEN */,
+              number: number,
+              flags: flags,
+            };
+          }
+          return { type: 17 /* NUMBER_TOKEN */, number: number, flags: flags };
+        };
+        Tokenizer.prototype.consumeEscapedCodePoint = function () {
+          var codePoint = this.consumeCodePoint();
+          if (isHex(codePoint)) {
+            var hex = fromCodePoint$1(codePoint);
+            while (isHex(this.peekCodePoint(0)) && hex.length < 6) {
+              hex += fromCodePoint$1(this.consumeCodePoint());
+            }
+            if (isWhiteSpace(this.peekCodePoint(0))) {
+              this.consumeCodePoint();
+            }
+            var hexCodePoint = parseInt(hex, 16);
+            if (
+              hexCodePoint === 0 ||
+              isSurrogateCodePoint(hexCodePoint) ||
+              hexCodePoint > 0x10ffff
+            ) {
+              return REPLACEMENT_CHARACTER;
+            }
+            return hexCodePoint;
+          }
+          if (codePoint === EOF) {
+            return REPLACEMENT_CHARACTER;
+          }
+          return codePoint;
+        };
+        Tokenizer.prototype.consumeName = function () {
+          var result = "";
+          while (true) {
+            var codePoint = this.consumeCodePoint();
+            if (isNameCodePoint(codePoint)) {
+              result += fromCodePoint$1(codePoint);
+            } else if (isValidEscape(codePoint, this.peekCodePoint(0))) {
+              result += fromCodePoint$1(this.consumeEscapedCodePoint());
+            } else {
+              this.reconsumeCodePoint(codePoint);
+              return result;
+            }
+          }
+        };
+        return Tokenizer;
+      })();
+
+      var Parser = /** @class */ (function () {
+        function Parser(tokens) {
+          this._tokens = tokens;
+        }
+        Parser.create = function (value) {
+          var tokenizer = new Tokenizer();
+          tokenizer.write(value);
+          return new Parser(tokenizer.read());
+        };
+        Parser.parseValue = function (value) {
+          return Parser.create(value).parseComponentValue();
+        };
+        Parser.parseValues = function (value) {
+          return Parser.create(value).parseComponentValues();
+        };
+        Parser.prototype.parseComponentValue = function () {
+          var token = this.consumeToken();
+          while (token.type === 31 /* WHITESPACE_TOKEN */) {
+            token = this.consumeToken();
+          }
+          if (token.type === 32 /* EOF_TOKEN */) {
+            throw new SyntaxError(
+              "Error parsing CSS component value, unexpected EOF",
+            );
+          }
+          this.reconsumeToken(token);
+          var value = this.consumeComponentValue();
+          do {
+            token = this.consumeToken();
+          } while (token.type === 31 /* WHITESPACE_TOKEN */);
+          if (token.type === 32 /* EOF_TOKEN */) {
+            return value;
+          }
+          throw new SyntaxError(
+            "Error parsing CSS component value, multiple values found when expecting only one",
+          );
+        };
+        Parser.prototype.parseComponentValues = function () {
+          var values = [];
+          while (true) {
+            var value = this.consumeComponentValue();
+            if (value.type === 32 /* EOF_TOKEN */) {
+              return values;
+            }
+            values.push(value);
+            values.push();
+          }
+        };
+        Parser.prototype.consumeComponentValue = function () {
+          var token = this.consumeToken();
+          switch (token.type) {
+            case 11 /* LEFT_CURLY_BRACKET_TOKEN */:
+            case 28 /* LEFT_SQUARE_BRACKET_TOKEN */:
+            case 2 /* LEFT_PARENTHESIS_TOKEN */:
+              return this.consumeSimpleBlock(token.type);
+            case 19 /* FUNCTION_TOKEN */:
+              return this.consumeFunction(token);
+          }
+          return token;
+        };
+        Parser.prototype.consumeSimpleBlock = function (type) {
+          var block = { type: type, values: [] };
+          var token = this.consumeToken();
+          while (true) {
+            if (
+              token.type === 32 /* EOF_TOKEN */ ||
+              isEndingTokenFor(token, type)
+            ) {
+              return block;
+            }
+            this.reconsumeToken(token);
+            block.values.push(this.consumeComponentValue());
+            token = this.consumeToken();
+          }
+        };
+        Parser.prototype.consumeFunction = function (functionToken) {
+          var cssFunction = {
+            name: functionToken.value,
+            values: [],
+            type: 18 /* FUNCTION */,
           };
-          return Parser;
-      }());
-      var isDimensionToken = function (token) { return token.type === 15 /* DIMENSION_TOKEN */; };
-      var isNumberToken = function (token) { return token.type === 17 /* NUMBER_TOKEN */; };
-      var isIdentToken = function (token) { return token.type === 20 /* IDENT_TOKEN */; };
-      var isStringToken = function (token) { return token.type === 0 /* STRING_TOKEN */; };
+          while (true) {
+            var token = this.consumeToken();
+            if (
+              token.type === 32 /* EOF_TOKEN */ ||
+              token.type === 3 /* RIGHT_PARENTHESIS_TOKEN */
+            ) {
+              return cssFunction;
+            }
+            this.reconsumeToken(token);
+            cssFunction.values.push(this.consumeComponentValue());
+          }
+        };
+        Parser.prototype.consumeToken = function () {
+          var token = this._tokens.shift();
+          return typeof token === "undefined" ? EOF_TOKEN : token;
+        };
+        Parser.prototype.reconsumeToken = function (token) {
+          this._tokens.unshift(token);
+        };
+        return Parser;
+      })();
+      var isDimensionToken = function (token) {
+        return token.type === 15 /* DIMENSION_TOKEN */;
+      };
+      var isNumberToken = function (token) {
+        return token.type === 17 /* NUMBER_TOKEN */;
+      };
+      var isIdentToken = function (token) {
+        return token.type === 20 /* IDENT_TOKEN */;
+      };
+      var isStringToken = function (token) {
+        return token.type === 0 /* STRING_TOKEN */;
+      };
       var isIdentWithValue = function (token, value) {
-          return isIdentToken(token) && token.value === value;
+        return isIdentToken(token) && token.value === value;
+      };
+      var nonWhiteSpace = function (token) {
+        return token.type !== 31 /* WHITESPACE_TOKEN */;
       };
-      var nonWhiteSpace = function (token) { return token.type !== 31 /* WHITESPACE_TOKEN */; };
       var nonFunctionArgSeparator = function (token) {
-          return token.type !== 31 /* WHITESPACE_TOKEN */ && token.type !== 4 /* COMMA_TOKEN */;
+        return (
+          token.type !== 31 /* WHITESPACE_TOKEN */ &&
+          token.type !== 4 /* COMMA_TOKEN */
+        );
       };
       var parseFunctionArgs = function (tokens) {
-          var args = [];
-          var arg = [];
-          tokens.forEach(function (token) {
-              if (token.type === 4 /* COMMA_TOKEN */) {
-                  if (arg.length === 0) {
-                      throw new Error("Error parsing function args, zero tokens for arg");
-                  }
-                  args.push(arg);
-                  arg = [];
-                  return;
-              }
-              if (token.type !== 31 /* WHITESPACE_TOKEN */) {
-                  arg.push(token);
-              }
-          });
-          if (arg.length) {
-              args.push(arg);
-          }
-          return args;
+        var args = [];
+        var arg = [];
+        tokens.forEach(function (token) {
+          if (token.type === 4 /* COMMA_TOKEN */) {
+            if (arg.length === 0) {
+              throw new Error(
+                "Error parsing function args, zero tokens for arg",
+              );
+            }
+            args.push(arg);
+            arg = [];
+            return;
+          }
+          if (token.type !== 31 /* WHITESPACE_TOKEN */) {
+            arg.push(token);
+          }
+        });
+        if (arg.length) {
+          args.push(arg);
+        }
+        return args;
       };
       var isEndingTokenFor = function (token, type) {
-          if (type === 11 /* LEFT_CURLY_BRACKET_TOKEN */ && token.type === 12 /* RIGHT_CURLY_BRACKET_TOKEN */) {
-              return true;
-          }
-          if (type === 28 /* LEFT_SQUARE_BRACKET_TOKEN */ && token.type === 29 /* RIGHT_SQUARE_BRACKET_TOKEN */) {
-              return true;
-          }
-          return type === 2 /* LEFT_PARENTHESIS_TOKEN */ && token.type === 3 /* RIGHT_PARENTHESIS_TOKEN */;
+        if (
+          type === 11 /* LEFT_CURLY_BRACKET_TOKEN */ &&
+          token.type === 12 /* RIGHT_CURLY_BRACKET_TOKEN */
+        ) {
+          return true;
+        }
+        if (
+          type === 28 /* LEFT_SQUARE_BRACKET_TOKEN */ &&
+          token.type === 29 /* RIGHT_SQUARE_BRACKET_TOKEN */
+        ) {
+          return true;
+        }
+        return (
+          type === 2 /* LEFT_PARENTHESIS_TOKEN */ &&
+          token.type === 3 /* RIGHT_PARENTHESIS_TOKEN */
+        );
       };
 
       var isLength = function (token) {
-          return token.type === 17 /* NUMBER_TOKEN */ || token.type === 15 /* DIMENSION_TOKEN */;
+        return (
+          token.type === 17 /* NUMBER_TOKEN */ ||
+          token.type === 15 /* DIMENSION_TOKEN */
+        );
       };
 
       var isLengthPercentage = function (token) {
-          return token.type === 16 /* PERCENTAGE_TOKEN */ || isLength(token);
+        return token.type === 16 /* PERCENTAGE_TOKEN */ || isLength(token);
       };
       var parseLengthPercentageTuple = function (tokens) {
-          return tokens.length > 1 ? [tokens[0], tokens[1]] : [tokens[0]];
+        return tokens.length > 1 ? [tokens[0], tokens[1]] : [tokens[0]];
       };
       var ZERO_LENGTH = {
-          type: 17 /* NUMBER_TOKEN */,
-          number: 0,
-          flags: FLAG_INTEGER
+        type: 17 /* NUMBER_TOKEN */,
+        number: 0,
+        flags: FLAG_INTEGER,
       };
       var FIFTY_PERCENT = {
-          type: 16 /* PERCENTAGE_TOKEN */,
-          number: 50,
-          flags: FLAG_INTEGER
+        type: 16 /* PERCENTAGE_TOKEN */,
+        number: 50,
+        flags: FLAG_INTEGER,
       };
       var HUNDRED_PERCENT = {
-          type: 16 /* PERCENTAGE_TOKEN */,
-          number: 100,
-          flags: FLAG_INTEGER
+        type: 16 /* PERCENTAGE_TOKEN */,
+        number: 100,
+        flags: FLAG_INTEGER,
       };
       var getAbsoluteValueForTuple = function (tuple, width, height) {
-          var x = tuple[0], y = tuple[1];
-          return [getAbsoluteValue(x, width), getAbsoluteValue(typeof y !== 'undefined' ? y : x, height)];
+        var x = tuple[0],
+          y = tuple[1];
+        return [
+          getAbsoluteValue(x, width),
+          getAbsoluteValue(typeof y !== "undefined" ? y : x, height),
+        ];
       };
       var getAbsoluteValue = function (token, parent) {
-          if (token.type === 16 /* PERCENTAGE_TOKEN */) {
-              return (token.number / 100) * parent;
-          }
-          if (isDimensionToken(token)) {
-              switch (token.unit) {
-                  case 'rem':
-                  case 'em':
-                      return 16 * token.number; // TODO use correct font-size
-                  case 'px':
-                  default:
-                      return token.number;
-              }
+        if (token.type === 16 /* PERCENTAGE_TOKEN */) {
+          return (token.number / 100) * parent;
+        }
+        if (isDimensionToken(token)) {
+          switch (token.unit) {
+            case "rem":
+            case "em":
+              return 16 * token.number; // TODO use correct font-size
+            case "px":
+            default:
+              return token.number;
           }
-          return token.number;
+        }
+        return token.number;
       };
 
-      var DEG = 'deg';
-      var GRAD = 'grad';
-      var RAD = 'rad';
-      var TURN = 'turn';
+      var DEG = "deg";
+      var GRAD = "grad";
+      var RAD = "rad";
+      var TURN = "turn";
       var angle = {
-          name: 'angle',
-          parse: function (_context, value) {
-              if (value.type === 15 /* DIMENSION_TOKEN */) {
-                  switch (value.unit) {
-                      case DEG:
-                          return (Math.PI * value.number) / 180;
-                      case GRAD:
-                          return (Math.PI / 200) * value.number;
-                      case RAD:
-                          return value.number;
-                      case TURN:
-                          return Math.PI * 2 * value.number;
-                  }
-              }
-              throw new Error("Unsupported angle type");
-          }
+        name: "angle",
+        parse: function (_context, value) {
+          if (value.type === 15 /* DIMENSION_TOKEN */) {
+            switch (value.unit) {
+              case DEG:
+                return (Math.PI * value.number) / 180;
+              case GRAD:
+                return (Math.PI / 200) * value.number;
+              case RAD:
+                return value.number;
+              case TURN:
+                return Math.PI * 2 * value.number;
+            }
+          }
+          throw new Error("Unsupported angle type");
+        },
       };
       var isAngle = function (value) {
-          if (value.type === 15 /* DIMENSION_TOKEN */) {
-              if (value.unit === DEG || value.unit === GRAD || value.unit === RAD || value.unit === TURN) {
-                  return true;
-              }
+        if (value.type === 15 /* DIMENSION_TOKEN */) {
+          if (
+            value.unit === DEG ||
+            value.unit === GRAD ||
+            value.unit === RAD ||
+            value.unit === TURN
+          ) {
+            return true;
           }
-          return false;
+        }
+        return false;
       };
       var parseNamedSide = function (tokens) {
-          var sideOrCorner = tokens
-              .filter(isIdentToken)
-              .map(function (ident) { return ident.value; })
-              .join(' ');
-          switch (sideOrCorner) {
-              case 'to bottom right':
-              case 'to right bottom':
-              case 'left top':
-              case 'top left':
-                  return [ZERO_LENGTH, ZERO_LENGTH];
-              case 'to top':
-              case 'bottom':
-                  return deg(0);
-              case 'to bottom left':
-              case 'to left bottom':
-              case 'right top':
-              case 'top right':
-                  return [ZERO_LENGTH, HUNDRED_PERCENT];
-              case 'to right':
-              case 'left':
-                  return deg(90);
-              case 'to top left':
-              case 'to left top':
-              case 'right bottom':
-              case 'bottom right':
-                  return [HUNDRED_PERCENT, HUNDRED_PERCENT];
-              case 'to bottom':
-              case 'top':
-                  return deg(180);
-              case 'to top right':
-              case 'to right top':
-              case 'left bottom':
-              case 'bottom left':
-                  return [HUNDRED_PERCENT, ZERO_LENGTH];
-              case 'to left':
-              case 'right':
-                  return deg(270);
-          }
-          return 0;
+        var sideOrCorner = tokens
+          .filter(isIdentToken)
+          .map(function (ident) {
+            return ident.value;
+          })
+          .join(" ");
+        switch (sideOrCorner) {
+          case "to bottom right":
+          case "to right bottom":
+          case "left top":
+          case "top left":
+            return [ZERO_LENGTH, ZERO_LENGTH];
+          case "to top":
+          case "bottom":
+            return deg(0);
+          case "to bottom left":
+          case "to left bottom":
+          case "right top":
+          case "top right":
+            return [ZERO_LENGTH, HUNDRED_PERCENT];
+          case "to right":
+          case "left":
+            return deg(90);
+          case "to top left":
+          case "to left top":
+          case "right bottom":
+          case "bottom right":
+            return [HUNDRED_PERCENT, HUNDRED_PERCENT];
+          case "to bottom":
+          case "top":
+            return deg(180);
+          case "to top right":
+          case "to right top":
+          case "left bottom":
+          case "bottom left":
+            return [HUNDRED_PERCENT, ZERO_LENGTH];
+          case "to left":
+          case "right":
+            return deg(270);
+        }
+        return 0;
+      };
+      var deg = function (deg) {
+        return (Math.PI * deg) / 180;
       };
-      var deg = function (deg) { return (Math.PI * deg) / 180; };
 
       var color$1 = {
-          name: 'color',
-          parse: function (context, value) {
-              if (value.type === 18 /* FUNCTION */) {
-                  var colorFunction = SUPPORTED_COLOR_FUNCTIONS[value.name];
-                  if (typeof colorFunction === 'undefined') {
-                      throw new Error("Attempting to parse an unsupported color function \"" + value.name + "\"");
-                  }
-                  return colorFunction(context, value.values);
-              }
-              if (value.type === 5 /* HASH_TOKEN */) {
-                  if (value.value.length === 3) {
-                      var r = value.value.substring(0, 1);
-                      var g = value.value.substring(1, 2);
-                      var b = value.value.substring(2, 3);
-                      return pack(parseInt(r + r, 16), parseInt(g + g, 16), parseInt(b + b, 16), 1);
-                  }
-                  if (value.value.length === 4) {
-                      var r = value.value.substring(0, 1);
-                      var g = value.value.substring(1, 2);
-                      var b = value.value.substring(2, 3);
-                      var a = value.value.substring(3, 4);
-                      return pack(parseInt(r + r, 16), parseInt(g + g, 16), parseInt(b + b, 16), parseInt(a + a, 16) / 255);
-                  }
-                  if (value.value.length === 6) {
-                      var r = value.value.substring(0, 2);
-                      var g = value.value.substring(2, 4);
-                      var b = value.value.substring(4, 6);
-                      return pack(parseInt(r, 16), parseInt(g, 16), parseInt(b, 16), 1);
-                  }
-                  if (value.value.length === 8) {
-                      var r = value.value.substring(0, 2);
-                      var g = value.value.substring(2, 4);
-                      var b = value.value.substring(4, 6);
-                      var a = value.value.substring(6, 8);
-                      return pack(parseInt(r, 16), parseInt(g, 16), parseInt(b, 16), parseInt(a, 16) / 255);
-                  }
-              }
-              if (value.type === 20 /* IDENT_TOKEN */) {
-                  var namedColor = COLORS[value.value.toUpperCase()];
-                  if (typeof namedColor !== 'undefined') {
-                      return namedColor;
-                  }
-              }
-              return COLORS.TRANSPARENT;
-          }
+        name: "color",
+        parse: function (context, value) {
+          if (value.type === 18 /* FUNCTION */) {
+            var colorFunction = SUPPORTED_COLOR_FUNCTIONS[value.name];
+            if (typeof colorFunction === "undefined") {
+              throw new Error(
+                'Attempting to parse an unsupported color function "' +
+                  value.name +
+                  '"',
+              );
+            }
+            return colorFunction(context, value.values);
+          }
+          if (value.type === 5 /* HASH_TOKEN */) {
+            if (value.value.length === 3) {
+              var r = value.value.substring(0, 1);
+              var g = value.value.substring(1, 2);
+              var b = value.value.substring(2, 3);
+              return pack(
+                parseInt(r + r, 16),
+                parseInt(g + g, 16),
+                parseInt(b + b, 16),
+                1,
+              );
+            }
+            if (value.value.length === 4) {
+              var r = value.value.substring(0, 1);
+              var g = value.value.substring(1, 2);
+              var b = value.value.substring(2, 3);
+              var a = value.value.substring(3, 4);
+              return pack(
+                parseInt(r + r, 16),
+                parseInt(g + g, 16),
+                parseInt(b + b, 16),
+                parseInt(a + a, 16) / 255,
+              );
+            }
+            if (value.value.length === 6) {
+              var r = value.value.substring(0, 2);
+              var g = value.value.substring(2, 4);
+              var b = value.value.substring(4, 6);
+              return pack(parseInt(r, 16), parseInt(g, 16), parseInt(b, 16), 1);
+            }
+            if (value.value.length === 8) {
+              var r = value.value.substring(0, 2);
+              var g = value.value.substring(2, 4);
+              var b = value.value.substring(4, 6);
+              var a = value.value.substring(6, 8);
+              return pack(
+                parseInt(r, 16),
+                parseInt(g, 16),
+                parseInt(b, 16),
+                parseInt(a, 16) / 255,
+              );
+            }
+          }
+          if (value.type === 20 /* IDENT_TOKEN */) {
+            var namedColor = COLORS[value.value.toUpperCase()];
+            if (typeof namedColor !== "undefined") {
+              return namedColor;
+            }
+          }
+          return COLORS.TRANSPARENT;
+        },
+      };
+      var isTransparent = function (color) {
+        return (0xff & color) === 0;
       };
-      var isTransparent = function (color) { return (0xff & color) === 0; };
       var asString = function (color) {
-          var alpha = 0xff & color;
-          var blue = 0xff & (color >> 8);
-          var green = 0xff & (color >> 16);
-          var red = 0xff & (color >> 24);
-          return alpha < 255 ? "rgba(" + red + "," + green + "," + blue + "," + alpha / 255 + ")" : "rgb(" + red + "," + green + "," + blue + ")";
+        var alpha = 0xff & color;
+        var blue = 0xff & (color >> 8);
+        var green = 0xff & (color >> 16);
+        var red = 0xff & (color >> 24);
+        return alpha < 255
+          ? "rgba(" + red + "," + green + "," + blue + "," + alpha / 255 + ")"
+          : "rgb(" + red + "," + green + "," + blue + ")";
       };
       var pack = function (r, g, b, a) {
-          return ((r << 24) | (g << 16) | (b << 8) | (Math.round(a * 255) << 0)) >>> 0;
+        return (
+          ((r << 24) | (g << 16) | (b << 8) | (Math.round(a * 255) << 0)) >>> 0
+        );
       };
       var getTokenColorValue = function (token, i) {
-          if (token.type === 17 /* NUMBER_TOKEN */) {
-              return token.number;
-          }
-          if (token.type === 16 /* PERCENTAGE_TOKEN */) {
-              var max = i === 3 ? 1 : 255;
-              return i === 3 ? (token.number / 100) * max : Math.round((token.number / 100) * max);
-          }
-          return 0;
+        if (token.type === 17 /* NUMBER_TOKEN */) {
+          return token.number;
+        }
+        if (token.type === 16 /* PERCENTAGE_TOKEN */) {
+          var max = i === 3 ? 1 : 255;
+          return i === 3
+            ? (token.number / 100) * max
+            : Math.round((token.number / 100) * max);
+        }
+        return 0;
       };
       var rgb = function (_context, args) {
-          var tokens = args.filter(nonFunctionArgSeparator);
-          if (tokens.length === 3) {
-              var _a = tokens.map(getTokenColorValue), r = _a[0], g = _a[1], b = _a[2];
-              return pack(r, g, b, 1);
-          }
-          if (tokens.length === 4) {
-              var _b = tokens.map(getTokenColorValue), r = _b[0], g = _b[1], b = _b[2], a = _b[3];
-              return pack(r, g, b, a);
-          }
-          return 0;
+        var tokens = args.filter(nonFunctionArgSeparator);
+        if (tokens.length === 3) {
+          var _a = tokens.map(getTokenColorValue),
+            r = _a[0],
+            g = _a[1],
+            b = _a[2];
+          return pack(r, g, b, 1);
+        }
+        if (tokens.length === 4) {
+          var _b = tokens.map(getTokenColorValue),
+            r = _b[0],
+            g = _b[1],
+            b = _b[2],
+            a = _b[3];
+          return pack(r, g, b, a);
+        }
+        return 0;
       };
       function hue2rgb(t1, t2, hue) {
-          if (hue < 0) {
-              hue += 1;
-          }
-          if (hue >= 1) {
-              hue -= 1;
-          }
-          if (hue < 1 / 6) {
-              return (t2 - t1) * hue * 6 + t1;
-          }
-          else if (hue < 1 / 2) {
-              return t2;
-          }
-          else if (hue < 2 / 3) {
-              return (t2 - t1) * 6 * (2 / 3 - hue) + t1;
-          }
-          else {
-              return t1;
-          }
+        if (hue < 0) {
+          hue += 1;
+        }
+        if (hue >= 1) {
+          hue -= 1;
+        }
+        if (hue < 1 / 6) {
+          return (t2 - t1) * hue * 6 + t1;
+        } else if (hue < 1 / 2) {
+          return t2;
+        } else if (hue < 2 / 3) {
+          return (t2 - t1) * 6 * (2 / 3 - hue) + t1;
+        } else {
+          return t1;
+        }
       }
       var hsl = function (context, args) {
-          var tokens = args.filter(nonFunctionArgSeparator);
-          var hue = tokens[0], saturation = tokens[1], lightness = tokens[2], alpha = tokens[3];
-          var h = (hue.type === 17 /* NUMBER_TOKEN */ ? deg(hue.number) : angle.parse(context, hue)) / (Math.PI * 2);
-          var s = isLengthPercentage(saturation) ? saturation.number / 100 : 0;
-          var l = isLengthPercentage(lightness) ? lightness.number / 100 : 0;
-          var a = typeof alpha !== 'undefined' && isLengthPercentage(alpha) ? getAbsoluteValue(alpha, 1) : 1;
-          if (s === 0) {
-              return pack(l * 255, l * 255, l * 255, 1);
-          }
-          var t2 = l <= 0.5 ? l * (s + 1) : l + s - l * s;
-          var t1 = l * 2 - t2;
-          var r = hue2rgb(t1, t2, h + 1 / 3);
-          var g = hue2rgb(t1, t2, h);
-          var b = hue2rgb(t1, t2, h - 1 / 3);
-          return pack(r * 255, g * 255, b * 255, a);
+        var tokens = args.filter(nonFunctionArgSeparator);
+        var hue = tokens[0],
+          saturation = tokens[1],
+          lightness = tokens[2],
+          alpha = tokens[3];
+        var h =
+          (hue.type === 17 /* NUMBER_TOKEN */
+            ? deg(hue.number)
+            : angle.parse(context, hue)) /
+          (Math.PI * 2);
+        var s = isLengthPercentage(saturation) ? saturation.number / 100 : 0;
+        var l = isLengthPercentage(lightness) ? lightness.number / 100 : 0;
+        var a =
+          typeof alpha !== "undefined" && isLengthPercentage(alpha)
+            ? getAbsoluteValue(alpha, 1)
+            : 1;
+        if (s === 0) {
+          return pack(l * 255, l * 255, l * 255, 1);
+        }
+        var t2 = l <= 0.5 ? l * (s + 1) : l + s - l * s;
+        var t1 = l * 2 - t2;
+        var r = hue2rgb(t1, t2, h + 1 / 3);
+        var g = hue2rgb(t1, t2, h);
+        var b = hue2rgb(t1, t2, h - 1 / 3);
+        return pack(r * 255, g * 255, b * 255, a);
       };
       var SUPPORTED_COLOR_FUNCTIONS = {
-          hsl: hsl,
-          hsla: hsl,
-          rgb: rgb,
-          rgba: rgb
+        hsl: hsl,
+        hsla: hsl,
+        rgb: rgb,
+        rgba: rgb,
       };
       var parseColor = function (context, value) {
-          return color$1.parse(context, Parser.create(value).parseComponentValue());
+        return color$1.parse(
+          context,
+          Parser.create(value).parseComponentValue(),
+        );
       };
       var COLORS = {
-          ALICEBLUE: 0xf0f8ffff,
-          ANTIQUEWHITE: 0xfaebd7ff,
-          AQUA: 0x00ffffff,
-          AQUAMARINE: 0x7fffd4ff,
-          AZURE: 0xf0ffffff,
-          BEIGE: 0xf5f5dcff,
-          BISQUE: 0xffe4c4ff,
-          BLACK: 0x000000ff,
-          BLANCHEDALMOND: 0xffebcdff,
-          BLUE: 0x0000ffff,
-          BLUEVIOLET: 0x8a2be2ff,
-          BROWN: 0xa52a2aff,
-          BURLYWOOD: 0xdeb887ff,
-          CADETBLUE: 0x5f9ea0ff,
-          CHARTREUSE: 0x7fff00ff,
-          CHOCOLATE: 0xd2691eff,
-          CORAL: 0xff7f50ff,
-          CORNFLOWERBLUE: 0x6495edff,
-          CORNSILK: 0xfff8dcff,
-          CRIMSON: 0xdc143cff,
-          CYAN: 0x00ffffff,
-          DARKBLUE: 0x00008bff,
-          DARKCYAN: 0x008b8bff,
-          DARKGOLDENROD: 0xb886bbff,
-          DARKGRAY: 0xa9a9a9ff,
-          DARKGREEN: 0x006400ff,
-          DARKGREY: 0xa9a9a9ff,
-          DARKKHAKI: 0xbdb76bff,
-          DARKMAGENTA: 0x8b008bff,
-          DARKOLIVEGREEN: 0x556b2fff,
-          DARKORANGE: 0xff8c00ff,
-          DARKORCHID: 0x9932ccff,
-          DARKRED: 0x8b0000ff,
-          DARKSALMON: 0xe9967aff,
-          DARKSEAGREEN: 0x8fbc8fff,
-          DARKSLATEBLUE: 0x483d8bff,
-          DARKSLATEGRAY: 0x2f4f4fff,
-          DARKSLATEGREY: 0x2f4f4fff,
-          DARKTURQUOISE: 0x00ced1ff,
-          DARKVIOLET: 0x9400d3ff,
-          DEEPPINK: 0xff1493ff,
-          DEEPSKYBLUE: 0x00bfffff,
-          DIMGRAY: 0x696969ff,
-          DIMGREY: 0x696969ff,
-          DODGERBLUE: 0x1e90ffff,
-          FIREBRICK: 0xb22222ff,
-          FLORALWHITE: 0xfffaf0ff,
-          FORESTGREEN: 0x228b22ff,
-          FUCHSIA: 0xff00ffff,
-          GAINSBORO: 0xdcdcdcff,
-          GHOSTWHITE: 0xf8f8ffff,
-          GOLD: 0xffd700ff,
-          GOLDENROD: 0xdaa520ff,
-          GRAY: 0x808080ff,
-          GREEN: 0x008000ff,
-          GREENYELLOW: 0xadff2fff,
-          GREY: 0x808080ff,
-          HONEYDEW: 0xf0fff0ff,
-          HOTPINK: 0xff69b4ff,
-          INDIANRED: 0xcd5c5cff,
-          INDIGO: 0x4b0082ff,
-          IVORY: 0xfffff0ff,
-          KHAKI: 0xf0e68cff,
-          LAVENDER: 0xe6e6faff,
-          LAVENDERBLUSH: 0xfff0f5ff,
-          LAWNGREEN: 0x7cfc00ff,
-          LEMONCHIFFON: 0xfffacdff,
-          LIGHTBLUE: 0xadd8e6ff,
-          LIGHTCORAL: 0xf08080ff,
-          LIGHTCYAN: 0xe0ffffff,
-          LIGHTGOLDENRODYELLOW: 0xfafad2ff,
-          LIGHTGRAY: 0xd3d3d3ff,
-          LIGHTGREEN: 0x90ee90ff,
-          LIGHTGREY: 0xd3d3d3ff,
-          LIGHTPINK: 0xffb6c1ff,
-          LIGHTSALMON: 0xffa07aff,
-          LIGHTSEAGREEN: 0x20b2aaff,
-          LIGHTSKYBLUE: 0x87cefaff,
-          LIGHTSLATEGRAY: 0x778899ff,
-          LIGHTSLATEGREY: 0x778899ff,
-          LIGHTSTEELBLUE: 0xb0c4deff,
-          LIGHTYELLOW: 0xffffe0ff,
-          LIME: 0x00ff00ff,
-          LIMEGREEN: 0x32cd32ff,
-          LINEN: 0xfaf0e6ff,
-          MAGENTA: 0xff00ffff,
-          MAROON: 0x800000ff,
-          MEDIUMAQUAMARINE: 0x66cdaaff,
-          MEDIUMBLUE: 0x0000cdff,
-          MEDIUMORCHID: 0xba55d3ff,
-          MEDIUMPURPLE: 0x9370dbff,
-          MEDIUMSEAGREEN: 0x3cb371ff,
-          MEDIUMSLATEBLUE: 0x7b68eeff,
-          MEDIUMSPRINGGREEN: 0x00fa9aff,
-          MEDIUMTURQUOISE: 0x48d1ccff,
-          MEDIUMVIOLETRED: 0xc71585ff,
-          MIDNIGHTBLUE: 0x191970ff,
-          MINTCREAM: 0xf5fffaff,
-          MISTYROSE: 0xffe4e1ff,
-          MOCCASIN: 0xffe4b5ff,
-          NAVAJOWHITE: 0xffdeadff,
-          NAVY: 0x000080ff,
-          OLDLACE: 0xfdf5e6ff,
-          OLIVE: 0x808000ff,
-          OLIVEDRAB: 0x6b8e23ff,
-          ORANGE: 0xffa500ff,
-          ORANGERED: 0xff4500ff,
-          ORCHID: 0xda70d6ff,
-          PALEGOLDENROD: 0xeee8aaff,
-          PALEGREEN: 0x98fb98ff,
-          PALETURQUOISE: 0xafeeeeff,
-          PALEVIOLETRED: 0xdb7093ff,
-          PAPAYAWHIP: 0xffefd5ff,
-          PEACHPUFF: 0xffdab9ff,
-          PERU: 0xcd853fff,
-          PINK: 0xffc0cbff,
-          PLUM: 0xdda0ddff,
-          POWDERBLUE: 0xb0e0e6ff,
-          PURPLE: 0x800080ff,
-          REBECCAPURPLE: 0x663399ff,
-          RED: 0xff0000ff,
-          ROSYBROWN: 0xbc8f8fff,
-          ROYALBLUE: 0x4169e1ff,
-          SADDLEBROWN: 0x8b4513ff,
-          SALMON: 0xfa8072ff,
-          SANDYBROWN: 0xf4a460ff,
-          SEAGREEN: 0x2e8b57ff,
-          SEASHELL: 0xfff5eeff,
-          SIENNA: 0xa0522dff,
-          SILVER: 0xc0c0c0ff,
-          SKYBLUE: 0x87ceebff,
-          SLATEBLUE: 0x6a5acdff,
-          SLATEGRAY: 0x708090ff,
-          SLATEGREY: 0x708090ff,
-          SNOW: 0xfffafaff,
-          SPRINGGREEN: 0x00ff7fff,
-          STEELBLUE: 0x4682b4ff,
-          TAN: 0xd2b48cff,
-          TEAL: 0x008080ff,
-          THISTLE: 0xd8bfd8ff,
-          TOMATO: 0xff6347ff,
-          TRANSPARENT: 0x00000000,
-          TURQUOISE: 0x40e0d0ff,
-          VIOLET: 0xee82eeff,
-          WHEAT: 0xf5deb3ff,
-          WHITE: 0xffffffff,
-          WHITESMOKE: 0xf5f5f5ff,
-          YELLOW: 0xffff00ff,
-          YELLOWGREEN: 0x9acd32ff
+        ALICEBLUE: 0xf0f8ffff,
+        ANTIQUEWHITE: 0xfaebd7ff,
+        AQUA: 0x00ffffff,
+        AQUAMARINE: 0x7fffd4ff,
+        AZURE: 0xf0ffffff,
+        BEIGE: 0xf5f5dcff,
+        BISQUE: 0xffe4c4ff,
+        BLACK: 0x000000ff,
+        BLANCHEDALMOND: 0xffebcdff,
+        BLUE: 0x0000ffff,
+        BLUEVIOLET: 0x8a2be2ff,
+        BROWN: 0xa52a2aff,
+        BURLYWOOD: 0xdeb887ff,
+        CADETBLUE: 0x5f9ea0ff,
+        CHARTREUSE: 0x7fff00ff,
+        CHOCOLATE: 0xd2691eff,
+        CORAL: 0xff7f50ff,
+        CORNFLOWERBLUE: 0x6495edff,
+        CORNSILK: 0xfff8dcff,
+        CRIMSON: 0xdc143cff,
+        CYAN: 0x00ffffff,
+        DARKBLUE: 0x00008bff,
+        DARKCYAN: 0x008b8bff,
+        DARKGOLDENROD: 0xb886bbff,
+        DARKGRAY: 0xa9a9a9ff,
+        DARKGREEN: 0x006400ff,
+        DARKGREY: 0xa9a9a9ff,
+        DARKKHAKI: 0xbdb76bff,
+        DARKMAGENTA: 0x8b008bff,
+        DARKOLIVEGREEN: 0x556b2fff,
+        DARKORANGE: 0xff8c00ff,
+        DARKORCHID: 0x9932ccff,
+        DARKRED: 0x8b0000ff,
+        DARKSALMON: 0xe9967aff,
+        DARKSEAGREEN: 0x8fbc8fff,
+        DARKSLATEBLUE: 0x483d8bff,
+        DARKSLATEGRAY: 0x2f4f4fff,
+        DARKSLATEGREY: 0x2f4f4fff,
+        DARKTURQUOISE: 0x00ced1ff,
+        DARKVIOLET: 0x9400d3ff,
+        DEEPPINK: 0xff1493ff,
+        DEEPSKYBLUE: 0x00bfffff,
+        DIMGRAY: 0x696969ff,
+        DIMGREY: 0x696969ff,
+        DODGERBLUE: 0x1e90ffff,
+        FIREBRICK: 0xb22222ff,
+        FLORALWHITE: 0xfffaf0ff,
+        FORESTGREEN: 0x228b22ff,
+        FUCHSIA: 0xff00ffff,
+        GAINSBORO: 0xdcdcdcff,
+        GHOSTWHITE: 0xf8f8ffff,
+        GOLD: 0xffd700ff,
+        GOLDENROD: 0xdaa520ff,
+        GRAY: 0x808080ff,
+        GREEN: 0x008000ff,
+        GREENYELLOW: 0xadff2fff,
+        GREY: 0x808080ff,
+        HONEYDEW: 0xf0fff0ff,
+        HOTPINK: 0xff69b4ff,
+        INDIANRED: 0xcd5c5cff,
+        INDIGO: 0x4b0082ff,
+        IVORY: 0xfffff0ff,
+        KHAKI: 0xf0e68cff,
+        LAVENDER: 0xe6e6faff,
+        LAVENDERBLUSH: 0xfff0f5ff,
+        LAWNGREEN: 0x7cfc00ff,
+        LEMONCHIFFON: 0xfffacdff,
+        LIGHTBLUE: 0xadd8e6ff,
+        LIGHTCORAL: 0xf08080ff,
+        LIGHTCYAN: 0xe0ffffff,
+        LIGHTGOLDENRODYELLOW: 0xfafad2ff,
+        LIGHTGRAY: 0xd3d3d3ff,
+        LIGHTGREEN: 0x90ee90ff,
+        LIGHTGREY: 0xd3d3d3ff,
+        LIGHTPINK: 0xffb6c1ff,
+        LIGHTSALMON: 0xffa07aff,
+        LIGHTSEAGREEN: 0x20b2aaff,
+        LIGHTSKYBLUE: 0x87cefaff,
+        LIGHTSLATEGRAY: 0x778899ff,
+        LIGHTSLATEGREY: 0x778899ff,
+        LIGHTSTEELBLUE: 0xb0c4deff,
+        LIGHTYELLOW: 0xffffe0ff,
+        LIME: 0x00ff00ff,
+        LIMEGREEN: 0x32cd32ff,
+        LINEN: 0xfaf0e6ff,
+        MAGENTA: 0xff00ffff,
+        MAROON: 0x800000ff,
+        MEDIUMAQUAMARINE: 0x66cdaaff,
+        MEDIUMBLUE: 0x0000cdff,
+        MEDIUMORCHID: 0xba55d3ff,
+        MEDIUMPURPLE: 0x9370dbff,
+        MEDIUMSEAGREEN: 0x3cb371ff,
+        MEDIUMSLATEBLUE: 0x7b68eeff,
+        MEDIUMSPRINGGREEN: 0x00fa9aff,
+        MEDIUMTURQUOISE: 0x48d1ccff,
+        MEDIUMVIOLETRED: 0xc71585ff,
+        MIDNIGHTBLUE: 0x191970ff,
+        MINTCREAM: 0xf5fffaff,
+        MISTYROSE: 0xffe4e1ff,
+        MOCCASIN: 0xffe4b5ff,
+        NAVAJOWHITE: 0xffdeadff,
+        NAVY: 0x000080ff,
+        OLDLACE: 0xfdf5e6ff,
+        OLIVE: 0x808000ff,
+        OLIVEDRAB: 0x6b8e23ff,
+        ORANGE: 0xffa500ff,
+        ORANGERED: 0xff4500ff,
+        ORCHID: 0xda70d6ff,
+        PALEGOLDENROD: 0xeee8aaff,
+        PALEGREEN: 0x98fb98ff,
+        PALETURQUOISE: 0xafeeeeff,
+        PALEVIOLETRED: 0xdb7093ff,
+        PAPAYAWHIP: 0xffefd5ff,
+        PEACHPUFF: 0xffdab9ff,
+        PERU: 0xcd853fff,
+        PINK: 0xffc0cbff,
+        PLUM: 0xdda0ddff,
+        POWDERBLUE: 0xb0e0e6ff,
+        PURPLE: 0x800080ff,
+        REBECCAPURPLE: 0x663399ff,
+        RED: 0xff0000ff,
+        ROSYBROWN: 0xbc8f8fff,
+        ROYALBLUE: 0x4169e1ff,
+        SADDLEBROWN: 0x8b4513ff,
+        SALMON: 0xfa8072ff,
+        SANDYBROWN: 0xf4a460ff,
+        SEAGREEN: 0x2e8b57ff,
+        SEASHELL: 0xfff5eeff,
+        SIENNA: 0xa0522dff,
+        SILVER: 0xc0c0c0ff,
+        SKYBLUE: 0x87ceebff,
+        SLATEBLUE: 0x6a5acdff,
+        SLATEGRAY: 0x708090ff,
+        SLATEGREY: 0x708090ff,
+        SNOW: 0xfffafaff,
+        SPRINGGREEN: 0x00ff7fff,
+        STEELBLUE: 0x4682b4ff,
+        TAN: 0xd2b48cff,
+        TEAL: 0x008080ff,
+        THISTLE: 0xd8bfd8ff,
+        TOMATO: 0xff6347ff,
+        TRANSPARENT: 0x00000000,
+        TURQUOISE: 0x40e0d0ff,
+        VIOLET: 0xee82eeff,
+        WHEAT: 0xf5deb3ff,
+        WHITE: 0xffffffff,
+        WHITESMOKE: 0xf5f5f5ff,
+        YELLOW: 0xffff00ff,
+        YELLOWGREEN: 0x9acd32ff,
       };
 
       var backgroundClip = {
-          name: 'background-clip',
-          initialValue: 'border-box',
-          prefix: false,
-          type: 1 /* LIST */,
-          parse: function (_context, tokens) {
-              return tokens.map(function (token) {
-                  if (isIdentToken(token)) {
-                      switch (token.value) {
-                          case 'padding-box':
-                              return 1 /* PADDING_BOX */;
-                          case 'content-box':
-                              return 2 /* CONTENT_BOX */;
-                      }
-                  }
-                  return 0 /* BORDER_BOX */;
-              });
-          }
+        name: "background-clip",
+        initialValue: "border-box",
+        prefix: false,
+        type: 1 /* LIST */,
+        parse: function (_context, tokens) {
+          return tokens.map(function (token) {
+            if (isIdentToken(token)) {
+              switch (token.value) {
+                case "padding-box":
+                  return 1 /* PADDING_BOX */;
+                case "content-box":
+                  return 2 /* CONTENT_BOX */;
+              }
+            }
+            return 0 /* BORDER_BOX */;
+          });
+        },
       };
 
       var backgroundColor = {
-          name: "background-color",
-          initialValue: 'transparent',
-          prefix: false,
-          type: 3 /* TYPE_VALUE */,
-          format: 'color'
+        name: "background-color",
+        initialValue: "transparent",
+        prefix: false,
+        type: 3 /* TYPE_VALUE */,
+        format: "color",
       };
 
       var parseColorStop = function (context, args) {
-          var color = color$1.parse(context, args[0]);
-          var stop = args[1];
-          return stop && isLengthPercentage(stop) ? { color: color, stop: stop } : { color: color, stop: null };
+        var color = color$1.parse(context, args[0]);
+        var stop = args[1];
+        return stop && isLengthPercentage(stop)
+          ? { color: color, stop: stop }
+          : { color: color, stop: null };
       };
       var processColorStops = function (stops, lineLength) {
-          var first = stops[0];
-          var last = stops[stops.length - 1];
-          if (first.stop === null) {
-              first.stop = ZERO_LENGTH;
-          }
-          if (last.stop === null) {
-              last.stop = HUNDRED_PERCENT;
-          }
-          var processStops = [];
-          var previous = 0;
-          for (var i = 0; i < stops.length; i++) {
-              var stop_1 = stops[i].stop;
-              if (stop_1 !== null) {
-                  var absoluteValue = getAbsoluteValue(stop_1, lineLength);
-                  if (absoluteValue > previous) {
-                      processStops.push(absoluteValue);
-                  }
-                  else {
-                      processStops.push(previous);
-                  }
-                  previous = absoluteValue;
-              }
-              else {
-                  processStops.push(null);
-              }
+        var first = stops[0];
+        var last = stops[stops.length - 1];
+        if (first.stop === null) {
+          first.stop = ZERO_LENGTH;
+        }
+        if (last.stop === null) {
+          last.stop = HUNDRED_PERCENT;
+        }
+        var processStops = [];
+        var previous = 0;
+        for (var i = 0; i < stops.length; i++) {
+          var stop_1 = stops[i].stop;
+          if (stop_1 !== null) {
+            var absoluteValue = getAbsoluteValue(stop_1, lineLength);
+            if (absoluteValue > previous) {
+              processStops.push(absoluteValue);
+            } else {
+              processStops.push(previous);
+            }
+            previous = absoluteValue;
+          } else {
+            processStops.push(null);
           }
-          var gapBegin = null;
-          for (var i = 0; i < processStops.length; i++) {
-              var stop_2 = processStops[i];
-              if (stop_2 === null) {
-                  if (gapBegin === null) {
-                      gapBegin = i;
-                  }
-              }
-              else if (gapBegin !== null) {
-                  var gapLength = i - gapBegin;
-                  var beforeGap = processStops[gapBegin - 1];
-                  var gapValue = (stop_2 - beforeGap) / (gapLength + 1);
-                  for (var g = 1; g <= gapLength; g++) {
-                      processStops[gapBegin + g - 1] = gapValue * g;
-                  }
-                  gapBegin = null;
-              }
+        }
+        var gapBegin = null;
+        for (var i = 0; i < processStops.length; i++) {
+          var stop_2 = processStops[i];
+          if (stop_2 === null) {
+            if (gapBegin === null) {
+              gapBegin = i;
+            }
+          } else if (gapBegin !== null) {
+            var gapLength = i - gapBegin;
+            var beforeGap = processStops[gapBegin - 1];
+            var gapValue = (stop_2 - beforeGap) / (gapLength + 1);
+            for (var g = 1; g <= gapLength; g++) {
+              processStops[gapBegin + g - 1] = gapValue * g;
+            }
+            gapBegin = null;
           }
-          return stops.map(function (_a, i) {
-              var color = _a.color;
-              return { color: color, stop: Math.max(Math.min(1, processStops[i] / lineLength), 0) };
-          });
+        }
+        return stops.map(function (_a, i) {
+          var color = _a.color;
+          return {
+            color: color,
+            stop: Math.max(Math.min(1, processStops[i] / lineLength), 0),
+          };
+        });
       };
       var getAngleFromCorner = function (corner, width, height) {
-          var centerX = width / 2;
-          var centerY = height / 2;
-          var x = getAbsoluteValue(corner[0], width) - centerX;
-          var y = centerY - getAbsoluteValue(corner[1], height);
-          return (Math.atan2(y, x) + Math.PI * 2) % (Math.PI * 2);
+        var centerX = width / 2;
+        var centerY = height / 2;
+        var x = getAbsoluteValue(corner[0], width) - centerX;
+        var y = centerY - getAbsoluteValue(corner[1], height);
+        return (Math.atan2(y, x) + Math.PI * 2) % (Math.PI * 2);
       };
       var calculateGradientDirection = function (angle, width, height) {
-          var radian = typeof angle === 'number' ? angle : getAngleFromCorner(angle, width, height);
-          var lineLength = Math.abs(width * Math.sin(radian)) + Math.abs(height * Math.cos(radian));
-          var halfWidth = width / 2;
-          var halfHeight = height / 2;
-          var halfLineLength = lineLength / 2;
-          var yDiff = Math.sin(radian - Math.PI / 2) * halfLineLength;
-          var xDiff = Math.cos(radian - Math.PI / 2) * halfLineLength;
-          return [lineLength, halfWidth - xDiff, halfWidth + xDiff, halfHeight - yDiff, halfHeight + yDiff];
-      };
-      var distance = function (a, b) { return Math.sqrt(a * a + b * b); };
+        var radian =
+          typeof angle === "number"
+            ? angle
+            : getAngleFromCorner(angle, width, height);
+        var lineLength =
+          Math.abs(width * Math.sin(radian)) +
+          Math.abs(height * Math.cos(radian));
+        var halfWidth = width / 2;
+        var halfHeight = height / 2;
+        var halfLineLength = lineLength / 2;
+        var yDiff = Math.sin(radian - Math.PI / 2) * halfLineLength;
+        var xDiff = Math.cos(radian - Math.PI / 2) * halfLineLength;
+        return [
+          lineLength,
+          halfWidth - xDiff,
+          halfWidth + xDiff,
+          halfHeight - yDiff,
+          halfHeight + yDiff,
+        ];
+      };
+      var distance = function (a, b) {
+        return Math.sqrt(a * a + b * b);
+      };
       var findCorner = function (width, height, x, y, closest) {
-          var corners = [
-              [0, 0],
-              [0, height],
-              [width, 0],
-              [width, height]
-          ];
-          return corners.reduce(function (stat, corner) {
-              var cx = corner[0], cy = corner[1];
-              var d = distance(x - cx, y - cy);
-              if (closest ? d < stat.optimumDistance : d > stat.optimumDistance) {
-                  return {
-                      optimumCorner: corner,
-                      optimumDistance: d
-                  };
-              }
-              return stat;
-          }, {
-              optimumDistance: closest ? Infinity : -Infinity,
-              optimumCorner: null
-          }).optimumCorner;
+        var corners = [
+          [0, 0],
+          [0, height],
+          [width, 0],
+          [width, height],
+        ];
+        return corners.reduce(
+          function (stat, corner) {
+            var cx = corner[0],
+              cy = corner[1];
+            var d = distance(x - cx, y - cy);
+            if (closest ? d < stat.optimumDistance : d > stat.optimumDistance) {
+              return {
+                optimumCorner: corner,
+                optimumDistance: d,
+              };
+            }
+            return stat;
+          },
+          {
+            optimumDistance: closest ? Infinity : -Infinity,
+            optimumCorner: null,
+          },
+        ).optimumCorner;
       };
       var calculateRadius = function (gradient, x, y, width, height) {
-          var rx = 0;
-          var ry = 0;
-          switch (gradient.size) {
-              case 0 /* CLOSEST_SIDE */:
-                  // The ending shape is sized so that that it exactly meets the side of the gradient box closest to the gradient’s center.
-                  // If the shape is an ellipse, it exactly meets the closest side in each dimension.
-                  if (gradient.shape === 0 /* CIRCLE */) {
-                      rx = ry = Math.min(Math.abs(x), Math.abs(x - width), Math.abs(y), Math.abs(y - height));
-                  }
-                  else if (gradient.shape === 1 /* ELLIPSE */) {
-                      rx = Math.min(Math.abs(x), Math.abs(x - width));
-                      ry = Math.min(Math.abs(y), Math.abs(y - height));
-                  }
-                  break;
-              case 2 /* CLOSEST_CORNER */:
-                  // The ending shape is sized so that that it passes through the corner of the gradient box closest to the gradient’s center.
-                  // If the shape is an ellipse, the ending shape is given the same aspect-ratio it would have if closest-side were specified.
-                  if (gradient.shape === 0 /* CIRCLE */) {
-                      rx = ry = Math.min(distance(x, y), distance(x, y - height), distance(x - width, y), distance(x - width, y - height));
-                  }
-                  else if (gradient.shape === 1 /* ELLIPSE */) {
-                      // Compute the ratio ry/rx (which is to be the same as for "closest-side")
-                      var c = Math.min(Math.abs(y), Math.abs(y - height)) / Math.min(Math.abs(x), Math.abs(x - width));
-                      var _a = findCorner(width, height, x, y, true), cx = _a[0], cy = _a[1];
-                      rx = distance(cx - x, (cy - y) / c);
-                      ry = c * rx;
-                  }
-                  break;
-              case 1 /* FARTHEST_SIDE */:
-                  // Same as closest-side, except the ending shape is sized based on the farthest side(s)
-                  if (gradient.shape === 0 /* CIRCLE */) {
-                      rx = ry = Math.max(Math.abs(x), Math.abs(x - width), Math.abs(y), Math.abs(y - height));
-                  }
-                  else if (gradient.shape === 1 /* ELLIPSE */) {
-                      rx = Math.max(Math.abs(x), Math.abs(x - width));
-                      ry = Math.max(Math.abs(y), Math.abs(y - height));
-                  }
-                  break;
-              case 3 /* FARTHEST_CORNER */:
-                  // Same as closest-corner, except the ending shape is sized based on the farthest corner.
-                  // If the shape is an ellipse, the ending shape is given the same aspect ratio it would have if farthest-side were specified.
-                  if (gradient.shape === 0 /* CIRCLE */) {
-                      rx = ry = Math.max(distance(x, y), distance(x, y - height), distance(x - width, y), distance(x - width, y - height));
-                  }
-                  else if (gradient.shape === 1 /* ELLIPSE */) {
-                      // Compute the ratio ry/rx (which is to be the same as for "farthest-side")
-                      var c = Math.max(Math.abs(y), Math.abs(y - height)) / Math.max(Math.abs(x), Math.abs(x - width));
-                      var _b = findCorner(width, height, x, y, false), cx = _b[0], cy = _b[1];
-                      rx = distance(cx - x, (cy - y) / c);
-                      ry = c * rx;
-                  }
-                  break;
-          }
-          if (Array.isArray(gradient.size)) {
-              rx = getAbsoluteValue(gradient.size[0], width);
-              ry = gradient.size.length === 2 ? getAbsoluteValue(gradient.size[1], height) : rx;
-          }
-          return [rx, ry];
+        var rx = 0;
+        var ry = 0;
+        switch (gradient.size) {
+          case 0 /* CLOSEST_SIDE */:
+            // The ending shape is sized so that that it exactly meets the side of the gradient box closest to the gradient’s center.
+            // If the shape is an ellipse, it exactly meets the closest side in each dimension.
+            if (gradient.shape === 0 /* CIRCLE */) {
+              rx = ry = Math.min(
+                Math.abs(x),
+                Math.abs(x - width),
+                Math.abs(y),
+                Math.abs(y - height),
+              );
+            } else if (gradient.shape === 1 /* ELLIPSE */) {
+              rx = Math.min(Math.abs(x), Math.abs(x - width));
+              ry = Math.min(Math.abs(y), Math.abs(y - height));
+            }
+            break;
+          case 2 /* CLOSEST_CORNER */:
+            // The ending shape is sized so that that it passes through the corner of the gradient box closest to the gradient’s center.
+            // If the shape is an ellipse, the ending shape is given the same aspect-ratio it would have if closest-side were specified.
+            if (gradient.shape === 0 /* CIRCLE */) {
+              rx = ry = Math.min(
+                distance(x, y),
+                distance(x, y - height),
+                distance(x - width, y),
+                distance(x - width, y - height),
+              );
+            } else if (gradient.shape === 1 /* ELLIPSE */) {
+              // Compute the ratio ry/rx (which is to be the same as for "closest-side")
+              var c =
+                Math.min(Math.abs(y), Math.abs(y - height)) /
+                Math.min(Math.abs(x), Math.abs(x - width));
+              var _a = findCorner(width, height, x, y, true),
+                cx = _a[0],
+                cy = _a[1];
+              rx = distance(cx - x, (cy - y) / c);
+              ry = c * rx;
+            }
+            break;
+          case 1 /* FARTHEST_SIDE */:
+            // Same as closest-side, except the ending shape is sized based on the farthest side(s)
+            if (gradient.shape === 0 /* CIRCLE */) {
+              rx = ry = Math.max(
+                Math.abs(x),
+                Math.abs(x - width),
+                Math.abs(y),
+                Math.abs(y - height),
+              );
+            } else if (gradient.shape === 1 /* ELLIPSE */) {
+              rx = Math.max(Math.abs(x), Math.abs(x - width));
+              ry = Math.max(Math.abs(y), Math.abs(y - height));
+            }
+            break;
+          case 3 /* FARTHEST_CORNER */:
+            // Same as closest-corner, except the ending shape is sized based on the farthest corner.
+            // If the shape is an ellipse, the ending shape is given the same aspect ratio it would have if farthest-side were specified.
+            if (gradient.shape === 0 /* CIRCLE */) {
+              rx = ry = Math.max(
+                distance(x, y),
+                distance(x, y - height),
+                distance(x - width, y),
+                distance(x - width, y - height),
+              );
+            } else if (gradient.shape === 1 /* ELLIPSE */) {
+              // Compute the ratio ry/rx (which is to be the same as for "farthest-side")
+              var c =
+                Math.max(Math.abs(y), Math.abs(y - height)) /
+                Math.max(Math.abs(x), Math.abs(x - width));
+              var _b = findCorner(width, height, x, y, false),
+                cx = _b[0],
+                cy = _b[1];
+              rx = distance(cx - x, (cy - y) / c);
+              ry = c * rx;
+            }
+            break;
+        }
+        if (Array.isArray(gradient.size)) {
+          rx = getAbsoluteValue(gradient.size[0], width);
+          ry =
+            gradient.size.length === 2
+              ? getAbsoluteValue(gradient.size[1], height)
+              : rx;
+        }
+        return [rx, ry];
       };
 
       var linearGradient = function (context, tokens) {
-          var angle$1 = deg(180);
-          var stops = [];
-          parseFunctionArgs(tokens).forEach(function (arg, i) {
-              if (i === 0) {
-                  var firstToken = arg[0];
-                  if (firstToken.type === 20 /* IDENT_TOKEN */ && firstToken.value === 'to') {
-                      angle$1 = parseNamedSide(arg);
-                      return;
-                  }
-                  else if (isAngle(firstToken)) {
-                      angle$1 = angle.parse(context, firstToken);
-                      return;
-                  }
-              }
-              var colorStop = parseColorStop(context, arg);
-              stops.push(colorStop);
-          });
-          return { angle: angle$1, stops: stops, type: 1 /* LINEAR_GRADIENT */ };
+        var angle$1 = deg(180);
+        var stops = [];
+        parseFunctionArgs(tokens).forEach(function (arg, i) {
+          if (i === 0) {
+            var firstToken = arg[0];
+            if (
+              firstToken.type === 20 /* IDENT_TOKEN */ &&
+              firstToken.value === "to"
+            ) {
+              angle$1 = parseNamedSide(arg);
+              return;
+            } else if (isAngle(firstToken)) {
+              angle$1 = angle.parse(context, firstToken);
+              return;
+            }
+          }
+          var colorStop = parseColorStop(context, arg);
+          stops.push(colorStop);
+        });
+        return { angle: angle$1, stops: stops, type: 1 /* LINEAR_GRADIENT */ };
       };
 
       var prefixLinearGradient = function (context, tokens) {
-          var angle$1 = deg(180);
-          var stops = [];
-          parseFunctionArgs(tokens).forEach(function (arg, i) {
-              if (i === 0) {
-                  var firstToken = arg[0];
-                  if (firstToken.type === 20 /* IDENT_TOKEN */ &&
-                      ['top', 'left', 'right', 'bottom'].indexOf(firstToken.value) !== -1) {
-                      angle$1 = parseNamedSide(arg);
-                      return;
-                  }
-                  else if (isAngle(firstToken)) {
-                      angle$1 = (angle.parse(context, firstToken) + deg(270)) % deg(360);
-                      return;
-                  }
-              }
-              var colorStop = parseColorStop(context, arg);
-              stops.push(colorStop);
-          });
-          return {
-              angle: angle$1,
-              stops: stops,
-              type: 1 /* LINEAR_GRADIENT */
-          };
+        var angle$1 = deg(180);
+        var stops = [];
+        parseFunctionArgs(tokens).forEach(function (arg, i) {
+          if (i === 0) {
+            var firstToken = arg[0];
+            if (
+              firstToken.type === 20 /* IDENT_TOKEN */ &&
+              ["top", "left", "right", "bottom"].indexOf(firstToken.value) !==
+                -1
+            ) {
+              angle$1 = parseNamedSide(arg);
+              return;
+            } else if (isAngle(firstToken)) {
+              angle$1 =
+                (angle.parse(context, firstToken) + deg(270)) % deg(360);
+              return;
+            }
+          }
+          var colorStop = parseColorStop(context, arg);
+          stops.push(colorStop);
+        });
+        return {
+          angle: angle$1,
+          stops: stops,
+          type: 1 /* LINEAR_GRADIENT */,
+        };
       };
 
       var webkitGradient = function (context, tokens) {
-          var angle = deg(180);
-          var stops = [];
-          var type = 1 /* LINEAR_GRADIENT */;
-          var shape = 0 /* CIRCLE */;
-          var size = 3 /* FARTHEST_CORNER */;
-          var position = [];
-          parseFunctionArgs(tokens).forEach(function (arg, i) {
-              var firstToken = arg[0];
-              if (i === 0) {
-                  if (isIdentToken(firstToken) && firstToken.value === 'linear') {
-                      type = 1 /* LINEAR_GRADIENT */;
-                      return;
-                  }
-                  else if (isIdentToken(firstToken) && firstToken.value === 'radial') {
-                      type = 2 /* RADIAL_GRADIENT */;
-                      return;
-                  }
-              }
-              if (firstToken.type === 18 /* FUNCTION */) {
-                  if (firstToken.name === 'from') {
-                      var color = color$1.parse(context, firstToken.values[0]);
-                      stops.push({ stop: ZERO_LENGTH, color: color });
-                  }
-                  else if (firstToken.name === 'to') {
-                      var color = color$1.parse(context, firstToken.values[0]);
-                      stops.push({ stop: HUNDRED_PERCENT, color: color });
-                  }
-                  else if (firstToken.name === 'color-stop') {
-                      var values = firstToken.values.filter(nonFunctionArgSeparator);
-                      if (values.length === 2) {
-                          var color = color$1.parse(context, values[1]);
-                          var stop_1 = values[0];
-                          if (isNumberToken(stop_1)) {
-                              stops.push({
-                                  stop: { type: 16 /* PERCENTAGE_TOKEN */, number: stop_1.number * 100, flags: stop_1.flags },
-                                  color: color
-                              });
-                          }
-                      }
-                  }
-              }
-          });
-          return type === 1 /* LINEAR_GRADIENT */
-              ? {
-                  angle: (angle + deg(180)) % deg(360),
-                  stops: stops,
-                  type: type
+        var angle = deg(180);
+        var stops = [];
+        var type = 1; /* LINEAR_GRADIENT */
+        var shape = 0; /* CIRCLE */
+        var size = 3; /* FARTHEST_CORNER */
+        var position = [];
+        parseFunctionArgs(tokens).forEach(function (arg, i) {
+          var firstToken = arg[0];
+          if (i === 0) {
+            if (isIdentToken(firstToken) && firstToken.value === "linear") {
+              type = 1 /* LINEAR_GRADIENT */;
+              return;
+            } else if (
+              isIdentToken(firstToken) &&
+              firstToken.value === "radial"
+            ) {
+              type = 2 /* RADIAL_GRADIENT */;
+              return;
+            }
+          }
+          if (firstToken.type === 18 /* FUNCTION */) {
+            if (firstToken.name === "from") {
+              var color = color$1.parse(context, firstToken.values[0]);
+              stops.push({ stop: ZERO_LENGTH, color: color });
+            } else if (firstToken.name === "to") {
+              var color = color$1.parse(context, firstToken.values[0]);
+              stops.push({ stop: HUNDRED_PERCENT, color: color });
+            } else if (firstToken.name === "color-stop") {
+              var values = firstToken.values.filter(nonFunctionArgSeparator);
+              if (values.length === 2) {
+                var color = color$1.parse(context, values[1]);
+                var stop_1 = values[0];
+                if (isNumberToken(stop_1)) {
+                  stops.push({
+                    stop: {
+                      type: 16 /* PERCENTAGE_TOKEN */,
+                      number: stop_1.number * 100,
+                      flags: stop_1.flags,
+                    },
+                    color: color,
+                  });
+                }
               }
-              : { size: size, shape: shape, stops: stops, position: position, type: type };
-      };
-
-      var CLOSEST_SIDE = 'closest-side';
-      var FARTHEST_SIDE = 'farthest-side';
-      var CLOSEST_CORNER = 'closest-corner';
-      var FARTHEST_CORNER = 'farthest-corner';
-      var CIRCLE = 'circle';
-      var ELLIPSE = 'ellipse';
-      var COVER = 'cover';
-      var CONTAIN = 'contain';
+            }
+          }
+        });
+        return type === 1 /* LINEAR_GRADIENT */
+          ? {
+              angle: (angle + deg(180)) % deg(360),
+              stops: stops,
+              type: type,
+            }
+          : {
+              size: size,
+              shape: shape,
+              stops: stops,
+              position: position,
+              type: type,
+            };
+      };
+
+      var CLOSEST_SIDE = "closest-side";
+      var FARTHEST_SIDE = "farthest-side";
+      var CLOSEST_CORNER = "closest-corner";
+      var FARTHEST_CORNER = "farthest-corner";
+      var CIRCLE = "circle";
+      var ELLIPSE = "ellipse";
+      var COVER = "cover";
+      var CONTAIN = "contain";
       var radialGradient = function (context, tokens) {
-          var shape = 0 /* CIRCLE */;
-          var size = 3 /* FARTHEST_CORNER */;
-          var stops = [];
-          var position = [];
-          parseFunctionArgs(tokens).forEach(function (arg, i) {
-              var isColorStop = true;
-              if (i === 0) {
-                  var isAtPosition_1 = false;
-                  isColorStop = arg.reduce(function (acc, token) {
-                      if (isAtPosition_1) {
-                          if (isIdentToken(token)) {
-                              switch (token.value) {
-                                  case 'center':
-                                      position.push(FIFTY_PERCENT);
-                                      return acc;
-                                  case 'top':
-                                  case 'left':
-                                      position.push(ZERO_LENGTH);
-                                      return acc;
-                                  case 'right':
-                                  case 'bottom':
-                                      position.push(HUNDRED_PERCENT);
-                                      return acc;
-                              }
-                          }
-                          else if (isLengthPercentage(token) || isLength(token)) {
-                              position.push(token);
-                          }
-                      }
-                      else if (isIdentToken(token)) {
-                          switch (token.value) {
-                              case CIRCLE:
-                                  shape = 0 /* CIRCLE */;
-                                  return false;
-                              case ELLIPSE:
-                                  shape = 1 /* ELLIPSE */;
-                                  return false;
-                              case 'at':
-                                  isAtPosition_1 = true;
-                                  return false;
-                              case CLOSEST_SIDE:
-                                  size = 0 /* CLOSEST_SIDE */;
-                                  return false;
-                              case COVER:
-                              case FARTHEST_SIDE:
-                                  size = 1 /* FARTHEST_SIDE */;
-                                  return false;
-                              case CONTAIN:
-                              case CLOSEST_CORNER:
-                                  size = 2 /* CLOSEST_CORNER */;
-                                  return false;
-                              case FARTHEST_CORNER:
-                                  size = 3 /* FARTHEST_CORNER */;
-                                  return false;
-                          }
-                      }
-                      else if (isLength(token) || isLengthPercentage(token)) {
-                          if (!Array.isArray(size)) {
-                              size = [];
-                          }
-                          size.push(token);
-                          return false;
-                      }
+        var shape = 0; /* CIRCLE */
+        var size = 3; /* FARTHEST_CORNER */
+        var stops = [];
+        var position = [];
+        parseFunctionArgs(tokens).forEach(function (arg, i) {
+          var isColorStop = true;
+          if (i === 0) {
+            var isAtPosition_1 = false;
+            isColorStop = arg.reduce(function (acc, token) {
+              if (isAtPosition_1) {
+                if (isIdentToken(token)) {
+                  switch (token.value) {
+                    case "center":
+                      position.push(FIFTY_PERCENT);
                       return acc;
-                  }, isColorStop);
-              }
-              if (isColorStop) {
-                  var colorStop = parseColorStop(context, arg);
-                  stops.push(colorStop);
-              }
-          });
-          return { size: size, shape: shape, stops: stops, position: position, type: 2 /* RADIAL_GRADIENT */ };
+                    case "top":
+                    case "left":
+                      position.push(ZERO_LENGTH);
+                      return acc;
+                    case "right":
+                    case "bottom":
+                      position.push(HUNDRED_PERCENT);
+                      return acc;
+                  }
+                } else if (isLengthPercentage(token) || isLength(token)) {
+                  position.push(token);
+                }
+              } else if (isIdentToken(token)) {
+                switch (token.value) {
+                  case CIRCLE:
+                    shape = 0 /* CIRCLE */;
+                    return false;
+                  case ELLIPSE:
+                    shape = 1 /* ELLIPSE */;
+                    return false;
+                  case "at":
+                    isAtPosition_1 = true;
+                    return false;
+                  case CLOSEST_SIDE:
+                    size = 0 /* CLOSEST_SIDE */;
+                    return false;
+                  case COVER:
+                  case FARTHEST_SIDE:
+                    size = 1 /* FARTHEST_SIDE */;
+                    return false;
+                  case CONTAIN:
+                  case CLOSEST_CORNER:
+                    size = 2 /* CLOSEST_CORNER */;
+                    return false;
+                  case FARTHEST_CORNER:
+                    size = 3 /* FARTHEST_CORNER */;
+                    return false;
+                }
+              } else if (isLength(token) || isLengthPercentage(token)) {
+                if (!Array.isArray(size)) {
+                  size = [];
+                }
+                size.push(token);
+                return false;
+              }
+              return acc;
+            }, isColorStop);
+          }
+          if (isColorStop) {
+            var colorStop = parseColorStop(context, arg);
+            stops.push(colorStop);
+          }
+        });
+        return {
+          size: size,
+          shape: shape,
+          stops: stops,
+          position: position,
+          type: 2 /* RADIAL_GRADIENT */,
+        };
       };
 
       var prefixRadialGradient = function (context, tokens) {
-          var shape = 0 /* CIRCLE */;
-          var size = 3 /* FARTHEST_CORNER */;
-          var stops = [];
-          var position = [];
-          parseFunctionArgs(tokens).forEach(function (arg, i) {
-              var isColorStop = true;
-              if (i === 0) {
-                  isColorStop = arg.reduce(function (acc, token) {
-                      if (isIdentToken(token)) {
-                          switch (token.value) {
-                              case 'center':
-                                  position.push(FIFTY_PERCENT);
-                                  return false;
-                              case 'top':
-                              case 'left':
-                                  position.push(ZERO_LENGTH);
-                                  return false;
-                              case 'right':
-                              case 'bottom':
-                                  position.push(HUNDRED_PERCENT);
-                                  return false;
-                          }
-                      }
-                      else if (isLengthPercentage(token) || isLength(token)) {
-                          position.push(token);
-                          return false;
-                      }
-                      return acc;
-                  }, isColorStop);
-              }
-              else if (i === 1) {
-                  isColorStop = arg.reduce(function (acc, token) {
-                      if (isIdentToken(token)) {
-                          switch (token.value) {
-                              case CIRCLE:
-                                  shape = 0 /* CIRCLE */;
-                                  return false;
-                              case ELLIPSE:
-                                  shape = 1 /* ELLIPSE */;
-                                  return false;
-                              case CONTAIN:
-                              case CLOSEST_SIDE:
-                                  size = 0 /* CLOSEST_SIDE */;
-                                  return false;
-                              case FARTHEST_SIDE:
-                                  size = 1 /* FARTHEST_SIDE */;
-                                  return false;
-                              case CLOSEST_CORNER:
-                                  size = 2 /* CLOSEST_CORNER */;
-                                  return false;
-                              case COVER:
-                              case FARTHEST_CORNER:
-                                  size = 3 /* FARTHEST_CORNER */;
-                                  return false;
-                          }
-                      }
-                      else if (isLength(token) || isLengthPercentage(token)) {
-                          if (!Array.isArray(size)) {
-                              size = [];
-                          }
-                          size.push(token);
-                          return false;
-                      }
-                      return acc;
-                  }, isColorStop);
-              }
-              if (isColorStop) {
-                  var colorStop = parseColorStop(context, arg);
-                  stops.push(colorStop);
-              }
-          });
-          return { size: size, shape: shape, stops: stops, position: position, type: 2 /* RADIAL_GRADIENT */ };
+        var shape = 0; /* CIRCLE */
+        var size = 3; /* FARTHEST_CORNER */
+        var stops = [];
+        var position = [];
+        parseFunctionArgs(tokens).forEach(function (arg, i) {
+          var isColorStop = true;
+          if (i === 0) {
+            isColorStop = arg.reduce(function (acc, token) {
+              if (isIdentToken(token)) {
+                switch (token.value) {
+                  case "center":
+                    position.push(FIFTY_PERCENT);
+                    return false;
+                  case "top":
+                  case "left":
+                    position.push(ZERO_LENGTH);
+                    return false;
+                  case "right":
+                  case "bottom":
+                    position.push(HUNDRED_PERCENT);
+                    return false;
+                }
+              } else if (isLengthPercentage(token) || isLength(token)) {
+                position.push(token);
+                return false;
+              }
+              return acc;
+            }, isColorStop);
+          } else if (i === 1) {
+            isColorStop = arg.reduce(function (acc, token) {
+              if (isIdentToken(token)) {
+                switch (token.value) {
+                  case CIRCLE:
+                    shape = 0 /* CIRCLE */;
+                    return false;
+                  case ELLIPSE:
+                    shape = 1 /* ELLIPSE */;
+                    return false;
+                  case CONTAIN:
+                  case CLOSEST_SIDE:
+                    size = 0 /* CLOSEST_SIDE */;
+                    return false;
+                  case FARTHEST_SIDE:
+                    size = 1 /* FARTHEST_SIDE */;
+                    return false;
+                  case CLOSEST_CORNER:
+                    size = 2 /* CLOSEST_CORNER */;
+                    return false;
+                  case COVER:
+                  case FARTHEST_CORNER:
+                    size = 3 /* FARTHEST_CORNER */;
+                    return false;
+                }
+              } else if (isLength(token) || isLengthPercentage(token)) {
+                if (!Array.isArray(size)) {
+                  size = [];
+                }
+                size.push(token);
+                return false;
+              }
+              return acc;
+            }, isColorStop);
+          }
+          if (isColorStop) {
+            var colorStop = parseColorStop(context, arg);
+            stops.push(colorStop);
+          }
+        });
+        return {
+          size: size,
+          shape: shape,
+          stops: stops,
+          position: position,
+          type: 2 /* RADIAL_GRADIENT */,
+        };
       };
 
       var isLinearGradient = function (background) {
-          return background.type === 1 /* LINEAR_GRADIENT */;
+        return background.type === 1 /* LINEAR_GRADIENT */;
       };
       var isRadialGradient = function (background) {
-          return background.type === 2 /* RADIAL_GRADIENT */;
+        return background.type === 2 /* RADIAL_GRADIENT */;
       };
       var image = {
-          name: 'image',
-          parse: function (context, value) {
-              if (value.type === 22 /* URL_TOKEN */) {
-                  var image_1 = { url: value.value, type: 0 /* URL */ };
-                  context.cache.addImage(value.value);
-                  return image_1;
-              }
-              if (value.type === 18 /* FUNCTION */) {
-                  var imageFunction = SUPPORTED_IMAGE_FUNCTIONS[value.name];
-                  if (typeof imageFunction === 'undefined') {
-                      throw new Error("Attempting to parse an unsupported image function \"" + value.name + "\"");
-                  }
-                  return imageFunction(context, value.values);
-              }
-              throw new Error("Unsupported image type " + value.type);
-          }
+        name: "image",
+        parse: function (context, value) {
+          if (value.type === 22 /* URL_TOKEN */) {
+            var image_1 = { url: value.value, type: 0 /* URL */ };
+            context.cache.addImage(value.value);
+            return image_1;
+          }
+          if (value.type === 18 /* FUNCTION */) {
+            var imageFunction = SUPPORTED_IMAGE_FUNCTIONS[value.name];
+            if (typeof imageFunction === "undefined") {
+              throw new Error(
+                'Attempting to parse an unsupported image function "' +
+                  value.name +
+                  '"',
+              );
+            }
+            return imageFunction(context, value.values);
+          }
+          throw new Error("Unsupported image type " + value.type);
+        },
       };
       function isSupportedImage(value) {
-          return (!(value.type === 20 /* IDENT_TOKEN */ && value.value === 'none') &&
-              (value.type !== 18 /* FUNCTION */ || !!SUPPORTED_IMAGE_FUNCTIONS[value.name]));
+        return (
+          !(value.type === 20 /* IDENT_TOKEN */ && value.value === "none") &&
+          (value.type !== 18 /* FUNCTION */ ||
+            !!SUPPORTED_IMAGE_FUNCTIONS[value.name])
+        );
       }
       var SUPPORTED_IMAGE_FUNCTIONS = {
-          'linear-gradient': linearGradient,
-          '-moz-linear-gradient': prefixLinearGradient,
-          '-ms-linear-gradient': prefixLinearGradient,
-          '-o-linear-gradient': prefixLinearGradient,
-          '-webkit-linear-gradient': prefixLinearGradient,
-          'radial-gradient': radialGradient,
-          '-moz-radial-gradient': prefixRadialGradient,
-          '-ms-radial-gradient': prefixRadialGradient,
-          '-o-radial-gradient': prefixRadialGradient,
-          '-webkit-radial-gradient': prefixRadialGradient,
-          '-webkit-gradient': webkitGradient
+        "linear-gradient": linearGradient,
+        "-moz-linear-gradient": prefixLinearGradient,
+        "-ms-linear-gradient": prefixLinearGradient,
+        "-o-linear-gradient": prefixLinearGradient,
+        "-webkit-linear-gradient": prefixLinearGradient,
+        "radial-gradient": radialGradient,
+        "-moz-radial-gradient": prefixRadialGradient,
+        "-ms-radial-gradient": prefixRadialGradient,
+        "-o-radial-gradient": prefixRadialGradient,
+        "-webkit-radial-gradient": prefixRadialGradient,
+        "-webkit-gradient": webkitGradient,
       };
 
       var backgroundImage = {
-          name: 'background-image',
-          initialValue: 'none',
-          type: 1 /* LIST */,
-          prefix: false,
-          parse: function (context, tokens) {
-              if (tokens.length === 0) {
-                  return [];
-              }
-              var first = tokens[0];
-              if (first.type === 20 /* IDENT_TOKEN */ && first.value === 'none') {
-                  return [];
-              }
-              return tokens
-                  .filter(function (value) { return nonFunctionArgSeparator(value) && isSupportedImage(value); })
-                  .map(function (value) { return image.parse(context, value); });
-          }
+        name: "background-image",
+        initialValue: "none",
+        type: 1 /* LIST */,
+        prefix: false,
+        parse: function (context, tokens) {
+          if (tokens.length === 0) {
+            return [];
+          }
+          var first = tokens[0];
+          if (first.type === 20 /* IDENT_TOKEN */ && first.value === "none") {
+            return [];
+          }
+          return tokens
+            .filter(function (value) {
+              return nonFunctionArgSeparator(value) && isSupportedImage(value);
+            })
+            .map(function (value) {
+              return image.parse(context, value);
+            });
+        },
       };
 
       var backgroundOrigin = {
-          name: 'background-origin',
-          initialValue: 'border-box',
-          prefix: false,
-          type: 1 /* LIST */,
-          parse: function (_context, tokens) {
-              return tokens.map(function (token) {
-                  if (isIdentToken(token)) {
-                      switch (token.value) {
-                          case 'padding-box':
-                              return 1 /* PADDING_BOX */;
-                          case 'content-box':
-                              return 2 /* CONTENT_BOX */;
-                      }
-                  }
-                  return 0 /* BORDER_BOX */;
-              });
-          }
+        name: "background-origin",
+        initialValue: "border-box",
+        prefix: false,
+        type: 1 /* LIST */,
+        parse: function (_context, tokens) {
+          return tokens.map(function (token) {
+            if (isIdentToken(token)) {
+              switch (token.value) {
+                case "padding-box":
+                  return 1 /* PADDING_BOX */;
+                case "content-box":
+                  return 2 /* CONTENT_BOX */;
+              }
+            }
+            return 0 /* BORDER_BOX */;
+          });
+        },
       };
 
       var backgroundPosition = {
-          name: 'background-position',
-          initialValue: '0% 0%',
-          type: 1 /* LIST */,
-          prefix: false,
-          parse: function (_context, tokens) {
-              return parseFunctionArgs(tokens)
-                  .map(function (values) { return values.filter(isLengthPercentage); })
-                  .map(parseLengthPercentageTuple);
-          }
+        name: "background-position",
+        initialValue: "0% 0%",
+        type: 1 /* LIST */,
+        prefix: false,
+        parse: function (_context, tokens) {
+          return parseFunctionArgs(tokens)
+            .map(function (values) {
+              return values.filter(isLengthPercentage);
+            })
+            .map(parseLengthPercentageTuple);
+        },
       };
 
       var backgroundRepeat = {
-          name: 'background-repeat',
-          initialValue: 'repeat',
-          prefix: false,
-          type: 1 /* LIST */,
-          parse: function (_context, tokens) {
-              return parseFunctionArgs(tokens)
-                  .map(function (values) {
-                  return values
-                      .filter(isIdentToken)
-                      .map(function (token) { return token.value; })
-                      .join(' ');
-              })
-                  .map(parseBackgroundRepeat);
-          }
+        name: "background-repeat",
+        initialValue: "repeat",
+        prefix: false,
+        type: 1 /* LIST */,
+        parse: function (_context, tokens) {
+          return parseFunctionArgs(tokens)
+            .map(function (values) {
+              return values
+                .filter(isIdentToken)
+                .map(function (token) {
+                  return token.value;
+                })
+                .join(" ");
+            })
+            .map(parseBackgroundRepeat);
+        },
       };
       var parseBackgroundRepeat = function (value) {
-          switch (value) {
-              case 'no-repeat':
-                  return 1 /* NO_REPEAT */;
-              case 'repeat-x':
-              case 'repeat no-repeat':
-                  return 2 /* REPEAT_X */;
-              case 'repeat-y':
-              case 'no-repeat repeat':
-                  return 3 /* REPEAT_Y */;
-              case 'repeat':
-              default:
-                  return 0 /* REPEAT */;
-          }
+        switch (value) {
+          case "no-repeat":
+            return 1 /* NO_REPEAT */;
+          case "repeat-x":
+          case "repeat no-repeat":
+            return 2 /* REPEAT_X */;
+          case "repeat-y":
+          case "no-repeat repeat":
+            return 3 /* REPEAT_Y */;
+          case "repeat":
+          default:
+            return 0 /* REPEAT */;
+        }
       };
 
       var BACKGROUND_SIZE;
       (function (BACKGROUND_SIZE) {
-          BACKGROUND_SIZE["AUTO"] = "auto";
-          BACKGROUND_SIZE["CONTAIN"] = "contain";
-          BACKGROUND_SIZE["COVER"] = "cover";
+        BACKGROUND_SIZE["AUTO"] = "auto";
+        BACKGROUND_SIZE["CONTAIN"] = "contain";
+        BACKGROUND_SIZE["COVER"] = "cover";
       })(BACKGROUND_SIZE || (BACKGROUND_SIZE = {}));
       var backgroundSize = {
-          name: 'background-size',
-          initialValue: '0',
-          prefix: false,
-          type: 1 /* LIST */,
-          parse: function (_context, tokens) {
-              return parseFunctionArgs(tokens).map(function (values) { return values.filter(isBackgroundSizeInfoToken); });
-          }
+        name: "background-size",
+        initialValue: "0",
+        prefix: false,
+        type: 1 /* LIST */,
+        parse: function (_context, tokens) {
+          return parseFunctionArgs(tokens).map(function (values) {
+            return values.filter(isBackgroundSizeInfoToken);
+          });
+        },
       };
       var isBackgroundSizeInfoToken = function (value) {
-          return isIdentToken(value) || isLengthPercentage(value);
+        return isIdentToken(value) || isLengthPercentage(value);
       };
 
-      var borderColorForSide = function (side) { return ({
+      var borderColorForSide = function (side) {
+        return {
           name: "border-" + side + "-color",
-          initialValue: 'transparent',
+          initialValue: "transparent",
           prefix: false,
           type: 3 /* TYPE_VALUE */,
-          format: 'color'
-      }); };
-      var borderTopColor = borderColorForSide('top');
-      var borderRightColor = borderColorForSide('right');
-      var borderBottomColor = borderColorForSide('bottom');
-      var borderLeftColor = borderColorForSide('left');
-
-      var borderRadiusForSide = function (side) { return ({
+          format: "color",
+        };
+      };
+      var borderTopColor = borderColorForSide("top");
+      var borderRightColor = borderColorForSide("right");
+      var borderBottomColor = borderColorForSide("bottom");
+      var borderLeftColor = borderColorForSide("left");
+
+      var borderRadiusForSide = function (side) {
+        return {
           name: "border-radius-" + side,
-          initialValue: '0 0',
+          initialValue: "0 0",
           prefix: false,
           type: 1 /* LIST */,
           parse: function (_context, tokens) {
-              return parseLengthPercentageTuple(tokens.filter(isLengthPercentage));
-          }
-      }); };
-      var borderTopLeftRadius = borderRadiusForSide('top-left');
-      var borderTopRightRadius = borderRadiusForSide('top-right');
-      var borderBottomRightRadius = borderRadiusForSide('bottom-right');
-      var borderBottomLeftRadius = borderRadiusForSide('bottom-left');
+            return parseLengthPercentageTuple(
+              tokens.filter(isLengthPercentage),
+            );
+          },
+        };
+      };
+      var borderTopLeftRadius = borderRadiusForSide("top-left");
+      var borderTopRightRadius = borderRadiusForSide("top-right");
+      var borderBottomRightRadius = borderRadiusForSide("bottom-right");
+      var borderBottomLeftRadius = borderRadiusForSide("bottom-left");
 
-      var borderStyleForSide = function (side) { return ({
+      var borderStyleForSide = function (side) {
+        return {
           name: "border-" + side + "-style",
-          initialValue: 'solid',
+          initialValue: "solid",
           prefix: false,
           type: 2 /* IDENT_VALUE */,
           parse: function (_context, style) {
-              switch (style) {
-                  case 'none':
-                      return 0 /* NONE */;
-                  case 'dashed':
-                      return 2 /* DASHED */;
-                  case 'dotted':
-                      return 3 /* DOTTED */;
-                  case 'double':
-                      return 4 /* DOUBLE */;
-              }
-              return 1 /* SOLID */;
-          }
-      }); };
-      var borderTopStyle = borderStyleForSide('top');
-      var borderRightStyle = borderStyleForSide('right');
-      var borderBottomStyle = borderStyleForSide('bottom');
-      var borderLeftStyle = borderStyleForSide('left');
+            switch (style) {
+              case "none":
+                return 0 /* NONE */;
+              case "dashed":
+                return 2 /* DASHED */;
+              case "dotted":
+                return 3 /* DOTTED */;
+              case "double":
+                return 4 /* DOUBLE */;
+            }
+            return 1 /* SOLID */;
+          },
+        };
+      };
+      var borderTopStyle = borderStyleForSide("top");
+      var borderRightStyle = borderStyleForSide("right");
+      var borderBottomStyle = borderStyleForSide("bottom");
+      var borderLeftStyle = borderStyleForSide("left");
 
-      var borderWidthForSide = function (side) { return ({
+      var borderWidthForSide = function (side) {
+        return {
           name: "border-" + side + "-width",
-          initialValue: '0',
+          initialValue: "0",
           type: 0 /* VALUE */,
           prefix: false,
           parse: function (_context, token) {
-              if (isDimensionToken(token)) {
-                  return token.number;
-              }
-              return 0;
-          }
-      }); };
-      var borderTopWidth = borderWidthForSide('top');
-      var borderRightWidth = borderWidthForSide('right');
-      var borderBottomWidth = borderWidthForSide('bottom');
-      var borderLeftWidth = borderWidthForSide('left');
+            if (isDimensionToken(token)) {
+              return token.number;
+            }
+            return 0;
+          },
+        };
+      };
+      var borderTopWidth = borderWidthForSide("top");
+      var borderRightWidth = borderWidthForSide("right");
+      var borderBottomWidth = borderWidthForSide("bottom");
+      var borderLeftWidth = borderWidthForSide("left");
 
       var color = {
-          name: "color",
-          initialValue: 'transparent',
-          prefix: false,
-          type: 3 /* TYPE_VALUE */,
-          format: 'color'
+        name: "color",
+        initialValue: "transparent",
+        prefix: false,
+        type: 3 /* TYPE_VALUE */,
+        format: "color",
       };
 
       var direction = {
-          name: 'direction',
-          initialValue: 'ltr',
-          prefix: false,
-          type: 2 /* IDENT_VALUE */,
-          parse: function (_context, direction) {
-              switch (direction) {
-                  case 'rtl':
-                      return 1 /* RTL */;
-                  case 'ltr':
-                  default:
-                      return 0 /* LTR */;
-              }
+        name: "direction",
+        initialValue: "ltr",
+        prefix: false,
+        type: 2 /* IDENT_VALUE */,
+        parse: function (_context, direction) {
+          switch (direction) {
+            case "rtl":
+              return 1 /* RTL */;
+            case "ltr":
+            default:
+              return 0 /* LTR */;
           }
+        },
       };
 
       var display = {
-          name: 'display',
-          initialValue: 'inline-block',
-          prefix: false,
-          type: 1 /* LIST */,
-          parse: function (_context, tokens) {
-              return tokens.filter(isIdentToken).reduce(function (bit, token) {
-                  return bit | parseDisplayValue(token.value);
-              }, 0 /* NONE */);
-          }
+        name: "display",
+        initialValue: "inline-block",
+        prefix: false,
+        type: 1 /* LIST */,
+        parse: function (_context, tokens) {
+          return tokens.filter(isIdentToken).reduce(function (bit, token) {
+            return bit | parseDisplayValue(token.value);
+          }, 0 /* NONE */);
+        },
       };
       var parseDisplayValue = function (display) {
-          switch (display) {
-              case 'block':
-              case '-webkit-box':
-                  return 2 /* BLOCK */;
-              case 'inline':
-                  return 4 /* INLINE */;
-              case 'run-in':
-                  return 8 /* RUN_IN */;
-              case 'flow':
-                  return 16 /* FLOW */;
-              case 'flow-root':
-                  return 32 /* FLOW_ROOT */;
-              case 'table':
-                  return 64 /* TABLE */;
-              case 'flex':
-              case '-webkit-flex':
-                  return 128 /* FLEX */;
-              case 'grid':
-              case '-ms-grid':
-                  return 256 /* GRID */;
-              case 'ruby':
-                  return 512 /* RUBY */;
-              case 'subgrid':
-                  return 1024 /* SUBGRID */;
-              case 'list-item':
-                  return 2048 /* LIST_ITEM */;
-              case 'table-row-group':
-                  return 4096 /* TABLE_ROW_GROUP */;
-              case 'table-header-group':
-                  return 8192 /* TABLE_HEADER_GROUP */;
-              case 'table-footer-group':
-                  return 16384 /* TABLE_FOOTER_GROUP */;
-              case 'table-row':
-                  return 32768 /* TABLE_ROW */;
-              case 'table-cell':
-                  return 65536 /* TABLE_CELL */;
-              case 'table-column-group':
-                  return 131072 /* TABLE_COLUMN_GROUP */;
-              case 'table-column':
-                  return 262144 /* TABLE_COLUMN */;
-              case 'table-caption':
-                  return 524288 /* TABLE_CAPTION */;
-              case 'ruby-base':
-                  return 1048576 /* RUBY_BASE */;
-              case 'ruby-text':
-                  return 2097152 /* RUBY_TEXT */;
-              case 'ruby-base-container':
-                  return 4194304 /* RUBY_BASE_CONTAINER */;
-              case 'ruby-text-container':
-                  return 8388608 /* RUBY_TEXT_CONTAINER */;
-              case 'contents':
-                  return 16777216 /* CONTENTS */;
-              case 'inline-block':
-                  return 33554432 /* INLINE_BLOCK */;
-              case 'inline-list-item':
-                  return 67108864 /* INLINE_LIST_ITEM */;
-              case 'inline-table':
-                  return 134217728 /* INLINE_TABLE */;
-              case 'inline-flex':
-                  return 268435456 /* INLINE_FLEX */;
-              case 'inline-grid':
-                  return 536870912 /* INLINE_GRID */;
-          }
-          return 0 /* NONE */;
+        switch (display) {
+          case "block":
+          case "-webkit-box":
+            return 2 /* BLOCK */;
+          case "inline":
+            return 4 /* INLINE */;
+          case "run-in":
+            return 8 /* RUN_IN */;
+          case "flow":
+            return 16 /* FLOW */;
+          case "flow-root":
+            return 32 /* FLOW_ROOT */;
+          case "table":
+            return 64 /* TABLE */;
+          case "flex":
+          case "-webkit-flex":
+            return 128 /* FLEX */;
+          case "grid":
+          case "-ms-grid":
+            return 256 /* GRID */;
+          case "ruby":
+            return 512 /* RUBY */;
+          case "subgrid":
+            return 1024 /* SUBGRID */;
+          case "list-item":
+            return 2048 /* LIST_ITEM */;
+          case "table-row-group":
+            return 4096 /* TABLE_ROW_GROUP */;
+          case "table-header-group":
+            return 8192 /* TABLE_HEADER_GROUP */;
+          case "table-footer-group":
+            return 16384 /* TABLE_FOOTER_GROUP */;
+          case "table-row":
+            return 32768 /* TABLE_ROW */;
+          case "table-cell":
+            return 65536 /* TABLE_CELL */;
+          case "table-column-group":
+            return 131072 /* TABLE_COLUMN_GROUP */;
+          case "table-column":
+            return 262144 /* TABLE_COLUMN */;
+          case "table-caption":
+            return 524288 /* TABLE_CAPTION */;
+          case "ruby-base":
+            return 1048576 /* RUBY_BASE */;
+          case "ruby-text":
+            return 2097152 /* RUBY_TEXT */;
+          case "ruby-base-container":
+            return 4194304 /* RUBY_BASE_CONTAINER */;
+          case "ruby-text-container":
+            return 8388608 /* RUBY_TEXT_CONTAINER */;
+          case "contents":
+            return 16777216 /* CONTENTS */;
+          case "inline-block":
+            return 33554432 /* INLINE_BLOCK */;
+          case "inline-list-item":
+            return 67108864 /* INLINE_LIST_ITEM */;
+          case "inline-table":
+            return 134217728 /* INLINE_TABLE */;
+          case "inline-flex":
+            return 268435456 /* INLINE_FLEX */;
+          case "inline-grid":
+            return 536870912 /* INLINE_GRID */;
+        }
+        return 0 /* NONE */;
       };
 
       var float = {
-          name: 'float',
-          initialValue: 'none',
-          prefix: false,
-          type: 2 /* IDENT_VALUE */,
-          parse: function (_context, float) {
-              switch (float) {
-                  case 'left':
-                      return 1 /* LEFT */;
-                  case 'right':
-                      return 2 /* RIGHT */;
-                  case 'inline-start':
-                      return 3 /* INLINE_START */;
-                  case 'inline-end':
-                      return 4 /* INLINE_END */;
-              }
-              return 0 /* NONE */;
+        name: "float",
+        initialValue: "none",
+        prefix: false,
+        type: 2 /* IDENT_VALUE */,
+        parse: function (_context, float) {
+          switch (float) {
+            case "left":
+              return 1 /* LEFT */;
+            case "right":
+              return 2 /* RIGHT */;
+            case "inline-start":
+              return 3 /* INLINE_START */;
+            case "inline-end":
+              return 4 /* INLINE_END */;
           }
+          return 0 /* NONE */;
+        },
       };
 
       var letterSpacing = {
-          name: 'letter-spacing',
-          initialValue: '0',
-          prefix: false,
-          type: 0 /* VALUE */,
-          parse: function (_context, token) {
-              if (token.type === 20 /* IDENT_TOKEN */ && token.value === 'normal') {
-                  return 0;
-              }
-              if (token.type === 17 /* NUMBER_TOKEN */) {
-                  return token.number;
-              }
-              if (token.type === 15 /* DIMENSION_TOKEN */) {
-                  return token.number;
-              }
-              return 0;
+        name: "letter-spacing",
+        initialValue: "0",
+        prefix: false,
+        type: 0 /* VALUE */,
+        parse: function (_context, token) {
+          if (token.type === 20 /* IDENT_TOKEN */ && token.value === "normal") {
+            return 0;
+          }
+          if (token.type === 17 /* NUMBER_TOKEN */) {
+            return token.number;
+          }
+          if (token.type === 15 /* DIMENSION_TOKEN */) {
+            return token.number;
           }
+          return 0;
+        },
       };
 
       var LINE_BREAK;
       (function (LINE_BREAK) {
-          LINE_BREAK["NORMAL"] = "normal";
-          LINE_BREAK["STRICT"] = "strict";
+        LINE_BREAK["NORMAL"] = "normal";
+        LINE_BREAK["STRICT"] = "strict";
       })(LINE_BREAK || (LINE_BREAK = {}));
       var lineBreak = {
-          name: 'line-break',
-          initialValue: 'normal',
-          prefix: false,
-          type: 2 /* IDENT_VALUE */,
-          parse: function (_context, lineBreak) {
-              switch (lineBreak) {
-                  case 'strict':
-                      return LINE_BREAK.STRICT;
-                  case 'normal':
-                  default:
-                      return LINE_BREAK.NORMAL;
-              }
+        name: "line-break",
+        initialValue: "normal",
+        prefix: false,
+        type: 2 /* IDENT_VALUE */,
+        parse: function (_context, lineBreak) {
+          switch (lineBreak) {
+            case "strict":
+              return LINE_BREAK.STRICT;
+            case "normal":
+            default:
+              return LINE_BREAK.NORMAL;
           }
+        },
       };
 
       var lineHeight = {
-          name: 'line-height',
-          initialValue: 'normal',
-          prefix: false,
-          type: 4 /* TOKEN_VALUE */
+        name: "line-height",
+        initialValue: "normal",
+        prefix: false,
+        type: 4 /* TOKEN_VALUE */,
       };
       var computeLineHeight = function (token, fontSize) {
-          if (isIdentToken(token) && token.value === 'normal') {
-              return 1.2 * fontSize;
-          }
-          else if (token.type === 17 /* NUMBER_TOKEN */) {
-              return fontSize * token.number;
-          }
-          else if (isLengthPercentage(token)) {
-              return getAbsoluteValue(token, fontSize);
-          }
-          return fontSize;
+        if (isIdentToken(token) && token.value === "normal") {
+          return 1.2 * fontSize;
+        } else if (token.type === 17 /* NUMBER_TOKEN */) {
+          return fontSize * token.number;
+        } else if (isLengthPercentage(token)) {
+          return getAbsoluteValue(token, fontSize);
+        }
+        return fontSize;
       };
 
       var listStyleImage = {
-          name: 'list-style-image',
-          initialValue: 'none',
-          type: 0 /* VALUE */,
-          prefix: false,
-          parse: function (context, token) {
-              if (token.type === 20 /* IDENT_TOKEN */ && token.value === 'none') {
-                  return null;
-              }
-              return image.parse(context, token);
+        name: "list-style-image",
+        initialValue: "none",
+        type: 0 /* VALUE */,
+        prefix: false,
+        parse: function (context, token) {
+          if (token.type === 20 /* IDENT_TOKEN */ && token.value === "none") {
+            return null;
           }
+          return image.parse(context, token);
+        },
       };
 
       var listStylePosition = {
-          name: 'list-style-position',
-          initialValue: 'outside',
-          prefix: false,
-          type: 2 /* IDENT_VALUE */,
-          parse: function (_context, position) {
-              switch (position) {
-                  case 'inside':
-                      return 0 /* INSIDE */;
-                  case 'outside':
-                  default:
-                      return 1 /* OUTSIDE */;
-              }
+        name: "list-style-position",
+        initialValue: "outside",
+        prefix: false,
+        type: 2 /* IDENT_VALUE */,
+        parse: function (_context, position) {
+          switch (position) {
+            case "inside":
+              return 0 /* INSIDE */;
+            case "outside":
+            default:
+              return 1 /* OUTSIDE */;
           }
+        },
       };
 
       var listStyleType = {
-          name: 'list-style-type',
-          initialValue: 'none',
-          prefix: false,
-          type: 2 /* IDENT_VALUE */,
-          parse: function (_context, type) {
-              switch (type) {
-                  case 'disc':
-                      return 0 /* DISC */;
-                  case 'circle':
-                      return 1 /* CIRCLE */;
-                  case 'square':
-                      return 2 /* SQUARE */;
-                  case 'decimal':
-                      return 3 /* DECIMAL */;
-                  case 'cjk-decimal':
-                      return 4 /* CJK_DECIMAL */;
-                  case 'decimal-leading-zero':
-                      return 5 /* DECIMAL_LEADING_ZERO */;
-                  case 'lower-roman':
-                      return 6 /* LOWER_ROMAN */;
-                  case 'upper-roman':
-                      return 7 /* UPPER_ROMAN */;
-                  case 'lower-greek':
-                      return 8 /* LOWER_GREEK */;
-                  case 'lower-alpha':
-                      return 9 /* LOWER_ALPHA */;
-                  case 'upper-alpha':
-                      return 10 /* UPPER_ALPHA */;
-                  case 'arabic-indic':
-                      return 11 /* ARABIC_INDIC */;
-                  case 'armenian':
-                      return 12 /* ARMENIAN */;
-                  case 'bengali':
-                      return 13 /* BENGALI */;
-                  case 'cambodian':
-                      return 14 /* CAMBODIAN */;
-                  case 'cjk-earthly-branch':
-                      return 15 /* CJK_EARTHLY_BRANCH */;
-                  case 'cjk-heavenly-stem':
-                      return 16 /* CJK_HEAVENLY_STEM */;
-                  case 'cjk-ideographic':
-                      return 17 /* CJK_IDEOGRAPHIC */;
-                  case 'devanagari':
-                      return 18 /* DEVANAGARI */;
-                  case 'ethiopic-numeric':
-                      return 19 /* ETHIOPIC_NUMERIC */;
-                  case 'georgian':
-                      return 20 /* GEORGIAN */;
-                  case 'gujarati':
-                      return 21 /* GUJARATI */;
-                  case 'gurmukhi':
-                      return 22 /* GURMUKHI */;
-                  case 'hebrew':
-                      return 22 /* HEBREW */;
-                  case 'hiragana':
-                      return 23 /* HIRAGANA */;
-                  case 'hiragana-iroha':
-                      return 24 /* HIRAGANA_IROHA */;
-                  case 'japanese-formal':
-                      return 25 /* JAPANESE_FORMAL */;
-                  case 'japanese-informal':
-                      return 26 /* JAPANESE_INFORMAL */;
-                  case 'kannada':
-                      return 27 /* KANNADA */;
-                  case 'katakana':
-                      return 28 /* KATAKANA */;
-                  case 'katakana-iroha':
-                      return 29 /* KATAKANA_IROHA */;
-                  case 'khmer':
-                      return 30 /* KHMER */;
-                  case 'korean-hangul-formal':
-                      return 31 /* KOREAN_HANGUL_FORMAL */;
-                  case 'korean-hanja-formal':
-                      return 32 /* KOREAN_HANJA_FORMAL */;
-                  case 'korean-hanja-informal':
-                      return 33 /* KOREAN_HANJA_INFORMAL */;
-                  case 'lao':
-                      return 34 /* LAO */;
-                  case 'lower-armenian':
-                      return 35 /* LOWER_ARMENIAN */;
-                  case 'malayalam':
-                      return 36 /* MALAYALAM */;
-                  case 'mongolian':
-                      return 37 /* MONGOLIAN */;
-                  case 'myanmar':
-                      return 38 /* MYANMAR */;
-                  case 'oriya':
-                      return 39 /* ORIYA */;
-                  case 'persian':
-                      return 40 /* PERSIAN */;
-                  case 'simp-chinese-formal':
-                      return 41 /* SIMP_CHINESE_FORMAL */;
-                  case 'simp-chinese-informal':
-                      return 42 /* SIMP_CHINESE_INFORMAL */;
-                  case 'tamil':
-                      return 43 /* TAMIL */;
-                  case 'telugu':
-                      return 44 /* TELUGU */;
-                  case 'thai':
-                      return 45 /* THAI */;
-                  case 'tibetan':
-                      return 46 /* TIBETAN */;
-                  case 'trad-chinese-formal':
-                      return 47 /* TRAD_CHINESE_FORMAL */;
-                  case 'trad-chinese-informal':
-                      return 48 /* TRAD_CHINESE_INFORMAL */;
-                  case 'upper-armenian':
-                      return 49 /* UPPER_ARMENIAN */;
-                  case 'disclosure-open':
-                      return 50 /* DISCLOSURE_OPEN */;
-                  case 'disclosure-closed':
-                      return 51 /* DISCLOSURE_CLOSED */;
-                  case 'none':
-                  default:
-                      return -1 /* NONE */;
-              }
-          }
-      };
-
-      var marginForSide = function (side) { return ({
+        name: "list-style-type",
+        initialValue: "none",
+        prefix: false,
+        type: 2 /* IDENT_VALUE */,
+        parse: function (_context, type) {
+          switch (type) {
+            case "disc":
+              return 0 /* DISC */;
+            case "circle":
+              return 1 /* CIRCLE */;
+            case "square":
+              return 2 /* SQUARE */;
+            case "decimal":
+              return 3 /* DECIMAL */;
+            case "cjk-decimal":
+              return 4 /* CJK_DECIMAL */;
+            case "decimal-leading-zero":
+              return 5 /* DECIMAL_LEADING_ZERO */;
+            case "lower-roman":
+              return 6 /* LOWER_ROMAN */;
+            case "upper-roman":
+              return 7 /* UPPER_ROMAN */;
+            case "lower-greek":
+              return 8 /* LOWER_GREEK */;
+            case "lower-alpha":
+              return 9 /* LOWER_ALPHA */;
+            case "upper-alpha":
+              return 10 /* UPPER_ALPHA */;
+            case "arabic-indic":
+              return 11 /* ARABIC_INDIC */;
+            case "armenian":
+              return 12 /* ARMENIAN */;
+            case "bengali":
+              return 13 /* BENGALI */;
+            case "cambodian":
+              return 14 /* CAMBODIAN */;
+            case "cjk-earthly-branch":
+              return 15 /* CJK_EARTHLY_BRANCH */;
+            case "cjk-heavenly-stem":
+              return 16 /* CJK_HEAVENLY_STEM */;
+            case "cjk-ideographic":
+              return 17 /* CJK_IDEOGRAPHIC */;
+            case "devanagari":
+              return 18 /* DEVANAGARI */;
+            case "ethiopic-numeric":
+              return 19 /* ETHIOPIC_NUMERIC */;
+            case "georgian":
+              return 20 /* GEORGIAN */;
+            case "gujarati":
+              return 21 /* GUJARATI */;
+            case "gurmukhi":
+              return 22 /* GURMUKHI */;
+            case "hebrew":
+              return 22 /* HEBREW */;
+            case "hiragana":
+              return 23 /* HIRAGANA */;
+            case "hiragana-iroha":
+              return 24 /* HIRAGANA_IROHA */;
+            case "japanese-formal":
+              return 25 /* JAPANESE_FORMAL */;
+            case "japanese-informal":
+              return 26 /* JAPANESE_INFORMAL */;
+            case "kannada":
+              return 27 /* KANNADA */;
+            case "katakana":
+              return 28 /* KATAKANA */;
+            case "katakana-iroha":
+              return 29 /* KATAKANA_IROHA */;
+            case "khmer":
+              return 30 /* KHMER */;
+            case "korean-hangul-formal":
+              return 31 /* KOREAN_HANGUL_FORMAL */;
+            case "korean-hanja-formal":
+              return 32 /* KOREAN_HANJA_FORMAL */;
+            case "korean-hanja-informal":
+              return 33 /* KOREAN_HANJA_INFORMAL */;
+            case "lao":
+              return 34 /* LAO */;
+            case "lower-armenian":
+              return 35 /* LOWER_ARMENIAN */;
+            case "malayalam":
+              return 36 /* MALAYALAM */;
+            case "mongolian":
+              return 37 /* MONGOLIAN */;
+            case "myanmar":
+              return 38 /* MYANMAR */;
+            case "oriya":
+              return 39 /* ORIYA */;
+            case "persian":
+              return 40 /* PERSIAN */;
+            case "simp-chinese-formal":
+              return 41 /* SIMP_CHINESE_FORMAL */;
+            case "simp-chinese-informal":
+              return 42 /* SIMP_CHINESE_INFORMAL */;
+            case "tamil":
+              return 43 /* TAMIL */;
+            case "telugu":
+              return 44 /* TELUGU */;
+            case "thai":
+              return 45 /* THAI */;
+            case "tibetan":
+              return 46 /* TIBETAN */;
+            case "trad-chinese-formal":
+              return 47 /* TRAD_CHINESE_FORMAL */;
+            case "trad-chinese-informal":
+              return 48 /* TRAD_CHINESE_INFORMAL */;
+            case "upper-armenian":
+              return 49 /* UPPER_ARMENIAN */;
+            case "disclosure-open":
+              return 50 /* DISCLOSURE_OPEN */;
+            case "disclosure-closed":
+              return 51 /* DISCLOSURE_CLOSED */;
+            case "none":
+            default:
+              return -1 /* NONE */;
+          }
+        },
+      };
+
+      var marginForSide = function (side) {
+        return {
           name: "margin-" + side,
-          initialValue: '0',
+          initialValue: "0",
           prefix: false,
-          type: 4 /* TOKEN_VALUE */
-      }); };
-      var marginTop = marginForSide('top');
-      var marginRight = marginForSide('right');
-      var marginBottom = marginForSide('bottom');
-      var marginLeft = marginForSide('left');
+          type: 4 /* TOKEN_VALUE */,
+        };
+      };
+      var marginTop = marginForSide("top");
+      var marginRight = marginForSide("right");
+      var marginBottom = marginForSide("bottom");
+      var marginLeft = marginForSide("left");
 
       var overflow = {
-          name: 'overflow',
-          initialValue: 'visible',
-          prefix: false,
-          type: 1 /* LIST */,
-          parse: function (_context, tokens) {
-              return tokens.filter(isIdentToken).map(function (overflow) {
-                  switch (overflow.value) {
-                      case 'hidden':
-                          return 1 /* HIDDEN */;
-                      case 'scroll':
-                          return 2 /* SCROLL */;
-                      case 'clip':
-                          return 3 /* CLIP */;
-                      case 'auto':
-                          return 4 /* AUTO */;
-                      case 'visible':
-                      default:
-                          return 0 /* VISIBLE */;
-                  }
-              });
-          }
+        name: "overflow",
+        initialValue: "visible",
+        prefix: false,
+        type: 1 /* LIST */,
+        parse: function (_context, tokens) {
+          return tokens.filter(isIdentToken).map(function (overflow) {
+            switch (overflow.value) {
+              case "hidden":
+                return 1 /* HIDDEN */;
+              case "scroll":
+                return 2 /* SCROLL */;
+              case "clip":
+                return 3 /* CLIP */;
+              case "auto":
+                return 4 /* AUTO */;
+              case "visible":
+              default:
+                return 0 /* VISIBLE */;
+            }
+          });
+        },
       };
 
       var overflowWrap = {
-          name: 'overflow-wrap',
-          initialValue: 'normal',
-          prefix: false,
-          type: 2 /* IDENT_VALUE */,
-          parse: function (_context, overflow) {
-              switch (overflow) {
-                  case 'break-word':
-                      return "break-word" /* BREAK_WORD */;
-                  case 'normal':
-                  default:
-                      return "normal" /* NORMAL */;
-              }
-          }
-      };
-
-      var paddingForSide = function (side) { return ({
+        name: "overflow-wrap",
+        initialValue: "normal",
+        prefix: false,
+        type: 2 /* IDENT_VALUE */,
+        parse: function (_context, overflow) {
+          switch (overflow) {
+            case "break-word":
+              return "break-word" /* BREAK_WORD */;
+            case "normal":
+            default:
+              return "normal" /* NORMAL */;
+          }
+        },
+      };
+
+      var paddingForSide = function (side) {
+        return {
           name: "padding-" + side,
-          initialValue: '0',
+          initialValue: "0",
           prefix: false,
           type: 3 /* TYPE_VALUE */,
-          format: 'length-percentage'
-      }); };
-      var paddingTop = paddingForSide('top');
-      var paddingRight = paddingForSide('right');
-      var paddingBottom = paddingForSide('bottom');
-      var paddingLeft = paddingForSide('left');
+          format: "length-percentage",
+        };
+      };
+      var paddingTop = paddingForSide("top");
+      var paddingRight = paddingForSide("right");
+      var paddingBottom = paddingForSide("bottom");
+      var paddingLeft = paddingForSide("left");
 
       var textAlign = {
-          name: 'text-align',
-          initialValue: 'left',
-          prefix: false,
-          type: 2 /* IDENT_VALUE */,
-          parse: function (_context, textAlign) {
-              switch (textAlign) {
-                  case 'right':
-                      return 2 /* RIGHT */;
-                  case 'center':
-                  case 'justify':
-                      return 1 /* CENTER */;
-                  case 'left':
-                  default:
-                      return 0 /* LEFT */;
-              }
+        name: "text-align",
+        initialValue: "left",
+        prefix: false,
+        type: 2 /* IDENT_VALUE */,
+        parse: function (_context, textAlign) {
+          switch (textAlign) {
+            case "right":
+              return 2 /* RIGHT */;
+            case "center":
+            case "justify":
+              return 1 /* CENTER */;
+            case "left":
+            default:
+              return 0 /* LEFT */;
           }
+        },
       };
 
       var position = {
-          name: 'position',
-          initialValue: 'static',
-          prefix: false,
-          type: 2 /* IDENT_VALUE */,
-          parse: function (_context, position) {
-              switch (position) {
-                  case 'relative':
-                      return 1 /* RELATIVE */;
-                  case 'absolute':
-                      return 2 /* ABSOLUTE */;
-                  case 'fixed':
-                      return 3 /* FIXED */;
-                  case 'sticky':
-                      return 4 /* STICKY */;
-              }
-              return 0 /* STATIC */;
+        name: "position",
+        initialValue: "static",
+        prefix: false,
+        type: 2 /* IDENT_VALUE */,
+        parse: function (_context, position) {
+          switch (position) {
+            case "relative":
+              return 1 /* RELATIVE */;
+            case "absolute":
+              return 2 /* ABSOLUTE */;
+            case "fixed":
+              return 3 /* FIXED */;
+            case "sticky":
+              return 4 /* STICKY */;
           }
+          return 0 /* STATIC */;
+        },
       };
 
       var textShadow = {
-          name: 'text-shadow',
-          initialValue: 'none',
-          type: 1 /* LIST */,
-          prefix: false,
-          parse: function (context, tokens) {
-              if (tokens.length === 1 && isIdentWithValue(tokens[0], 'none')) {
-                  return [];
-              }
-              return parseFunctionArgs(tokens).map(function (values) {
-                  var shadow = {
-                      color: COLORS.TRANSPARENT,
-                      offsetX: ZERO_LENGTH,
-                      offsetY: ZERO_LENGTH,
-                      blur: ZERO_LENGTH
-                  };
-                  var c = 0;
-                  for (var i = 0; i < values.length; i++) {
-                      var token = values[i];
-                      if (isLength(token)) {
-                          if (c === 0) {
-                              shadow.offsetX = token;
-                          }
-                          else if (c === 1) {
-                              shadow.offsetY = token;
-                          }
-                          else {
-                              shadow.blur = token;
-                          }
-                          c++;
-                      }
-                      else {
-                          shadow.color = color$1.parse(context, token);
-                      }
-                  }
-                  return shadow;
-              });
-          }
+        name: "text-shadow",
+        initialValue: "none",
+        type: 1 /* LIST */,
+        prefix: false,
+        parse: function (context, tokens) {
+          if (tokens.length === 1 && isIdentWithValue(tokens[0], "none")) {
+            return [];
+          }
+          return parseFunctionArgs(tokens).map(function (values) {
+            var shadow = {
+              color: COLORS.TRANSPARENT,
+              offsetX: ZERO_LENGTH,
+              offsetY: ZERO_LENGTH,
+              blur: ZERO_LENGTH,
+            };
+            var c = 0;
+            for (var i = 0; i < values.length; i++) {
+              var token = values[i];
+              if (isLength(token)) {
+                if (c === 0) {
+                  shadow.offsetX = token;
+                } else if (c === 1) {
+                  shadow.offsetY = token;
+                } else {
+                  shadow.blur = token;
+                }
+                c++;
+              } else {
+                shadow.color = color$1.parse(context, token);
+              }
+            }
+            return shadow;
+          });
+        },
       };
 
       var textTransform = {
-          name: 'text-transform',
-          initialValue: 'none',
-          prefix: false,
-          type: 2 /* IDENT_VALUE */,
-          parse: function (_context, textTransform) {
-              switch (textTransform) {
-                  case 'uppercase':
-                      return 2 /* UPPERCASE */;
-                  case 'lowercase':
-                      return 1 /* LOWERCASE */;
-                  case 'capitalize':
-                      return 3 /* CAPITALIZE */;
-              }
-              return 0 /* NONE */;
+        name: "text-transform",
+        initialValue: "none",
+        prefix: false,
+        type: 2 /* IDENT_VALUE */,
+        parse: function (_context, textTransform) {
+          switch (textTransform) {
+            case "uppercase":
+              return 2 /* UPPERCASE */;
+            case "lowercase":
+              return 1 /* LOWERCASE */;
+            case "capitalize":
+              return 3 /* CAPITALIZE */;
           }
+          return 0 /* NONE */;
+        },
       };
 
       var transform$1 = {
-          name: 'transform',
-          initialValue: 'none',
-          prefix: true,
-          type: 0 /* VALUE */,
-          parse: function (_context, token) {
-              if (token.type === 20 /* IDENT_TOKEN */ && token.value === 'none') {
-                  return null;
-              }
-              if (token.type === 18 /* FUNCTION */) {
-                  var transformFunction = SUPPORTED_TRANSFORM_FUNCTIONS[token.name];
-                  if (typeof transformFunction === 'undefined') {
-                      throw new Error("Attempting to parse an unsupported transform function \"" + token.name + "\"");
-                  }
-                  return transformFunction(token.values);
-              }
-              return null;
-          }
+        name: "transform",
+        initialValue: "none",
+        prefix: true,
+        type: 0 /* VALUE */,
+        parse: function (_context, token) {
+          if (token.type === 20 /* IDENT_TOKEN */ && token.value === "none") {
+            return null;
+          }
+          if (token.type === 18 /* FUNCTION */) {
+            var transformFunction = SUPPORTED_TRANSFORM_FUNCTIONS[token.name];
+            if (typeof transformFunction === "undefined") {
+              throw new Error(
+                'Attempting to parse an unsupported transform function "' +
+                  token.name +
+                  '"',
+              );
+            }
+            return transformFunction(token.values);
+          }
+          return null;
+        },
       };
       var matrix = function (args) {
-          var values = args.filter(function (arg) { return arg.type === 17 /* NUMBER_TOKEN */; }).map(function (arg) { return arg.number; });
-          return values.length === 6 ? values : null;
+        var values = args
+          .filter(function (arg) {
+            return arg.type === 17 /* NUMBER_TOKEN */;
+          })
+          .map(function (arg) {
+            return arg.number;
+          });
+        return values.length === 6 ? values : null;
       };
       // doesn't support 3D transforms at the moment
       var matrix3d = function (args) {
-          var values = args.filter(function (arg) { return arg.type === 17 /* NUMBER_TOKEN */; }).map(function (arg) { return arg.number; });
-          var a1 = values[0], b1 = values[1]; values[2]; values[3]; var a2 = values[4], b2 = values[5]; values[6]; values[7]; values[8]; values[9]; values[10]; values[11]; var a4 = values[12], b4 = values[13]; values[14]; values[15];
-          return values.length === 16 ? [a1, b1, a2, b2, a4, b4] : null;
+        var values = args
+          .filter(function (arg) {
+            return arg.type === 17 /* NUMBER_TOKEN */;
+          })
+          .map(function (arg) {
+            return arg.number;
+          });
+        var a1 = values[0],
+          b1 = values[1];
+        values[2];
+        values[3];
+        var a2 = values[4],
+          b2 = values[5];
+        values[6];
+        values[7];
+        values[8];
+        values[9];
+        values[10];
+        values[11];
+        var a4 = values[12],
+          b4 = values[13];
+        values[14];
+        values[15];
+        return values.length === 16 ? [a1, b1, a2, b2, a4, b4] : null;
       };
       var SUPPORTED_TRANSFORM_FUNCTIONS = {
-          matrix: matrix,
-          matrix3d: matrix3d
+        matrix: matrix,
+        matrix3d: matrix3d,
       };
 
       var DEFAULT_VALUE = {
-          type: 16 /* PERCENTAGE_TOKEN */,
-          number: 50,
-          flags: FLAG_INTEGER
+        type: 16 /* PERCENTAGE_TOKEN */,
+        number: 50,
+        flags: FLAG_INTEGER,
       };
       var DEFAULT = [DEFAULT_VALUE, DEFAULT_VALUE];
       var transformOrigin = {
-          name: 'transform-origin',
-          initialValue: '50% 50%',
-          prefix: true,
-          type: 1 /* LIST */,
-          parse: function (_context, tokens) {
-              var origins = tokens.filter(isLengthPercentage);
-              if (origins.length !== 2) {
-                  return DEFAULT;
-              }
-              return [origins[0], origins[1]];
+        name: "transform-origin",
+        initialValue: "50% 50%",
+        prefix: true,
+        type: 1 /* LIST */,
+        parse: function (_context, tokens) {
+          var origins = tokens.filter(isLengthPercentage);
+          if (origins.length !== 2) {
+            return DEFAULT;
           }
+          return [origins[0], origins[1]];
+        },
       };
 
       var visibility = {
-          name: 'visible',
-          initialValue: 'none',
-          prefix: false,
-          type: 2 /* IDENT_VALUE */,
-          parse: function (_context, visibility) {
-              switch (visibility) {
-                  case 'hidden':
-                      return 1 /* HIDDEN */;
-                  case 'collapse':
-                      return 2 /* COLLAPSE */;
-                  case 'visible':
-                  default:
-                      return 0 /* VISIBLE */;
-              }
-          }
+        name: "visible",
+        initialValue: "none",
+        prefix: false,
+        type: 2 /* IDENT_VALUE */,
+        parse: function (_context, visibility) {
+          switch (visibility) {
+            case "hidden":
+              return 1 /* HIDDEN */;
+            case "collapse":
+              return 2 /* COLLAPSE */;
+            case "visible":
+            default:
+              return 0 /* VISIBLE */;
+          }
+        },
       };
 
       var WORD_BREAK;
       (function (WORD_BREAK) {
-          WORD_BREAK["NORMAL"] = "normal";
-          WORD_BREAK["BREAK_ALL"] = "break-all";
-          WORD_BREAK["KEEP_ALL"] = "keep-all";
+        WORD_BREAK["NORMAL"] = "normal";
+        WORD_BREAK["BREAK_ALL"] = "break-all";
+        WORD_BREAK["KEEP_ALL"] = "keep-all";
       })(WORD_BREAK || (WORD_BREAK = {}));
       var wordBreak = {
-          name: 'word-break',
-          initialValue: 'normal',
-          prefix: false,
-          type: 2 /* IDENT_VALUE */,
-          parse: function (_context, wordBreak) {
-              switch (wordBreak) {
-                  case 'break-all':
-                      return WORD_BREAK.BREAK_ALL;
-                  case 'keep-all':
-                      return WORD_BREAK.KEEP_ALL;
-                  case 'normal':
-                  default:
-                      return WORD_BREAK.NORMAL;
-              }
-          }
+        name: "word-break",
+        initialValue: "normal",
+        prefix: false,
+        type: 2 /* IDENT_VALUE */,
+        parse: function (_context, wordBreak) {
+          switch (wordBreak) {
+            case "break-all":
+              return WORD_BREAK.BREAK_ALL;
+            case "keep-all":
+              return WORD_BREAK.KEEP_ALL;
+            case "normal":
+            default:
+              return WORD_BREAK.NORMAL;
+          }
+        },
       };
 
       var zIndex = {
-          name: 'z-index',
-          initialValue: 'auto',
-          prefix: false,
-          type: 0 /* VALUE */,
-          parse: function (_context, token) {
-              if (token.type === 20 /* IDENT_TOKEN */) {
-                  return { auto: true, order: 0 };
-              }
-              if (isNumberToken(token)) {
-                  return { auto: false, order: token.number };
-              }
-              throw new Error("Invalid z-index number parsed");
+        name: "z-index",
+        initialValue: "auto",
+        prefix: false,
+        type: 0 /* VALUE */,
+        parse: function (_context, token) {
+          if (token.type === 20 /* IDENT_TOKEN */) {
+            return { auto: true, order: 0 };
+          }
+          if (isNumberToken(token)) {
+            return { auto: false, order: token.number };
           }
+          throw new Error("Invalid z-index number parsed");
+        },
       };
 
       var time = {
-          name: 'time',
-          parse: function (_context, value) {
-              if (value.type === 15 /* DIMENSION_TOKEN */) {
-                  switch (value.unit.toLowerCase()) {
-                      case 's':
-                          return 1000 * value.number;
-                      case 'ms':
-                          return value.number;
-                  }
-              }
-              throw new Error("Unsupported time type");
+        name: "time",
+        parse: function (_context, value) {
+          if (value.type === 15 /* DIMENSION_TOKEN */) {
+            switch (value.unit.toLowerCase()) {
+              case "s":
+                return 1000 * value.number;
+              case "ms":
+                return value.number;
+            }
           }
+          throw new Error("Unsupported time type");
+        },
       };
 
       var opacity = {
-          name: 'opacity',
-          initialValue: '1',
-          type: 0 /* VALUE */,
-          prefix: false,
-          parse: function (_context, token) {
-              if (isNumberToken(token)) {
-                  return token.number;
-              }
-              return 1;
+        name: "opacity",
+        initialValue: "1",
+        type: 0 /* VALUE */,
+        prefix: false,
+        parse: function (_context, token) {
+          if (isNumberToken(token)) {
+            return token.number;
           }
+          return 1;
+        },
       };
 
       var textDecorationColor = {
-          name: "text-decoration-color",
-          initialValue: 'transparent',
-          prefix: false,
-          type: 3 /* TYPE_VALUE */,
-          format: 'color'
+        name: "text-decoration-color",
+        initialValue: "transparent",
+        prefix: false,
+        type: 3 /* TYPE_VALUE */,
+        format: "color",
       };
 
       var textDecorationLine = {
-          name: 'text-decoration-line',
-          initialValue: 'none',
-          prefix: false,
-          type: 1 /* LIST */,
-          parse: function (_context, tokens) {
-              return tokens
-                  .filter(isIdentToken)
-                  .map(function (token) {
-                  switch (token.value) {
-                      case 'underline':
-                          return 1 /* UNDERLINE */;
-                      case 'overline':
-                          return 2 /* OVERLINE */;
-                      case 'line-through':
-                          return 3 /* LINE_THROUGH */;
-                      case 'none':
-                          return 4 /* BLINK */;
-                  }
-                  return 0 /* NONE */;
-              })
-                  .filter(function (line) { return line !== 0 /* NONE */; });
-          }
+        name: "text-decoration-line",
+        initialValue: "none",
+        prefix: false,
+        type: 1 /* LIST */,
+        parse: function (_context, tokens) {
+          return tokens
+            .filter(isIdentToken)
+            .map(function (token) {
+              switch (token.value) {
+                case "underline":
+                  return 1 /* UNDERLINE */;
+                case "overline":
+                  return 2 /* OVERLINE */;
+                case "line-through":
+                  return 3 /* LINE_THROUGH */;
+                case "none":
+                  return 4 /* BLINK */;
+              }
+              return 0 /* NONE */;
+            })
+            .filter(function (line) {
+              return line !== 0 /* NONE */;
+            });
+        },
       };
 
       var fontFamily = {
-          name: "font-family",
-          initialValue: '',
-          prefix: false,
-          type: 1 /* LIST */,
-          parse: function (_context, tokens) {
-              var accumulator = [];
-              var results = [];
-              tokens.forEach(function (token) {
-                  switch (token.type) {
-                      case 20 /* IDENT_TOKEN */:
-                      case 0 /* STRING_TOKEN */:
-                          accumulator.push(token.value);
-                          break;
-                      case 17 /* NUMBER_TOKEN */:
-                          accumulator.push(token.number.toString());
-                          break;
-                      case 4 /* COMMA_TOKEN */:
-                          results.push(accumulator.join(' '));
-                          accumulator.length = 0;
-                          break;
-                  }
-              });
-              if (accumulator.length) {
-                  results.push(accumulator.join(' '));
-              }
-              return results.map(function (result) { return (result.indexOf(' ') === -1 ? result : "'" + result + "'"); });
+        name: "font-family",
+        initialValue: "",
+        prefix: false,
+        type: 1 /* LIST */,
+        parse: function (_context, tokens) {
+          var accumulator = [];
+          var results = [];
+          tokens.forEach(function (token) {
+            switch (token.type) {
+              case 20 /* IDENT_TOKEN */:
+              case 0 /* STRING_TOKEN */:
+                accumulator.push(token.value);
+                break;
+              case 17 /* NUMBER_TOKEN */:
+                accumulator.push(token.number.toString());
+                break;
+              case 4 /* COMMA_TOKEN */:
+                results.push(accumulator.join(" "));
+                accumulator.length = 0;
+                break;
+            }
+          });
+          if (accumulator.length) {
+            results.push(accumulator.join(" "));
           }
+          return results.map(function (result) {
+            return result.indexOf(" ") === -1 ? result : "'" + result + "'";
+          });
+        },
       };
 
       var fontSize = {
-          name: "font-size",
-          initialValue: '0',
-          prefix: false,
-          type: 3 /* TYPE_VALUE */,
-          format: 'length'
+        name: "font-size",
+        initialValue: "0",
+        prefix: false,
+        type: 3 /* TYPE_VALUE */,
+        format: "length",
       };
 
       var fontWeight = {
-          name: 'font-weight',
-          initialValue: 'normal',
-          type: 0 /* VALUE */,
-          prefix: false,
-          parse: function (_context, token) {
-              if (isNumberToken(token)) {
-                  return token.number;
-              }
-              if (isIdentToken(token)) {
-                  switch (token.value) {
-                      case 'bold':
-                          return 700;
-                      case 'normal':
-                      default:
-                          return 400;
-                  }
-              }
-              return 400;
+        name: "font-weight",
+        initialValue: "normal",
+        type: 0 /* VALUE */,
+        prefix: false,
+        parse: function (_context, token) {
+          if (isNumberToken(token)) {
+            return token.number;
+          }
+          if (isIdentToken(token)) {
+            switch (token.value) {
+              case "bold":
+                return 700;
+              case "normal":
+              default:
+                return 400;
+            }
           }
+          return 400;
+        },
       };
 
       var fontVariant = {
-          name: 'font-variant',
-          initialValue: 'none',
-          type: 1 /* LIST */,
-          prefix: false,
-          parse: function (_context, tokens) {
-              return tokens.filter(isIdentToken).map(function (token) { return token.value; });
-          }
+        name: "font-variant",
+        initialValue: "none",
+        type: 1 /* LIST */,
+        prefix: false,
+        parse: function (_context, tokens) {
+          return tokens.filter(isIdentToken).map(function (token) {
+            return token.value;
+          });
+        },
       };
 
       var fontStyle = {
-          name: 'font-style',
-          initialValue: 'normal',
-          prefix: false,
-          type: 2 /* IDENT_VALUE */,
-          parse: function (_context, overflow) {
-              switch (overflow) {
-                  case 'oblique':
-                      return "oblique" /* OBLIQUE */;
-                  case 'italic':
-                      return "italic" /* ITALIC */;
-                  case 'normal':
-                  default:
-                      return "normal" /* NORMAL */;
-              }
+        name: "font-style",
+        initialValue: "normal",
+        prefix: false,
+        type: 2 /* IDENT_VALUE */,
+        parse: function (_context, overflow) {
+          switch (overflow) {
+            case "oblique":
+              return "oblique" /* OBLIQUE */;
+            case "italic":
+              return "italic" /* ITALIC */;
+            case "normal":
+            default:
+              return "normal" /* NORMAL */;
           }
+        },
       };
 
-      var contains = function (bit, value) { return (bit & value) !== 0; };
+      var contains = function (bit, value) {
+        return (bit & value) !== 0;
+      };
 
       var content = {
-          name: 'content',
-          initialValue: 'none',
-          type: 1 /* LIST */,
-          prefix: false,
-          parse: function (_context, tokens) {
-              if (tokens.length === 0) {
-                  return [];
-              }
-              var first = tokens[0];
-              if (first.type === 20 /* IDENT_TOKEN */ && first.value === 'none') {
-                  return [];
-              }
-              return tokens;
+        name: "content",
+        initialValue: "none",
+        type: 1 /* LIST */,
+        prefix: false,
+        parse: function (_context, tokens) {
+          if (tokens.length === 0) {
+            return [];
           }
+          var first = tokens[0];
+          if (first.type === 20 /* IDENT_TOKEN */ && first.value === "none") {
+            return [];
+          }
+          return tokens;
+        },
       };
 
       var counterIncrement = {
-          name: 'counter-increment',
-          initialValue: 'none',
-          prefix: true,
-          type: 1 /* LIST */,
-          parse: function (_context, tokens) {
-              if (tokens.length === 0) {
-                  return null;
-              }
-              var first = tokens[0];
-              if (first.type === 20 /* IDENT_TOKEN */ && first.value === 'none') {
-                  return null;
-              }
-              var increments = [];
-              var filtered = tokens.filter(nonWhiteSpace);
-              for (var i = 0; i < filtered.length; i++) {
-                  var counter = filtered[i];
-                  var next = filtered[i + 1];
-                  if (counter.type === 20 /* IDENT_TOKEN */) {
-                      var increment = next && isNumberToken(next) ? next.number : 1;
-                      increments.push({ counter: counter.value, increment: increment });
-                  }
-              }
-              return increments;
-          }
+        name: "counter-increment",
+        initialValue: "none",
+        prefix: true,
+        type: 1 /* LIST */,
+        parse: function (_context, tokens) {
+          if (tokens.length === 0) {
+            return null;
+          }
+          var first = tokens[0];
+          if (first.type === 20 /* IDENT_TOKEN */ && first.value === "none") {
+            return null;
+          }
+          var increments = [];
+          var filtered = tokens.filter(nonWhiteSpace);
+          for (var i = 0; i < filtered.length; i++) {
+            var counter = filtered[i];
+            var next = filtered[i + 1];
+            if (counter.type === 20 /* IDENT_TOKEN */) {
+              var increment = next && isNumberToken(next) ? next.number : 1;
+              increments.push({ counter: counter.value, increment: increment });
+            }
+          }
+          return increments;
+        },
       };
 
       var counterReset = {
-          name: 'counter-reset',
-          initialValue: 'none',
-          prefix: true,
-          type: 1 /* LIST */,
-          parse: function (_context, tokens) {
-              if (tokens.length === 0) {
-                  return [];
-              }
-              var resets = [];
-              var filtered = tokens.filter(nonWhiteSpace);
-              for (var i = 0; i < filtered.length; i++) {
-                  var counter = filtered[i];
-                  var next = filtered[i + 1];
-                  if (isIdentToken(counter) && counter.value !== 'none') {
-                      var reset = next && isNumberToken(next) ? next.number : 0;
-                      resets.push({ counter: counter.value, reset: reset });
-                  }
-              }
-              return resets;
-          }
+        name: "counter-reset",
+        initialValue: "none",
+        prefix: true,
+        type: 1 /* LIST */,
+        parse: function (_context, tokens) {
+          if (tokens.length === 0) {
+            return [];
+          }
+          var resets = [];
+          var filtered = tokens.filter(nonWhiteSpace);
+          for (var i = 0; i < filtered.length; i++) {
+            var counter = filtered[i];
+            var next = filtered[i + 1];
+            if (isIdentToken(counter) && counter.value !== "none") {
+              var reset = next && isNumberToken(next) ? next.number : 0;
+              resets.push({ counter: counter.value, reset: reset });
+            }
+          }
+          return resets;
+        },
       };
 
       var duration = {
-          name: 'duration',
-          initialValue: '0s',
-          prefix: false,
-          type: 1 /* LIST */,
-          parse: function (context, tokens) {
-              return tokens.filter(isDimensionToken).map(function (token) { return time.parse(context, token); });
-          }
+        name: "duration",
+        initialValue: "0s",
+        prefix: false,
+        type: 1 /* LIST */,
+        parse: function (context, tokens) {
+          return tokens.filter(isDimensionToken).map(function (token) {
+            return time.parse(context, token);
+          });
+        },
       };
 
       var quotes = {
-          name: 'quotes',
-          initialValue: 'none',
-          prefix: true,
-          type: 1 /* LIST */,
-          parse: function (_context, tokens) {
-              if (tokens.length === 0) {
-                  return null;
-              }
-              var first = tokens[0];
-              if (first.type === 20 /* IDENT_TOKEN */ && first.value === 'none') {
-                  return null;
-              }
-              var quotes = [];
-              var filtered = tokens.filter(isStringToken);
-              if (filtered.length % 2 !== 0) {
-                  return null;
-              }
-              for (var i = 0; i < filtered.length; i += 2) {
-                  var open_1 = filtered[i].value;
-                  var close_1 = filtered[i + 1].value;
-                  quotes.push({ open: open_1, close: close_1 });
-              }
-              return quotes;
-          }
+        name: "quotes",
+        initialValue: "none",
+        prefix: true,
+        type: 1 /* LIST */,
+        parse: function (_context, tokens) {
+          if (tokens.length === 0) {
+            return null;
+          }
+          var first = tokens[0];
+          if (first.type === 20 /* IDENT_TOKEN */ && first.value === "none") {
+            return null;
+          }
+          var quotes = [];
+          var filtered = tokens.filter(isStringToken);
+          if (filtered.length % 2 !== 0) {
+            return null;
+          }
+          for (var i = 0; i < filtered.length; i += 2) {
+            var open_1 = filtered[i].value;
+            var close_1 = filtered[i + 1].value;
+            quotes.push({ open: open_1, close: close_1 });
+          }
+          return quotes;
+        },
       };
       var getQuote = function (quotes, depth, open) {
-          if (!quotes) {
-              return '';
-          }
-          var quote = quotes[Math.min(depth, quotes.length - 1)];
-          if (!quote) {
-              return '';
-          }
-          return open ? quote.open : quote.close;
+        if (!quotes) {
+          return "";
+        }
+        var quote = quotes[Math.min(depth, quotes.length - 1)];
+        if (!quote) {
+          return "";
+        }
+        return open ? quote.open : quote.close;
       };
 
       var boxShadow = {
-          name: 'box-shadow',
-          initialValue: 'none',
-          type: 1 /* LIST */,
-          prefix: false,
-          parse: function (context, tokens) {
-              if (tokens.length === 1 && isIdentWithValue(tokens[0], 'none')) {
-                  return [];
-              }
-              return parseFunctionArgs(tokens).map(function (values) {
-                  var shadow = {
-                      color: 0x000000ff,
-                      offsetX: ZERO_LENGTH,
-                      offsetY: ZERO_LENGTH,
-                      blur: ZERO_LENGTH,
-                      spread: ZERO_LENGTH,
-                      inset: false
-                  };
-                  var c = 0;
-                  for (var i = 0; i < values.length; i++) {
-                      var token = values[i];
-                      if (isIdentWithValue(token, 'inset')) {
-                          shadow.inset = true;
-                      }
-                      else if (isLength(token)) {
-                          if (c === 0) {
-                              shadow.offsetX = token;
-                          }
-                          else if (c === 1) {
-                              shadow.offsetY = token;
-                          }
-                          else if (c === 2) {
-                              shadow.blur = token;
-                          }
-                          else {
-                              shadow.spread = token;
-                          }
-                          c++;
-                      }
-                      else {
-                          shadow.color = color$1.parse(context, token);
-                      }
-                  }
-                  return shadow;
-              });
-          }
+        name: "box-shadow",
+        initialValue: "none",
+        type: 1 /* LIST */,
+        prefix: false,
+        parse: function (context, tokens) {
+          if (tokens.length === 1 && isIdentWithValue(tokens[0], "none")) {
+            return [];
+          }
+          return parseFunctionArgs(tokens).map(function (values) {
+            var shadow = {
+              color: 0x000000ff,
+              offsetX: ZERO_LENGTH,
+              offsetY: ZERO_LENGTH,
+              blur: ZERO_LENGTH,
+              spread: ZERO_LENGTH,
+              inset: false,
+            };
+            var c = 0;
+            for (var i = 0; i < values.length; i++) {
+              var token = values[i];
+              if (isIdentWithValue(token, "inset")) {
+                shadow.inset = true;
+              } else if (isLength(token)) {
+                if (c === 0) {
+                  shadow.offsetX = token;
+                } else if (c === 1) {
+                  shadow.offsetY = token;
+                } else if (c === 2) {
+                  shadow.blur = token;
+                } else {
+                  shadow.spread = token;
+                }
+                c++;
+              } else {
+                shadow.color = color$1.parse(context, token);
+              }
+            }
+            return shadow;
+          });
+        },
       };
 
       var paintOrder = {
-          name: 'paint-order',
-          initialValue: 'normal',
-          prefix: false,
-          type: 1 /* LIST */,
-          parse: function (_context, tokens) {
-              var DEFAULT_VALUE = [0 /* FILL */, 1 /* STROKE */, 2 /* MARKERS */];
-              var layers = [];
-              tokens.filter(isIdentToken).forEach(function (token) {
-                  switch (token.value) {
-                      case 'stroke':
-                          layers.push(1 /* STROKE */);
-                          break;
-                      case 'fill':
-                          layers.push(0 /* FILL */);
-                          break;
-                      case 'markers':
-                          layers.push(2 /* MARKERS */);
-                          break;
-                  }
-              });
-              DEFAULT_VALUE.forEach(function (value) {
-                  if (layers.indexOf(value) === -1) {
-                      layers.push(value);
-                  }
-              });
-              return layers;
-          }
+        name: "paint-order",
+        initialValue: "normal",
+        prefix: false,
+        type: 1 /* LIST */,
+        parse: function (_context, tokens) {
+          var DEFAULT_VALUE = [0 /* FILL */, 1 /* STROKE */, 2 /* MARKERS */];
+          var layers = [];
+          tokens.filter(isIdentToken).forEach(function (token) {
+            switch (token.value) {
+              case "stroke":
+                layers.push(1 /* STROKE */);
+                break;
+              case "fill":
+                layers.push(0 /* FILL */);
+                break;
+              case "markers":
+                layers.push(2 /* MARKERS */);
+                break;
+            }
+          });
+          DEFAULT_VALUE.forEach(function (value) {
+            if (layers.indexOf(value) === -1) {
+              layers.push(value);
+            }
+          });
+          return layers;
+        },
       };
 
       var webkitTextStrokeColor = {
-          name: "-webkit-text-stroke-color",
-          initialValue: 'currentcolor',
-          prefix: false,
-          type: 3 /* TYPE_VALUE */,
-          format: 'color'
+        name: "-webkit-text-stroke-color",
+        initialValue: "currentcolor",
+        prefix: false,
+        type: 3 /* TYPE_VALUE */,
+        format: "color",
       };
 
       var webkitTextStrokeWidth = {
-          name: "-webkit-text-stroke-width",
-          initialValue: '0',
-          type: 0 /* VALUE */,
-          prefix: false,
-          parse: function (_context, token) {
-              if (isDimensionToken(token)) {
-                  return token.number;
-              }
-              return 0;
+        name: "-webkit-text-stroke-width",
+        initialValue: "0",
+        type: 0 /* VALUE */,
+        prefix: false,
+        parse: function (_context, token) {
+          if (isDimensionToken(token)) {
+            return token.number;
           }
+          return 0;
+        },
       };
 
       var CSSParsedDeclaration = /** @class */ (function () {
-          function CSSParsedDeclaration(context, declaration) {
-              var _a, _b;
-              this.animationDuration = parse(context, duration, declaration.animationDuration);
-              this.backgroundClip = parse(context, backgroundClip, declaration.backgroundClip);
-              this.backgroundColor = parse(context, backgroundColor, declaration.backgroundColor);
-              this.backgroundImage = parse(context, backgroundImage, declaration.backgroundImage);
-              this.backgroundOrigin = parse(context, backgroundOrigin, declaration.backgroundOrigin);
-              this.backgroundPosition = parse(context, backgroundPosition, declaration.backgroundPosition);
-              this.backgroundRepeat = parse(context, backgroundRepeat, declaration.backgroundRepeat);
-              this.backgroundSize = parse(context, backgroundSize, declaration.backgroundSize);
-              this.borderTopColor = parse(context, borderTopColor, declaration.borderTopColor);
-              this.borderRightColor = parse(context, borderRightColor, declaration.borderRightColor);
-              this.borderBottomColor = parse(context, borderBottomColor, declaration.borderBottomColor);
-              this.borderLeftColor = parse(context, borderLeftColor, declaration.borderLeftColor);
-              this.borderTopLeftRadius = parse(context, borderTopLeftRadius, declaration.borderTopLeftRadius);
-              this.borderTopRightRadius = parse(context, borderTopRightRadius, declaration.borderTopRightRadius);
-              this.borderBottomRightRadius = parse(context, borderBottomRightRadius, declaration.borderBottomRightRadius);
-              this.borderBottomLeftRadius = parse(context, borderBottomLeftRadius, declaration.borderBottomLeftRadius);
-              this.borderTopStyle = parse(context, borderTopStyle, declaration.borderTopStyle);
-              this.borderRightStyle = parse(context, borderRightStyle, declaration.borderRightStyle);
-              this.borderBottomStyle = parse(context, borderBottomStyle, declaration.borderBottomStyle);
-              this.borderLeftStyle = parse(context, borderLeftStyle, declaration.borderLeftStyle);
-              this.borderTopWidth = parse(context, borderTopWidth, declaration.borderTopWidth);
-              this.borderRightWidth = parse(context, borderRightWidth, declaration.borderRightWidth);
-              this.borderBottomWidth = parse(context, borderBottomWidth, declaration.borderBottomWidth);
-              this.borderLeftWidth = parse(context, borderLeftWidth, declaration.borderLeftWidth);
-              this.boxShadow = parse(context, boxShadow, declaration.boxShadow);
-              this.color = parse(context, color, declaration.color);
-              this.direction = parse(context, direction, declaration.direction);
-              this.display = parse(context, display, declaration.display);
-              this.float = parse(context, float, declaration.cssFloat);
-              this.fontFamily = parse(context, fontFamily, declaration.fontFamily);
-              this.fontSize = parse(context, fontSize, declaration.fontSize);
-              this.fontStyle = parse(context, fontStyle, declaration.fontStyle);
-              this.fontVariant = parse(context, fontVariant, declaration.fontVariant);
-              this.fontWeight = parse(context, fontWeight, declaration.fontWeight);
-              this.letterSpacing = parse(context, letterSpacing, declaration.letterSpacing);
-              this.lineBreak = parse(context, lineBreak, declaration.lineBreak);
-              this.lineHeight = parse(context, lineHeight, declaration.lineHeight);
-              this.listStyleImage = parse(context, listStyleImage, declaration.listStyleImage);
-              this.listStylePosition = parse(context, listStylePosition, declaration.listStylePosition);
-              this.listStyleType = parse(context, listStyleType, declaration.listStyleType);
-              this.marginTop = parse(context, marginTop, declaration.marginTop);
-              this.marginRight = parse(context, marginRight, declaration.marginRight);
-              this.marginBottom = parse(context, marginBottom, declaration.marginBottom);
-              this.marginLeft = parse(context, marginLeft, declaration.marginLeft);
-              this.opacity = parse(context, opacity, declaration.opacity);
-              var overflowTuple = parse(context, overflow, declaration.overflow);
-              this.overflowX = overflowTuple[0];
-              this.overflowY = overflowTuple[overflowTuple.length > 1 ? 1 : 0];
-              this.overflowWrap = parse(context, overflowWrap, declaration.overflowWrap);
-              this.paddingTop = parse(context, paddingTop, declaration.paddingTop);
-              this.paddingRight = parse(context, paddingRight, declaration.paddingRight);
-              this.paddingBottom = parse(context, paddingBottom, declaration.paddingBottom);
-              this.paddingLeft = parse(context, paddingLeft, declaration.paddingLeft);
-              this.paintOrder = parse(context, paintOrder, declaration.paintOrder);
-              this.position = parse(context, position, declaration.position);
-              this.textAlign = parse(context, textAlign, declaration.textAlign);
-              this.textDecorationColor = parse(context, textDecorationColor, (_a = declaration.textDecorationColor) !== null && _a !== void 0 ? _a : declaration.color);
-              this.textDecorationLine = parse(context, textDecorationLine, (_b = declaration.textDecorationLine) !== null && _b !== void 0 ? _b : declaration.textDecoration);
-              this.textShadow = parse(context, textShadow, declaration.textShadow);
-              this.textTransform = parse(context, textTransform, declaration.textTransform);
-              this.transform = parse(context, transform$1, declaration.transform);
-              this.transformOrigin = parse(context, transformOrigin, declaration.transformOrigin);
-              this.visibility = parse(context, visibility, declaration.visibility);
-              this.webkitTextStrokeColor = parse(context, webkitTextStrokeColor, declaration.webkitTextStrokeColor);
-              this.webkitTextStrokeWidth = parse(context, webkitTextStrokeWidth, declaration.webkitTextStrokeWidth);
-              this.wordBreak = parse(context, wordBreak, declaration.wordBreak);
-              this.zIndex = parse(context, zIndex, declaration.zIndex);
-          }
-          CSSParsedDeclaration.prototype.isVisible = function () {
-              return this.display > 0 && this.opacity > 0 && this.visibility === 0 /* VISIBLE */;
-          };
-          CSSParsedDeclaration.prototype.isTransparent = function () {
-              return isTransparent(this.backgroundColor);
-          };
-          CSSParsedDeclaration.prototype.isTransformed = function () {
-              return this.transform !== null;
-          };
-          CSSParsedDeclaration.prototype.isPositioned = function () {
-              return this.position !== 0 /* STATIC */;
-          };
-          CSSParsedDeclaration.prototype.isPositionedWithZIndex = function () {
-              return this.isPositioned() && !this.zIndex.auto;
-          };
-          CSSParsedDeclaration.prototype.isFloating = function () {
-              return this.float !== 0 /* NONE */;
-          };
-          CSSParsedDeclaration.prototype.isInlineLevel = function () {
-              return (contains(this.display, 4 /* INLINE */) ||
-                  contains(this.display, 33554432 /* INLINE_BLOCK */) ||
-                  contains(this.display, 268435456 /* INLINE_FLEX */) ||
-                  contains(this.display, 536870912 /* INLINE_GRID */) ||
-                  contains(this.display, 67108864 /* INLINE_LIST_ITEM */) ||
-                  contains(this.display, 134217728 /* INLINE_TABLE */));
-          };
-          return CSSParsedDeclaration;
-      }());
+        function CSSParsedDeclaration(context, declaration) {
+          var _a, _b;
+          this.animationDuration = parse(
+            context,
+            duration,
+            declaration.animationDuration,
+          );
+          this.backgroundClip = parse(
+            context,
+            backgroundClip,
+            declaration.backgroundClip,
+          );
+          this.backgroundColor = parse(
+            context,
+            backgroundColor,
+            declaration.backgroundColor,
+          );
+          this.backgroundImage = parse(
+            context,
+            backgroundImage,
+            declaration.backgroundImage,
+          );
+          this.backgroundOrigin = parse(
+            context,
+            backgroundOrigin,
+            declaration.backgroundOrigin,
+          );
+          this.backgroundPosition = parse(
+            context,
+            backgroundPosition,
+            declaration.backgroundPosition,
+          );
+          this.backgroundRepeat = parse(
+            context,
+            backgroundRepeat,
+            declaration.backgroundRepeat,
+          );
+          this.backgroundSize = parse(
+            context,
+            backgroundSize,
+            declaration.backgroundSize,
+          );
+          this.borderTopColor = parse(
+            context,
+            borderTopColor,
+            declaration.borderTopColor,
+          );
+          this.borderRightColor = parse(
+            context,
+            borderRightColor,
+            declaration.borderRightColor,
+          );
+          this.borderBottomColor = parse(
+            context,
+            borderBottomColor,
+            declaration.borderBottomColor,
+          );
+          this.borderLeftColor = parse(
+            context,
+            borderLeftColor,
+            declaration.borderLeftColor,
+          );
+          this.borderTopLeftRadius = parse(
+            context,
+            borderTopLeftRadius,
+            declaration.borderTopLeftRadius,
+          );
+          this.borderTopRightRadius = parse(
+            context,
+            borderTopRightRadius,
+            declaration.borderTopRightRadius,
+          );
+          this.borderBottomRightRadius = parse(
+            context,
+            borderBottomRightRadius,
+            declaration.borderBottomRightRadius,
+          );
+          this.borderBottomLeftRadius = parse(
+            context,
+            borderBottomLeftRadius,
+            declaration.borderBottomLeftRadius,
+          );
+          this.borderTopStyle = parse(
+            context,
+            borderTopStyle,
+            declaration.borderTopStyle,
+          );
+          this.borderRightStyle = parse(
+            context,
+            borderRightStyle,
+            declaration.borderRightStyle,
+          );
+          this.borderBottomStyle = parse(
+            context,
+            borderBottomStyle,
+            declaration.borderBottomStyle,
+          );
+          this.borderLeftStyle = parse(
+            context,
+            borderLeftStyle,
+            declaration.borderLeftStyle,
+          );
+          this.borderTopWidth = parse(
+            context,
+            borderTopWidth,
+            declaration.borderTopWidth,
+          );
+          this.borderRightWidth = parse(
+            context,
+            borderRightWidth,
+            declaration.borderRightWidth,
+          );
+          this.borderBottomWidth = parse(
+            context,
+            borderBottomWidth,
+            declaration.borderBottomWidth,
+          );
+          this.borderLeftWidth = parse(
+            context,
+            borderLeftWidth,
+            declaration.borderLeftWidth,
+          );
+          this.boxShadow = parse(context, boxShadow, declaration.boxShadow);
+          this.color = parse(context, color, declaration.color);
+          this.direction = parse(context, direction, declaration.direction);
+          this.display = parse(context, display, declaration.display);
+          this.float = parse(context, float, declaration.cssFloat);
+          this.fontFamily = parse(context, fontFamily, declaration.fontFamily);
+          this.fontSize = parse(context, fontSize, declaration.fontSize);
+          this.fontStyle = parse(context, fontStyle, declaration.fontStyle);
+          this.fontVariant = parse(
+            context,
+            fontVariant,
+            declaration.fontVariant,
+          );
+          this.fontWeight = parse(context, fontWeight, declaration.fontWeight);
+          this.letterSpacing = parse(
+            context,
+            letterSpacing,
+            declaration.letterSpacing,
+          );
+          this.lineBreak = parse(context, lineBreak, declaration.lineBreak);
+          this.lineHeight = parse(context, lineHeight, declaration.lineHeight);
+          this.listStyleImage = parse(
+            context,
+            listStyleImage,
+            declaration.listStyleImage,
+          );
+          this.listStylePosition = parse(
+            context,
+            listStylePosition,
+            declaration.listStylePosition,
+          );
+          this.listStyleType = parse(
+            context,
+            listStyleType,
+            declaration.listStyleType,
+          );
+          this.marginTop = parse(context, marginTop, declaration.marginTop);
+          this.marginRight = parse(
+            context,
+            marginRight,
+            declaration.marginRight,
+          );
+          this.marginBottom = parse(
+            context,
+            marginBottom,
+            declaration.marginBottom,
+          );
+          this.marginLeft = parse(context, marginLeft, declaration.marginLeft);
+          this.opacity = parse(context, opacity, declaration.opacity);
+          var overflowTuple = parse(context, overflow, declaration.overflow);
+          this.overflowX = overflowTuple[0];
+          this.overflowY = overflowTuple[overflowTuple.length > 1 ? 1 : 0];
+          this.overflowWrap = parse(
+            context,
+            overflowWrap,
+            declaration.overflowWrap,
+          );
+          this.paddingTop = parse(context, paddingTop, declaration.paddingTop);
+          this.paddingRight = parse(
+            context,
+            paddingRight,
+            declaration.paddingRight,
+          );
+          this.paddingBottom = parse(
+            context,
+            paddingBottom,
+            declaration.paddingBottom,
+          );
+          this.paddingLeft = parse(
+            context,
+            paddingLeft,
+            declaration.paddingLeft,
+          );
+          this.paintOrder = parse(context, paintOrder, declaration.paintOrder);
+          this.position = parse(context, position, declaration.position);
+          this.textAlign = parse(context, textAlign, declaration.textAlign);
+          this.textDecorationColor = parse(
+            context,
+            textDecorationColor,
+            (_a = declaration.textDecorationColor) !== null && _a !== void 0
+              ? _a
+              : declaration.color,
+          );
+          this.textDecorationLine = parse(
+            context,
+            textDecorationLine,
+            (_b = declaration.textDecorationLine) !== null && _b !== void 0
+              ? _b
+              : declaration.textDecoration,
+          );
+          this.textShadow = parse(context, textShadow, declaration.textShadow);
+          this.textTransform = parse(
+            context,
+            textTransform,
+            declaration.textTransform,
+          );
+          this.transform = parse(context, transform$1, declaration.transform);
+          this.transformOrigin = parse(
+            context,
+            transformOrigin,
+            declaration.transformOrigin,
+          );
+          this.visibility = parse(context, visibility, declaration.visibility);
+          this.webkitTextStrokeColor = parse(
+            context,
+            webkitTextStrokeColor,
+            declaration.webkitTextStrokeColor,
+          );
+          this.webkitTextStrokeWidth = parse(
+            context,
+            webkitTextStrokeWidth,
+            declaration.webkitTextStrokeWidth,
+          );
+          this.wordBreak = parse(context, wordBreak, declaration.wordBreak);
+          this.zIndex = parse(context, zIndex, declaration.zIndex);
+        }
+        CSSParsedDeclaration.prototype.isVisible = function () {
+          return (
+            this.display > 0 &&
+            this.opacity > 0 &&
+            this.visibility === 0 /* VISIBLE */
+          );
+        };
+        CSSParsedDeclaration.prototype.isTransparent = function () {
+          return isTransparent(this.backgroundColor);
+        };
+        CSSParsedDeclaration.prototype.isTransformed = function () {
+          return this.transform !== null;
+        };
+        CSSParsedDeclaration.prototype.isPositioned = function () {
+          return this.position !== 0 /* STATIC */;
+        };
+        CSSParsedDeclaration.prototype.isPositionedWithZIndex = function () {
+          return this.isPositioned() && !this.zIndex.auto;
+        };
+        CSSParsedDeclaration.prototype.isFloating = function () {
+          return this.float !== 0 /* NONE */;
+        };
+        CSSParsedDeclaration.prototype.isInlineLevel = function () {
+          return (
+            contains(this.display, 4 /* INLINE */) ||
+            contains(this.display, 33554432 /* INLINE_BLOCK */) ||
+            contains(this.display, 268435456 /* INLINE_FLEX */) ||
+            contains(this.display, 536870912 /* INLINE_GRID */) ||
+            contains(this.display, 67108864 /* INLINE_LIST_ITEM */) ||
+            contains(this.display, 134217728 /* INLINE_TABLE */)
+          );
+        };
+        return CSSParsedDeclaration;
+      })();
       var CSSParsedPseudoDeclaration = /** @class */ (function () {
-          function CSSParsedPseudoDeclaration(context, declaration) {
-              this.content = parse(context, content, declaration.content);
-              this.quotes = parse(context, quotes, declaration.quotes);
-          }
-          return CSSParsedPseudoDeclaration;
-      }());
+        function CSSParsedPseudoDeclaration(context, declaration) {
+          this.content = parse(context, content, declaration.content);
+          this.quotes = parse(context, quotes, declaration.quotes);
+        }
+        return CSSParsedPseudoDeclaration;
+      })();
       var CSSParsedCounterDeclaration = /** @class */ (function () {
-          function CSSParsedCounterDeclaration(context, declaration) {
-              this.counterIncrement = parse(context, counterIncrement, declaration.counterIncrement);
-              this.counterReset = parse(context, counterReset, declaration.counterReset);
-          }
-          return CSSParsedCounterDeclaration;
-      }());
+        function CSSParsedCounterDeclaration(context, declaration) {
+          this.counterIncrement = parse(
+            context,
+            counterIncrement,
+            declaration.counterIncrement,
+          );
+          this.counterReset = parse(
+            context,
+            counterReset,
+            declaration.counterReset,
+          );
+        }
+        return CSSParsedCounterDeclaration;
+      })();
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
       var parse = function (context, descriptor, style) {
-          var tokenizer = new Tokenizer();
-          var value = style !== null && typeof style !== 'undefined' ? style.toString() : descriptor.initialValue;
-          tokenizer.write(value);
-          var parser = new Parser(tokenizer.read());
-          switch (descriptor.type) {
-              case 2 /* IDENT_VALUE */:
-                  var token = parser.parseComponentValue();
-                  return descriptor.parse(context, isIdentToken(token) ? token.value : descriptor.initialValue);
-              case 0 /* VALUE */:
-                  return descriptor.parse(context, parser.parseComponentValue());
-              case 1 /* LIST */:
-                  return descriptor.parse(context, parser.parseComponentValues());
-              case 4 /* TOKEN_VALUE */:
-                  return parser.parseComponentValue();
-              case 3 /* TYPE_VALUE */:
-                  switch (descriptor.format) {
-                      case 'angle':
-                          return angle.parse(context, parser.parseComponentValue());
-                      case 'color':
-                          return color$1.parse(context, parser.parseComponentValue());
-                      case 'image':
-                          return image.parse(context, parser.parseComponentValue());
-                      case 'length':
-                          var length_1 = parser.parseComponentValue();
-                          return isLength(length_1) ? length_1 : ZERO_LENGTH;
-                      case 'length-percentage':
-                          var value_1 = parser.parseComponentValue();
-                          return isLengthPercentage(value_1) ? value_1 : ZERO_LENGTH;
-                      case 'time':
-                          return time.parse(context, parser.parseComponentValue());
-                  }
-                  break;
-          }
+        var tokenizer = new Tokenizer();
+        var value =
+          style !== null && typeof style !== "undefined"
+            ? style.toString()
+            : descriptor.initialValue;
+        tokenizer.write(value);
+        var parser = new Parser(tokenizer.read());
+        switch (descriptor.type) {
+          case 2 /* IDENT_VALUE */:
+            var token = parser.parseComponentValue();
+            return descriptor.parse(
+              context,
+              isIdentToken(token) ? token.value : descriptor.initialValue,
+            );
+          case 0 /* VALUE */:
+            return descriptor.parse(context, parser.parseComponentValue());
+          case 1 /* LIST */:
+            return descriptor.parse(context, parser.parseComponentValues());
+          case 4 /* TOKEN_VALUE */:
+            return parser.parseComponentValue();
+          case 3 /* TYPE_VALUE */:
+            switch (descriptor.format) {
+              case "angle":
+                return angle.parse(context, parser.parseComponentValue());
+              case "color":
+                return color$1.parse(context, parser.parseComponentValue());
+              case "image":
+                return image.parse(context, parser.parseComponentValue());
+              case "length":
+                var length_1 = parser.parseComponentValue();
+                return isLength(length_1) ? length_1 : ZERO_LENGTH;
+              case "length-percentage":
+                var value_1 = parser.parseComponentValue();
+                return isLengthPercentage(value_1) ? value_1 : ZERO_LENGTH;
+              case "time":
+                return time.parse(context, parser.parseComponentValue());
+            }
+            break;
+        }
       };
 
-      var elementDebuggerAttribute = 'data-html2canvas-debug';
+      var elementDebuggerAttribute = "data-html2canvas-debug";
       var getElementDebugType = function (element) {
-          var attribute = element.getAttribute(elementDebuggerAttribute);
-          switch (attribute) {
-              case 'all':
-                  return 1 /* ALL */;
-              case 'clone':
-                  return 2 /* CLONE */;
-              case 'parse':
-                  return 3 /* PARSE */;
-              case 'render':
-                  return 4 /* RENDER */;
-              default:
-                  return 0 /* NONE */;
-          }
+        var attribute = element.getAttribute(elementDebuggerAttribute);
+        switch (attribute) {
+          case "all":
+            return 1 /* ALL */;
+          case "clone":
+            return 2 /* CLONE */;
+          case "parse":
+            return 3 /* PARSE */;
+          case "render":
+            return 4 /* RENDER */;
+          default:
+            return 0 /* NONE */;
+        }
       };
       var isDebugging = function (element, type) {
-          var elementType = getElementDebugType(element);
-          return elementType === 1 /* ALL */ || type === elementType;
+        var elementType = getElementDebugType(element);
+        return elementType === 1 /* ALL */ || type === elementType;
       };
 
       var ElementContainer = /** @class */ (function () {
-          function ElementContainer(context, element) {
-              this.context = context;
-              this.textNodes = [];
-              this.elements = [];
-              this.flags = 0;
-              if (isDebugging(element, 3 /* PARSE */)) {
-                  debugger;
-              }
-              this.styles = new CSSParsedDeclaration(context, window.getComputedStyle(element, null));
-              if (isHTMLElementNode(element)) {
-                  if (this.styles.animationDuration.some(function (duration) { return duration > 0; })) {
-                      element.style.animationDuration = '0s';
-                  }
-                  if (this.styles.transform !== null) {
-                      // getBoundingClientRect takes transforms into account
-                      element.style.transform = 'none';
-                  }
-              }
-              this.bounds = parseBounds(this.context, element);
-              if (isDebugging(element, 4 /* RENDER */)) {
-                  this.flags |= 16 /* DEBUG_RENDER */;
-              }
+        function ElementContainer(context, element) {
+          this.context = context;
+          this.textNodes = [];
+          this.elements = [];
+          this.flags = 0;
+          if (isDebugging(element, 3 /* PARSE */)) {
+            debugger;
+          }
+          this.styles = new CSSParsedDeclaration(
+            context,
+            window.getComputedStyle(element, null),
+          );
+          if (isHTMLElementNode(element)) {
+            if (
+              this.styles.animationDuration.some(function (duration) {
+                return duration > 0;
+              })
+            ) {
+              element.style.animationDuration = "0s";
+            }
+            if (this.styles.transform !== null) {
+              // getBoundingClientRect takes transforms into account
+              element.style.transform = "none";
+            }
+          }
+          this.bounds = parseBounds(this.context, element);
+          if (isDebugging(element, 4 /* RENDER */)) {
+            this.flags |= 16 /* DEBUG_RENDER */;
           }
-          return ElementContainer;
-      }());
+        }
+        return ElementContainer;
+      })();
 
       /*
        * text-segmentation 1.0.3 <https://github.com/niklasvh/text-segmentation>
        * Copyright (c) 2022 Niklas von Hertzen <https://hertzen.com>
        * Released under MIT License
        */
-      var base64 = 'AAAAAAAAAAAAEA4AGBkAAFAaAAACAAAAAAAIABAAGAAwADgACAAQAAgAEAAIABAACAAQAAgAEAAIABAACAAQAAgAEAAIABAAQABIAEQATAAIABAACAAQAAgAEAAIABAAVABcAAgAEAAIABAACAAQAGAAaABwAHgAgACIAI4AlgAIABAAmwCjAKgAsAC2AL4AvQDFAMoA0gBPAVYBWgEIAAgACACMANoAYgFkAWwBdAF8AX0BhQGNAZUBlgGeAaMBlQGWAasBswF8AbsBwwF0AcsBYwHTAQgA2wG/AOMBdAF8AekB8QF0AfkB+wHiAHQBfAEIAAMC5gQIAAsCEgIIAAgAFgIeAggAIgIpAggAMQI5AkACygEIAAgASAJQAlgCYAIIAAgACAAKBQoFCgUTBRMFGQUrBSsFCAAIAAgACAAIAAgACAAIAAgACABdAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACABoAmgCrwGvAQgAbgJ2AggAHgEIAAgACADnAXsCCAAIAAgAgwIIAAgACAAIAAgACACKAggAkQKZAggAPADJAAgAoQKkAqwCsgK6AsICCADJAggA0AIIAAgACAAIANYC3gIIAAgACAAIAAgACABAAOYCCAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAkASoB+QIEAAgACAA8AEMCCABCBQgACABJBVAFCAAIAAgACAAIAAgACAAIAAgACABTBVoFCAAIAFoFCABfBWUFCAAIAAgACAAIAAgAbQUIAAgACAAIAAgACABzBXsFfQWFBYoFigWKBZEFigWKBYoFmAWfBaYFrgWxBbkFCAAIAAgACAAIAAgACAAIAAgACAAIAMEFCAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAMgFCADQBQgACAAIAAgACAAIAAgACAAIAAgACAAIAO4CCAAIAAgAiQAIAAgACABAAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAD0AggACAD8AggACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIANYFCAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAMDvwAIAAgAJAIIAAgACAAIAAgACAAIAAgACwMTAwgACAB9BOsEGwMjAwgAKwMyAwsFYgE3A/MEPwMIAEUDTQNRAwgAWQOsAGEDCAAIAAgACAAIAAgACABpAzQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFIQUoBSwFCAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACABtAwgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACABMAEwACAAIAAgACAAIABgACAAIAAgACAC/AAgACAAyAQgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACACAAIAAwAAgACAAIAAgACAAIAAgACAAIAAAARABIAAgACAAIABQASAAIAAgAIABwAEAAjgCIABsAqAC2AL0AigDQAtwC+IJIQqVAZUBWQqVAZUBlQGVAZUBlQGrC5UBlQGVAZUBlQGVAZUBlQGVAXsKlQGVAbAK6wsrDGUMpQzlDJUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAfAKAAuZA64AtwCJALoC6ADwAAgAuACgA/oEpgO6AqsD+AAIAAgAswMIAAgACAAIAIkAuwP5AfsBwwPLAwgACAAIAAgACADRA9kDCAAIAOED6QMIAAgACAAIAAgACADuA/YDCAAIAP4DyQAIAAgABgQIAAgAXQAOBAgACAAIAAgACAAIABMECAAIAAgACAAIAAgACAD8AAQBCAAIAAgAGgQiBCoECAExBAgAEAEIAAgACAAIAAgACAAIAAgACAAIAAgACAA4BAgACABABEYECAAIAAgATAQYAQgAVAQIAAgACAAIAAgACAAIAAgACAAIAFoECAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgAOQEIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAB+BAcACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAEABhgSMBAgACAAIAAgAlAQIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAwAEAAQABAADAAMAAwADAAQABAAEAAQABAAEAAQABHATAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgAdQMIAAgACAAIAAgACAAIAMkACAAIAAgAfQMIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACACFA4kDCAAIAAgACAAIAOcBCAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAIcDCAAIAAgACAAIAAgACAAIAAgACAAIAJEDCAAIAAgACADFAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACABgBAgAZgQIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgAbAQCBXIECAAIAHkECAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACABAAJwEQACjBKoEsgQIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAC6BMIECAAIAAgACAAIAAgACABmBAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgAxwQIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAGYECAAIAAgAzgQIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgAigWKBYoFigWKBYoFigWKBd0FXwUIAOIF6gXxBYoF3gT5BQAGCAaKBYoFigWKBYoFigWKBYoFigWKBYoFigXWBIoFigWKBYoFigWKBYoFigWKBYsFEAaKBYoFigWKBYoFigWKBRQGCACKBYoFigWKBQgACAAIANEECAAIABgGigUgBggAJgYIAC4GMwaKBYoF0wQ3Bj4GigWKBYoFigWKBYoFigWKBYoFigWKBYoFigUIAAgACAAIAAgACAAIAAgAigWKBYoFigWKBYoFigWKBYoFigWKBYoFigWKBYoFigWKBYoFigWKBYoFigWKBYoFigWKBYoFigWKBYoFigWLBf///////wQABAAEAAQABAAEAAQABAAEAAQAAwAEAAQAAgAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAAAAAAAAAAAAAAAAAAAAAAAAAOAAAAAAAAAAQADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUABQAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAAAUAAAAFAAUAAAAFAAUAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAEAAQABAAEAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUABQAFAAUABQAFAAUABQAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUABQAFAAUAAQAAAAUABQAFAAUABQAFAAAAAAAFAAUAAAAFAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAUABQAFAAUABQAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAUABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAFAAUAAQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABwAFAAUABQAFAAAABwAHAAcAAAAHAAcABwAFAAEAAAAAAAAAAAAAAAAAAAAAAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHAAcABwAFAAUABQAFAAcABwAFAAUAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHAAAAAQABAAAAAAAAAAAAAAAFAAUABQAFAAAABwAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAHAAcABwAHAAcAAAAHAAcAAAAAAAUABQAHAAUAAQAHAAEABwAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUABQAFAAUABwABAAUABQAFAAUAAAAAAAAAAAAAAAEAAQABAAEAAQABAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABwAFAAUAAAAAAAAAAAAAAAAABQAFAAUABQAFAAUAAQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQABQANAAQABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQABAAEAAQABAAEAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAEAAQABAAEAAQABAAEAAQABAAEAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAQABAAEAAQABAAEAAQABAAAAAAAAAAAAAAAAAAAAAAABQAHAAUABQAFAAAAAAAAAAcABQAFAAUABQAFAAQABAAEAAQABAAEAAQABAAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUAAAAFAAUABQAFAAUAAAAFAAUABQAAAAUABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAAAAAAAAAAAAUABQAFAAcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAHAAUAAAAHAAcABwAFAAUABQAFAAUABQAFAAUABwAHAAcABwAFAAcABwAAAAUABQAFAAUABQAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABwAHAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAUABwAHAAUABQAFAAUAAAAAAAcABwAAAAAABwAHAAUAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAAABQAFAAcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAABwAHAAcABQAFAAAAAAAAAAAABQAFAAAAAAAFAAUABQAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAABwAFAAUABQAFAAUAAAAFAAUABwAAAAcABwAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUAAAAFAAUABwAFAAUABQAFAAAAAAAHAAcAAAAAAAcABwAFAAAAAAAAAAAAAAAAAAAABQAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAcABwAAAAAAAAAHAAcABwAAAAcABwAHAAUAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAAAAAAAAAAAAAAAAAAABQAHAAcABwAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABwAHAAcABwAAAAUABQAFAAAABQAFAAUABQAAAAAAAAAAAAAAAAAAAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAcABQAHAAcABQAHAAcAAAAFAAcABwAAAAcABwAFAAUAAAAAAAAAAAAAAAAAAAAFAAUAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAcABwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAAAAUABwAAAAAAAAAAAAAAAAAAAAAAAAAAAAUAAAAAAAAAAAAFAAcABwAFAAUABQAAAAUAAAAHAAcABwAHAAcABwAHAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUAAAAHAAUABQAFAAUABQAFAAUAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAABwAFAAUABQAFAAUABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUABQAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAUAAAAFAAAAAAAAAAAABwAHAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABwAFAAUABQAFAAUAAAAFAAUAAAAAAAAAAAAAAAUABQAFAAUABQAFAAUABQAFAAUABQAAAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUABwAFAAUABQAFAAUABQAAAAUABQAHAAcABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHAAcABQAFAAAAAAAAAAAABQAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAcABQAFAAAAAAAAAAAAAAAAAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAHAAUABQAFAAUABQAFAAUABwAHAAcABwAHAAcABwAHAAUABwAHAAUABQAFAAUABQAFAAUABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUABwAHAAcABwAFAAUABwAHAAcAAAAAAAAAAAAHAAcABQAHAAcABwAHAAcABwAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAcABwAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcABQAHAAUABQAFAAUABQAFAAUAAAAFAAAABQAAAAAABQAFAAUABQAFAAUABQAFAAcABwAHAAcABwAHAAUABQAFAAUABQAFAAUABQAFAAUAAAAAAAUABQAFAAUABQAHAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUABQAFAAUABwAFAAcABwAHAAcABwAFAAcABwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAUABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHAAUABQAFAAUABwAHAAUABQAHAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAcABQAFAAcABwAHAAUABwAFAAUABQAHAAcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABwAHAAcABwAHAAcABwAHAAUABQAFAAUABQAFAAUABQAHAAcABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUAAAAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAcABQAFAAUABQAFAAUABQAAAAAAAAAAAAUAAAAAAAAAAAAAAAAABQAAAAAABwAFAAUAAAAAAAAAAAAAAAAABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAAABQAFAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUABQAFAAUADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUAAAAFAAUABQAFAAUABQAFAAUABQAFAAAAAAAAAAAABQAAAAAAAAAFAAAAAAAAAAAABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABwAHAAUABQAHAAAAAAAAAAAABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcABwAHAAcABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUAAAAAAAAAAAAAAAAABQAFAAUABQAFAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUABQAFAAUABQAFAAUABQAHAAcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAcABwAFAAUABQAFAAcABwAFAAUABwAHAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUABQAFAAcABwAFAAUABwAHAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAFAAcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUAAAAFAAUABQAAAAAABQAFAAAAAAAAAAAAAAAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcABQAFAAcABwAAAAAAAAAAAAAABwAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcABwAFAAcABwAFAAcABwAAAAcABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUABQAAAAAAAAAAAAAAAAAFAAUABQAAAAUABQAAAAAAAAAAAAAABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAAAAAAAAAAAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcABQAHAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAUABwAFAAUABQAFAAUABQAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABwAHAAcABQAFAAUABQAFAAUABQAFAAUABwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHAAcABwAFAAUABQAHAAcABQAHAAUABQAAAAAAAAAAAAAAAAAFAAAABwAHAAcABQAFAAUABQAFAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABwAHAAcABwAAAAAABwAHAAAAAAAHAAcABwAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAABwAHAAAAAAAFAAUABQAFAAUABQAFAAAAAAAAAAUABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHAAcABwAFAAUABQAFAAUABQAFAAUABwAHAAUABQAFAAcABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAHAAcABQAFAAUABQAFAAUABwAFAAcABwAFAAcABQAFAAcABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAHAAcABQAFAAUABQAAAAAABwAHAAcABwAFAAUABwAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcABwAHAAUABQAFAAUABQAFAAUABQAHAAcABQAHAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABwAFAAcABwAFAAUABQAFAAUABQAHAAUAAAAAAAAAAAAAAAAAAAAAAAcABwAFAAUABQAFAAcABQAFAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHAAcABwAFAAUABQAFAAUABQAFAAUABQAHAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHAAcABwAFAAUABQAFAAAAAAAFAAUABwAHAAcABwAFAAAAAAAAAAcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAUABQAFAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUABQAFAAUABwAHAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcABQAFAAUABQAFAAUABQAAAAUABQAFAAUABQAFAAcABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAAAHAAUABQAFAAUABQAFAAUABwAFAAUABwAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUABQAFAAUAAAAAAAAABQAAAAUABQAAAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAHAAcABwAHAAcAAAAFAAUAAAAHAAcABQAHAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABwAHAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAAAAAAAAAAAAAAAAAAABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcABwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAAAAUABQAFAAAAAAAFAAUABQAFAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAAAAAAAAAAABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUABQAAAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUABQAFAAUABQAAAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAAAAABQAFAAUABQAFAAUABQAAAAUABQAAAAUABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAFAAUABQAFAAUADgAOAA4ADgAOAA4ADwAPAA8ADwAPAA8ADwAPAA8ADwAPAA8ADwAPAA8ADwAPAA8ADwAPAA8ADwAPAA8ADwAPAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcABwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABwAHAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAAAAAAAAAkACQAJAAkACQAJAAkACQAJAAkACQAJAAkACQAJAAkACQAJAAkACQAJAAkACQAJAAkACQAJAAkACQAJAAkACQAKAAoACgAKAAoACgAKAAoACgAKAAoACgAKAAoACgAKAAoACgAKAAoACgAKAAoACgAMAAwADAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAkACQAJAAkACQAJAAkACQAJAAkACQAJAAkACQAJAAkACQAJAAkAAAAAAAAAAAAKAAoACgAKAAoACgAKAAoACgAKAAoACgAKAAoACgAKAAoACgAKAAoACgAKAAoACgAKAAoACgAKAAoACgAKAAoACgAAAAAAAAAAAAsADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwACwAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAAAAAADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAA4ADgAOAA4ADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4ADgAAAAAAAAAAAAAAAAAAAAAADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAOAA4ADgAOAA4ADgAOAA4ADgAOAAAAAAAAAAAADgAOAA4AAAAAAAAAAAAAAAAAAAAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAOAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAAAAAAAAAAAAAAAAAAAAAAAAAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAOAA4ADgAAAA4ADgAOAA4ADgAOAAAADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4AAAAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4AAAAAAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAAAA4AAAAOAAAAAAAAAAAAAAAAAA4AAAAAAAAAAAAAAAAADgAAAAAAAAAAAAAAAAAAAAAAAAAAAA4ADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAAAAAADgAAAAAAAAAAAA4AAAAOAAAAAAAAAAAADgAOAA4AAAAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAA4ADgAOAA4AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAA4ADgAAAAAAAAAAAAAAAAAAAAAAAAAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAA4AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4ADgAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAAAAAAAAAAAA4AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAAAADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAA4ADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4ADgAOAA4ADgAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4ADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAAAAAADgAOAA4ADgAOAA4ADgAOAA4ADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAAAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4AAAAAAA4ADgAOAA4ADgAOAA4ADgAOAAAADgAOAA4ADgAAAAAAAAAAAAAAAAAAAAAAAAAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4AAAAAAAAAAAAAAAAADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAA4ADgAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAOAA4ADgAOAA4ADgAOAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAOAA4ADgAOAA4AAAAAAAAAAAAAAAAAAAAAAA4ADgAOAA4ADgAOAA4ADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4AAAAOAA4ADgAOAA4ADgAAAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4AAAAAAAAAAAA=';
+      var base64 =
+        "AAAAAAAAAAAAEA4AGBkAAFAaAAACAAAAAAAIABAAGAAwADgACAAQAAgAEAAIABAACAAQAAgAEAAIABAACAAQAAgAEAAIABAAQABIAEQATAAIABAACAAQAAgAEAAIABAAVABcAAgAEAAIABAACAAQAGAAaABwAHgAgACIAI4AlgAIABAAmwCjAKgAsAC2AL4AvQDFAMoA0gBPAVYBWgEIAAgACACMANoAYgFkAWwBdAF8AX0BhQGNAZUBlgGeAaMBlQGWAasBswF8AbsBwwF0AcsBYwHTAQgA2wG/AOMBdAF8AekB8QF0AfkB+wHiAHQBfAEIAAMC5gQIAAsCEgIIAAgAFgIeAggAIgIpAggAMQI5AkACygEIAAgASAJQAlgCYAIIAAgACAAKBQoFCgUTBRMFGQUrBSsFCAAIAAgACAAIAAgACAAIAAgACABdAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACABoAmgCrwGvAQgAbgJ2AggAHgEIAAgACADnAXsCCAAIAAgAgwIIAAgACAAIAAgACACKAggAkQKZAggAPADJAAgAoQKkAqwCsgK6AsICCADJAggA0AIIAAgACAAIANYC3gIIAAgACAAIAAgACABAAOYCCAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAkASoB+QIEAAgACAA8AEMCCABCBQgACABJBVAFCAAIAAgACAAIAAgACAAIAAgACABTBVoFCAAIAFoFCABfBWUFCAAIAAgACAAIAAgAbQUIAAgACAAIAAgACABzBXsFfQWFBYoFigWKBZEFigWKBYoFmAWfBaYFrgWxBbkFCAAIAAgACAAIAAgACAAIAAgACAAIAMEFCAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAMgFCADQBQgACAAIAAgACAAIAAgACAAIAAgACAAIAO4CCAAIAAgAiQAIAAgACABAAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAD0AggACAD8AggACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIANYFCAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAMDvwAIAAgAJAIIAAgACAAIAAgACAAIAAgACwMTAwgACAB9BOsEGwMjAwgAKwMyAwsFYgE3A/MEPwMIAEUDTQNRAwgAWQOsAGEDCAAIAAgACAAIAAgACABpAzQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFIQUoBSwFCAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACABtAwgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACABMAEwACAAIAAgACAAIABgACAAIAAgACAC/AAgACAAyAQgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACACAAIAAwAAgACAAIAAgACAAIAAgACAAIAAAARABIAAgACAAIABQASAAIAAgAIABwAEAAjgCIABsAqAC2AL0AigDQAtwC+IJIQqVAZUBWQqVAZUBlQGVAZUBlQGrC5UBlQGVAZUBlQGVAZUBlQGVAXsKlQGVAbAK6wsrDGUMpQzlDJUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAfAKAAuZA64AtwCJALoC6ADwAAgAuACgA/oEpgO6AqsD+AAIAAgAswMIAAgACAAIAIkAuwP5AfsBwwPLAwgACAAIAAgACADRA9kDCAAIAOED6QMIAAgACAAIAAgACADuA/YDCAAIAP4DyQAIAAgABgQIAAgAXQAOBAgACAAIAAgACAAIABMECAAIAAgACAAIAAgACAD8AAQBCAAIAAgAGgQiBCoECAExBAgAEAEIAAgACAAIAAgACAAIAAgACAAIAAgACAA4BAgACABABEYECAAIAAgATAQYAQgAVAQIAAgACAAIAAgACAAIAAgACAAIAFoECAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgAOQEIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAB+BAcACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAEABhgSMBAgACAAIAAgAlAQIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAwAEAAQABAADAAMAAwADAAQABAAEAAQABAAEAAQABHATAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgAdQMIAAgACAAIAAgACAAIAMkACAAIAAgAfQMIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACACFA4kDCAAIAAgACAAIAOcBCAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAIcDCAAIAAgACAAIAAgACAAIAAgACAAIAJEDCAAIAAgACADFAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACABgBAgAZgQIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgAbAQCBXIECAAIAHkECAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACABAAJwEQACjBKoEsgQIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAC6BMIECAAIAAgACAAIAAgACABmBAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgAxwQIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAGYECAAIAAgAzgQIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgAigWKBYoFigWKBYoFigWKBd0FXwUIAOIF6gXxBYoF3gT5BQAGCAaKBYoFigWKBYoFigWKBYoFigWKBYoFigXWBIoFigWKBYoFigWKBYoFigWKBYsFEAaKBYoFigWKBYoFigWKBRQGCACKBYoFigWKBQgACAAIANEECAAIABgGigUgBggAJgYIAC4GMwaKBYoF0wQ3Bj4GigWKBYoFigWKBYoFigWKBYoFigWKBYoFigUIAAgACAAIAAgACAAIAAgAigWKBYoFigWKBYoFigWKBYoFigWKBYoFigWKBYoFigWKBYoFigWKBYoFigWKBYoFigWKBYoFigWKBYoFigWLBf///////wQABAAEAAQABAAEAAQABAAEAAQAAwAEAAQAAgAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAAAAAAAAAAAAAAAAAAAAAAAAAOAAAAAAAAAAQADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUABQAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAAAUAAAAFAAUAAAAFAAUAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAEAAQABAAEAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUABQAFAAUABQAFAAUABQAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUABQAFAAUAAQAAAAUABQAFAAUABQAFAAAAAAAFAAUAAAAFAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAUABQAFAAUABQAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAUABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAFAAUAAQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABwAFAAUABQAFAAAABwAHAAcAAAAHAAcABwAFAAEAAAAAAAAAAAAAAAAAAAAAAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHAAcABwAFAAUABQAFAAcABwAFAAUAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHAAAAAQABAAAAAAAAAAAAAAAFAAUABQAFAAAABwAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAHAAcABwAHAAcAAAAHAAcAAAAAAAUABQAHAAUAAQAHAAEABwAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUABQAFAAUABwABAAUABQAFAAUAAAAAAAAAAAAAAAEAAQABAAEAAQABAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABwAFAAUAAAAAAAAAAAAAAAAABQAFAAUABQAFAAUAAQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQABQANAAQABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQABAAEAAQABAAEAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAEAAQABAAEAAQABAAEAAQABAAEAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAQABAAEAAQABAAEAAQABAAAAAAAAAAAAAAAAAAAAAAABQAHAAUABQAFAAAAAAAAAAcABQAFAAUABQAFAAQABAAEAAQABAAEAAQABAAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUAAAAFAAUABQAFAAUAAAAFAAUABQAAAAUABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAAAAAAAAAAAAUABQAFAAcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAHAAUAAAAHAAcABwAFAAUABQAFAAUABQAFAAUABwAHAAcABwAFAAcABwAAAAUABQAFAAUABQAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABwAHAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAUABwAHAAUABQAFAAUAAAAAAAcABwAAAAAABwAHAAUAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAAABQAFAAcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAABwAHAAcABQAFAAAAAAAAAAAABQAFAAAAAAAFAAUABQAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAABwAFAAUABQAFAAUAAAAFAAUABwAAAAcABwAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUAAAAFAAUABwAFAAUABQAFAAAAAAAHAAcAAAAAAAcABwAFAAAAAAAAAAAAAAAAAAAABQAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAcABwAAAAAAAAAHAAcABwAAAAcABwAHAAUAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAAAAAAAAAAAAAAAAAAABQAHAAcABwAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABwAHAAcABwAAAAUABQAFAAAABQAFAAUABQAAAAAAAAAAAAAAAAAAAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAcABQAHAAcABQAHAAcAAAAFAAcABwAAAAcABwAFAAUAAAAAAAAAAAAAAAAAAAAFAAUAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAcABwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAAAAUABwAAAAAAAAAAAAAAAAAAAAAAAAAAAAUAAAAAAAAAAAAFAAcABwAFAAUABQAAAAUAAAAHAAcABwAHAAcABwAHAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUAAAAHAAUABQAFAAUABQAFAAUAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAABwAFAAUABQAFAAUABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUABQAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAUAAAAFAAAAAAAAAAAABwAHAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABwAFAAUABQAFAAUAAAAFAAUAAAAAAAAAAAAAAAUABQAFAAUABQAFAAUABQAFAAUABQAAAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUABwAFAAUABQAFAAUABQAAAAUABQAHAAcABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHAAcABQAFAAAAAAAAAAAABQAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAcABQAFAAAAAAAAAAAAAAAAAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAHAAUABQAFAAUABQAFAAUABwAHAAcABwAHAAcABwAHAAUABwAHAAUABQAFAAUABQAFAAUABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUABwAHAAcABwAFAAUABwAHAAcAAAAAAAAAAAAHAAcABQAHAAcABwAHAAcABwAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAcABwAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcABQAHAAUABQAFAAUABQAFAAUAAAAFAAAABQAAAAAABQAFAAUABQAFAAUABQAFAAcABwAHAAcABwAHAAUABQAFAAUABQAFAAUABQAFAAUAAAAAAAUABQAFAAUABQAHAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUABQAFAAUABwAFAAcABwAHAAcABwAFAAcABwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAUABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHAAUABQAFAAUABwAHAAUABQAHAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAcABQAFAAcABwAHAAUABwAFAAUABQAHAAcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABwAHAAcABwAHAAcABwAHAAUABQAFAAUABQAFAAUABQAHAAcABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUAAAAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAcABQAFAAUABQAFAAUABQAAAAAAAAAAAAUAAAAAAAAAAAAAAAAABQAAAAAABwAFAAUAAAAAAAAAAAAAAAAABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAAABQAFAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUABQAFAAUADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUAAAAFAAUABQAFAAUABQAFAAUABQAFAAAAAAAAAAAABQAAAAAAAAAFAAAAAAAAAAAABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABwAHAAUABQAHAAAAAAAAAAAABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcABwAHAAcABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUAAAAAAAAAAAAAAAAABQAFAAUABQAFAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUABQAFAAUABQAFAAUABQAHAAcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAcABwAFAAUABQAFAAcABwAFAAUABwAHAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUABQAFAAcABwAFAAUABwAHAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAFAAcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUAAAAFAAUABQAAAAAABQAFAAAAAAAAAAAAAAAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcABQAFAAcABwAAAAAAAAAAAAAABwAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcABwAFAAcABwAFAAcABwAAAAcABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUABQAAAAAAAAAAAAAAAAAFAAUABQAAAAUABQAAAAAAAAAAAAAABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAAAAAAAAAAAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcABQAHAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAUABwAFAAUABQAFAAUABQAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABwAHAAcABQAFAAUABQAFAAUABQAFAAUABwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHAAcABwAFAAUABQAHAAcABQAHAAUABQAAAAAAAAAAAAAAAAAFAAAABwAHAAcABQAFAAUABQAFAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABwAHAAcABwAAAAAABwAHAAAAAAAHAAcABwAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAABwAHAAAAAAAFAAUABQAFAAUABQAFAAAAAAAAAAUABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHAAcABwAFAAUABQAFAAUABQAFAAUABwAHAAUABQAFAAcABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAHAAcABQAFAAUABQAFAAUABwAFAAcABwAFAAcABQAFAAcABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAHAAcABQAFAAUABQAAAAAABwAHAAcABwAFAAUABwAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcABwAHAAUABQAFAAUABQAFAAUABQAHAAcABQAHAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABwAFAAcABwAFAAUABQAFAAUABQAHAAUAAAAAAAAAAAAAAAAAAAAAAAcABwAFAAUABQAFAAcABQAFAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHAAcABwAFAAUABQAFAAUABQAFAAUABQAHAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHAAcABwAFAAUABQAFAAAAAAAFAAUABwAHAAcABwAFAAAAAAAAAAcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAUABQAFAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUABQAFAAUABwAHAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcABQAFAAUABQAFAAUABQAAAAUABQAFAAUABQAFAAcABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAAAHAAUABQAFAAUABQAFAAUABwAFAAUABwAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUABQAFAAUAAAAAAAAABQAAAAUABQAAAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAHAAcABwAHAAcAAAAFAAUAAAAHAAcABQAHAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABwAHAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAAAAAAAAAAAAAAAAAAABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcABwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAAAAUABQAFAAAAAAAFAAUABQAFAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAAAAAAAAAAABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUABQAAAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUABQAFAAUABQAAAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAAAAABQAFAAUABQAFAAUABQAAAAUABQAAAAUABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAFAAUABQAFAAUADgAOAA4ADgAOAA4ADwAPAA8ADwAPAA8ADwAPAA8ADwAPAA8ADwAPAA8ADwAPAA8ADwAPAA8ADwAPAA8ADwAPAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcABwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABwAHAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAAAAAAAAAkACQAJAAkACQAJAAkACQAJAAkACQAJAAkACQAJAAkACQAJAAkACQAJAAkACQAJAAkACQAJAAkACQAJAAkACQAKAAoACgAKAAoACgAKAAoACgAKAAoACgAKAAoACgAKAAoACgAKAAoACgAKAAoACgAMAAwADAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAkACQAJAAkACQAJAAkACQAJAAkACQAJAAkACQAJAAkACQAJAAkAAAAAAAAAAAAKAAoACgAKAAoACgAKAAoACgAKAAoACgAKAAoACgAKAAoACgAKAAoACgAKAAoACgAKAAoACgAKAAoACgAKAAoACgAAAAAAAAAAAAsADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwACwAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAAAAAADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAA4ADgAOAA4ADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4ADgAAAAAAAAAAAAAAAAAAAAAADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAOAA4ADgAOAA4ADgAOAA4ADgAOAAAAAAAAAAAADgAOAA4AAAAAAAAAAAAAAAAAAAAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAOAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAAAAAAAAAAAAAAAAAAAAAAAAAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAOAA4ADgAAAA4ADgAOAA4ADgAOAAAADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4AAAAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4AAAAAAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAAAA4AAAAOAAAAAAAAAAAAAAAAAA4AAAAAAAAAAAAAAAAADgAAAAAAAAAAAAAAAAAAAAAAAAAAAA4ADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAAAAAADgAAAAAAAAAAAA4AAAAOAAAAAAAAAAAADgAOAA4AAAAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAA4ADgAOAA4AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAA4ADgAAAAAAAAAAAAAAAAAAAAAAAAAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAA4AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4ADgAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAAAAAAAAAAAA4AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAAAADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAA4ADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4ADgAOAA4ADgAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4ADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAAAAAADgAOAA4ADgAOAA4ADgAOAA4ADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAAAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4AAAAAAA4ADgAOAA4ADgAOAA4ADgAOAAAADgAOAA4ADgAAAAAAAAAAAAAAAAAAAAAAAAAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4AAAAAAAAAAAAAAAAADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAA4ADgAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAOAA4ADgAOAA4ADgAOAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAOAA4ADgAOAA4AAAAAAAAAAAAAAAAAAAAAAA4ADgAOAA4ADgAOAA4ADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4AAAAOAA4ADgAOAA4ADgAAAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4AAAAAAAAAAAA=";
 
       /*
        * utrie 1.0.2 <https://github.com/niklasvh/utrie>
        * Copyright (c) 2022 Niklas von Hertzen <https://hertzen.com>
        * Released under MIT License
        */
-      var chars$1 = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/';
+      var chars$1 =
+        "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";
       // Use a lookup table to find the index.
-      var lookup$1 = typeof Uint8Array === 'undefined' ? [] : new Uint8Array(256);
+      var lookup$1 =
+        typeof Uint8Array === "undefined" ? [] : new Uint8Array(256);
       for (var i$1 = 0; i$1 < chars$1.length; i$1++) {
-          lookup$1[chars$1.charCodeAt(i$1)] = i$1;
+        lookup$1[chars$1.charCodeAt(i$1)] = i$1;
       }
       var decode = function (base64) {
-          var bufferLength = base64.length * 0.75, len = base64.length, i, p = 0, encoded1, encoded2, encoded3, encoded4;
-          if (base64[base64.length - 1] === '=') {
-              bufferLength--;
-              if (base64[base64.length - 2] === '=') {
-                  bufferLength--;
-              }
+        var bufferLength = base64.length * 0.75,
+          len = base64.length,
+          i,
+          p = 0,
+          encoded1,
+          encoded2,
+          encoded3,
+          encoded4;
+        if (base64[base64.length - 1] === "=") {
+          bufferLength--;
+          if (base64[base64.length - 2] === "=") {
+            bufferLength--;
           }
-          var buffer = typeof ArrayBuffer !== 'undefined' &&
-              typeof Uint8Array !== 'undefined' &&
-              typeof Uint8Array.prototype.slice !== 'undefined'
-              ? new ArrayBuffer(bufferLength)
-              : new Array(bufferLength);
-          var bytes = Array.isArray(buffer) ? buffer : new Uint8Array(buffer);
-          for (i = 0; i < len; i += 4) {
-              encoded1 = lookup$1[base64.charCodeAt(i)];
-              encoded2 = lookup$1[base64.charCodeAt(i + 1)];
-              encoded3 = lookup$1[base64.charCodeAt(i + 2)];
-              encoded4 = lookup$1[base64.charCodeAt(i + 3)];
-              bytes[p++] = (encoded1 << 2) | (encoded2 >> 4);
-              bytes[p++] = ((encoded2 & 15) << 4) | (encoded3 >> 2);
-              bytes[p++] = ((encoded3 & 3) << 6) | (encoded4 & 63);
-          }
-          return buffer;
+        }
+        var buffer =
+          typeof ArrayBuffer !== "undefined" &&
+          typeof Uint8Array !== "undefined" &&
+          typeof Uint8Array.prototype.slice !== "undefined"
+            ? new ArrayBuffer(bufferLength)
+            : new Array(bufferLength);
+        var bytes = Array.isArray(buffer) ? buffer : new Uint8Array(buffer);
+        for (i = 0; i < len; i += 4) {
+          encoded1 = lookup$1[base64.charCodeAt(i)];
+          encoded2 = lookup$1[base64.charCodeAt(i + 1)];
+          encoded3 = lookup$1[base64.charCodeAt(i + 2)];
+          encoded4 = lookup$1[base64.charCodeAt(i + 3)];
+          bytes[p++] = (encoded1 << 2) | (encoded2 >> 4);
+          bytes[p++] = ((encoded2 & 15) << 4) | (encoded3 >> 2);
+          bytes[p++] = ((encoded3 & 3) << 6) | (encoded4 & 63);
+        }
+        return buffer;
       };
       var polyUint16Array = function (buffer) {
-          var length = buffer.length;
-          var bytes = [];
-          for (var i = 0; i < length; i += 2) {
-              bytes.push((buffer[i + 1] << 8) | buffer[i]);
-          }
-          return bytes;
+        var length = buffer.length;
+        var bytes = [];
+        for (var i = 0; i < length; i += 2) {
+          bytes.push((buffer[i + 1] << 8) | buffer[i]);
+        }
+        return bytes;
       };
       var polyUint32Array = function (buffer) {
-          var length = buffer.length;
-          var bytes = [];
-          for (var i = 0; i < length; i += 4) {
-              bytes.push((buffer[i + 3] << 24) | (buffer[i + 2] << 16) | (buffer[i + 1] << 8) | buffer[i]);
-          }
-          return bytes;
+        var length = buffer.length;
+        var bytes = [];
+        for (var i = 0; i < length; i += 4) {
+          bytes.push(
+            (buffer[i + 3] << 24) |
+              (buffer[i + 2] << 16) |
+              (buffer[i + 1] << 8) |
+              buffer[i],
+          );
+        }
+        return bytes;
       };
 
       /** Shift size for getting the index-2 table offset. */
@@ -5899,13 +6946,15 @@
       var UTRIE2_DATA_MASK = UTRIE2_DATA_BLOCK_LENGTH - 1;
       var UTRIE2_LSCP_INDEX_2_LENGTH = 0x400 >> UTRIE2_SHIFT_2;
       /** Count the lengths of both BMP pieces. 2080=0x820 */
-      var UTRIE2_INDEX_2_BMP_LENGTH = UTRIE2_LSCP_INDEX_2_OFFSET + UTRIE2_LSCP_INDEX_2_LENGTH;
+      var UTRIE2_INDEX_2_BMP_LENGTH =
+        UTRIE2_LSCP_INDEX_2_OFFSET + UTRIE2_LSCP_INDEX_2_LENGTH;
       /**
        * The 2-byte UTF-8 version of the index-2 table follows at offset 2080=0x820.
        * Length 32=0x20 for lead bytes C0..DF, regardless of UTRIE2_SHIFT_2.
        */
       var UTRIE2_UTF8_2B_INDEX_2_OFFSET = UTRIE2_INDEX_2_BMP_LENGTH;
-      var UTRIE2_UTF8_2B_INDEX_2_LENGTH = 0x800 >> 6; /* U+0800 is the first code point after 2-byte UTF-8 */
+      var UTRIE2_UTF8_2B_INDEX_2_LENGTH =
+        0x800 >> 6; /* U+0800 is the first code point after 2-byte UTF-8 */
       /**
        * The index-1 table, only used for supplementary code points, at offset 2112=0x840.
        * Variable length, for code points up to highStart, where the last single-value range starts.
@@ -5918,7 +6967,8 @@
        * Both the index-1 table and the following part of the index-2 table
        * are omitted completely if there is only BMP data.
        */
-      var UTRIE2_INDEX_1_OFFSET = UTRIE2_UTF8_2B_INDEX_2_OFFSET + UTRIE2_UTF8_2B_INDEX_2_LENGTH;
+      var UTRIE2_INDEX_1_OFFSET =
+        UTRIE2_UTF8_2B_INDEX_2_OFFSET + UTRIE2_UTF8_2B_INDEX_2_LENGTH;
       /**
        * Number of index-1 entries for the BMP. 32=0x20
        * This part of the index-1 table is omitted from the serialized form.
@@ -5929,94 +6979,124 @@
       /** Mask for getting the lower bits for the in-index-2-block offset. */
       var UTRIE2_INDEX_2_MASK = UTRIE2_INDEX_2_BLOCK_LENGTH - 1;
       var slice16 = function (view, start, end) {
-          if (view.slice) {
-              return view.slice(start, end);
-          }
-          return new Uint16Array(Array.prototype.slice.call(view, start, end));
+        if (view.slice) {
+          return view.slice(start, end);
+        }
+        return new Uint16Array(Array.prototype.slice.call(view, start, end));
       };
       var slice32 = function (view, start, end) {
-          if (view.slice) {
-              return view.slice(start, end);
-          }
-          return new Uint32Array(Array.prototype.slice.call(view, start, end));
+        if (view.slice) {
+          return view.slice(start, end);
+        }
+        return new Uint32Array(Array.prototype.slice.call(view, start, end));
       };
       var createTrieFromBase64 = function (base64, _byteLength) {
-          var buffer = decode(base64);
-          var view32 = Array.isArray(buffer) ? polyUint32Array(buffer) : new Uint32Array(buffer);
-          var view16 = Array.isArray(buffer) ? polyUint16Array(buffer) : new Uint16Array(buffer);
-          var headerLength = 24;
-          var index = slice16(view16, headerLength / 2, view32[4] / 2);
-          var data = view32[5] === 2
-              ? slice16(view16, (headerLength + view32[4]) / 2)
-              : slice32(view32, Math.ceil((headerLength + view32[4]) / 4));
-          return new Trie(view32[0], view32[1], view32[2], view32[3], index, data);
+        var buffer = decode(base64);
+        var view32 = Array.isArray(buffer)
+          ? polyUint32Array(buffer)
+          : new Uint32Array(buffer);
+        var view16 = Array.isArray(buffer)
+          ? polyUint16Array(buffer)
+          : new Uint16Array(buffer);
+        var headerLength = 24;
+        var index = slice16(view16, headerLength / 2, view32[4] / 2);
+        var data =
+          view32[5] === 2
+            ? slice16(view16, (headerLength + view32[4]) / 2)
+            : slice32(view32, Math.ceil((headerLength + view32[4]) / 4));
+        return new Trie(
+          view32[0],
+          view32[1],
+          view32[2],
+          view32[3],
+          index,
+          data,
+        );
       };
       var Trie = /** @class */ (function () {
-          function Trie(initialValue, errorValue, highStart, highValueIndex, index, data) {
-              this.initialValue = initialValue;
-              this.errorValue = errorValue;
-              this.highStart = highStart;
-              this.highValueIndex = highValueIndex;
-              this.index = index;
-              this.data = data;
-          }
-          /**
-           * Get the value for a code point as stored in the Trie.
-           *
-           * @param codePoint the code point
-           * @return the value
-           */
-          Trie.prototype.get = function (codePoint) {
-              var ix;
-              if (codePoint >= 0) {
-                  if (codePoint < 0x0d800 || (codePoint > 0x0dbff && codePoint <= 0x0ffff)) {
-                      // Ordinary BMP code point, excluding leading surrogates.
-                      // BMP uses a single level lookup.  BMP index starts at offset 0 in the Trie2 index.
-                      // 16 bit data is stored in the index array itself.
-                      ix = this.index[codePoint >> UTRIE2_SHIFT_2];
-                      ix = (ix << UTRIE2_INDEX_SHIFT) + (codePoint & UTRIE2_DATA_MASK);
-                      return this.data[ix];
-                  }
-                  if (codePoint <= 0xffff) {
-                      // Lead Surrogate Code Point.  A Separate index section is stored for
-                      // lead surrogate code units and code points.
-                      //   The main index has the code unit data.
-                      //   For this function, we need the code point data.
-                      // Note: this expression could be refactored for slightly improved efficiency, but
-                      //       surrogate code points will be so rare in practice that it's not worth it.
-                      ix = this.index[UTRIE2_LSCP_INDEX_2_OFFSET + ((codePoint - 0xd800) >> UTRIE2_SHIFT_2)];
-                      ix = (ix << UTRIE2_INDEX_SHIFT) + (codePoint & UTRIE2_DATA_MASK);
-                      return this.data[ix];
-                  }
-                  if (codePoint < this.highStart) {
-                      // Supplemental code point, use two-level lookup.
-                      ix = UTRIE2_INDEX_1_OFFSET - UTRIE2_OMITTED_BMP_INDEX_1_LENGTH + (codePoint >> UTRIE2_SHIFT_1);
-                      ix = this.index[ix];
-                      ix += (codePoint >> UTRIE2_SHIFT_2) & UTRIE2_INDEX_2_MASK;
-                      ix = this.index[ix];
-                      ix = (ix << UTRIE2_INDEX_SHIFT) + (codePoint & UTRIE2_DATA_MASK);
-                      return this.data[ix];
-                  }
-                  if (codePoint <= 0x10ffff) {
-                      return this.data[this.highValueIndex];
-                  }
-              }
-              // Fall through.  The code point is outside of the legal range of 0..0x10ffff.
-              return this.errorValue;
-          };
-          return Trie;
-      }());
+        function Trie(
+          initialValue,
+          errorValue,
+          highStart,
+          highValueIndex,
+          index,
+          data,
+        ) {
+          this.initialValue = initialValue;
+          this.errorValue = errorValue;
+          this.highStart = highStart;
+          this.highValueIndex = highValueIndex;
+          this.index = index;
+          this.data = data;
+        }
+        /**
+         * Get the value for a code point as stored in the Trie.
+         *
+         * @param codePoint the code point
+         * @return the value
+         */
+        Trie.prototype.get = function (codePoint) {
+          var ix;
+          if (codePoint >= 0) {
+            if (
+              codePoint < 0x0d800 ||
+              (codePoint > 0x0dbff && codePoint <= 0x0ffff)
+            ) {
+              // Ordinary BMP code point, excluding leading surrogates.
+              // BMP uses a single level lookup.  BMP index starts at offset 0 in the Trie2 index.
+              // 16 bit data is stored in the index array itself.
+              ix = this.index[codePoint >> UTRIE2_SHIFT_2];
+              ix = (ix << UTRIE2_INDEX_SHIFT) + (codePoint & UTRIE2_DATA_MASK);
+              return this.data[ix];
+            }
+            if (codePoint <= 0xffff) {
+              // Lead Surrogate Code Point.  A Separate index section is stored for
+              // lead surrogate code units and code points.
+              //   The main index has the code unit data.
+              //   For this function, we need the code point data.
+              // Note: this expression could be refactored for slightly improved efficiency, but
+              //       surrogate code points will be so rare in practice that it's not worth it.
+              ix =
+                this.index[
+                  UTRIE2_LSCP_INDEX_2_OFFSET +
+                    ((codePoint - 0xd800) >> UTRIE2_SHIFT_2)
+                ];
+              ix = (ix << UTRIE2_INDEX_SHIFT) + (codePoint & UTRIE2_DATA_MASK);
+              return this.data[ix];
+            }
+            if (codePoint < this.highStart) {
+              // Supplemental code point, use two-level lookup.
+              ix =
+                UTRIE2_INDEX_1_OFFSET -
+                UTRIE2_OMITTED_BMP_INDEX_1_LENGTH +
+                (codePoint >> UTRIE2_SHIFT_1);
+              ix = this.index[ix];
+              ix += (codePoint >> UTRIE2_SHIFT_2) & UTRIE2_INDEX_2_MASK;
+              ix = this.index[ix];
+              ix = (ix << UTRIE2_INDEX_SHIFT) + (codePoint & UTRIE2_DATA_MASK);
+              return this.data[ix];
+            }
+            if (codePoint <= 0x10ffff) {
+              return this.data[this.highValueIndex];
+            }
+          }
+          // Fall through.  The code point is outside of the legal range of 0..0x10ffff.
+          return this.errorValue;
+        };
+        return Trie;
+      })();
 
       /*
        * base64-arraybuffer 1.0.2 <https://github.com/niklasvh/base64-arraybuffer>
        * Copyright (c) 2022 Niklas von Hertzen <https://hertzen.com>
        * Released under MIT License
        */
-      var chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/';
+      var chars =
+        "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";
       // Use a lookup table to find the index.
-      var lookup = typeof Uint8Array === 'undefined' ? [] : new Uint8Array(256);
+      var lookup = typeof Uint8Array === "undefined" ? [] : new Uint8Array(256);
       for (var i = 0; i < chars.length; i++) {
-          lookup[chars.charCodeAt(i)] = i;
+        lookup[chars.charCodeAt(i)] = i;
       }
 
       var Prepend = 1;
@@ -6034,3799 +7114,5927 @@
       var Extended_Pictographic = 14;
       var RI = 15;
       var toCodePoints = function (str) {
-          var codePoints = [];
-          var i = 0;
-          var length = str.length;
-          while (i < length) {
-              var value = str.charCodeAt(i++);
-              if (value >= 0xd800 && value <= 0xdbff && i < length) {
-                  var extra = str.charCodeAt(i++);
-                  if ((extra & 0xfc00) === 0xdc00) {
-                      codePoints.push(((value & 0x3ff) << 10) + (extra & 0x3ff) + 0x10000);
-                  }
-                  else {
-                      codePoints.push(value);
-                      i--;
-                  }
-              }
-              else {
-                  codePoints.push(value);
-              }
+        var codePoints = [];
+        var i = 0;
+        var length = str.length;
+        while (i < length) {
+          var value = str.charCodeAt(i++);
+          if (value >= 0xd800 && value <= 0xdbff && i < length) {
+            var extra = str.charCodeAt(i++);
+            if ((extra & 0xfc00) === 0xdc00) {
+              codePoints.push(
+                ((value & 0x3ff) << 10) + (extra & 0x3ff) + 0x10000,
+              );
+            } else {
+              codePoints.push(value);
+              i--;
+            }
+          } else {
+            codePoints.push(value);
           }
-          return codePoints;
+        }
+        return codePoints;
       };
       var fromCodePoint = function () {
-          var codePoints = [];
-          for (var _i = 0; _i < arguments.length; _i++) {
-              codePoints[_i] = arguments[_i];
-          }
-          if (String.fromCodePoint) {
-              return String.fromCodePoint.apply(String, codePoints);
-          }
-          var length = codePoints.length;
-          if (!length) {
-              return '';
-          }
-          var codeUnits = [];
-          var index = -1;
-          var result = '';
-          while (++index < length) {
-              var codePoint = codePoints[index];
-              if (codePoint <= 0xffff) {
-                  codeUnits.push(codePoint);
-              }
-              else {
-                  codePoint -= 0x10000;
-                  codeUnits.push((codePoint >> 10) + 0xd800, (codePoint % 0x400) + 0xdc00);
-              }
-              if (index + 1 === length || codeUnits.length > 0x4000) {
-                  result += String.fromCharCode.apply(String, codeUnits);
-                  codeUnits.length = 0;
-              }
+        var codePoints = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+          codePoints[_i] = arguments[_i];
+        }
+        if (String.fromCodePoint) {
+          return String.fromCodePoint.apply(String, codePoints);
+        }
+        var length = codePoints.length;
+        if (!length) {
+          return "";
+        }
+        var codeUnits = [];
+        var index = -1;
+        var result = "";
+        while (++index < length) {
+          var codePoint = codePoints[index];
+          if (codePoint <= 0xffff) {
+            codeUnits.push(codePoint);
+          } else {
+            codePoint -= 0x10000;
+            codeUnits.push(
+              (codePoint >> 10) + 0xd800,
+              (codePoint % 0x400) + 0xdc00,
+            );
+          }
+          if (index + 1 === length || codeUnits.length > 0x4000) {
+            result += String.fromCharCode.apply(String, codeUnits);
+            codeUnits.length = 0;
           }
-          return result;
+        }
+        return result;
       };
       var UnicodeTrie = createTrieFromBase64(base64);
-      var BREAK_NOT_ALLOWED = '×';
-      var BREAK_ALLOWED = '÷';
-      var codePointToClass = function (codePoint) { return UnicodeTrie.get(codePoint); };
+      var BREAK_NOT_ALLOWED = "×";
+      var BREAK_ALLOWED = "÷";
+      var codePointToClass = function (codePoint) {
+        return UnicodeTrie.get(codePoint);
+      };
       var _graphemeBreakAtIndex = function (_codePoints, classTypes, index) {
-          var prevIndex = index - 2;
-          var prev = classTypes[prevIndex];
-          var current = classTypes[index - 1];
-          var next = classTypes[index];
-          // GB3 Do not break between a CR and LF
-          if (current === CR && next === LF) {
-              return BREAK_NOT_ALLOWED;
-          }
-          // GB4 Otherwise, break before and after controls.
-          if (current === CR || current === LF || current === Control) {
-              return BREAK_ALLOWED;
-          }
-          // GB5
-          if (next === CR || next === LF || next === Control) {
-              return BREAK_ALLOWED;
-          }
-          // Do not break Hangul syllable sequences.
-          // GB6
-          if (current === L && [L, V, LV, LVT].indexOf(next) !== -1) {
-              return BREAK_NOT_ALLOWED;
-          }
-          // GB7
-          if ((current === LV || current === V) && (next === V || next === T)) {
-              return BREAK_NOT_ALLOWED;
-          }
-          // GB8
-          if ((current === LVT || current === T) && next === T) {
-              return BREAK_NOT_ALLOWED;
-          }
-          // GB9 Do not break before extending characters or ZWJ.
-          if (next === ZWJ || next === Extend) {
-              return BREAK_NOT_ALLOWED;
-          }
-          // Do not break before SpacingMarks, or after Prepend characters.
-          // GB9a
-          if (next === SpacingMark) {
-              return BREAK_NOT_ALLOWED;
-          }
-          // GB9a
-          if (current === Prepend) {
-              return BREAK_NOT_ALLOWED;
-          }
-          // GB11 Do not break within emoji modifier sequences or emoji zwj sequences.
-          if (current === ZWJ && next === Extended_Pictographic) {
-              while (prev === Extend) {
-                  prev = classTypes[--prevIndex];
-              }
-              if (prev === Extended_Pictographic) {
-                  return BREAK_NOT_ALLOWED;
-              }
+        var prevIndex = index - 2;
+        var prev = classTypes[prevIndex];
+        var current = classTypes[index - 1];
+        var next = classTypes[index];
+        // GB3 Do not break between a CR and LF
+        if (current === CR && next === LF) {
+          return BREAK_NOT_ALLOWED;
+        }
+        // GB4 Otherwise, break before and after controls.
+        if (current === CR || current === LF || current === Control) {
+          return BREAK_ALLOWED;
+        }
+        // GB5
+        if (next === CR || next === LF || next === Control) {
+          return BREAK_ALLOWED;
+        }
+        // Do not break Hangul syllable sequences.
+        // GB6
+        if (current === L && [L, V, LV, LVT].indexOf(next) !== -1) {
+          return BREAK_NOT_ALLOWED;
+        }
+        // GB7
+        if ((current === LV || current === V) && (next === V || next === T)) {
+          return BREAK_NOT_ALLOWED;
+        }
+        // GB8
+        if ((current === LVT || current === T) && next === T) {
+          return BREAK_NOT_ALLOWED;
+        }
+        // GB9 Do not break before extending characters or ZWJ.
+        if (next === ZWJ || next === Extend) {
+          return BREAK_NOT_ALLOWED;
+        }
+        // Do not break before SpacingMarks, or after Prepend characters.
+        // GB9a
+        if (next === SpacingMark) {
+          return BREAK_NOT_ALLOWED;
+        }
+        // GB9a
+        if (current === Prepend) {
+          return BREAK_NOT_ALLOWED;
+        }
+        // GB11 Do not break within emoji modifier sequences or emoji zwj sequences.
+        if (current === ZWJ && next === Extended_Pictographic) {
+          while (prev === Extend) {
+            prev = classTypes[--prevIndex];
           }
-          // GB12 Do not break within emoji flag sequences.
-          // That is, do not break between regional indicator (RI) symbols
-          // if there is an odd number of RI characters before the break point.
-          if (current === RI && next === RI) {
-              var countRI = 0;
-              while (prev === RI) {
-                  countRI++;
-                  prev = classTypes[--prevIndex];
-              }
-              if (countRI % 2 === 0) {
-                  return BREAK_NOT_ALLOWED;
-              }
+          if (prev === Extended_Pictographic) {
+            return BREAK_NOT_ALLOWED;
           }
-          return BREAK_ALLOWED;
+        }
+        // GB12 Do not break within emoji flag sequences.
+        // That is, do not break between regional indicator (RI) symbols
+        // if there is an odd number of RI characters before the break point.
+        if (current === RI && next === RI) {
+          var countRI = 0;
+          while (prev === RI) {
+            countRI++;
+            prev = classTypes[--prevIndex];
+          }
+          if (countRI % 2 === 0) {
+            return BREAK_NOT_ALLOWED;
+          }
+        }
+        return BREAK_ALLOWED;
       };
       var GraphemeBreaker = function (str) {
-          var codePoints = toCodePoints(str);
-          var length = codePoints.length;
-          var index = 0;
-          var lastEnd = 0;
-          var classTypes = codePoints.map(codePointToClass);
-          return {
-              next: function () {
-                  if (index >= length) {
-                      return { done: true, value: null };
-                  }
-                  var graphemeBreak = BREAK_NOT_ALLOWED;
-                  while (index < length &&
-                      (graphemeBreak = _graphemeBreakAtIndex(codePoints, classTypes, ++index)) === BREAK_NOT_ALLOWED) { }
-                  if (graphemeBreak !== BREAK_NOT_ALLOWED || index === length) {
-                      var value = fromCodePoint.apply(null, codePoints.slice(lastEnd, index));
-                      lastEnd = index;
-                      return { value: value, done: false };
-                  }
-                  return { done: true, value: null };
-              },
-          };
+        var codePoints = toCodePoints(str);
+        var length = codePoints.length;
+        var index = 0;
+        var lastEnd = 0;
+        var classTypes = codePoints.map(codePointToClass);
+        return {
+          next: function () {
+            if (index >= length) {
+              return { done: true, value: null };
+            }
+            var graphemeBreak = BREAK_NOT_ALLOWED;
+            while (
+              index < length &&
+              (graphemeBreak = _graphemeBreakAtIndex(
+                codePoints,
+                classTypes,
+                ++index,
+              )) === BREAK_NOT_ALLOWED
+            ) {}
+            if (graphemeBreak !== BREAK_NOT_ALLOWED || index === length) {
+              var value = fromCodePoint.apply(
+                null,
+                codePoints.slice(lastEnd, index),
+              );
+              lastEnd = index;
+              return { value: value, done: false };
+            }
+            return { done: true, value: null };
+          },
+        };
       };
       var splitGraphemes = function (str) {
-          var breaker = GraphemeBreaker(str);
-          var graphemes = [];
-          var bk;
-          while (!(bk = breaker.next()).done) {
-              if (bk.value) {
-                  graphemes.push(bk.value.slice());
-              }
+        var breaker = GraphemeBreaker(str);
+        var graphemes = [];
+        var bk;
+        while (!(bk = breaker.next()).done) {
+          if (bk.value) {
+            graphemes.push(bk.value.slice());
           }
-          return graphemes;
+        }
+        return graphemes;
       };
 
       var testRangeBounds = function (document) {
-          var TEST_HEIGHT = 123;
-          if (document.createRange) {
-              var range = document.createRange();
-              if (range.getBoundingClientRect) {
-                  var testElement = document.createElement('boundtest');
-                  testElement.style.height = TEST_HEIGHT + "px";
-                  testElement.style.display = 'block';
-                  document.body.appendChild(testElement);
-                  range.selectNode(testElement);
-                  var rangeBounds = range.getBoundingClientRect();
-                  var rangeHeight = Math.round(rangeBounds.height);
-                  document.body.removeChild(testElement);
-                  if (rangeHeight === TEST_HEIGHT) {
-                      return true;
-                  }
-              }
+        var TEST_HEIGHT = 123;
+        if (document.createRange) {
+          var range = document.createRange();
+          if (range.getBoundingClientRect) {
+            var testElement = document.createElement("boundtest");
+            testElement.style.height = TEST_HEIGHT + "px";
+            testElement.style.display = "block";
+            document.body.appendChild(testElement);
+            range.selectNode(testElement);
+            var rangeBounds = range.getBoundingClientRect();
+            var rangeHeight = Math.round(rangeBounds.height);
+            document.body.removeChild(testElement);
+            if (rangeHeight === TEST_HEIGHT) {
+              return true;
+            }
           }
-          return false;
+        }
+        return false;
       };
       var testIOSLineBreak = function (document) {
-          var testElement = document.createElement('boundtest');
-          testElement.style.width = '50px';
-          testElement.style.display = 'block';
-          testElement.style.fontSize = '12px';
-          testElement.style.letterSpacing = '0px';
-          testElement.style.wordSpacing = '0px';
-          document.body.appendChild(testElement);
-          var range = document.createRange();
-          testElement.innerHTML = typeof ''.repeat === 'function' ? '&#128104;'.repeat(10) : '';
-          var node = testElement.firstChild;
-          var textList = toCodePoints$1(node.data).map(function (i) { return fromCodePoint$1(i); });
-          var offset = 0;
-          var prev = {};
-          // ios 13 does not handle range getBoundingClientRect line changes correctly #2177
-          var supports = textList.every(function (text, i) {
-              range.setStart(node, offset);
-              range.setEnd(node, offset + text.length);
-              var rect = range.getBoundingClientRect();
-              offset += text.length;
-              var boundAhead = rect.x > prev.x || rect.y > prev.y;
-              prev = rect;
-              if (i === 0) {
-                  return true;
-              }
-              return boundAhead;
-          });
-          document.body.removeChild(testElement);
-          return supports;
+        var testElement = document.createElement("boundtest");
+        testElement.style.width = "50px";
+        testElement.style.display = "block";
+        testElement.style.fontSize = "12px";
+        testElement.style.letterSpacing = "0px";
+        testElement.style.wordSpacing = "0px";
+        document.body.appendChild(testElement);
+        var range = document.createRange();
+        testElement.innerHTML =
+          typeof "".repeat === "function" ? "&#128104;".repeat(10) : "";
+        var node = testElement.firstChild;
+        var textList = toCodePoints$1(node.data).map(function (i) {
+          return fromCodePoint$1(i);
+        });
+        var offset = 0;
+        var prev = {};
+        // ios 13 does not handle range getBoundingClientRect line changes correctly #2177
+        var supports = textList.every(function (text, i) {
+          range.setStart(node, offset);
+          range.setEnd(node, offset + text.length);
+          var rect = range.getBoundingClientRect();
+          offset += text.length;
+          var boundAhead = rect.x > prev.x || rect.y > prev.y;
+          prev = rect;
+          if (i === 0) {
+            return true;
+          }
+          return boundAhead;
+        });
+        document.body.removeChild(testElement);
+        return supports;
+      };
+      var testCORS = function () {
+        return typeof new Image().crossOrigin !== "undefined";
+      };
+      var testResponseType = function () {
+        return typeof new XMLHttpRequest().responseType === "string";
       };
-      var testCORS = function () { return typeof new Image().crossOrigin !== 'undefined'; };
-      var testResponseType = function () { return typeof new XMLHttpRequest().responseType === 'string'; };
       var testSVG = function (document) {
-          var img = new Image();
-          var canvas = document.createElement('canvas');
-          var ctx = canvas.getContext('2d');
-          if (!ctx) {
-              return false;
-          }
-          img.src = "data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg'></svg>";
-          try {
-              ctx.drawImage(img, 0, 0);
-              canvas.toDataURL();
-          }
-          catch (e) {
-              return false;
-          }
-          return true;
+        var img = new Image();
+        var canvas = document.createElement("canvas");
+        var ctx = canvas.getContext("2d");
+        if (!ctx) {
+          return false;
+        }
+        img.src =
+          "data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg'></svg>";
+        try {
+          ctx.drawImage(img, 0, 0);
+          canvas.toDataURL();
+        } catch (e) {
+          return false;
+        }
+        return true;
       };
       var isGreenPixel = function (data) {
-          return data[0] === 0 && data[1] === 255 && data[2] === 0 && data[3] === 255;
+        return (
+          data[0] === 0 && data[1] === 255 && data[2] === 0 && data[3] === 255
+        );
       };
       var testForeignObject = function (document) {
-          var canvas = document.createElement('canvas');
-          var size = 100;
-          canvas.width = size;
-          canvas.height = size;
-          var ctx = canvas.getContext('2d');
-          if (!ctx) {
-              return Promise.reject(false);
-          }
-          ctx.fillStyle = 'rgb(0, 255, 0)';
-          ctx.fillRect(0, 0, size, size);
-          var img = new Image();
-          var greenImageSrc = canvas.toDataURL();
-          img.src = greenImageSrc;
-          var svg = createForeignObjectSVG(size, size, 0, 0, img);
-          ctx.fillStyle = 'red';
-          ctx.fillRect(0, 0, size, size);
-          return loadSerializedSVG$1(svg)
-              .then(function (img) {
-              ctx.drawImage(img, 0, 0);
-              var data = ctx.getImageData(0, 0, size, size).data;
-              ctx.fillStyle = 'red';
-              ctx.fillRect(0, 0, size, size);
-              var node = document.createElement('div');
-              node.style.backgroundImage = "url(" + greenImageSrc + ")";
-              node.style.height = size + "px";
-              // Firefox 55 does not render inline <img /> tags
-              return isGreenPixel(data)
-                  ? loadSerializedSVG$1(createForeignObjectSVG(size, size, 0, 0, node))
-                  : Promise.reject(false);
+        var canvas = document.createElement("canvas");
+        var size = 100;
+        canvas.width = size;
+        canvas.height = size;
+        var ctx = canvas.getContext("2d");
+        if (!ctx) {
+          return Promise.reject(false);
+        }
+        ctx.fillStyle = "rgb(0, 255, 0)";
+        ctx.fillRect(0, 0, size, size);
+        var img = new Image();
+        var greenImageSrc = canvas.toDataURL();
+        img.src = greenImageSrc;
+        var svg = createForeignObjectSVG(size, size, 0, 0, img);
+        ctx.fillStyle = "red";
+        ctx.fillRect(0, 0, size, size);
+        return loadSerializedSVG$1(svg)
+          .then(function (img) {
+            ctx.drawImage(img, 0, 0);
+            var data = ctx.getImageData(0, 0, size, size).data;
+            ctx.fillStyle = "red";
+            ctx.fillRect(0, 0, size, size);
+            var node = document.createElement("div");
+            node.style.backgroundImage = "url(" + greenImageSrc + ")";
+            node.style.height = size + "px";
+            // Firefox 55 does not render inline <img /> tags
+            return isGreenPixel(data)
+              ? loadSerializedSVG$1(
+                  createForeignObjectSVG(size, size, 0, 0, node),
+                )
+              : Promise.reject(false);
           })
-              .then(function (img) {
-              ctx.drawImage(img, 0, 0);
-              // Edge does not render background-images
-              return isGreenPixel(ctx.getImageData(0, 0, size, size).data);
+          .then(function (img) {
+            ctx.drawImage(img, 0, 0);
+            // Edge does not render background-images
+            return isGreenPixel(ctx.getImageData(0, 0, size, size).data);
           })
-              .catch(function () { return false; });
+          .catch(function () {
+            return false;
+          });
       };
       var createForeignObjectSVG = function (width, height, x, y, node) {
-          var xmlns = 'http://www.w3.org/2000/svg';
-          var svg = document.createElementNS(xmlns, 'svg');
-          var foreignObject = document.createElementNS(xmlns, 'foreignObject');
-          svg.setAttributeNS(null, 'width', width.toString());
-          svg.setAttributeNS(null, 'height', height.toString());
-          foreignObject.setAttributeNS(null, 'width', '100%');
-          foreignObject.setAttributeNS(null, 'height', '100%');
-          foreignObject.setAttributeNS(null, 'x', x.toString());
-          foreignObject.setAttributeNS(null, 'y', y.toString());
-          foreignObject.setAttributeNS(null, 'externalResourcesRequired', 'true');
-          svg.appendChild(foreignObject);
-          foreignObject.appendChild(node);
-          return svg;
+        var xmlns = "http://www.w3.org/2000/svg";
+        var svg = document.createElementNS(xmlns, "svg");
+        var foreignObject = document.createElementNS(xmlns, "foreignObject");
+        svg.setAttributeNS(null, "width", width.toString());
+        svg.setAttributeNS(null, "height", height.toString());
+        foreignObject.setAttributeNS(null, "width", "100%");
+        foreignObject.setAttributeNS(null, "height", "100%");
+        foreignObject.setAttributeNS(null, "x", x.toString());
+        foreignObject.setAttributeNS(null, "y", y.toString());
+        foreignObject.setAttributeNS(null, "externalResourcesRequired", "true");
+        svg.appendChild(foreignObject);
+        foreignObject.appendChild(node);
+        return svg;
       };
       var loadSerializedSVG$1 = function (svg) {
-          return new Promise(function (resolve, reject) {
-              var img = new Image();
-              img.onload = function () { return resolve(img); };
-              img.onerror = reject;
-              img.src = "data:image/svg+xml;charset=utf-8," + encodeURIComponent(new XMLSerializer().serializeToString(svg));
-          });
+        return new Promise(function (resolve, reject) {
+          var img = new Image();
+          img.onload = function () {
+            return resolve(img);
+          };
+          img.onerror = reject;
+          img.src =
+            "data:image/svg+xml;charset=utf-8," +
+            encodeURIComponent(new XMLSerializer().serializeToString(svg));
+        });
       };
       var FEATURES = {
-          get SUPPORT_RANGE_BOUNDS() {
-              var value = testRangeBounds(document);
-              Object.defineProperty(FEATURES, 'SUPPORT_RANGE_BOUNDS', { value: value });
-              return value;
-          },
-          get SUPPORT_WORD_BREAKING() {
-              var value = FEATURES.SUPPORT_RANGE_BOUNDS && testIOSLineBreak(document);
-              Object.defineProperty(FEATURES, 'SUPPORT_WORD_BREAKING', { value: value });
-              return value;
-          },
-          get SUPPORT_SVG_DRAWING() {
-              var value = testSVG(document);
-              Object.defineProperty(FEATURES, 'SUPPORT_SVG_DRAWING', { value: value });
-              return value;
-          },
-          get SUPPORT_FOREIGNOBJECT_DRAWING() {
-              var value = typeof Array.from === 'function' && typeof window.fetch === 'function'
-                  ? testForeignObject(document)
-                  : Promise.resolve(false);
-              Object.defineProperty(FEATURES, 'SUPPORT_FOREIGNOBJECT_DRAWING', { value: value });
-              return value;
-          },
-          get SUPPORT_CORS_IMAGES() {
-              var value = testCORS();
-              Object.defineProperty(FEATURES, 'SUPPORT_CORS_IMAGES', { value: value });
-              return value;
-          },
-          get SUPPORT_RESPONSE_TYPE() {
-              var value = testResponseType();
-              Object.defineProperty(FEATURES, 'SUPPORT_RESPONSE_TYPE', { value: value });
-              return value;
-          },
-          get SUPPORT_CORS_XHR() {
-              var value = 'withCredentials' in new XMLHttpRequest();
-              Object.defineProperty(FEATURES, 'SUPPORT_CORS_XHR', { value: value });
-              return value;
-          },
-          get SUPPORT_NATIVE_TEXT_SEGMENTATION() {
-              // eslint-disable-next-line @typescript-eslint/no-explicit-any
-              var value = !!(typeof Intl !== 'undefined' && Intl.Segmenter);
-              Object.defineProperty(FEATURES, 'SUPPORT_NATIVE_TEXT_SEGMENTATION', { value: value });
-              return value;
-          }
+        get SUPPORT_RANGE_BOUNDS() {
+          var value = testRangeBounds(document);
+          Object.defineProperty(FEATURES, "SUPPORT_RANGE_BOUNDS", {
+            value: value,
+          });
+          return value;
+        },
+        get SUPPORT_WORD_BREAKING() {
+          var value =
+            FEATURES.SUPPORT_RANGE_BOUNDS && testIOSLineBreak(document);
+          Object.defineProperty(FEATURES, "SUPPORT_WORD_BREAKING", {
+            value: value,
+          });
+          return value;
+        },
+        get SUPPORT_SVG_DRAWING() {
+          var value = testSVG(document);
+          Object.defineProperty(FEATURES, "SUPPORT_SVG_DRAWING", {
+            value: value,
+          });
+          return value;
+        },
+        get SUPPORT_FOREIGNOBJECT_DRAWING() {
+          var value =
+            typeof Array.from === "function" &&
+            typeof window.fetch === "function"
+              ? testForeignObject(document)
+              : Promise.resolve(false);
+          Object.defineProperty(FEATURES, "SUPPORT_FOREIGNOBJECT_DRAWING", {
+            value: value,
+          });
+          return value;
+        },
+        get SUPPORT_CORS_IMAGES() {
+          var value = testCORS();
+          Object.defineProperty(FEATURES, "SUPPORT_CORS_IMAGES", {
+            value: value,
+          });
+          return value;
+        },
+        get SUPPORT_RESPONSE_TYPE() {
+          var value = testResponseType();
+          Object.defineProperty(FEATURES, "SUPPORT_RESPONSE_TYPE", {
+            value: value,
+          });
+          return value;
+        },
+        get SUPPORT_CORS_XHR() {
+          var value = "withCredentials" in new XMLHttpRequest();
+          Object.defineProperty(FEATURES, "SUPPORT_CORS_XHR", { value: value });
+          return value;
+        },
+        get SUPPORT_NATIVE_TEXT_SEGMENTATION() {
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+          var value = !!(typeof Intl !== "undefined" && Intl.Segmenter);
+          Object.defineProperty(FEATURES, "SUPPORT_NATIVE_TEXT_SEGMENTATION", {
+            value: value,
+          });
+          return value;
+        },
       };
 
       var TextBounds = /** @class */ (function () {
-          function TextBounds(text, bounds) {
-              this.text = text;
-              this.bounds = bounds;
-          }
-          return TextBounds;
-      }());
+        function TextBounds(text, bounds) {
+          this.text = text;
+          this.bounds = bounds;
+        }
+        return TextBounds;
+      })();
       var parseTextBounds = function (context, value, styles, node) {
-          var textList = breakText(value, styles);
-          var textBounds = [];
-          var offset = 0;
-          textList.forEach(function (text) {
-              if (styles.textDecorationLine.length || text.trim().length > 0) {
-                  if (FEATURES.SUPPORT_RANGE_BOUNDS) {
-                      var clientRects = createRange(node, offset, text.length).getClientRects();
-                      if (clientRects.length > 1) {
-                          var subSegments = segmentGraphemes(text);
-                          var subOffset_1 = 0;
-                          subSegments.forEach(function (subSegment) {
-                              textBounds.push(new TextBounds(subSegment, Bounds.fromDOMRectList(context, createRange(node, subOffset_1 + offset, subSegment.length).getClientRects())));
-                              subOffset_1 += subSegment.length;
-                          });
-                      }
-                      else {
-                          textBounds.push(new TextBounds(text, Bounds.fromDOMRectList(context, clientRects)));
-                      }
-                  }
-                  else {
-                      var replacementNode = node.splitText(text.length);
-                      textBounds.push(new TextBounds(text, getWrapperBounds(context, node)));
-                      node = replacementNode;
-                  }
-              }
-              else if (!FEATURES.SUPPORT_RANGE_BOUNDS) {
-                  node = node.splitText(text.length);
-              }
-              offset += text.length;
-          });
-          return textBounds;
+        var textList = breakText(value, styles);
+        var textBounds = [];
+        var offset = 0;
+        textList.forEach(function (text) {
+          if (styles.textDecorationLine.length || text.trim().length > 0) {
+            if (FEATURES.SUPPORT_RANGE_BOUNDS) {
+              var clientRects = createRange(
+                node,
+                offset,
+                text.length,
+              ).getClientRects();
+              if (clientRects.length > 1) {
+                var subSegments = segmentGraphemes(text);
+                var subOffset_1 = 0;
+                subSegments.forEach(function (subSegment) {
+                  textBounds.push(
+                    new TextBounds(
+                      subSegment,
+                      Bounds.fromDOMRectList(
+                        context,
+                        createRange(
+                          node,
+                          subOffset_1 + offset,
+                          subSegment.length,
+                        ).getClientRects(),
+                      ),
+                    ),
+                  );
+                  subOffset_1 += subSegment.length;
+                });
+              } else {
+                textBounds.push(
+                  new TextBounds(
+                    text,
+                    Bounds.fromDOMRectList(context, clientRects),
+                  ),
+                );
+              }
+            } else {
+              var replacementNode = node.splitText(text.length);
+              textBounds.push(
+                new TextBounds(text, getWrapperBounds(context, node)),
+              );
+              node = replacementNode;
+            }
+          } else if (!FEATURES.SUPPORT_RANGE_BOUNDS) {
+            node = node.splitText(text.length);
+          }
+          offset += text.length;
+        });
+        return textBounds;
       };
       var getWrapperBounds = function (context, node) {
-          var ownerDocument = node.ownerDocument;
-          if (ownerDocument) {
-              var wrapper = ownerDocument.createElement('html2canvaswrapper');
-              wrapper.appendChild(node.cloneNode(true));
-              var parentNode = node.parentNode;
-              if (parentNode) {
-                  parentNode.replaceChild(wrapper, node);
-                  var bounds = parseBounds(context, wrapper);
-                  if (wrapper.firstChild) {
-                      parentNode.replaceChild(wrapper.firstChild, wrapper);
-                  }
-                  return bounds;
-              }
+        var ownerDocument = node.ownerDocument;
+        if (ownerDocument) {
+          var wrapper = ownerDocument.createElement("html2canvaswrapper");
+          wrapper.appendChild(node.cloneNode(true));
+          var parentNode = node.parentNode;
+          if (parentNode) {
+            parentNode.replaceChild(wrapper, node);
+            var bounds = parseBounds(context, wrapper);
+            if (wrapper.firstChild) {
+              parentNode.replaceChild(wrapper.firstChild, wrapper);
+            }
+            return bounds;
           }
-          return Bounds.EMPTY;
+        }
+        return Bounds.EMPTY;
       };
       var createRange = function (node, offset, length) {
-          var ownerDocument = node.ownerDocument;
-          if (!ownerDocument) {
-              throw new Error('Node has no owner document');
-          }
-          var range = ownerDocument.createRange();
-          range.setStart(node, offset);
-          range.setEnd(node, offset + length);
-          return range;
+        var ownerDocument = node.ownerDocument;
+        if (!ownerDocument) {
+          throw new Error("Node has no owner document");
+        }
+        var range = ownerDocument.createRange();
+        range.setStart(node, offset);
+        range.setEnd(node, offset + length);
+        return range;
       };
       var segmentGraphemes = function (value) {
-          if (FEATURES.SUPPORT_NATIVE_TEXT_SEGMENTATION) {
-              // eslint-disable-next-line @typescript-eslint/no-explicit-any
-              var segmenter = new Intl.Segmenter(void 0, { granularity: 'grapheme' });
-              // eslint-disable-next-line @typescript-eslint/no-explicit-any
-              return Array.from(segmenter.segment(value)).map(function (segment) { return segment.segment; });
-          }
-          return splitGraphemes(value);
+        if (FEATURES.SUPPORT_NATIVE_TEXT_SEGMENTATION) {
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+          var segmenter = new Intl.Segmenter(void 0, {
+            granularity: "grapheme",
+          });
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+          return Array.from(segmenter.segment(value)).map(function (segment) {
+            return segment.segment;
+          });
+        }
+        return splitGraphemes(value);
       };
       var segmentWords = function (value, styles) {
-          if (FEATURES.SUPPORT_NATIVE_TEXT_SEGMENTATION) {
-              // eslint-disable-next-line @typescript-eslint/no-explicit-any
-              var segmenter = new Intl.Segmenter(void 0, {
-                  granularity: 'word'
-              });
-              // eslint-disable-next-line @typescript-eslint/no-explicit-any
-              return Array.from(segmenter.segment(value)).map(function (segment) { return segment.segment; });
-          }
-          return breakWords(value, styles);
+        if (FEATURES.SUPPORT_NATIVE_TEXT_SEGMENTATION) {
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+          var segmenter = new Intl.Segmenter(void 0, {
+            granularity: "word",
+          });
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+          return Array.from(segmenter.segment(value)).map(function (segment) {
+            return segment.segment;
+          });
+        }
+        return breakWords(value, styles);
       };
       var breakText = function (value, styles) {
-          return styles.letterSpacing !== 0 ? segmentGraphemes(value) : segmentWords(value, styles);
+        return styles.letterSpacing !== 0
+          ? segmentGraphemes(value)
+          : segmentWords(value, styles);
       };
       // https://drafts.csswg.org/css-text/#word-separator
-      var wordSeparators = [0x0020, 0x00a0, 0x1361, 0x10100, 0x10101, 0x1039, 0x1091];
+      var wordSeparators = [
+        0x0020, 0x00a0, 0x1361, 0x10100, 0x10101, 0x1039, 0x1091,
+      ];
       var breakWords = function (str, styles) {
-          var breaker = LineBreaker(str, {
-              lineBreak: styles.lineBreak,
-              wordBreak: styles.overflowWrap === "break-word" /* BREAK_WORD */ ? 'break-word' : styles.wordBreak
-          });
-          var words = [];
-          var bk;
-          var _loop_1 = function () {
-              if (bk.value) {
-                  var value = bk.value.slice();
-                  var codePoints = toCodePoints$1(value);
-                  var word_1 = '';
-                  codePoints.forEach(function (codePoint) {
-                      if (wordSeparators.indexOf(codePoint) === -1) {
-                          word_1 += fromCodePoint$1(codePoint);
-                      }
-                      else {
-                          if (word_1.length) {
-                              words.push(word_1);
-                          }
-                          words.push(fromCodePoint$1(codePoint));
-                          word_1 = '';
-                      }
-                  });
-                  if (word_1.length) {
-                      words.push(word_1);
-                  }
-              }
-          };
-          while (!(bk = breaker.next()).done) {
-              _loop_1();
-          }
-          return words;
+        var breaker = LineBreaker(str, {
+          lineBreak: styles.lineBreak,
+          wordBreak:
+            styles.overflowWrap === "break-word" /* BREAK_WORD */
+              ? "break-word"
+              : styles.wordBreak,
+        });
+        var words = [];
+        var bk;
+        var _loop_1 = function () {
+          if (bk.value) {
+            var value = bk.value.slice();
+            var codePoints = toCodePoints$1(value);
+            var word_1 = "";
+            codePoints.forEach(function (codePoint) {
+              if (wordSeparators.indexOf(codePoint) === -1) {
+                word_1 += fromCodePoint$1(codePoint);
+              } else {
+                if (word_1.length) {
+                  words.push(word_1);
+                }
+                words.push(fromCodePoint$1(codePoint));
+                word_1 = "";
+              }
+            });
+            if (word_1.length) {
+              words.push(word_1);
+            }
+          }
+        };
+        while (!(bk = breaker.next()).done) {
+          _loop_1();
+        }
+        return words;
       };
 
       var TextContainer = /** @class */ (function () {
-          function TextContainer(context, node, styles) {
-              this.text = transform(node.data, styles.textTransform);
-              this.textBounds = parseTextBounds(context, this.text, styles, node);
-          }
-          return TextContainer;
-      }());
+        function TextContainer(context, node, styles) {
+          this.text = transform(node.data, styles.textTransform);
+          this.textBounds = parseTextBounds(context, this.text, styles, node);
+        }
+        return TextContainer;
+      })();
       var transform = function (text, transform) {
-          switch (transform) {
-              case 1 /* LOWERCASE */:
-                  return text.toLowerCase();
-              case 3 /* CAPITALIZE */:
-                  return text.replace(CAPITALIZE, capitalize);
-              case 2 /* UPPERCASE */:
-                  return text.toUpperCase();
-              default:
-                  return text;
-          }
+        switch (transform) {
+          case 1 /* LOWERCASE */:
+            return text.toLowerCase();
+          case 3 /* CAPITALIZE */:
+            return text.replace(CAPITALIZE, capitalize);
+          case 2 /* UPPERCASE */:
+            return text.toUpperCase();
+          default:
+            return text;
+        }
       };
       var CAPITALIZE = /(^|\s|:|-|\(|\))([a-z])/g;
       var capitalize = function (m, p1, p2) {
-          if (m.length > 0) {
-              return p1 + p2.toUpperCase();
-          }
-          return m;
+        if (m.length > 0) {
+          return p1 + p2.toUpperCase();
+        }
+        return m;
       };
 
       var ImageElementContainer = /** @class */ (function (_super) {
-          __extends(ImageElementContainer, _super);
-          function ImageElementContainer(context, img) {
-              var _this = _super.call(this, context, img) || this;
-              _this.src = img.currentSrc || img.src;
-              _this.intrinsicWidth = img.naturalWidth;
-              _this.intrinsicHeight = img.naturalHeight;
-              _this.context.cache.addImage(_this.src);
-              return _this;
-          }
-          return ImageElementContainer;
-      }(ElementContainer));
+        __extends(ImageElementContainer, _super);
+        function ImageElementContainer(context, img) {
+          var _this = _super.call(this, context, img) || this;
+          _this.src = img.currentSrc || img.src;
+          _this.intrinsicWidth = img.naturalWidth;
+          _this.intrinsicHeight = img.naturalHeight;
+          _this.context.cache.addImage(_this.src);
+          return _this;
+        }
+        return ImageElementContainer;
+      })(ElementContainer);
 
       var CanvasElementContainer = /** @class */ (function (_super) {
-          __extends(CanvasElementContainer, _super);
-          function CanvasElementContainer(context, canvas) {
-              var _this = _super.call(this, context, canvas) || this;
-              _this.canvas = canvas;
-              _this.intrinsicWidth = canvas.width;
-              _this.intrinsicHeight = canvas.height;
-              return _this;
-          }
-          return CanvasElementContainer;
-      }(ElementContainer));
+        __extends(CanvasElementContainer, _super);
+        function CanvasElementContainer(context, canvas) {
+          var _this = _super.call(this, context, canvas) || this;
+          _this.canvas = canvas;
+          _this.intrinsicWidth = canvas.width;
+          _this.intrinsicHeight = canvas.height;
+          return _this;
+        }
+        return CanvasElementContainer;
+      })(ElementContainer);
 
       var SVGElementContainer = /** @class */ (function (_super) {
-          __extends(SVGElementContainer, _super);
-          function SVGElementContainer(context, img) {
-              var _this = _super.call(this, context, img) || this;
-              var s = new XMLSerializer();
-              var bounds = parseBounds(context, img);
-              img.setAttribute('width', bounds.width + "px");
-              img.setAttribute('height', bounds.height + "px");
-              _this.svg = "data:image/svg+xml," + encodeURIComponent(s.serializeToString(img));
-              _this.intrinsicWidth = img.width.baseVal.value;
-              _this.intrinsicHeight = img.height.baseVal.value;
-              _this.context.cache.addImage(_this.svg);
-              return _this;
-          }
-          return SVGElementContainer;
-      }(ElementContainer));
+        __extends(SVGElementContainer, _super);
+        function SVGElementContainer(context, img) {
+          var _this = _super.call(this, context, img) || this;
+          var s = new XMLSerializer();
+          var bounds = parseBounds(context, img);
+          img.setAttribute("width", bounds.width + "px");
+          img.setAttribute("height", bounds.height + "px");
+          _this.svg =
+            "data:image/svg+xml," +
+            encodeURIComponent(s.serializeToString(img));
+          _this.intrinsicWidth = img.width.baseVal.value;
+          _this.intrinsicHeight = img.height.baseVal.value;
+          _this.context.cache.addImage(_this.svg);
+          return _this;
+        }
+        return SVGElementContainer;
+      })(ElementContainer);
 
       var LIElementContainer = /** @class */ (function (_super) {
-          __extends(LIElementContainer, _super);
-          function LIElementContainer(context, element) {
-              var _this = _super.call(this, context, element) || this;
-              _this.value = element.value;
-              return _this;
-          }
-          return LIElementContainer;
-      }(ElementContainer));
+        __extends(LIElementContainer, _super);
+        function LIElementContainer(context, element) {
+          var _this = _super.call(this, context, element) || this;
+          _this.value = element.value;
+          return _this;
+        }
+        return LIElementContainer;
+      })(ElementContainer);
 
       var OLElementContainer = /** @class */ (function (_super) {
-          __extends(OLElementContainer, _super);
-          function OLElementContainer(context, element) {
-              var _this = _super.call(this, context, element) || this;
-              _this.start = element.start;
-              _this.reversed = typeof element.reversed === 'boolean' && element.reversed === true;
-              return _this;
-          }
-          return OLElementContainer;
-      }(ElementContainer));
+        __extends(OLElementContainer, _super);
+        function OLElementContainer(context, element) {
+          var _this = _super.call(this, context, element) || this;
+          _this.start = element.start;
+          _this.reversed =
+            typeof element.reversed === "boolean" && element.reversed === true;
+          return _this;
+        }
+        return OLElementContainer;
+      })(ElementContainer);
 
       var CHECKBOX_BORDER_RADIUS = [
-          {
-              type: 15 /* DIMENSION_TOKEN */,
-              flags: 0,
-              unit: 'px',
-              number: 3
-          }
+        {
+          type: 15 /* DIMENSION_TOKEN */,
+          flags: 0,
+          unit: "px",
+          number: 3,
+        },
       ];
       var RADIO_BORDER_RADIUS = [
-          {
-              type: 16 /* PERCENTAGE_TOKEN */,
-              flags: 0,
-              number: 50
-          }
+        {
+          type: 16 /* PERCENTAGE_TOKEN */,
+          flags: 0,
+          number: 50,
+        },
       ];
       var reformatInputBounds = function (bounds) {
-          if (bounds.width > bounds.height) {
-              return new Bounds(bounds.left + (bounds.width - bounds.height) / 2, bounds.top, bounds.height, bounds.height);
-          }
-          else if (bounds.width < bounds.height) {
-              return new Bounds(bounds.left, bounds.top + (bounds.height - bounds.width) / 2, bounds.width, bounds.width);
-          }
-          return bounds;
+        if (bounds.width > bounds.height) {
+          return new Bounds(
+            bounds.left + (bounds.width - bounds.height) / 2,
+            bounds.top,
+            bounds.height,
+            bounds.height,
+          );
+        } else if (bounds.width < bounds.height) {
+          return new Bounds(
+            bounds.left,
+            bounds.top + (bounds.height - bounds.width) / 2,
+            bounds.width,
+            bounds.width,
+          );
+        }
+        return bounds;
       };
       var getInputValue = function (node) {
-          var value = node.type === PASSWORD ? new Array(node.value.length + 1).join('\u2022') : node.value;
-          return value.length === 0 ? node.placeholder || '' : value;
-      };
-      var CHECKBOX = 'checkbox';
-      var RADIO = 'radio';
-      var PASSWORD = 'password';
+        var value =
+          node.type === PASSWORD
+            ? new Array(node.value.length + 1).join("\u2022")
+            : node.value;
+        return value.length === 0 ? node.placeholder || "" : value;
+      };
+      var CHECKBOX = "checkbox";
+      var RADIO = "radio";
+      var PASSWORD = "password";
       var INPUT_COLOR = 0x2a2a2aff;
       var InputElementContainer = /** @class */ (function (_super) {
-          __extends(InputElementContainer, _super);
-          function InputElementContainer(context, input) {
-              var _this = _super.call(this, context, input) || this;
-              _this.type = input.type.toLowerCase();
-              _this.checked = input.checked;
-              _this.value = getInputValue(input);
-              if (_this.type === CHECKBOX || _this.type === RADIO) {
-                  _this.styles.backgroundColor = 0xdededeff;
-                  _this.styles.borderTopColor =
-                      _this.styles.borderRightColor =
-                          _this.styles.borderBottomColor =
-                              _this.styles.borderLeftColor =
-                                  0xa5a5a5ff;
-                  _this.styles.borderTopWidth =
-                      _this.styles.borderRightWidth =
-                          _this.styles.borderBottomWidth =
-                              _this.styles.borderLeftWidth =
-                                  1;
-                  _this.styles.borderTopStyle =
-                      _this.styles.borderRightStyle =
-                          _this.styles.borderBottomStyle =
-                              _this.styles.borderLeftStyle =
-                                  1 /* SOLID */;
-                  _this.styles.backgroundClip = [0 /* BORDER_BOX */];
-                  _this.styles.backgroundOrigin = [0 /* BORDER_BOX */];
-                  _this.bounds = reformatInputBounds(_this.bounds);
-              }
-              switch (_this.type) {
-                  case CHECKBOX:
-                      _this.styles.borderTopRightRadius =
-                          _this.styles.borderTopLeftRadius =
-                              _this.styles.borderBottomRightRadius =
-                                  _this.styles.borderBottomLeftRadius =
-                                      CHECKBOX_BORDER_RADIUS;
-                      break;
-                  case RADIO:
-                      _this.styles.borderTopRightRadius =
-                          _this.styles.borderTopLeftRadius =
-                              _this.styles.borderBottomRightRadius =
-                                  _this.styles.borderBottomLeftRadius =
-                                      RADIO_BORDER_RADIUS;
-                      break;
-              }
-              return _this;
-          }
-          return InputElementContainer;
-      }(ElementContainer));
+        __extends(InputElementContainer, _super);
+        function InputElementContainer(context, input) {
+          var _this = _super.call(this, context, input) || this;
+          _this.type = input.type.toLowerCase();
+          _this.checked = input.checked;
+          _this.value = getInputValue(input);
+          if (_this.type === CHECKBOX || _this.type === RADIO) {
+            _this.styles.backgroundColor = 0xdededeff;
+            _this.styles.borderTopColor =
+              _this.styles.borderRightColor =
+              _this.styles.borderBottomColor =
+              _this.styles.borderLeftColor =
+                0xa5a5a5ff;
+            _this.styles.borderTopWidth =
+              _this.styles.borderRightWidth =
+              _this.styles.borderBottomWidth =
+              _this.styles.borderLeftWidth =
+                1;
+            _this.styles.borderTopStyle =
+              _this.styles.borderRightStyle =
+              _this.styles.borderBottomStyle =
+              _this.styles.borderLeftStyle =
+                1 /* SOLID */;
+            _this.styles.backgroundClip = [0 /* BORDER_BOX */];
+            _this.styles.backgroundOrigin = [0 /* BORDER_BOX */];
+            _this.bounds = reformatInputBounds(_this.bounds);
+          }
+          switch (_this.type) {
+            case CHECKBOX:
+              _this.styles.borderTopRightRadius =
+                _this.styles.borderTopLeftRadius =
+                _this.styles.borderBottomRightRadius =
+                _this.styles.borderBottomLeftRadius =
+                  CHECKBOX_BORDER_RADIUS;
+              break;
+            case RADIO:
+              _this.styles.borderTopRightRadius =
+                _this.styles.borderTopLeftRadius =
+                _this.styles.borderBottomRightRadius =
+                _this.styles.borderBottomLeftRadius =
+                  RADIO_BORDER_RADIUS;
+              break;
+          }
+          return _this;
+        }
+        return InputElementContainer;
+      })(ElementContainer);
 
       var SelectElementContainer = /** @class */ (function (_super) {
-          __extends(SelectElementContainer, _super);
-          function SelectElementContainer(context, element) {
-              var _this = _super.call(this, context, element) || this;
-              var option = element.options[element.selectedIndex || 0];
-              _this.value = option ? option.text || '' : '';
-              return _this;
-          }
-          return SelectElementContainer;
-      }(ElementContainer));
+        __extends(SelectElementContainer, _super);
+        function SelectElementContainer(context, element) {
+          var _this = _super.call(this, context, element) || this;
+          var option = element.options[element.selectedIndex || 0];
+          _this.value = option ? option.text || "" : "";
+          return _this;
+        }
+        return SelectElementContainer;
+      })(ElementContainer);
 
       var TextareaElementContainer = /** @class */ (function (_super) {
-          __extends(TextareaElementContainer, _super);
-          function TextareaElementContainer(context, element) {
-              var _this = _super.call(this, context, element) || this;
-              _this.value = element.value;
-              return _this;
-          }
-          return TextareaElementContainer;
-      }(ElementContainer));
+        __extends(TextareaElementContainer, _super);
+        function TextareaElementContainer(context, element) {
+          var _this = _super.call(this, context, element) || this;
+          _this.value = element.value;
+          return _this;
+        }
+        return TextareaElementContainer;
+      })(ElementContainer);
 
       var IFrameElementContainer = /** @class */ (function (_super) {
-          __extends(IFrameElementContainer, _super);
-          function IFrameElementContainer(context, iframe) {
-              var _this = _super.call(this, context, iframe) || this;
-              _this.src = iframe.src;
-              _this.width = parseInt(iframe.width, 10) || 0;
-              _this.height = parseInt(iframe.height, 10) || 0;
-              _this.backgroundColor = _this.styles.backgroundColor;
-              try {
-                  if (iframe.contentWindow &&
-                      iframe.contentWindow.document &&
-                      iframe.contentWindow.document.documentElement) {
-                      _this.tree = parseTree(context, iframe.contentWindow.document.documentElement);
-                      // http://www.w3.org/TR/css3-background/#special-backgrounds
-                      var documentBackgroundColor = iframe.contentWindow.document.documentElement
-                          ? parseColor(context, getComputedStyle(iframe.contentWindow.document.documentElement).backgroundColor)
-                          : COLORS.TRANSPARENT;
-                      var bodyBackgroundColor = iframe.contentWindow.document.body
-                          ? parseColor(context, getComputedStyle(iframe.contentWindow.document.body).backgroundColor)
-                          : COLORS.TRANSPARENT;
-                      _this.backgroundColor = isTransparent(documentBackgroundColor)
-                          ? isTransparent(bodyBackgroundColor)
-                              ? _this.styles.backgroundColor
-                              : bodyBackgroundColor
-                          : documentBackgroundColor;
-                  }
-              }
-              catch (e) { }
-              return _this;
-          }
-          return IFrameElementContainer;
-      }(ElementContainer));
+        __extends(IFrameElementContainer, _super);
+        function IFrameElementContainer(context, iframe) {
+          var _this = _super.call(this, context, iframe) || this;
+          _this.src = iframe.src;
+          _this.width = parseInt(iframe.width, 10) || 0;
+          _this.height = parseInt(iframe.height, 10) || 0;
+          _this.backgroundColor = _this.styles.backgroundColor;
+          try {
+            if (
+              iframe.contentWindow &&
+              iframe.contentWindow.document &&
+              iframe.contentWindow.document.documentElement
+            ) {
+              _this.tree = parseTree(
+                context,
+                iframe.contentWindow.document.documentElement,
+              );
+              // http://www.w3.org/TR/css3-background/#special-backgrounds
+              var documentBackgroundColor = iframe.contentWindow.document
+                .documentElement
+                ? parseColor(
+                    context,
+                    getComputedStyle(
+                      iframe.contentWindow.document.documentElement,
+                    ).backgroundColor,
+                  )
+                : COLORS.TRANSPARENT;
+              var bodyBackgroundColor = iframe.contentWindow.document.body
+                ? parseColor(
+                    context,
+                    getComputedStyle(iframe.contentWindow.document.body)
+                      .backgroundColor,
+                  )
+                : COLORS.TRANSPARENT;
+              _this.backgroundColor = isTransparent(documentBackgroundColor)
+                ? isTransparent(bodyBackgroundColor)
+                  ? _this.styles.backgroundColor
+                  : bodyBackgroundColor
+                : documentBackgroundColor;
+            }
+          } catch (e) {}
+          return _this;
+        }
+        return IFrameElementContainer;
+      })(ElementContainer);
 
-      var LIST_OWNERS = ['OL', 'UL', 'MENU'];
+      var LIST_OWNERS = ["OL", "UL", "MENU"];
       var parseNodeTree = function (context, node, parent, root) {
-          for (var childNode = node.firstChild, nextNode = void 0; childNode; childNode = nextNode) {
-              nextNode = childNode.nextSibling;
-              if (isTextNode(childNode) && childNode.data.trim().length > 0) {
-                  parent.textNodes.push(new TextContainer(context, childNode, parent.styles));
-              }
-              else if (isElementNode(childNode)) {
-                  if (isSlotElement(childNode) && childNode.assignedNodes) {
-                      childNode.assignedNodes().forEach(function (childNode) { return parseNodeTree(context, childNode, parent, root); });
-                  }
-                  else {
-                      var container = createContainer(context, childNode);
-                      if (container.styles.isVisible()) {
-                          if (createsRealStackingContext(childNode, container, root)) {
-                              container.flags |= 4 /* CREATES_REAL_STACKING_CONTEXT */;
-                          }
-                          else if (createsStackingContext(container.styles)) {
-                              container.flags |= 2 /* CREATES_STACKING_CONTEXT */;
-                          }
-                          if (LIST_OWNERS.indexOf(childNode.tagName) !== -1) {
-                              container.flags |= 8 /* IS_LIST_OWNER */;
-                          }
-                          parent.elements.push(container);
-                          childNode.slot;
-                          if (childNode.shadowRoot) {
-                              parseNodeTree(context, childNode.shadowRoot, container, root);
-                          }
-                          else if (!isTextareaElement(childNode) &&
-                              !isSVGElement(childNode) &&
-                              !isSelectElement(childNode)) {
-                              parseNodeTree(context, childNode, container, root);
-                          }
-                      }
-                  }
-              }
+        for (
+          var childNode = node.firstChild, nextNode = void 0;
+          childNode;
+          childNode = nextNode
+        ) {
+          nextNode = childNode.nextSibling;
+          if (isTextNode(childNode) && childNode.data.trim().length > 0) {
+            parent.textNodes.push(
+              new TextContainer(context, childNode, parent.styles),
+            );
+          } else if (isElementNode(childNode)) {
+            if (isSlotElement(childNode) && childNode.assignedNodes) {
+              childNode.assignedNodes().forEach(function (childNode) {
+                return parseNodeTree(context, childNode, parent, root);
+              });
+            } else {
+              var container = createContainer(context, childNode);
+              if (container.styles.isVisible()) {
+                if (createsRealStackingContext(childNode, container, root)) {
+                  container.flags |= 4 /* CREATES_REAL_STACKING_CONTEXT */;
+                } else if (createsStackingContext(container.styles)) {
+                  container.flags |= 2 /* CREATES_STACKING_CONTEXT */;
+                }
+                if (LIST_OWNERS.indexOf(childNode.tagName) !== -1) {
+                  container.flags |= 8 /* IS_LIST_OWNER */;
+                }
+                parent.elements.push(container);
+                childNode.slot;
+                if (childNode.shadowRoot) {
+                  parseNodeTree(context, childNode.shadowRoot, container, root);
+                } else if (
+                  !isTextareaElement(childNode) &&
+                  !isSVGElement(childNode) &&
+                  !isSelectElement(childNode)
+                ) {
+                  parseNodeTree(context, childNode, container, root);
+                }
+              }
+            }
           }
+        }
       };
       var createContainer = function (context, element) {
-          if (isImageElement(element)) {
-              return new ImageElementContainer(context, element);
-          }
-          if (isCanvasElement(element)) {
-              return new CanvasElementContainer(context, element);
-          }
-          if (isSVGElement(element)) {
-              return new SVGElementContainer(context, element);
-          }
-          if (isLIElement(element)) {
-              return new LIElementContainer(context, element);
-          }
-          if (isOLElement(element)) {
-              return new OLElementContainer(context, element);
-          }
-          if (isInputElement(element)) {
-              return new InputElementContainer(context, element);
-          }
-          if (isSelectElement(element)) {
-              return new SelectElementContainer(context, element);
-          }
-          if (isTextareaElement(element)) {
-              return new TextareaElementContainer(context, element);
-          }
-          if (isIFrameElement(element)) {
-              return new IFrameElementContainer(context, element);
-          }
-          return new ElementContainer(context, element);
+        if (isImageElement(element)) {
+          return new ImageElementContainer(context, element);
+        }
+        if (isCanvasElement(element)) {
+          return new CanvasElementContainer(context, element);
+        }
+        if (isSVGElement(element)) {
+          return new SVGElementContainer(context, element);
+        }
+        if (isLIElement(element)) {
+          return new LIElementContainer(context, element);
+        }
+        if (isOLElement(element)) {
+          return new OLElementContainer(context, element);
+        }
+        if (isInputElement(element)) {
+          return new InputElementContainer(context, element);
+        }
+        if (isSelectElement(element)) {
+          return new SelectElementContainer(context, element);
+        }
+        if (isTextareaElement(element)) {
+          return new TextareaElementContainer(context, element);
+        }
+        if (isIFrameElement(element)) {
+          return new IFrameElementContainer(context, element);
+        }
+        return new ElementContainer(context, element);
       };
       var parseTree = function (context, element) {
-          var container = createContainer(context, element);
-          container.flags |= 4 /* CREATES_REAL_STACKING_CONTEXT */;
-          parseNodeTree(context, element, container, container);
-          return container;
+        var container = createContainer(context, element);
+        container.flags |= 4 /* CREATES_REAL_STACKING_CONTEXT */;
+        parseNodeTree(context, element, container, container);
+        return container;
       };
       var createsRealStackingContext = function (node, container, root) {
-          return (container.styles.isPositionedWithZIndex() ||
-              container.styles.opacity < 1 ||
-              container.styles.isTransformed() ||
-              (isBodyElement(node) && root.styles.isTransparent()));
-      };
-      var createsStackingContext = function (styles) { return styles.isPositioned() || styles.isFloating(); };
-      var isTextNode = function (node) { return node.nodeType === Node.TEXT_NODE; };
-      var isElementNode = function (node) { return node.nodeType === Node.ELEMENT_NODE; };
+        return (
+          container.styles.isPositionedWithZIndex() ||
+          container.styles.opacity < 1 ||
+          container.styles.isTransformed() ||
+          (isBodyElement(node) && root.styles.isTransparent())
+        );
+      };
+      var createsStackingContext = function (styles) {
+        return styles.isPositioned() || styles.isFloating();
+      };
+      var isTextNode = function (node) {
+        return node.nodeType === Node.TEXT_NODE;
+      };
+      var isElementNode = function (node) {
+        return node.nodeType === Node.ELEMENT_NODE;
+      };
       var isHTMLElementNode = function (node) {
-          return isElementNode(node) && typeof node.style !== 'undefined' && !isSVGElementNode(node);
+        return (
+          isElementNode(node) &&
+          typeof node.style !== "undefined" &&
+          !isSVGElementNode(node)
+        );
       };
       var isSVGElementNode = function (element) {
-          return typeof element.className === 'object';
-      };
-      var isLIElement = function (node) { return node.tagName === 'LI'; };
-      var isOLElement = function (node) { return node.tagName === 'OL'; };
-      var isInputElement = function (node) { return node.tagName === 'INPUT'; };
-      var isHTMLElement = function (node) { return node.tagName === 'HTML'; };
-      var isSVGElement = function (node) { return node.tagName === 'svg'; };
-      var isBodyElement = function (node) { return node.tagName === 'BODY'; };
-      var isCanvasElement = function (node) { return node.tagName === 'CANVAS'; };
-      var isVideoElement = function (node) { return node.tagName === 'VIDEO'; };
-      var isImageElement = function (node) { return node.tagName === 'IMG'; };
-      var isIFrameElement = function (node) { return node.tagName === 'IFRAME'; };
-      var isStyleElement = function (node) { return node.tagName === 'STYLE'; };
-      var isScriptElement = function (node) { return node.tagName === 'SCRIPT'; };
-      var isTextareaElement = function (node) { return node.tagName === 'TEXTAREA'; };
-      var isSelectElement = function (node) { return node.tagName === 'SELECT'; };
-      var isSlotElement = function (node) { return node.tagName === 'SLOT'; };
+        return typeof element.className === "object";
+      };
+      var isLIElement = function (node) {
+        return node.tagName === "LI";
+      };
+      var isOLElement = function (node) {
+        return node.tagName === "OL";
+      };
+      var isInputElement = function (node) {
+        return node.tagName === "INPUT";
+      };
+      var isHTMLElement = function (node) {
+        return node.tagName === "HTML";
+      };
+      var isSVGElement = function (node) {
+        return node.tagName === "svg";
+      };
+      var isBodyElement = function (node) {
+        return node.tagName === "BODY";
+      };
+      var isCanvasElement = function (node) {
+        return node.tagName === "CANVAS";
+      };
+      var isVideoElement = function (node) {
+        return node.tagName === "VIDEO";
+      };
+      var isImageElement = function (node) {
+        return node.tagName === "IMG";
+      };
+      var isIFrameElement = function (node) {
+        return node.tagName === "IFRAME";
+      };
+      var isStyleElement = function (node) {
+        return node.tagName === "STYLE";
+      };
+      var isScriptElement = function (node) {
+        return node.tagName === "SCRIPT";
+      };
+      var isTextareaElement = function (node) {
+        return node.tagName === "TEXTAREA";
+      };
+      var isSelectElement = function (node) {
+        return node.tagName === "SELECT";
+      };
+      var isSlotElement = function (node) {
+        return node.tagName === "SLOT";
+      };
       // https://html.spec.whatwg.org/multipage/custom-elements.html#valid-custom-element-name
-      var isCustomElement = function (node) { return node.tagName.indexOf('-') > 0; };
+      var isCustomElement = function (node) {
+        return node.tagName.indexOf("-") > 0;
+      };
 
       var CounterState = /** @class */ (function () {
-          function CounterState() {
-              this.counters = {};
-          }
-          CounterState.prototype.getCounterValue = function (name) {
-              var counter = this.counters[name];
-              if (counter && counter.length) {
-                  return counter[counter.length - 1];
-              }
-              return 1;
-          };
-          CounterState.prototype.getCounterValues = function (name) {
-              var counter = this.counters[name];
-              return counter ? counter : [];
-          };
-          CounterState.prototype.pop = function (counters) {
-              var _this = this;
-              counters.forEach(function (counter) { return _this.counters[counter].pop(); });
-          };
-          CounterState.prototype.parse = function (style) {
-              var _this = this;
-              var counterIncrement = style.counterIncrement;
-              var counterReset = style.counterReset;
-              var canReset = true;
-              if (counterIncrement !== null) {
-                  counterIncrement.forEach(function (entry) {
-                      var counter = _this.counters[entry.counter];
-                      if (counter && entry.increment !== 0) {
-                          canReset = false;
-                          if (!counter.length) {
-                              counter.push(1);
-                          }
-                          counter[Math.max(0, counter.length - 1)] += entry.increment;
-                      }
-                  });
-              }
-              var counterNames = [];
-              if (canReset) {
-                  counterReset.forEach(function (entry) {
-                      var counter = _this.counters[entry.counter];
-                      counterNames.push(entry.counter);
-                      if (!counter) {
-                          counter = _this.counters[entry.counter] = [];
-                      }
-                      counter.push(entry.reset);
-                  });
-              }
-              return counterNames;
-          };
-          return CounterState;
-      }());
+        function CounterState() {
+          this.counters = {};
+        }
+        CounterState.prototype.getCounterValue = function (name) {
+          var counter = this.counters[name];
+          if (counter && counter.length) {
+            return counter[counter.length - 1];
+          }
+          return 1;
+        };
+        CounterState.prototype.getCounterValues = function (name) {
+          var counter = this.counters[name];
+          return counter ? counter : [];
+        };
+        CounterState.prototype.pop = function (counters) {
+          var _this = this;
+          counters.forEach(function (counter) {
+            return _this.counters[counter].pop();
+          });
+        };
+        CounterState.prototype.parse = function (style) {
+          var _this = this;
+          var counterIncrement = style.counterIncrement;
+          var counterReset = style.counterReset;
+          var canReset = true;
+          if (counterIncrement !== null) {
+            counterIncrement.forEach(function (entry) {
+              var counter = _this.counters[entry.counter];
+              if (counter && entry.increment !== 0) {
+                canReset = false;
+                if (!counter.length) {
+                  counter.push(1);
+                }
+                counter[Math.max(0, counter.length - 1)] += entry.increment;
+              }
+            });
+          }
+          var counterNames = [];
+          if (canReset) {
+            counterReset.forEach(function (entry) {
+              var counter = _this.counters[entry.counter];
+              counterNames.push(entry.counter);
+              if (!counter) {
+                counter = _this.counters[entry.counter] = [];
+              }
+              counter.push(entry.reset);
+            });
+          }
+          return counterNames;
+        };
+        return CounterState;
+      })();
       var ROMAN_UPPER = {
-          integers: [1000, 900, 500, 400, 100, 90, 50, 40, 10, 9, 5, 4, 1],
-          values: ['M', 'CM', 'D', 'CD', 'C', 'XC', 'L', 'XL', 'X', 'IX', 'V', 'IV', 'I']
+        integers: [1000, 900, 500, 400, 100, 90, 50, 40, 10, 9, 5, 4, 1],
+        values: [
+          "M",
+          "CM",
+          "D",
+          "CD",
+          "C",
+          "XC",
+          "L",
+          "XL",
+          "X",
+          "IX",
+          "V",
+          "IV",
+          "I",
+        ],
       };
       var ARMENIAN = {
-          integers: [
-              9000, 8000, 7000, 6000, 5000, 4000, 3000, 2000, 1000, 900, 800, 700, 600, 500, 400, 300, 200, 100, 90, 80, 70,
-              60, 50, 40, 30, 20, 10, 9, 8, 7, 6, 5, 4, 3, 2, 1
-          ],
-          values: [
-              'Ք',
-              'Փ',
-              'Ւ',
-              'Ց',
-              'Ր',
-              'Տ',
-              'Վ',
-              'Ս',
-              'Ռ',
-              'Ջ',
-              'Պ',
-              'Չ',
-              'Ո',
-              'Շ',
-              'Ն',
-              'Յ',
-              'Մ',
-              'Ճ',
-              'Ղ',
-              'Ձ',
-              'Հ',
-              'Կ',
-              'Ծ',
-              'Խ',
-              'Լ',
-              'Ի',
-              'Ժ',
-              'Թ',
-              'Ը',
-              'Է',
-              'Զ',
-              'Ե',
-              'Դ',
-              'Գ',
-              'Բ',
-              'Ա'
-          ]
+        integers: [
+          9000, 8000, 7000, 6000, 5000, 4000, 3000, 2000, 1000, 900, 800, 700,
+          600, 500, 400, 300, 200, 100, 90, 80, 70, 60, 50, 40, 30, 20, 10, 9,
+          8, 7, 6, 5, 4, 3, 2, 1,
+        ],
+        values: [
+          "Ք",
+          "Փ",
+          "Ւ",
+          "Ց",
+          "Ր",
+          "Տ",
+          "Վ",
+          "Ս",
+          "Ռ",
+          "Ջ",
+          "Պ",
+          "Չ",
+          "Ո",
+          "Շ",
+          "Ն",
+          "Յ",
+          "Մ",
+          "Ճ",
+          "Ղ",
+          "Ձ",
+          "Հ",
+          "Կ",
+          "Ծ",
+          "Խ",
+          "Լ",
+          "Ի",
+          "Ժ",
+          "Թ",
+          "Ը",
+          "Է",
+          "Զ",
+          "Ե",
+          "Դ",
+          "Գ",
+          "Բ",
+          "Ա",
+        ],
       };
       var HEBREW = {
-          integers: [
-              10000, 9000, 8000, 7000, 6000, 5000, 4000, 3000, 2000, 1000, 400, 300, 200, 100, 90, 80, 70, 60, 50, 40, 30, 20,
-              19, 18, 17, 16, 15, 10, 9, 8, 7, 6, 5, 4, 3, 2, 1
-          ],
-          values: [
-              'י׳',
-              'ט׳',
-              'ח׳',
-              'ז׳',
-              'ו׳',
-              'ה׳',
-              'ד׳',
-              'ג׳',
-              'ב׳',
-              'א׳',
-              'ת',
-              'ש',
-              'ר',
-              'ק',
-              'צ',
-              'פ',
-              'ע',
-              'ס',
-              'נ',
-              'מ',
-              'ל',
-              'כ',
-              'יט',
-              'יח',
-              'יז',
-              'טז',
-              'טו',
-              'י',
-              'ט',
-              'ח',
-              'ז',
-              'ו',
-              'ה',
-              'ד',
-              'ג',
-              'ב',
-              'א'
-          ]
+        integers: [
+          10000, 9000, 8000, 7000, 6000, 5000, 4000, 3000, 2000, 1000, 400, 300,
+          200, 100, 90, 80, 70, 60, 50, 40, 30, 20, 19, 18, 17, 16, 15, 10, 9,
+          8, 7, 6, 5, 4, 3, 2, 1,
+        ],
+        values: [
+          "י׳",
+          "ט׳",
+          "ח׳",
+          "ז׳",
+          "ו׳",
+          "ה׳",
+          "ד׳",
+          "ג׳",
+          "ב׳",
+          "א׳",
+          "ת",
+          "ש",
+          "ר",
+          "ק",
+          "צ",
+          "פ",
+          "ע",
+          "ס",
+          "נ",
+          "מ",
+          "ל",
+          "כ",
+          "יט",
+          "יח",
+          "יז",
+          "טז",
+          "טו",
+          "י",
+          "ט",
+          "ח",
+          "ז",
+          "ו",
+          "ה",
+          "ד",
+          "ג",
+          "ב",
+          "א",
+        ],
       };
       var GEORGIAN = {
-          integers: [
-              10000, 9000, 8000, 7000, 6000, 5000, 4000, 3000, 2000, 1000, 900, 800, 700, 600, 500, 400, 300, 200, 100, 90,
-              80, 70, 60, 50, 40, 30, 20, 10, 9, 8, 7, 6, 5, 4, 3, 2, 1
-          ],
-          values: [
-              'ჵ',
-              'ჰ',
-              'ჯ',
-              'ჴ',
-              'ხ',
-              'ჭ',
-              'წ',
-              'ძ',
-              'ც',
-              'ჩ',
-              'შ',
-              'ყ',
-              'ღ',
-              'ქ',
-              'ფ',
-              'ჳ',
-              'ტ',
-              'ს',
-              'რ',
-              'ჟ',
-              'პ',
-              'ო',
-              'ჲ',
-              'ნ',
-              'მ',
-              'ლ',
-              'კ',
-              'ი',
-              'თ',
-              'ჱ',
-              'ზ',
-              'ვ',
-              'ე',
-              'დ',
-              'გ',
-              'ბ',
-              'ა'
-          ]
-      };
-      var createAdditiveCounter = function (value, min, max, symbols, fallback, suffix) {
-          if (value < min || value > max) {
-              return createCounterText(value, fallback, suffix.length > 0);
-          }
-          return (symbols.integers.reduce(function (string, integer, index) {
-              while (value >= integer) {
-                  value -= integer;
-                  string += symbols.values[index];
-              }
-              return string;
-          }, '') + suffix);
-      };
-      var createCounterStyleWithSymbolResolver = function (value, codePointRangeLength, isNumeric, resolver) {
-          var string = '';
-          do {
-              if (!isNumeric) {
-                  value--;
-              }
-              string = resolver(value) + string;
-              value /= codePointRangeLength;
-          } while (value * codePointRangeLength >= codePointRangeLength);
-          return string;
-      };
-      var createCounterStyleFromRange = function (value, codePointRangeStart, codePointRangeEnd, isNumeric, suffix) {
-          var codePointRangeLength = codePointRangeEnd - codePointRangeStart + 1;
-          return ((value < 0 ? '-' : '') +
-              (createCounterStyleWithSymbolResolver(Math.abs(value), codePointRangeLength, isNumeric, function (codePoint) {
-                  return fromCodePoint$1(Math.floor(codePoint % codePointRangeLength) + codePointRangeStart);
-              }) +
-                  suffix));
+        integers: [
+          10000, 9000, 8000, 7000, 6000, 5000, 4000, 3000, 2000, 1000, 900, 800,
+          700, 600, 500, 400, 300, 200, 100, 90, 80, 70, 60, 50, 40, 30, 20, 10,
+          9, 8, 7, 6, 5, 4, 3, 2, 1,
+        ],
+        values: [
+          "ჵ",
+          "ჰ",
+          "ჯ",
+          "ჴ",
+          "ხ",
+          "ჭ",
+          "წ",
+          "ძ",
+          "ც",
+          "ჩ",
+          "შ",
+          "ყ",
+          "ღ",
+          "ქ",
+          "ფ",
+          "ჳ",
+          "ტ",
+          "ს",
+          "რ",
+          "ჟ",
+          "პ",
+          "ო",
+          "ჲ",
+          "ნ",
+          "მ",
+          "ლ",
+          "კ",
+          "ი",
+          "თ",
+          "ჱ",
+          "ზ",
+          "ვ",
+          "ე",
+          "დ",
+          "გ",
+          "ბ",
+          "ა",
+        ],
+      };
+      var createAdditiveCounter = function (
+        value,
+        min,
+        max,
+        symbols,
+        fallback,
+        suffix,
+      ) {
+        if (value < min || value > max) {
+          return createCounterText(value, fallback, suffix.length > 0);
+        }
+        return (
+          symbols.integers.reduce(function (string, integer, index) {
+            while (value >= integer) {
+              value -= integer;
+              string += symbols.values[index];
+            }
+            return string;
+          }, "") + suffix
+        );
+      };
+      var createCounterStyleWithSymbolResolver = function (
+        value,
+        codePointRangeLength,
+        isNumeric,
+        resolver,
+      ) {
+        var string = "";
+        do {
+          if (!isNumeric) {
+            value--;
+          }
+          string = resolver(value) + string;
+          value /= codePointRangeLength;
+        } while (value * codePointRangeLength >= codePointRangeLength);
+        return string;
+      };
+      var createCounterStyleFromRange = function (
+        value,
+        codePointRangeStart,
+        codePointRangeEnd,
+        isNumeric,
+        suffix,
+      ) {
+        var codePointRangeLength = codePointRangeEnd - codePointRangeStart + 1;
+        return (
+          (value < 0 ? "-" : "") +
+          (createCounterStyleWithSymbolResolver(
+            Math.abs(value),
+            codePointRangeLength,
+            isNumeric,
+            function (codePoint) {
+              return fromCodePoint$1(
+                Math.floor(codePoint % codePointRangeLength) +
+                  codePointRangeStart,
+              );
+            },
+          ) +
+            suffix)
+        );
       };
       var createCounterStyleFromSymbols = function (value, symbols, suffix) {
-          if (suffix === void 0) { suffix = '. '; }
-          var codePointRangeLength = symbols.length;
-          return (createCounterStyleWithSymbolResolver(Math.abs(value), codePointRangeLength, false, function (codePoint) { return symbols[Math.floor(codePoint % codePointRangeLength)]; }) + suffix);
+        if (suffix === void 0) {
+          suffix = ". ";
+        }
+        var codePointRangeLength = symbols.length;
+        return (
+          createCounterStyleWithSymbolResolver(
+            Math.abs(value),
+            codePointRangeLength,
+            false,
+            function (codePoint) {
+              return symbols[Math.floor(codePoint % codePointRangeLength)];
+            },
+          ) + suffix
+        );
       };
       var CJK_ZEROS = 1 << 0;
       var CJK_TEN_COEFFICIENTS = 1 << 1;
       var CJK_TEN_HIGH_COEFFICIENTS = 1 << 2;
       var CJK_HUNDRED_COEFFICIENTS = 1 << 3;
-      var createCJKCounter = function (value, numbers, multipliers, negativeSign, suffix, flags) {
-          if (value < -9999 || value > 9999) {
-              return createCounterText(value, 4 /* CJK_DECIMAL */, suffix.length > 0);
-          }
-          var tmp = Math.abs(value);
-          var string = suffix;
-          if (tmp === 0) {
-              return numbers[0] + string;
-          }
-          for (var digit = 0; tmp > 0 && digit <= 4; digit++) {
-              var coefficient = tmp % 10;
-              if (coefficient === 0 && contains(flags, CJK_ZEROS) && string !== '') {
-                  string = numbers[coefficient] + string;
-              }
-              else if (coefficient > 1 ||
-                  (coefficient === 1 && digit === 0) ||
-                  (coefficient === 1 && digit === 1 && contains(flags, CJK_TEN_COEFFICIENTS)) ||
-                  (coefficient === 1 && digit === 1 && contains(flags, CJK_TEN_HIGH_COEFFICIENTS) && value > 100) ||
-                  (coefficient === 1 && digit > 1 && contains(flags, CJK_HUNDRED_COEFFICIENTS))) {
-                  string = numbers[coefficient] + (digit > 0 ? multipliers[digit - 1] : '') + string;
-              }
-              else if (coefficient === 1 && digit > 0) {
-                  string = multipliers[digit - 1] + string;
-              }
-              tmp = Math.floor(tmp / 10);
-          }
-          return (value < 0 ? negativeSign : '') + string;
+      var createCJKCounter = function (
+        value,
+        numbers,
+        multipliers,
+        negativeSign,
+        suffix,
+        flags,
+      ) {
+        if (value < -9999 || value > 9999) {
+          return createCounterText(
+            value,
+            4 /* CJK_DECIMAL */,
+            suffix.length > 0,
+          );
+        }
+        var tmp = Math.abs(value);
+        var string = suffix;
+        if (tmp === 0) {
+          return numbers[0] + string;
+        }
+        for (var digit = 0; tmp > 0 && digit <= 4; digit++) {
+          var coefficient = tmp % 10;
+          if (
+            coefficient === 0 &&
+            contains(flags, CJK_ZEROS) &&
+            string !== ""
+          ) {
+            string = numbers[coefficient] + string;
+          } else if (
+            coefficient > 1 ||
+            (coefficient === 1 && digit === 0) ||
+            (coefficient === 1 &&
+              digit === 1 &&
+              contains(flags, CJK_TEN_COEFFICIENTS)) ||
+            (coefficient === 1 &&
+              digit === 1 &&
+              contains(flags, CJK_TEN_HIGH_COEFFICIENTS) &&
+              value > 100) ||
+            (coefficient === 1 &&
+              digit > 1 &&
+              contains(flags, CJK_HUNDRED_COEFFICIENTS))
+          ) {
+            string =
+              numbers[coefficient] +
+              (digit > 0 ? multipliers[digit - 1] : "") +
+              string;
+          } else if (coefficient === 1 && digit > 0) {
+            string = multipliers[digit - 1] + string;
+          }
+          tmp = Math.floor(tmp / 10);
+        }
+        return (value < 0 ? negativeSign : "") + string;
       };
-      var CHINESE_INFORMAL_MULTIPLIERS = '十百千萬';
-      var CHINESE_FORMAL_MULTIPLIERS = '拾佰仟萬';
-      var JAPANESE_NEGATIVE = 'マイナス';
-      var KOREAN_NEGATIVE = '마이너스';
+      var CHINESE_INFORMAL_MULTIPLIERS = "十百千萬";
+      var CHINESE_FORMAL_MULTIPLIERS = "拾佰仟萬";
+      var JAPANESE_NEGATIVE = "マイナス";
+      var KOREAN_NEGATIVE = "마이너스";
       var createCounterText = function (value, type, appendSuffix) {
-          var defaultSuffix = appendSuffix ? '. ' : '';
-          var cjkSuffix = appendSuffix ? '、' : '';
-          var koreanSuffix = appendSuffix ? ', ' : '';
-          var spaceSuffix = appendSuffix ? ' ' : '';
-          switch (type) {
-              case 0 /* DISC */:
-                  return '•' + spaceSuffix;
-              case 1 /* CIRCLE */:
-                  return '◦' + spaceSuffix;
-              case 2 /* SQUARE */:
-                  return '◾' + spaceSuffix;
-              case 5 /* DECIMAL_LEADING_ZERO */:
-                  var string = createCounterStyleFromRange(value, 48, 57, true, defaultSuffix);
-                  return string.length < 4 ? "0" + string : string;
-              case 4 /* CJK_DECIMAL */:
-                  return createCounterStyleFromSymbols(value, '〇一二三四五六七八九', cjkSuffix);
-              case 6 /* LOWER_ROMAN */:
-                  return createAdditiveCounter(value, 1, 3999, ROMAN_UPPER, 3 /* DECIMAL */, defaultSuffix).toLowerCase();
-              case 7 /* UPPER_ROMAN */:
-                  return createAdditiveCounter(value, 1, 3999, ROMAN_UPPER, 3 /* DECIMAL */, defaultSuffix);
-              case 8 /* LOWER_GREEK */:
-                  return createCounterStyleFromRange(value, 945, 969, false, defaultSuffix);
-              case 9 /* LOWER_ALPHA */:
-                  return createCounterStyleFromRange(value, 97, 122, false, defaultSuffix);
-              case 10 /* UPPER_ALPHA */:
-                  return createCounterStyleFromRange(value, 65, 90, false, defaultSuffix);
-              case 11 /* ARABIC_INDIC */:
-                  return createCounterStyleFromRange(value, 1632, 1641, true, defaultSuffix);
-              case 12 /* ARMENIAN */:
-              case 49 /* UPPER_ARMENIAN */:
-                  return createAdditiveCounter(value, 1, 9999, ARMENIAN, 3 /* DECIMAL */, defaultSuffix);
-              case 35 /* LOWER_ARMENIAN */:
-                  return createAdditiveCounter(value, 1, 9999, ARMENIAN, 3 /* DECIMAL */, defaultSuffix).toLowerCase();
-              case 13 /* BENGALI */:
-                  return createCounterStyleFromRange(value, 2534, 2543, true, defaultSuffix);
-              case 14 /* CAMBODIAN */:
-              case 30 /* KHMER */:
-                  return createCounterStyleFromRange(value, 6112, 6121, true, defaultSuffix);
-              case 15 /* CJK_EARTHLY_BRANCH */:
-                  return createCounterStyleFromSymbols(value, '子丑寅卯辰巳午未申酉戌亥', cjkSuffix);
-              case 16 /* CJK_HEAVENLY_STEM */:
-                  return createCounterStyleFromSymbols(value, '甲乙丙丁戊己庚辛壬癸', cjkSuffix);
-              case 17 /* CJK_IDEOGRAPHIC */:
-              case 48 /* TRAD_CHINESE_INFORMAL */:
-                  return createCJKCounter(value, '零一二三四五六七八九', CHINESE_INFORMAL_MULTIPLIERS, '負', cjkSuffix, CJK_TEN_COEFFICIENTS | CJK_TEN_HIGH_COEFFICIENTS | CJK_HUNDRED_COEFFICIENTS);
-              case 47 /* TRAD_CHINESE_FORMAL */:
-                  return createCJKCounter(value, '零壹貳參肆伍陸柒捌玖', CHINESE_FORMAL_MULTIPLIERS, '負', cjkSuffix, CJK_ZEROS | CJK_TEN_COEFFICIENTS | CJK_TEN_HIGH_COEFFICIENTS | CJK_HUNDRED_COEFFICIENTS);
-              case 42 /* SIMP_CHINESE_INFORMAL */:
-                  return createCJKCounter(value, '零一二三四五六七八九', CHINESE_INFORMAL_MULTIPLIERS, '负', cjkSuffix, CJK_TEN_COEFFICIENTS | CJK_TEN_HIGH_COEFFICIENTS | CJK_HUNDRED_COEFFICIENTS);
-              case 41 /* SIMP_CHINESE_FORMAL */:
-                  return createCJKCounter(value, '零壹贰叁肆伍陆柒捌玖', CHINESE_FORMAL_MULTIPLIERS, '负', cjkSuffix, CJK_ZEROS | CJK_TEN_COEFFICIENTS | CJK_TEN_HIGH_COEFFICIENTS | CJK_HUNDRED_COEFFICIENTS);
-              case 26 /* JAPANESE_INFORMAL */:
-                  return createCJKCounter(value, '〇一二三四五六七八九', '十百千万', JAPANESE_NEGATIVE, cjkSuffix, 0);
-              case 25 /* JAPANESE_FORMAL */:
-                  return createCJKCounter(value, '零壱弐参四伍六七八九', '拾百千万', JAPANESE_NEGATIVE, cjkSuffix, CJK_ZEROS | CJK_TEN_COEFFICIENTS | CJK_TEN_HIGH_COEFFICIENTS);
-              case 31 /* KOREAN_HANGUL_FORMAL */:
-                  return createCJKCounter(value, '영일이삼사오육칠팔구', '십백천만', KOREAN_NEGATIVE, koreanSuffix, CJK_ZEROS | CJK_TEN_COEFFICIENTS | CJK_TEN_HIGH_COEFFICIENTS);
-              case 33 /* KOREAN_HANJA_INFORMAL */:
-                  return createCJKCounter(value, '零一二三四五六七八九', '十百千萬', KOREAN_NEGATIVE, koreanSuffix, 0);
-              case 32 /* KOREAN_HANJA_FORMAL */:
-                  return createCJKCounter(value, '零壹貳參四五六七八九', '拾百千', KOREAN_NEGATIVE, koreanSuffix, CJK_ZEROS | CJK_TEN_COEFFICIENTS | CJK_TEN_HIGH_COEFFICIENTS);
-              case 18 /* DEVANAGARI */:
-                  return createCounterStyleFromRange(value, 0x966, 0x96f, true, defaultSuffix);
-              case 20 /* GEORGIAN */:
-                  return createAdditiveCounter(value, 1, 19999, GEORGIAN, 3 /* DECIMAL */, defaultSuffix);
-              case 21 /* GUJARATI */:
-                  return createCounterStyleFromRange(value, 0xae6, 0xaef, true, defaultSuffix);
-              case 22 /* GURMUKHI */:
-                  return createCounterStyleFromRange(value, 0xa66, 0xa6f, true, defaultSuffix);
-              case 22 /* HEBREW */:
-                  return createAdditiveCounter(value, 1, 10999, HEBREW, 3 /* DECIMAL */, defaultSuffix);
-              case 23 /* HIRAGANA */:
-                  return createCounterStyleFromSymbols(value, 'あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわゐゑをん');
-              case 24 /* HIRAGANA_IROHA */:
-                  return createCounterStyleFromSymbols(value, 'いろはにほへとちりぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせす');
-              case 27 /* KANNADA */:
-                  return createCounterStyleFromRange(value, 0xce6, 0xcef, true, defaultSuffix);
-              case 28 /* KATAKANA */:
-                  return createCounterStyleFromSymbols(value, 'アイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤユヨラリルレロワヰヱヲン', cjkSuffix);
-              case 29 /* KATAKANA_IROHA */:
-                  return createCounterStyleFromSymbols(value, 'イロハニホヘトチリヌルヲワカヨタレソツネナラムウヰノオクヤマケフコエテアサキユメミシヱヒモセス', cjkSuffix);
-              case 34 /* LAO */:
-                  return createCounterStyleFromRange(value, 0xed0, 0xed9, true, defaultSuffix);
-              case 37 /* MONGOLIAN */:
-                  return createCounterStyleFromRange(value, 0x1810, 0x1819, true, defaultSuffix);
-              case 38 /* MYANMAR */:
-                  return createCounterStyleFromRange(value, 0x1040, 0x1049, true, defaultSuffix);
-              case 39 /* ORIYA */:
-                  return createCounterStyleFromRange(value, 0xb66, 0xb6f, true, defaultSuffix);
-              case 40 /* PERSIAN */:
-                  return createCounterStyleFromRange(value, 0x6f0, 0x6f9, true, defaultSuffix);
-              case 43 /* TAMIL */:
-                  return createCounterStyleFromRange(value, 0xbe6, 0xbef, true, defaultSuffix);
-              case 44 /* TELUGU */:
-                  return createCounterStyleFromRange(value, 0xc66, 0xc6f, true, defaultSuffix);
-              case 45 /* THAI */:
-                  return createCounterStyleFromRange(value, 0xe50, 0xe59, true, defaultSuffix);
-              case 46 /* TIBETAN */:
-                  return createCounterStyleFromRange(value, 0xf20, 0xf29, true, defaultSuffix);
-              case 3 /* DECIMAL */:
-              default:
-                  return createCounterStyleFromRange(value, 48, 57, true, defaultSuffix);
-          }
+        var defaultSuffix = appendSuffix ? ". " : "";
+        var cjkSuffix = appendSuffix ? "、" : "";
+        var koreanSuffix = appendSuffix ? ", " : "";
+        var spaceSuffix = appendSuffix ? " " : "";
+        switch (type) {
+          case 0 /* DISC */:
+            return "•" + spaceSuffix;
+          case 1 /* CIRCLE */:
+            return "◦" + spaceSuffix;
+          case 2 /* SQUARE */:
+            return "◾" + spaceSuffix;
+          case 5 /* DECIMAL_LEADING_ZERO */:
+            var string = createCounterStyleFromRange(
+              value,
+              48,
+              57,
+              true,
+              defaultSuffix,
+            );
+            return string.length < 4 ? "0" + string : string;
+          case 4 /* CJK_DECIMAL */:
+            return createCounterStyleFromSymbols(
+              value,
+              "〇一二三四五六七八九",
+              cjkSuffix,
+            );
+          case 6 /* LOWER_ROMAN */:
+            return createAdditiveCounter(
+              value,
+              1,
+              3999,
+              ROMAN_UPPER,
+              3 /* DECIMAL */,
+              defaultSuffix,
+            ).toLowerCase();
+          case 7 /* UPPER_ROMAN */:
+            return createAdditiveCounter(
+              value,
+              1,
+              3999,
+              ROMAN_UPPER,
+              3 /* DECIMAL */,
+              defaultSuffix,
+            );
+          case 8 /* LOWER_GREEK */:
+            return createCounterStyleFromRange(
+              value,
+              945,
+              969,
+              false,
+              defaultSuffix,
+            );
+          case 9 /* LOWER_ALPHA */:
+            return createCounterStyleFromRange(
+              value,
+              97,
+              122,
+              false,
+              defaultSuffix,
+            );
+          case 10 /* UPPER_ALPHA */:
+            return createCounterStyleFromRange(
+              value,
+              65,
+              90,
+              false,
+              defaultSuffix,
+            );
+          case 11 /* ARABIC_INDIC */:
+            return createCounterStyleFromRange(
+              value,
+              1632,
+              1641,
+              true,
+              defaultSuffix,
+            );
+          case 12 /* ARMENIAN */:
+          case 49 /* UPPER_ARMENIAN */:
+            return createAdditiveCounter(
+              value,
+              1,
+              9999,
+              ARMENIAN,
+              3 /* DECIMAL */,
+              defaultSuffix,
+            );
+          case 35 /* LOWER_ARMENIAN */:
+            return createAdditiveCounter(
+              value,
+              1,
+              9999,
+              ARMENIAN,
+              3 /* DECIMAL */,
+              defaultSuffix,
+            ).toLowerCase();
+          case 13 /* BENGALI */:
+            return createCounterStyleFromRange(
+              value,
+              2534,
+              2543,
+              true,
+              defaultSuffix,
+            );
+          case 14 /* CAMBODIAN */:
+          case 30 /* KHMER */:
+            return createCounterStyleFromRange(
+              value,
+              6112,
+              6121,
+              true,
+              defaultSuffix,
+            );
+          case 15 /* CJK_EARTHLY_BRANCH */:
+            return createCounterStyleFromSymbols(
+              value,
+              "子丑寅卯辰巳午未申酉戌亥",
+              cjkSuffix,
+            );
+          case 16 /* CJK_HEAVENLY_STEM */:
+            return createCounterStyleFromSymbols(
+              value,
+              "甲乙丙丁戊己庚辛壬癸",
+              cjkSuffix,
+            );
+          case 17 /* CJK_IDEOGRAPHIC */:
+          case 48 /* TRAD_CHINESE_INFORMAL */:
+            return createCJKCounter(
+              value,
+              "零一二三四五六七八九",
+              CHINESE_INFORMAL_MULTIPLIERS,
+              "負",
+              cjkSuffix,
+              CJK_TEN_COEFFICIENTS |
+                CJK_TEN_HIGH_COEFFICIENTS |
+                CJK_HUNDRED_COEFFICIENTS,
+            );
+          case 47 /* TRAD_CHINESE_FORMAL */:
+            return createCJKCounter(
+              value,
+              "零壹貳參肆伍陸柒捌玖",
+              CHINESE_FORMAL_MULTIPLIERS,
+              "負",
+              cjkSuffix,
+              CJK_ZEROS |
+                CJK_TEN_COEFFICIENTS |
+                CJK_TEN_HIGH_COEFFICIENTS |
+                CJK_HUNDRED_COEFFICIENTS,
+            );
+          case 42 /* SIMP_CHINESE_INFORMAL */:
+            return createCJKCounter(
+              value,
+              "零一二三四五六七八九",
+              CHINESE_INFORMAL_MULTIPLIERS,
+              "负",
+              cjkSuffix,
+              CJK_TEN_COEFFICIENTS |
+                CJK_TEN_HIGH_COEFFICIENTS |
+                CJK_HUNDRED_COEFFICIENTS,
+            );
+          case 41 /* SIMP_CHINESE_FORMAL */:
+            return createCJKCounter(
+              value,
+              "零壹贰叁肆伍陆柒捌玖",
+              CHINESE_FORMAL_MULTIPLIERS,
+              "负",
+              cjkSuffix,
+              CJK_ZEROS |
+                CJK_TEN_COEFFICIENTS |
+                CJK_TEN_HIGH_COEFFICIENTS |
+                CJK_HUNDRED_COEFFICIENTS,
+            );
+          case 26 /* JAPANESE_INFORMAL */:
+            return createCJKCounter(
+              value,
+              "〇一二三四五六七八九",
+              "十百千万",
+              JAPANESE_NEGATIVE,
+              cjkSuffix,
+              0,
+            );
+          case 25 /* JAPANESE_FORMAL */:
+            return createCJKCounter(
+              value,
+              "零壱弐参四伍六七八九",
+              "拾百千万",
+              JAPANESE_NEGATIVE,
+              cjkSuffix,
+              CJK_ZEROS | CJK_TEN_COEFFICIENTS | CJK_TEN_HIGH_COEFFICIENTS,
+            );
+          case 31 /* KOREAN_HANGUL_FORMAL */:
+            return createCJKCounter(
+              value,
+              "영일이삼사오육칠팔구",
+              "십백천만",
+              KOREAN_NEGATIVE,
+              koreanSuffix,
+              CJK_ZEROS | CJK_TEN_COEFFICIENTS | CJK_TEN_HIGH_COEFFICIENTS,
+            );
+          case 33 /* KOREAN_HANJA_INFORMAL */:
+            return createCJKCounter(
+              value,
+              "零一二三四五六七八九",
+              "十百千萬",
+              KOREAN_NEGATIVE,
+              koreanSuffix,
+              0,
+            );
+          case 32 /* KOREAN_HANJA_FORMAL */:
+            return createCJKCounter(
+              value,
+              "零壹貳參四五六七八九",
+              "拾百千",
+              KOREAN_NEGATIVE,
+              koreanSuffix,
+              CJK_ZEROS | CJK_TEN_COEFFICIENTS | CJK_TEN_HIGH_COEFFICIENTS,
+            );
+          case 18 /* DEVANAGARI */:
+            return createCounterStyleFromRange(
+              value,
+              0x966,
+              0x96f,
+              true,
+              defaultSuffix,
+            );
+          case 20 /* GEORGIAN */:
+            return createAdditiveCounter(
+              value,
+              1,
+              19999,
+              GEORGIAN,
+              3 /* DECIMAL */,
+              defaultSuffix,
+            );
+          case 21 /* GUJARATI */:
+            return createCounterStyleFromRange(
+              value,
+              0xae6,
+              0xaef,
+              true,
+              defaultSuffix,
+            );
+          case 22 /* GURMUKHI */:
+            return createCounterStyleFromRange(
+              value,
+              0xa66,
+              0xa6f,
+              true,
+              defaultSuffix,
+            );
+          case 22 /* HEBREW */:
+            return createAdditiveCounter(
+              value,
+              1,
+              10999,
+              HEBREW,
+              3 /* DECIMAL */,
+              defaultSuffix,
+            );
+          case 23 /* HIRAGANA */:
+            return createCounterStyleFromSymbols(
+              value,
+              "あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわゐゑをん",
+            );
+          case 24 /* HIRAGANA_IROHA */:
+            return createCounterStyleFromSymbols(
+              value,
+              "いろはにほへとちりぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせす",
+            );
+          case 27 /* KANNADA */:
+            return createCounterStyleFromRange(
+              value,
+              0xce6,
+              0xcef,
+              true,
+              defaultSuffix,
+            );
+          case 28 /* KATAKANA */:
+            return createCounterStyleFromSymbols(
+              value,
+              "アイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤユヨラリルレロワヰヱヲン",
+              cjkSuffix,
+            );
+          case 29 /* KATAKANA_IROHA */:
+            return createCounterStyleFromSymbols(
+              value,
+              "イロハニホヘトチリヌルヲワカヨタレソツネナラムウヰノオクヤマケフコエテアサキユメミシヱヒモセス",
+              cjkSuffix,
+            );
+          case 34 /* LAO */:
+            return createCounterStyleFromRange(
+              value,
+              0xed0,
+              0xed9,
+              true,
+              defaultSuffix,
+            );
+          case 37 /* MONGOLIAN */:
+            return createCounterStyleFromRange(
+              value,
+              0x1810,
+              0x1819,
+              true,
+              defaultSuffix,
+            );
+          case 38 /* MYANMAR */:
+            return createCounterStyleFromRange(
+              value,
+              0x1040,
+              0x1049,
+              true,
+              defaultSuffix,
+            );
+          case 39 /* ORIYA */:
+            return createCounterStyleFromRange(
+              value,
+              0xb66,
+              0xb6f,
+              true,
+              defaultSuffix,
+            );
+          case 40 /* PERSIAN */:
+            return createCounterStyleFromRange(
+              value,
+              0x6f0,
+              0x6f9,
+              true,
+              defaultSuffix,
+            );
+          case 43 /* TAMIL */:
+            return createCounterStyleFromRange(
+              value,
+              0xbe6,
+              0xbef,
+              true,
+              defaultSuffix,
+            );
+          case 44 /* TELUGU */:
+            return createCounterStyleFromRange(
+              value,
+              0xc66,
+              0xc6f,
+              true,
+              defaultSuffix,
+            );
+          case 45 /* THAI */:
+            return createCounterStyleFromRange(
+              value,
+              0xe50,
+              0xe59,
+              true,
+              defaultSuffix,
+            );
+          case 46 /* TIBETAN */:
+            return createCounterStyleFromRange(
+              value,
+              0xf20,
+              0xf29,
+              true,
+              defaultSuffix,
+            );
+          case 3 /* DECIMAL */:
+          default:
+            return createCounterStyleFromRange(
+              value,
+              48,
+              57,
+              true,
+              defaultSuffix,
+            );
+        }
       };
 
-      var IGNORE_ATTRIBUTE = 'data-html2canvas-ignore';
+      var IGNORE_ATTRIBUTE = "data-html2canvas-ignore";
       var DocumentCloner = /** @class */ (function () {
-          function DocumentCloner(context, element, options) {
-              this.context = context;
-              this.options = options;
-              this.scrolledElements = [];
-              this.referenceElement = element;
-              this.counters = new CounterState();
-              this.quoteDepth = 0;
-              if (!element.ownerDocument) {
-                  throw new Error('Cloned element does not have an owner document');
-              }
-              this.documentElement = this.cloneNode(element.ownerDocument.documentElement, false);
-          }
-          DocumentCloner.prototype.toIFrame = function (ownerDocument, windowSize) {
-              var _this = this;
-              var iframe = createIFrameContainer(ownerDocument, windowSize);
-              if (!iframe.contentWindow) {
-                  return Promise.reject("Unable to find iframe window");
-              }
-              var scrollX = ownerDocument.defaultView.pageXOffset;
-              var scrollY = ownerDocument.defaultView.pageYOffset;
-              var cloneWindow = iframe.contentWindow;
-              var documentClone = cloneWindow.document;
-              /* Chrome doesn't detect relative background-images assigned in inline <style> sheets when fetched through getComputedStyle
+        function DocumentCloner(context, element, options) {
+          this.context = context;
+          this.options = options;
+          this.scrolledElements = [];
+          this.referenceElement = element;
+          this.counters = new CounterState();
+          this.quoteDepth = 0;
+          if (!element.ownerDocument) {
+            throw new Error("Cloned element does not have an owner document");
+          }
+          this.documentElement = this.cloneNode(
+            element.ownerDocument.documentElement,
+            false,
+          );
+        }
+        DocumentCloner.prototype.toIFrame = function (
+          ownerDocument,
+          windowSize,
+        ) {
+          var _this = this;
+          var iframe = createIFrameContainer(ownerDocument, windowSize);
+          if (!iframe.contentWindow) {
+            return Promise.reject("Unable to find iframe window");
+          }
+          var scrollX = ownerDocument.defaultView.pageXOffset;
+          var scrollY = ownerDocument.defaultView.pageYOffset;
+          var cloneWindow = iframe.contentWindow;
+          var documentClone = cloneWindow.document;
+          /* Chrome doesn't detect relative background-images assigned in inline <style> sheets when fetched through getComputedStyle
                if window url is about:blank, we can assign the url to current by writing onto the document
                */
-              var iframeLoad = iframeLoader(iframe).then(function () { return __awaiter(_this, void 0, void 0, function () {
-                  var onclone, referenceElement;
-                  return __generator(this, function (_a) {
-                      switch (_a.label) {
-                          case 0:
-                              this.scrolledElements.forEach(restoreNodeScroll);
-                              if (cloneWindow) {
-                                  cloneWindow.scrollTo(windowSize.left, windowSize.top);
-                                  if (/(iPad|iPhone|iPod)/g.test(navigator.userAgent) &&
-                                      (cloneWindow.scrollY !== windowSize.top || cloneWindow.scrollX !== windowSize.left)) {
-                                      this.context.logger.warn('Unable to restore scroll position for cloned document');
-                                      this.context.windowBounds = this.context.windowBounds.add(cloneWindow.scrollX - windowSize.left, cloneWindow.scrollY - windowSize.top, 0, 0);
-                                  }
-                              }
-                              onclone = this.options.onclone;
-                              referenceElement = this.clonedReferenceElement;
-                              if (typeof referenceElement === 'undefined') {
-                                  return [2 /*return*/, Promise.reject("Error finding the " + this.referenceElement.nodeName + " in the cloned document")];
-                              }
-                              if (!(documentClone.fonts && documentClone.fonts.ready)) return [3 /*break*/, 2];
-                              return [4 /*yield*/, documentClone.fonts.ready];
-                          case 1:
-                              _a.sent();
-                              _a.label = 2;
-                          case 2:
-                              if (!/(AppleWebKit)/g.test(navigator.userAgent)) return [3 /*break*/, 4];
-                              return [4 /*yield*/, imagesReady(documentClone)];
-                          case 3:
-                              _a.sent();
-                              _a.label = 4;
-                          case 4:
-                              if (typeof onclone === 'function') {
-                                  return [2 /*return*/, Promise.resolve()
-                                          .then(function () { return onclone(documentClone, referenceElement); })
-                                          .then(function () { return iframe; })];
-                              }
-                              return [2 /*return*/, iframe];
-                      }
-                  });
-              }); });
-              documentClone.open();
-              documentClone.write(serializeDoctype(document.doctype) + "<html></html>");
-              // Chrome scrolls the parent document for some reason after the write to the cloned window???
-              restoreOwnerScroll(this.referenceElement.ownerDocument, scrollX, scrollY);
-              documentClone.replaceChild(documentClone.adoptNode(this.documentElement), documentClone.documentElement);
-              documentClone.close();
-              return iframeLoad;
-          };
-          DocumentCloner.prototype.createElementClone = function (node) {
-              if (isDebugging(node, 2 /* CLONE */)) {
-                  debugger;
-              }
-              if (isCanvasElement(node)) {
-                  return this.createCanvasClone(node);
-              }
-              if (isVideoElement(node)) {
-                  return this.createVideoClone(node);
-              }
-              if (isStyleElement(node)) {
-                  return this.createStyleClone(node);
-              }
-              var clone = node.cloneNode(false);
-              if (isImageElement(clone)) {
-                  if (isImageElement(node) && node.currentSrc && node.currentSrc !== node.src) {
-                      clone.src = node.currentSrc;
-                      clone.srcset = '';
-                  }
-                  if (clone.loading === 'lazy') {
-                      clone.loading = 'eager';
-                  }
-              }
-              if (isCustomElement(clone)) {
-                  return this.createCustomElementClone(clone);
-              }
-              return clone;
-          };
-          DocumentCloner.prototype.createCustomElementClone = function (node) {
-              var clone = document.createElement('html2canvascustomelement');
-              copyCSSStyles(node.style, clone);
-              return clone;
-          };
-          DocumentCloner.prototype.createStyleClone = function (node) {
-              try {
-                  var sheet = node.sheet;
-                  if (sheet && sheet.cssRules) {
-                      var css = [].slice.call(sheet.cssRules, 0).reduce(function (css, rule) {
-                          if (rule && typeof rule.cssText === 'string') {
-                              return css + rule.cssText;
-                          }
-                          return css;
-                      }, '');
-                      var style = node.cloneNode(false);
-                      style.textContent = css;
-                      return style;
-                  }
-              }
-              catch (e) {
-                  // accessing node.sheet.cssRules throws a DOMException
-                  this.context.logger.error('Unable to access cssRules property', e);
-                  if (e.name !== 'SecurityError') {
-                      throw e;
-                  }
-              }
-              return node.cloneNode(false);
-          };
-          DocumentCloner.prototype.createCanvasClone = function (canvas) {
-              var _a;
-              if (this.options.inlineImages && canvas.ownerDocument) {
-                  var img = canvas.ownerDocument.createElement('img');
-                  try {
-                      img.src = canvas.toDataURL();
-                      return img;
-                  }
-                  catch (e) {
-                      this.context.logger.info("Unable to inline canvas contents, canvas is tainted", canvas);
-                  }
-              }
-              var clonedCanvas = canvas.cloneNode(false);
-              try {
-                  clonedCanvas.width = canvas.width;
-                  clonedCanvas.height = canvas.height;
-                  var ctx = canvas.getContext('2d');
-                  var clonedCtx = clonedCanvas.getContext('2d');
-                  if (clonedCtx) {
-                      if (!this.options.allowTaint && ctx) {
-                          clonedCtx.putImageData(ctx.getImageData(0, 0, canvas.width, canvas.height), 0, 0);
-                      }
-                      else {
-                          var gl = (_a = canvas.getContext('webgl2')) !== null && _a !== void 0 ? _a : canvas.getContext('webgl');
-                          if (gl) {
-                              var attribs = gl.getContextAttributes();
-                              if ((attribs === null || attribs === void 0 ? void 0 : attribs.preserveDrawingBuffer) === false) {
-                                  this.context.logger.warn('Unable to clone WebGL context as it has preserveDrawingBuffer=false', canvas);
-                              }
-                          }
-                          clonedCtx.drawImage(canvas, 0, 0);
-                      }
-                  }
-                  return clonedCanvas;
-              }
-              catch (e) {
-                  this.context.logger.info("Unable to clone canvas as it is tainted", canvas);
-              }
-              return clonedCanvas;
-          };
-          DocumentCloner.prototype.createVideoClone = function (video) {
-              var canvas = video.ownerDocument.createElement('canvas');
-              canvas.width = video.offsetWidth;
-              canvas.height = video.offsetHeight;
-              var ctx = canvas.getContext('2d');
-              try {
-                  if (ctx) {
-                      ctx.drawImage(video, 0, 0, canvas.width, canvas.height);
-                      if (!this.options.allowTaint) {
-                          ctx.getImageData(0, 0, canvas.width, canvas.height);
-                      }
-                  }
-                  return canvas;
-              }
-              catch (e) {
-                  this.context.logger.info("Unable to clone video as it is tainted", video);
-              }
-              var blankCanvas = video.ownerDocument.createElement('canvas');
-              blankCanvas.width = video.offsetWidth;
-              blankCanvas.height = video.offsetHeight;
-              return blankCanvas;
-          };
-          DocumentCloner.prototype.appendChildNode = function (clone, child, copyStyles) {
-              if (!isElementNode(child) ||
-                  (!isScriptElement(child) &&
-                      !child.hasAttribute(IGNORE_ATTRIBUTE) &&
-                      (typeof this.options.ignoreElements !== 'function' || !this.options.ignoreElements(child)))) {
-                  if (!this.options.copyStyles || !isElementNode(child) || !isStyleElement(child)) {
-                      clone.appendChild(this.cloneNode(child, copyStyles));
-                  }
-              }
-          };
-          DocumentCloner.prototype.cloneChildNodes = function (node, clone, copyStyles) {
-              var _this = this;
-              for (var child = node.shadowRoot ? node.shadowRoot.firstChild : node.firstChild; child; child = child.nextSibling) {
-                  if (isElementNode(child) && isSlotElement(child) && typeof child.assignedNodes === 'function') {
-                      var assignedNodes = child.assignedNodes();
-                      if (assignedNodes.length) {
-                          assignedNodes.forEach(function (assignedNode) { return _this.appendChildNode(clone, assignedNode, copyStyles); });
-                      }
-                  }
-                  else {
-                      this.appendChildNode(clone, child, copyStyles);
-                  }
-              }
-          };
-          DocumentCloner.prototype.cloneNode = function (node, copyStyles) {
-              if (isTextNode(node)) {
-                  return document.createTextNode(node.data);
-              }
-              if (!node.ownerDocument) {
-                  return node.cloneNode(false);
-              }
-              var window = node.ownerDocument.defaultView;
-              if (window && isElementNode(node) && (isHTMLElementNode(node) || isSVGElementNode(node))) {
-                  var clone = this.createElementClone(node);
-                  clone.style.transitionProperty = 'none';
-                  var style = window.getComputedStyle(node);
-                  var styleBefore = window.getComputedStyle(node, ':before');
-                  var styleAfter = window.getComputedStyle(node, ':after');
-                  if (this.referenceElement === node && isHTMLElementNode(clone)) {
-                      this.clonedReferenceElement = clone;
-                  }
-                  if (isBodyElement(clone)) {
-                      createPseudoHideStyles(clone);
-                  }
-                  var counters = this.counters.parse(new CSSParsedCounterDeclaration(this.context, style));
-                  var before = this.resolvePseudoContent(node, clone, styleBefore, PseudoElementType.BEFORE);
-                  if (isCustomElement(node)) {
-                      copyStyles = true;
-                  }
-                  if (!isVideoElement(node)) {
-                      this.cloneChildNodes(node, clone, copyStyles);
-                  }
-                  if (before) {
-                      clone.insertBefore(before, clone.firstChild);
-                  }
-                  var after = this.resolvePseudoContent(node, clone, styleAfter, PseudoElementType.AFTER);
-                  if (after) {
-                      clone.appendChild(after);
-                  }
-                  this.counters.pop(counters);
-                  if ((style && (this.options.copyStyles || isSVGElementNode(node)) && !isIFrameElement(node)) ||
-                      copyStyles) {
-                      copyCSSStyles(style, clone);
-                  }
-                  if (node.scrollTop !== 0 || node.scrollLeft !== 0) {
-                      this.scrolledElements.push([clone, node.scrollLeft, node.scrollTop]);
-                  }
-                  if ((isTextareaElement(node) || isSelectElement(node)) &&
-                      (isTextareaElement(clone) || isSelectElement(clone))) {
-                      clone.value = node.value;
-                  }
-                  return clone;
-              }
-              return node.cloneNode(false);
-          };
-          DocumentCloner.prototype.resolvePseudoContent = function (node, clone, style, pseudoElt) {
-              var _this = this;
-              if (!style) {
-                  return;
-              }
-              var value = style.content;
-              var document = clone.ownerDocument;
-              if (!document || !value || value === 'none' || value === '-moz-alt-content' || style.display === 'none') {
-                  return;
-              }
-              this.counters.parse(new CSSParsedCounterDeclaration(this.context, style));
-              var declaration = new CSSParsedPseudoDeclaration(this.context, style);
-              var anonymousReplacedElement = document.createElement('html2canvaspseudoelement');
-              copyCSSStyles(style, anonymousReplacedElement);
-              declaration.content.forEach(function (token) {
-                  if (token.type === 0 /* STRING_TOKEN */) {
-                      anonymousReplacedElement.appendChild(document.createTextNode(token.value));
-                  }
-                  else if (token.type === 22 /* URL_TOKEN */) {
-                      var img = document.createElement('img');
-                      img.src = token.value;
-                      img.style.opacity = '1';
-                      anonymousReplacedElement.appendChild(img);
-                  }
-                  else if (token.type === 18 /* FUNCTION */) {
-                      if (token.name === 'attr') {
-                          var attr = token.values.filter(isIdentToken);
-                          if (attr.length) {
-                              anonymousReplacedElement.appendChild(document.createTextNode(node.getAttribute(attr[0].value) || ''));
-                          }
-                      }
-                      else if (token.name === 'counter') {
-                          var _a = token.values.filter(nonFunctionArgSeparator), counter = _a[0], counterStyle = _a[1];
-                          if (counter && isIdentToken(counter)) {
-                              var counterState = _this.counters.getCounterValue(counter.value);
-                              var counterType = counterStyle && isIdentToken(counterStyle)
-                                  ? listStyleType.parse(_this.context, counterStyle.value)
-                                  : 3 /* DECIMAL */;
-                              anonymousReplacedElement.appendChild(document.createTextNode(createCounterText(counterState, counterType, false)));
-                          }
-                      }
-                      else if (token.name === 'counters') {
-                          var _b = token.values.filter(nonFunctionArgSeparator), counter = _b[0], delim = _b[1], counterStyle = _b[2];
-                          if (counter && isIdentToken(counter)) {
-                              var counterStates = _this.counters.getCounterValues(counter.value);
-                              var counterType_1 = counterStyle && isIdentToken(counterStyle)
-                                  ? listStyleType.parse(_this.context, counterStyle.value)
-                                  : 3 /* DECIMAL */;
-                              var separator = delim && delim.type === 0 /* STRING_TOKEN */ ? delim.value : '';
-                              var text = counterStates
-                                  .map(function (value) { return createCounterText(value, counterType_1, false); })
-                                  .join(separator);
-                              anonymousReplacedElement.appendChild(document.createTextNode(text));
-                          }
-                      }
-                      else ;
-                  }
-                  else if (token.type === 20 /* IDENT_TOKEN */) {
-                      switch (token.value) {
-                          case 'open-quote':
-                              anonymousReplacedElement.appendChild(document.createTextNode(getQuote(declaration.quotes, _this.quoteDepth++, true)));
-                              break;
-                          case 'close-quote':
-                              anonymousReplacedElement.appendChild(document.createTextNode(getQuote(declaration.quotes, --_this.quoteDepth, false)));
-                              break;
-                          default:
-                              // safari doesn't parse string tokens correctly because of lack of quotes
-                              anonymousReplacedElement.appendChild(document.createTextNode(token.value));
+          var iframeLoad = iframeLoader(iframe).then(function () {
+            return __awaiter(_this, void 0, void 0, function () {
+              var onclone, referenceElement;
+              return __generator(this, function (_a) {
+                switch (_a.label) {
+                  case 0:
+                    this.scrolledElements.forEach(restoreNodeScroll);
+                    if (cloneWindow) {
+                      cloneWindow.scrollTo(windowSize.left, windowSize.top);
+                      if (
+                        /(iPad|iPhone|iPod)/g.test(navigator.userAgent) &&
+                        (cloneWindow.scrollY !== windowSize.top ||
+                          cloneWindow.scrollX !== windowSize.left)
+                      ) {
+                        this.context.logger.warn(
+                          "Unable to restore scroll position for cloned document",
+                        );
+                        this.context.windowBounds =
+                          this.context.windowBounds.add(
+                            cloneWindow.scrollX - windowSize.left,
+                            cloneWindow.scrollY - windowSize.top,
+                            0,
+                            0,
+                          );
                       }
-                  }
+                    }
+                    onclone = this.options.onclone;
+                    referenceElement = this.clonedReferenceElement;
+                    if (typeof referenceElement === "undefined") {
+                      return [
+                        2 /*return*/,
+                        Promise.reject(
+                          "Error finding the " +
+                            this.referenceElement.nodeName +
+                            " in the cloned document",
+                        ),
+                      ];
+                    }
+                    if (!(documentClone.fonts && documentClone.fonts.ready))
+                      return [3 /*break*/, 2];
+                    return [4 /*yield*/, documentClone.fonts.ready];
+                  case 1:
+                    _a.sent();
+                    _a.label = 2;
+                  case 2:
+                    if (!/(AppleWebKit)/g.test(navigator.userAgent))
+                      return [3 /*break*/, 4];
+                    return [4 /*yield*/, imagesReady(documentClone)];
+                  case 3:
+                    _a.sent();
+                    _a.label = 4;
+                  case 4:
+                    if (typeof onclone === "function") {
+                      return [
+                        2 /*return*/,
+                        Promise.resolve()
+                          .then(function () {
+                            return onclone(documentClone, referenceElement);
+                          })
+                          .then(function () {
+                            return iframe;
+                          }),
+                      ];
+                    }
+                    return [2 /*return*/, iframe];
+                }
               });
-              anonymousReplacedElement.className = PSEUDO_HIDE_ELEMENT_CLASS_BEFORE + " " + PSEUDO_HIDE_ELEMENT_CLASS_AFTER;
-              var newClassName = pseudoElt === PseudoElementType.BEFORE
-                  ? " " + PSEUDO_HIDE_ELEMENT_CLASS_BEFORE
-                  : " " + PSEUDO_HIDE_ELEMENT_CLASS_AFTER;
-              if (isSVGElementNode(clone)) {
-                  clone.className.baseValue += newClassName;
-              }
-              else {
-                  clone.className += newClassName;
-              }
-              return anonymousReplacedElement;
-          };
-          DocumentCloner.destroy = function (container) {
-              if (container.parentNode) {
-                  container.parentNode.removeChild(container);
-                  return true;
+            });
+          });
+          documentClone.open();
+          documentClone.write(
+            serializeDoctype(document.doctype) + "<html></html>",
+          );
+          // Chrome scrolls the parent document for some reason after the write to the cloned window???
+          restoreOwnerScroll(
+            this.referenceElement.ownerDocument,
+            scrollX,
+            scrollY,
+          );
+          documentClone.replaceChild(
+            documentClone.adoptNode(this.documentElement),
+            documentClone.documentElement,
+          );
+          documentClone.close();
+          return iframeLoad;
+        };
+        DocumentCloner.prototype.createElementClone = function (node) {
+          if (isDebugging(node, 2 /* CLONE */)) {
+            debugger;
+          }
+          if (isCanvasElement(node)) {
+            return this.createCanvasClone(node);
+          }
+          if (isVideoElement(node)) {
+            return this.createVideoClone(node);
+          }
+          if (isStyleElement(node)) {
+            return this.createStyleClone(node);
+          }
+          var clone = node.cloneNode(false);
+          if (isImageElement(clone)) {
+            if (
+              isImageElement(node) &&
+              node.currentSrc &&
+              node.currentSrc !== node.src
+            ) {
+              clone.src = node.currentSrc;
+              clone.srcset = "";
+            }
+            if (clone.loading === "lazy") {
+              clone.loading = "eager";
+            }
+          }
+          if (isCustomElement(clone)) {
+            return this.createCustomElementClone(clone);
+          }
+          return clone;
+        };
+        DocumentCloner.prototype.createCustomElementClone = function (node) {
+          var clone = document.createElement("html2canvascustomelement");
+          copyCSSStyles(node.style, clone);
+          return clone;
+        };
+        DocumentCloner.prototype.createStyleClone = function (node) {
+          try {
+            var sheet = node.sheet;
+            if (sheet && sheet.cssRules) {
+              var css = [].slice.call(sheet.cssRules, 0).reduce(function (
+                css,
+                rule,
+              ) {
+                if (rule && typeof rule.cssText === "string") {
+                  return css + rule.cssText;
+                }
+                return css;
+              }, "");
+              var style = node.cloneNode(false);
+              style.textContent = css;
+              return style;
+            }
+          } catch (e) {
+            // accessing node.sheet.cssRules throws a DOMException
+            this.context.logger.error("Unable to access cssRules property", e);
+            if (e.name !== "SecurityError") {
+              throw e;
+            }
+          }
+          return node.cloneNode(false);
+        };
+        DocumentCloner.prototype.createCanvasClone = function (canvas) {
+          var _a;
+          if (this.options.inlineImages && canvas.ownerDocument) {
+            var img = canvas.ownerDocument.createElement("img");
+            try {
+              img.src = canvas.toDataURL();
+              return img;
+            } catch (e) {
+              this.context.logger.info(
+                "Unable to inline canvas contents, canvas is tainted",
+                canvas,
+              );
+            }
+          }
+          var clonedCanvas = canvas.cloneNode(false);
+          try {
+            clonedCanvas.width = canvas.width;
+            clonedCanvas.height = canvas.height;
+            var ctx = canvas.getContext("2d");
+            var clonedCtx = clonedCanvas.getContext("2d");
+            if (clonedCtx) {
+              if (!this.options.allowTaint && ctx) {
+                clonedCtx.putImageData(
+                  ctx.getImageData(0, 0, canvas.width, canvas.height),
+                  0,
+                  0,
+                );
+              } else {
+                var gl =
+                  (_a = canvas.getContext("webgl2")) !== null && _a !== void 0
+                    ? _a
+                    : canvas.getContext("webgl");
+                if (gl) {
+                  var attribs = gl.getContextAttributes();
+                  if (
+                    (attribs === null || attribs === void 0
+                      ? void 0
+                      : attribs.preserveDrawingBuffer) === false
+                  ) {
+                    this.context.logger.warn(
+                      "Unable to clone WebGL context as it has preserveDrawingBuffer=false",
+                      canvas,
+                    );
+                  }
+                }
+                clonedCtx.drawImage(canvas, 0, 0);
+              }
+            }
+            return clonedCanvas;
+          } catch (e) {
+            this.context.logger.info(
+              "Unable to clone canvas as it is tainted",
+              canvas,
+            );
+          }
+          return clonedCanvas;
+        };
+        DocumentCloner.prototype.createVideoClone = function (video) {
+          var canvas = video.ownerDocument.createElement("canvas");
+          canvas.width = video.offsetWidth;
+          canvas.height = video.offsetHeight;
+          var ctx = canvas.getContext("2d");
+          try {
+            if (ctx) {
+              ctx.drawImage(video, 0, 0, canvas.width, canvas.height);
+              if (!this.options.allowTaint) {
+                ctx.getImageData(0, 0, canvas.width, canvas.height);
+              }
+            }
+            return canvas;
+          } catch (e) {
+            this.context.logger.info(
+              "Unable to clone video as it is tainted",
+              video,
+            );
+          }
+          var blankCanvas = video.ownerDocument.createElement("canvas");
+          blankCanvas.width = video.offsetWidth;
+          blankCanvas.height = video.offsetHeight;
+          return blankCanvas;
+        };
+        DocumentCloner.prototype.appendChildNode = function (
+          clone,
+          child,
+          copyStyles,
+        ) {
+          if (
+            !isElementNode(child) ||
+            (!isScriptElement(child) &&
+              !child.hasAttribute(IGNORE_ATTRIBUTE) &&
+              (typeof this.options.ignoreElements !== "function" ||
+                !this.options.ignoreElements(child)))
+          ) {
+            if (
+              !this.options.copyStyles ||
+              !isElementNode(child) ||
+              !isStyleElement(child)
+            ) {
+              clone.appendChild(this.cloneNode(child, copyStyles));
+            }
+          }
+        };
+        DocumentCloner.prototype.cloneChildNodes = function (
+          node,
+          clone,
+          copyStyles,
+        ) {
+          var _this = this;
+          for (
+            var child = node.shadowRoot
+              ? node.shadowRoot.firstChild
+              : node.firstChild;
+            child;
+            child = child.nextSibling
+          ) {
+            if (
+              isElementNode(child) &&
+              isSlotElement(child) &&
+              typeof child.assignedNodes === "function"
+            ) {
+              var assignedNodes = child.assignedNodes();
+              if (assignedNodes.length) {
+                assignedNodes.forEach(function (assignedNode) {
+                  return _this.appendChildNode(clone, assignedNode, copyStyles);
+                });
+              }
+            } else {
+              this.appendChildNode(clone, child, copyStyles);
+            }
+          }
+        };
+        DocumentCloner.prototype.cloneNode = function (node, copyStyles) {
+          if (isTextNode(node)) {
+            return document.createTextNode(node.data);
+          }
+          if (!node.ownerDocument) {
+            return node.cloneNode(false);
+          }
+          var window = node.ownerDocument.defaultView;
+          if (
+            window &&
+            isElementNode(node) &&
+            (isHTMLElementNode(node) || isSVGElementNode(node))
+          ) {
+            var clone = this.createElementClone(node);
+            clone.style.transitionProperty = "none";
+            var style = window.getComputedStyle(node);
+            var styleBefore = window.getComputedStyle(node, ":before");
+            var styleAfter = window.getComputedStyle(node, ":after");
+            if (this.referenceElement === node && isHTMLElementNode(clone)) {
+              this.clonedReferenceElement = clone;
+            }
+            if (isBodyElement(clone)) {
+              createPseudoHideStyles(clone);
+            }
+            var counters = this.counters.parse(
+              new CSSParsedCounterDeclaration(this.context, style),
+            );
+            var before = this.resolvePseudoContent(
+              node,
+              clone,
+              styleBefore,
+              PseudoElementType.BEFORE,
+            );
+            if (isCustomElement(node)) {
+              copyStyles = true;
+            }
+            if (!isVideoElement(node)) {
+              this.cloneChildNodes(node, clone, copyStyles);
+            }
+            if (before) {
+              clone.insertBefore(before, clone.firstChild);
+            }
+            var after = this.resolvePseudoContent(
+              node,
+              clone,
+              styleAfter,
+              PseudoElementType.AFTER,
+            );
+            if (after) {
+              clone.appendChild(after);
+            }
+            this.counters.pop(counters);
+            if (
+              (style &&
+                (this.options.copyStyles || isSVGElementNode(node)) &&
+                !isIFrameElement(node)) ||
+              copyStyles
+            ) {
+              copyCSSStyles(style, clone);
+            }
+            if (node.scrollTop !== 0 || node.scrollLeft !== 0) {
+              this.scrolledElements.push([
+                clone,
+                node.scrollLeft,
+                node.scrollTop,
+              ]);
+            }
+            if (
+              (isTextareaElement(node) || isSelectElement(node)) &&
+              (isTextareaElement(clone) || isSelectElement(clone))
+            ) {
+              clone.value = node.value;
+            }
+            return clone;
+          }
+          return node.cloneNode(false);
+        };
+        DocumentCloner.prototype.resolvePseudoContent = function (
+          node,
+          clone,
+          style,
+          pseudoElt,
+        ) {
+          var _this = this;
+          if (!style) {
+            return;
+          }
+          var value = style.content;
+          var document = clone.ownerDocument;
+          if (
+            !document ||
+            !value ||
+            value === "none" ||
+            value === "-moz-alt-content" ||
+            style.display === "none"
+          ) {
+            return;
+          }
+          this.counters.parse(
+            new CSSParsedCounterDeclaration(this.context, style),
+          );
+          var declaration = new CSSParsedPseudoDeclaration(this.context, style);
+          var anonymousReplacedElement = document.createElement(
+            "html2canvaspseudoelement",
+          );
+          copyCSSStyles(style, anonymousReplacedElement);
+          declaration.content.forEach(function (token) {
+            if (token.type === 0 /* STRING_TOKEN */) {
+              anonymousReplacedElement.appendChild(
+                document.createTextNode(token.value),
+              );
+            } else if (token.type === 22 /* URL_TOKEN */) {
+              var img = document.createElement("img");
+              img.src = token.value;
+              img.style.opacity = "1";
+              anonymousReplacedElement.appendChild(img);
+            } else if (token.type === 18 /* FUNCTION */) {
+              if (token.name === "attr") {
+                var attr = token.values.filter(isIdentToken);
+                if (attr.length) {
+                  anonymousReplacedElement.appendChild(
+                    document.createTextNode(
+                      node.getAttribute(attr[0].value) || "",
+                    ),
+                  );
+                }
+              } else if (token.name === "counter") {
+                var _a = token.values.filter(nonFunctionArgSeparator),
+                  counter = _a[0],
+                  counterStyle = _a[1];
+                if (counter && isIdentToken(counter)) {
+                  var counterState = _this.counters.getCounterValue(
+                    counter.value,
+                  );
+                  var counterType =
+                    counterStyle && isIdentToken(counterStyle)
+                      ? listStyleType.parse(_this.context, counterStyle.value)
+                      : 3; /* DECIMAL */
+                  anonymousReplacedElement.appendChild(
+                    document.createTextNode(
+                      createCounterText(counterState, counterType, false),
+                    ),
+                  );
+                }
+              } else if (token.name === "counters") {
+                var _b = token.values.filter(nonFunctionArgSeparator),
+                  counter = _b[0],
+                  delim = _b[1],
+                  counterStyle = _b[2];
+                if (counter && isIdentToken(counter)) {
+                  var counterStates = _this.counters.getCounterValues(
+                    counter.value,
+                  );
+                  var counterType_1 =
+                    counterStyle && isIdentToken(counterStyle)
+                      ? listStyleType.parse(_this.context, counterStyle.value)
+                      : 3; /* DECIMAL */
+                  var separator =
+                    delim && delim.type === 0 /* STRING_TOKEN */
+                      ? delim.value
+                      : "";
+                  var text = counterStates
+                    .map(function (value) {
+                      return createCounterText(value, counterType_1, false);
+                    })
+                    .join(separator);
+                  anonymousReplacedElement.appendChild(
+                    document.createTextNode(text),
+                  );
+                }
+              } else;
+            } else if (token.type === 20 /* IDENT_TOKEN */) {
+              switch (token.value) {
+                case "open-quote":
+                  anonymousReplacedElement.appendChild(
+                    document.createTextNode(
+                      getQuote(declaration.quotes, _this.quoteDepth++, true),
+                    ),
+                  );
+                  break;
+                case "close-quote":
+                  anonymousReplacedElement.appendChild(
+                    document.createTextNode(
+                      getQuote(declaration.quotes, --_this.quoteDepth, false),
+                    ),
+                  );
+                  break;
+                default:
+                  // safari doesn't parse string tokens correctly because of lack of quotes
+                  anonymousReplacedElement.appendChild(
+                    document.createTextNode(token.value),
+                  );
               }
-              return false;
-          };
-          return DocumentCloner;
-      }());
+            }
+          });
+          anonymousReplacedElement.className =
+            PSEUDO_HIDE_ELEMENT_CLASS_BEFORE +
+            " " +
+            PSEUDO_HIDE_ELEMENT_CLASS_AFTER;
+          var newClassName =
+            pseudoElt === PseudoElementType.BEFORE
+              ? " " + PSEUDO_HIDE_ELEMENT_CLASS_BEFORE
+              : " " + PSEUDO_HIDE_ELEMENT_CLASS_AFTER;
+          if (isSVGElementNode(clone)) {
+            clone.className.baseValue += newClassName;
+          } else {
+            clone.className += newClassName;
+          }
+          return anonymousReplacedElement;
+        };
+        DocumentCloner.destroy = function (container) {
+          if (container.parentNode) {
+            container.parentNode.removeChild(container);
+            return true;
+          }
+          return false;
+        };
+        return DocumentCloner;
+      })();
       var PseudoElementType;
       (function (PseudoElementType) {
-          PseudoElementType[PseudoElementType["BEFORE"] = 0] = "BEFORE";
-          PseudoElementType[PseudoElementType["AFTER"] = 1] = "AFTER";
+        PseudoElementType[(PseudoElementType["BEFORE"] = 0)] = "BEFORE";
+        PseudoElementType[(PseudoElementType["AFTER"] = 1)] = "AFTER";
       })(PseudoElementType || (PseudoElementType = {}));
       var createIFrameContainer = function (ownerDocument, bounds) {
-          var cloneIframeContainer = ownerDocument.createElement('iframe');
-          cloneIframeContainer.className = 'html2canvas-container';
-          cloneIframeContainer.style.visibility = 'hidden';
-          cloneIframeContainer.style.position = 'fixed';
-          cloneIframeContainer.style.left = '-10000px';
-          cloneIframeContainer.style.top = '0px';
-          cloneIframeContainer.style.border = '0';
-          cloneIframeContainer.width = bounds.width.toString();
-          cloneIframeContainer.height = bounds.height.toString();
-          cloneIframeContainer.scrolling = 'no'; // ios won't scroll without it
-          cloneIframeContainer.setAttribute(IGNORE_ATTRIBUTE, 'true');
-          ownerDocument.body.appendChild(cloneIframeContainer);
-          return cloneIframeContainer;
+        var cloneIframeContainer = ownerDocument.createElement("iframe");
+        cloneIframeContainer.className = "html2canvas-container";
+        cloneIframeContainer.style.visibility = "hidden";
+        cloneIframeContainer.style.position = "fixed";
+        cloneIframeContainer.style.left = "-10000px";
+        cloneIframeContainer.style.top = "0px";
+        cloneIframeContainer.style.border = "0";
+        cloneIframeContainer.width = bounds.width.toString();
+        cloneIframeContainer.height = bounds.height.toString();
+        cloneIframeContainer.scrolling = "no"; // ios won't scroll without it
+        cloneIframeContainer.setAttribute(IGNORE_ATTRIBUTE, "true");
+        ownerDocument.body.appendChild(cloneIframeContainer);
+        return cloneIframeContainer;
       };
       var imageReady = function (img) {
-          return new Promise(function (resolve) {
-              if (img.complete) {
-                  resolve();
-                  return;
-              }
-              if (!img.src) {
-                  resolve();
-                  return;
-              }
-              img.onload = resolve;
-              img.onerror = resolve;
-          });
+        return new Promise(function (resolve) {
+          if (img.complete) {
+            resolve();
+            return;
+          }
+          if (!img.src) {
+            resolve();
+            return;
+          }
+          img.onload = resolve;
+          img.onerror = resolve;
+        });
       };
       var imagesReady = function (document) {
-          return Promise.all([].slice.call(document.images, 0).map(imageReady));
+        return Promise.all([].slice.call(document.images, 0).map(imageReady));
       };
       var iframeLoader = function (iframe) {
-          return new Promise(function (resolve, reject) {
-              var cloneWindow = iframe.contentWindow;
-              if (!cloneWindow) {
-                  return reject("No window assigned for iframe");
-              }
-              var documentClone = cloneWindow.document;
-              cloneWindow.onload = iframe.onload = function () {
-                  cloneWindow.onload = iframe.onload = null;
-                  var interval = setInterval(function () {
-                      if (documentClone.body.childNodes.length > 0 && documentClone.readyState === 'complete') {
-                          clearInterval(interval);
-                          resolve(iframe);
-                      }
-                  }, 50);
-              };
-          });
+        return new Promise(function (resolve, reject) {
+          var cloneWindow = iframe.contentWindow;
+          if (!cloneWindow) {
+            return reject("No window assigned for iframe");
+          }
+          var documentClone = cloneWindow.document;
+          cloneWindow.onload = iframe.onload = function () {
+            cloneWindow.onload = iframe.onload = null;
+            var interval = setInterval(function () {
+              if (
+                documentClone.body.childNodes.length > 0 &&
+                documentClone.readyState === "complete"
+              ) {
+                clearInterval(interval);
+                resolve(iframe);
+              }
+            }, 50);
+          };
+        });
       };
       var ignoredStyleProperties = [
-          'all',
-          'd',
-          'content' // Safari shows pseudoelements if content is set
+        "all",
+        "d",
+        "content", // Safari shows pseudoelements if content is set
       ];
       var copyCSSStyles = function (style, target) {
-          // Edge does not provide value for cssText
-          for (var i = style.length - 1; i >= 0; i--) {
-              var property = style.item(i);
-              if (ignoredStyleProperties.indexOf(property) === -1) {
-                  target.style.setProperty(property, style.getPropertyValue(property));
-              }
+        // Edge does not provide value for cssText
+        for (var i = style.length - 1; i >= 0; i--) {
+          var property = style.item(i);
+          if (ignoredStyleProperties.indexOf(property) === -1) {
+            target.style.setProperty(
+              property,
+              style.getPropertyValue(property),
+            );
           }
-          return target;
+        }
+        return target;
       };
       var serializeDoctype = function (doctype) {
-          var str = '';
-          if (doctype) {
-              str += '<!DOCTYPE ';
-              if (doctype.name) {
-                  str += doctype.name;
-              }
-              if (doctype.internalSubset) {
-                  str += doctype.internalSubset;
-              }
-              if (doctype.publicId) {
-                  str += "\"" + doctype.publicId + "\"";
-              }
-              if (doctype.systemId) {
-                  str += "\"" + doctype.systemId + "\"";
-              }
-              str += '>';
+        var str = "";
+        if (doctype) {
+          str += "<!DOCTYPE ";
+          if (doctype.name) {
+            str += doctype.name;
+          }
+          if (doctype.internalSubset) {
+            str += doctype.internalSubset;
+          }
+          if (doctype.publicId) {
+            str += '"' + doctype.publicId + '"';
+          }
+          if (doctype.systemId) {
+            str += '"' + doctype.systemId + '"';
           }
-          return str;
+          str += ">";
+        }
+        return str;
       };
       var restoreOwnerScroll = function (ownerDocument, x, y) {
-          if (ownerDocument &&
-              ownerDocument.defaultView &&
-              (x !== ownerDocument.defaultView.pageXOffset || y !== ownerDocument.defaultView.pageYOffset)) {
-              ownerDocument.defaultView.scrollTo(x, y);
-          }
+        if (
+          ownerDocument &&
+          ownerDocument.defaultView &&
+          (x !== ownerDocument.defaultView.pageXOffset ||
+            y !== ownerDocument.defaultView.pageYOffset)
+        ) {
+          ownerDocument.defaultView.scrollTo(x, y);
+        }
       };
       var restoreNodeScroll = function (_a) {
-          var element = _a[0], x = _a[1], y = _a[2];
-          element.scrollLeft = x;
-          element.scrollTop = y;
-      };
-      var PSEUDO_BEFORE = ':before';
-      var PSEUDO_AFTER = ':after';
-      var PSEUDO_HIDE_ELEMENT_CLASS_BEFORE = '___html2canvas___pseudoelement_before';
-      var PSEUDO_HIDE_ELEMENT_CLASS_AFTER = '___html2canvas___pseudoelement_after';
-      var PSEUDO_HIDE_ELEMENT_STYLE = "{\n    content: \"\" !important;\n    display: none !important;\n}";
+        var element = _a[0],
+          x = _a[1],
+          y = _a[2];
+        element.scrollLeft = x;
+        element.scrollTop = y;
+      };
+      var PSEUDO_BEFORE = ":before";
+      var PSEUDO_AFTER = ":after";
+      var PSEUDO_HIDE_ELEMENT_CLASS_BEFORE =
+        "___html2canvas___pseudoelement_before";
+      var PSEUDO_HIDE_ELEMENT_CLASS_AFTER =
+        "___html2canvas___pseudoelement_after";
+      var PSEUDO_HIDE_ELEMENT_STYLE =
+        '{\n    content: "" !important;\n    display: none !important;\n}';
       var createPseudoHideStyles = function (body) {
-          createStyles(body, "." + PSEUDO_HIDE_ELEMENT_CLASS_BEFORE + PSEUDO_BEFORE + PSEUDO_HIDE_ELEMENT_STYLE + "\n         ." + PSEUDO_HIDE_ELEMENT_CLASS_AFTER + PSEUDO_AFTER + PSEUDO_HIDE_ELEMENT_STYLE);
+        createStyles(
+          body,
+          "." +
+            PSEUDO_HIDE_ELEMENT_CLASS_BEFORE +
+            PSEUDO_BEFORE +
+            PSEUDO_HIDE_ELEMENT_STYLE +
+            "\n         ." +
+            PSEUDO_HIDE_ELEMENT_CLASS_AFTER +
+            PSEUDO_AFTER +
+            PSEUDO_HIDE_ELEMENT_STYLE,
+        );
       };
       var createStyles = function (body, styles) {
-          var document = body.ownerDocument;
-          if (document) {
-              var style = document.createElement('style');
-              style.textContent = styles;
-              body.appendChild(style);
-          }
+        var document = body.ownerDocument;
+        if (document) {
+          var style = document.createElement("style");
+          style.textContent = styles;
+          body.appendChild(style);
+        }
       };
 
       var CacheStorage = /** @class */ (function () {
-          function CacheStorage() {
-          }
-          CacheStorage.getOrigin = function (url) {
-              var link = CacheStorage._link;
-              if (!link) {
-                  return 'about:blank';
-              }
-              link.href = url;
-              link.href = link.href; // IE9, LOL! - http://jsfiddle.net/niklasvh/2e48b/
-              return link.protocol + link.hostname + link.port;
-          };
-          CacheStorage.isSameOrigin = function (src) {
-              return CacheStorage.getOrigin(src) === CacheStorage._origin;
-          };
-          CacheStorage.setContext = function (window) {
-              CacheStorage._link = window.document.createElement('a');
-              CacheStorage._origin = CacheStorage.getOrigin(window.location.href);
-          };
-          CacheStorage._origin = 'about:blank';
-          return CacheStorage;
-      }());
+        function CacheStorage() {}
+        CacheStorage.getOrigin = function (url) {
+          var link = CacheStorage._link;
+          if (!link) {
+            return "about:blank";
+          }
+          link.href = url;
+          link.href = link.href; // IE9, LOL! - http://jsfiddle.net/niklasvh/2e48b/
+          return link.protocol + link.hostname + link.port;
+        };
+        CacheStorage.isSameOrigin = function (src) {
+          return CacheStorage.getOrigin(src) === CacheStorage._origin;
+        };
+        CacheStorage.setContext = function (window) {
+          CacheStorage._link = window.document.createElement("a");
+          CacheStorage._origin = CacheStorage.getOrigin(window.location.href);
+        };
+        CacheStorage._origin = "about:blank";
+        return CacheStorage;
+      })();
       var Cache = /** @class */ (function () {
-          function Cache(context, _options) {
-              this.context = context;
-              this._options = _options;
-              // eslint-disable-next-line @typescript-eslint/no-explicit-any
-              this._cache = {};
-          }
-          Cache.prototype.addImage = function (src) {
-              var result = Promise.resolve();
-              if (this.has(src)) {
-                  return result;
-              }
-              if (isBlobImage(src) || isRenderable(src)) {
-                  (this._cache[src] = this.loadImage(src)).catch(function () {
-                      // prevent unhandled rejection
-                  });
-                  return result;
-              }
-              return result;
-          };
+        function Cache(context, _options) {
+          this.context = context;
+          this._options = _options;
           // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          Cache.prototype.match = function (src) {
-              return this._cache[src];
-          };
-          Cache.prototype.loadImage = function (key) {
-              return __awaiter(this, void 0, void 0, function () {
-                  var isSameOrigin, useCORS, useProxy, src;
-                  var _this = this;
-                  return __generator(this, function (_a) {
-                      switch (_a.label) {
-                          case 0:
-                              isSameOrigin = CacheStorage.isSameOrigin(key);
-                              useCORS = !isInlineImage(key) && this._options.useCORS === true && FEATURES.SUPPORT_CORS_IMAGES && !isSameOrigin;
-                              useProxy = !isInlineImage(key) &&
-                                  !isSameOrigin &&
-                                  !isBlobImage(key) &&
-                                  typeof this._options.proxy === 'string' &&
-                                  FEATURES.SUPPORT_CORS_XHR &&
-                                  !useCORS;
-                              if (!isSameOrigin &&
-                                  this._options.allowTaint === false &&
-                                  !isInlineImage(key) &&
-                                  !isBlobImage(key) &&
-                                  !useProxy &&
-                                  !useCORS) {
-                                  return [2 /*return*/];
-                              }
-                              src = key;
-                              if (!useProxy) return [3 /*break*/, 2];
-                              return [4 /*yield*/, this.proxy(src)];
-                          case 1:
-                              src = _a.sent();
-                              _a.label = 2;
-                          case 2:
-                              this.context.logger.debug("Added image " + key.substring(0, 256));
-                              return [4 /*yield*/, new Promise(function (resolve, reject) {
-                                      var img = new Image();
-                                      img.onload = function () { return resolve(img); };
-                                      img.onerror = reject;
-                                      //ios safari 10.3 taints canvas with data urls unless crossOrigin is set to anonymous
-                                      if (isInlineBase64Image(src) || useCORS) {
-                                          img.crossOrigin = 'anonymous';
-                                      }
-                                      img.src = src;
-                                      if (img.complete === true) {
-                                          // Inline XML images may fail to parse, throwing an Error later on
-                                          setTimeout(function () { return resolve(img); }, 500);
-                                      }
-                                      if (_this._options.imageTimeout > 0) {
-                                          setTimeout(function () { return reject("Timed out (" + _this._options.imageTimeout + "ms) loading image"); }, _this._options.imageTimeout);
-                                      }
-                                  })];
-                          case 3: return [2 /*return*/, _a.sent()];
+          this._cache = {};
+        }
+        Cache.prototype.addImage = function (src) {
+          var result = Promise.resolve();
+          if (this.has(src)) {
+            return result;
+          }
+          if (isBlobImage(src) || isRenderable(src)) {
+            (this._cache[src] = this.loadImage(src)).catch(function () {
+              // prevent unhandled rejection
+            });
+            return result;
+          }
+          return result;
+        };
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        Cache.prototype.match = function (src) {
+          return this._cache[src];
+        };
+        Cache.prototype.loadImage = function (key) {
+          return __awaiter(this, void 0, void 0, function () {
+            var isSameOrigin, useCORS, useProxy, src;
+            var _this = this;
+            return __generator(this, function (_a) {
+              switch (_a.label) {
+                case 0:
+                  isSameOrigin = CacheStorage.isSameOrigin(key);
+                  useCORS =
+                    !isInlineImage(key) &&
+                    this._options.useCORS === true &&
+                    FEATURES.SUPPORT_CORS_IMAGES &&
+                    !isSameOrigin;
+                  useProxy =
+                    !isInlineImage(key) &&
+                    !isSameOrigin &&
+                    !isBlobImage(key) &&
+                    typeof this._options.proxy === "string" &&
+                    FEATURES.SUPPORT_CORS_XHR &&
+                    !useCORS;
+                  if (
+                    !isSameOrigin &&
+                    this._options.allowTaint === false &&
+                    !isInlineImage(key) &&
+                    !isBlobImage(key) &&
+                    !useProxy &&
+                    !useCORS
+                  ) {
+                    return [2 /*return*/];
+                  }
+                  src = key;
+                  if (!useProxy) return [3 /*break*/, 2];
+                  return [4 /*yield*/, this.proxy(src)];
+                case 1:
+                  src = _a.sent();
+                  _a.label = 2;
+                case 2:
+                  this.context.logger.debug(
+                    "Added image " + key.substring(0, 256),
+                  );
+                  return [
+                    4 /*yield*/,
+                    new Promise(function (resolve, reject) {
+                      var img = new Image();
+                      img.onload = function () {
+                        return resolve(img);
+                      };
+                      img.onerror = reject;
+                      //ios safari 10.3 taints canvas with data urls unless crossOrigin is set to anonymous
+                      if (isInlineBase64Image(src) || useCORS) {
+                        img.crossOrigin = "anonymous";
                       }
-                  });
-              });
-          };
-          Cache.prototype.has = function (key) {
-              return typeof this._cache[key] !== 'undefined';
-          };
-          Cache.prototype.keys = function () {
-              return Promise.resolve(Object.keys(this._cache));
-          };
-          Cache.prototype.proxy = function (src) {
-              var _this = this;
-              var proxy = this._options.proxy;
-              if (!proxy) {
-                  throw new Error('No proxy defined');
-              }
-              var key = src.substring(0, 256);
-              return new Promise(function (resolve, reject) {
-                  var responseType = FEATURES.SUPPORT_RESPONSE_TYPE ? 'blob' : 'text';
-                  var xhr = new XMLHttpRequest();
-                  xhr.onload = function () {
-                      if (xhr.status === 200) {
-                          if (responseType === 'text') {
-                              resolve(xhr.response);
-                          }
-                          else {
-                              var reader_1 = new FileReader();
-                              reader_1.addEventListener('load', function () { return resolve(reader_1.result); }, false);
-                              reader_1.addEventListener('error', function (e) { return reject(e); }, false);
-                              reader_1.readAsDataURL(xhr.response);
-                          }
+                      img.src = src;
+                      if (img.complete === true) {
+                        // Inline XML images may fail to parse, throwing an Error later on
+                        setTimeout(function () {
+                          return resolve(img);
+                        }, 500);
                       }
-                      else {
-                          reject("Failed to proxy resource " + key + " with status code " + xhr.status);
+                      if (_this._options.imageTimeout > 0) {
+                        setTimeout(function () {
+                          return reject(
+                            "Timed out (" +
+                              _this._options.imageTimeout +
+                              "ms) loading image",
+                          );
+                        }, _this._options.imageTimeout);
                       }
-                  };
-                  xhr.onerror = reject;
-                  var queryString = proxy.indexOf('?') > -1 ? '&' : '?';
-                  xhr.open('GET', "" + proxy + queryString + "url=" + encodeURIComponent(src) + "&responseType=" + responseType);
-                  if (responseType !== 'text' && xhr instanceof XMLHttpRequest) {
-                      xhr.responseType = responseType;
-                  }
-                  if (_this._options.imageTimeout) {
-                      var timeout_1 = _this._options.imageTimeout;
-                      xhr.timeout = timeout_1;
-                      xhr.ontimeout = function () { return reject("Timed out (" + timeout_1 + "ms) proxying " + key); };
-                  }
-                  xhr.send();
-              });
-          };
-          return Cache;
-      }());
+                    }),
+                  ];
+                case 3:
+                  return [2 /*return*/, _a.sent()];
+              }
+            });
+          });
+        };
+        Cache.prototype.has = function (key) {
+          return typeof this._cache[key] !== "undefined";
+        };
+        Cache.prototype.keys = function () {
+          return Promise.resolve(Object.keys(this._cache));
+        };
+        Cache.prototype.proxy = function (src) {
+          var _this = this;
+          var proxy = this._options.proxy;
+          if (!proxy) {
+            throw new Error("No proxy defined");
+          }
+          var key = src.substring(0, 256);
+          return new Promise(function (resolve, reject) {
+            var responseType = FEATURES.SUPPORT_RESPONSE_TYPE ? "blob" : "text";
+            var xhr = new XMLHttpRequest();
+            xhr.onload = function () {
+              if (xhr.status === 200) {
+                if (responseType === "text") {
+                  resolve(xhr.response);
+                } else {
+                  var reader_1 = new FileReader();
+                  reader_1.addEventListener(
+                    "load",
+                    function () {
+                      return resolve(reader_1.result);
+                    },
+                    false,
+                  );
+                  reader_1.addEventListener(
+                    "error",
+                    function (e) {
+                      return reject(e);
+                    },
+                    false,
+                  );
+                  reader_1.readAsDataURL(xhr.response);
+                }
+              } else {
+                reject(
+                  "Failed to proxy resource " +
+                    key +
+                    " with status code " +
+                    xhr.status,
+                );
+              }
+            };
+            xhr.onerror = reject;
+            var queryString = proxy.indexOf("?") > -1 ? "&" : "?";
+            xhr.open(
+              "GET",
+              "" +
+                proxy +
+                queryString +
+                "url=" +
+                encodeURIComponent(src) +
+                "&responseType=" +
+                responseType,
+            );
+            if (responseType !== "text" && xhr instanceof XMLHttpRequest) {
+              xhr.responseType = responseType;
+            }
+            if (_this._options.imageTimeout) {
+              var timeout_1 = _this._options.imageTimeout;
+              xhr.timeout = timeout_1;
+              xhr.ontimeout = function () {
+                return reject(
+                  "Timed out (" + timeout_1 + "ms) proxying " + key,
+                );
+              };
+            }
+            xhr.send();
+          });
+        };
+        return Cache;
+      })();
       var INLINE_SVG = /^data:image\/svg\+xml/i;
       var INLINE_BASE64 = /^data:image\/.*;base64,/i;
       var INLINE_IMG = /^data:image\/.*/i;
-      var isRenderable = function (src) { return FEATURES.SUPPORT_SVG_DRAWING || !isSVG(src); };
-      var isInlineImage = function (src) { return INLINE_IMG.test(src); };
-      var isInlineBase64Image = function (src) { return INLINE_BASE64.test(src); };
-      var isBlobImage = function (src) { return src.substr(0, 4) === 'blob'; };
-      var isSVG = function (src) { return src.substr(-3).toLowerCase() === 'svg' || INLINE_SVG.test(src); };
+      var isRenderable = function (src) {
+        return FEATURES.SUPPORT_SVG_DRAWING || !isSVG(src);
+      };
+      var isInlineImage = function (src) {
+        return INLINE_IMG.test(src);
+      };
+      var isInlineBase64Image = function (src) {
+        return INLINE_BASE64.test(src);
+      };
+      var isBlobImage = function (src) {
+        return src.substr(0, 4) === "blob";
+      };
+      var isSVG = function (src) {
+        return src.substr(-3).toLowerCase() === "svg" || INLINE_SVG.test(src);
+      };
 
       var Vector = /** @class */ (function () {
-          function Vector(x, y) {
-              this.type = 0 /* VECTOR */;
-              this.x = x;
-              this.y = y;
-          }
-          Vector.prototype.add = function (deltaX, deltaY) {
-              return new Vector(this.x + deltaX, this.y + deltaY);
-          };
-          return Vector;
-      }());
+        function Vector(x, y) {
+          this.type = 0 /* VECTOR */;
+          this.x = x;
+          this.y = y;
+        }
+        Vector.prototype.add = function (deltaX, deltaY) {
+          return new Vector(this.x + deltaX, this.y + deltaY);
+        };
+        return Vector;
+      })();
 
       var lerp = function (a, b, t) {
-          return new Vector(a.x + (b.x - a.x) * t, a.y + (b.y - a.y) * t);
+        return new Vector(a.x + (b.x - a.x) * t, a.y + (b.y - a.y) * t);
       };
       var BezierCurve = /** @class */ (function () {
-          function BezierCurve(start, startControl, endControl, end) {
-              this.type = 1 /* BEZIER_CURVE */;
-              this.start = start;
-              this.startControl = startControl;
-              this.endControl = endControl;
-              this.end = end;
-          }
-          BezierCurve.prototype.subdivide = function (t, firstHalf) {
-              var ab = lerp(this.start, this.startControl, t);
-              var bc = lerp(this.startControl, this.endControl, t);
-              var cd = lerp(this.endControl, this.end, t);
-              var abbc = lerp(ab, bc, t);
-              var bccd = lerp(bc, cd, t);
-              var dest = lerp(abbc, bccd, t);
-              return firstHalf ? new BezierCurve(this.start, ab, abbc, dest) : new BezierCurve(dest, bccd, cd, this.end);
-          };
-          BezierCurve.prototype.add = function (deltaX, deltaY) {
-              return new BezierCurve(this.start.add(deltaX, deltaY), this.startControl.add(deltaX, deltaY), this.endControl.add(deltaX, deltaY), this.end.add(deltaX, deltaY));
-          };
-          BezierCurve.prototype.reverse = function () {
-              return new BezierCurve(this.end, this.endControl, this.startControl, this.start);
-          };
-          return BezierCurve;
-      }());
-      var isBezierCurve = function (path) { return path.type === 1 /* BEZIER_CURVE */; };
+        function BezierCurve(start, startControl, endControl, end) {
+          this.type = 1 /* BEZIER_CURVE */;
+          this.start = start;
+          this.startControl = startControl;
+          this.endControl = endControl;
+          this.end = end;
+        }
+        BezierCurve.prototype.subdivide = function (t, firstHalf) {
+          var ab = lerp(this.start, this.startControl, t);
+          var bc = lerp(this.startControl, this.endControl, t);
+          var cd = lerp(this.endControl, this.end, t);
+          var abbc = lerp(ab, bc, t);
+          var bccd = lerp(bc, cd, t);
+          var dest = lerp(abbc, bccd, t);
+          return firstHalf
+            ? new BezierCurve(this.start, ab, abbc, dest)
+            : new BezierCurve(dest, bccd, cd, this.end);
+        };
+        BezierCurve.prototype.add = function (deltaX, deltaY) {
+          return new BezierCurve(
+            this.start.add(deltaX, deltaY),
+            this.startControl.add(deltaX, deltaY),
+            this.endControl.add(deltaX, deltaY),
+            this.end.add(deltaX, deltaY),
+          );
+        };
+        BezierCurve.prototype.reverse = function () {
+          return new BezierCurve(
+            this.end,
+            this.endControl,
+            this.startControl,
+            this.start,
+          );
+        };
+        return BezierCurve;
+      })();
+      var isBezierCurve = function (path) {
+        return path.type === 1 /* BEZIER_CURVE */;
+      };
 
       var BoundCurves = /** @class */ (function () {
-          function BoundCurves(element) {
-              var styles = element.styles;
-              var bounds = element.bounds;
-              var _a = getAbsoluteValueForTuple(styles.borderTopLeftRadius, bounds.width, bounds.height), tlh = _a[0], tlv = _a[1];
-              var _b = getAbsoluteValueForTuple(styles.borderTopRightRadius, bounds.width, bounds.height), trh = _b[0], trv = _b[1];
-              var _c = getAbsoluteValueForTuple(styles.borderBottomRightRadius, bounds.width, bounds.height), brh = _c[0], brv = _c[1];
-              var _d = getAbsoluteValueForTuple(styles.borderBottomLeftRadius, bounds.width, bounds.height), blh = _d[0], blv = _d[1];
-              var factors = [];
-              factors.push((tlh + trh) / bounds.width);
-              factors.push((blh + brh) / bounds.width);
-              factors.push((tlv + blv) / bounds.height);
-              factors.push((trv + brv) / bounds.height);
-              var maxFactor = Math.max.apply(Math, factors);
-              if (maxFactor > 1) {
-                  tlh /= maxFactor;
-                  tlv /= maxFactor;
-                  trh /= maxFactor;
-                  trv /= maxFactor;
-                  brh /= maxFactor;
-                  brv /= maxFactor;
-                  blh /= maxFactor;
-                  blv /= maxFactor;
-              }
-              var topWidth = bounds.width - trh;
-              var rightHeight = bounds.height - brv;
-              var bottomWidth = bounds.width - brh;
-              var leftHeight = bounds.height - blv;
-              var borderTopWidth = styles.borderTopWidth;
-              var borderRightWidth = styles.borderRightWidth;
-              var borderBottomWidth = styles.borderBottomWidth;
-              var borderLeftWidth = styles.borderLeftWidth;
-              var paddingTop = getAbsoluteValue(styles.paddingTop, element.bounds.width);
-              var paddingRight = getAbsoluteValue(styles.paddingRight, element.bounds.width);
-              var paddingBottom = getAbsoluteValue(styles.paddingBottom, element.bounds.width);
-              var paddingLeft = getAbsoluteValue(styles.paddingLeft, element.bounds.width);
-              this.topLeftBorderDoubleOuterBox =
-                  tlh > 0 || tlv > 0
-                      ? getCurvePoints(bounds.left + borderLeftWidth / 3, bounds.top + borderTopWidth / 3, tlh - borderLeftWidth / 3, tlv - borderTopWidth / 3, CORNER.TOP_LEFT)
-                      : new Vector(bounds.left + borderLeftWidth / 3, bounds.top + borderTopWidth / 3);
-              this.topRightBorderDoubleOuterBox =
-                  tlh > 0 || tlv > 0
-                      ? getCurvePoints(bounds.left + topWidth, bounds.top + borderTopWidth / 3, trh - borderRightWidth / 3, trv - borderTopWidth / 3, CORNER.TOP_RIGHT)
-                      : new Vector(bounds.left + bounds.width - borderRightWidth / 3, bounds.top + borderTopWidth / 3);
-              this.bottomRightBorderDoubleOuterBox =
-                  brh > 0 || brv > 0
-                      ? getCurvePoints(bounds.left + bottomWidth, bounds.top + rightHeight, brh - borderRightWidth / 3, brv - borderBottomWidth / 3, CORNER.BOTTOM_RIGHT)
-                      : new Vector(bounds.left + bounds.width - borderRightWidth / 3, bounds.top + bounds.height - borderBottomWidth / 3);
-              this.bottomLeftBorderDoubleOuterBox =
-                  blh > 0 || blv > 0
-                      ? getCurvePoints(bounds.left + borderLeftWidth / 3, bounds.top + leftHeight, blh - borderLeftWidth / 3, blv - borderBottomWidth / 3, CORNER.BOTTOM_LEFT)
-                      : new Vector(bounds.left + borderLeftWidth / 3, bounds.top + bounds.height - borderBottomWidth / 3);
-              this.topLeftBorderDoubleInnerBox =
-                  tlh > 0 || tlv > 0
-                      ? getCurvePoints(bounds.left + (borderLeftWidth * 2) / 3, bounds.top + (borderTopWidth * 2) / 3, tlh - (borderLeftWidth * 2) / 3, tlv - (borderTopWidth * 2) / 3, CORNER.TOP_LEFT)
-                      : new Vector(bounds.left + (borderLeftWidth * 2) / 3, bounds.top + (borderTopWidth * 2) / 3);
-              this.topRightBorderDoubleInnerBox =
-                  tlh > 0 || tlv > 0
-                      ? getCurvePoints(bounds.left + topWidth, bounds.top + (borderTopWidth * 2) / 3, trh - (borderRightWidth * 2) / 3, trv - (borderTopWidth * 2) / 3, CORNER.TOP_RIGHT)
-                      : new Vector(bounds.left + bounds.width - (borderRightWidth * 2) / 3, bounds.top + (borderTopWidth * 2) / 3);
-              this.bottomRightBorderDoubleInnerBox =
-                  brh > 0 || brv > 0
-                      ? getCurvePoints(bounds.left + bottomWidth, bounds.top + rightHeight, brh - (borderRightWidth * 2) / 3, brv - (borderBottomWidth * 2) / 3, CORNER.BOTTOM_RIGHT)
-                      : new Vector(bounds.left + bounds.width - (borderRightWidth * 2) / 3, bounds.top + bounds.height - (borderBottomWidth * 2) / 3);
-              this.bottomLeftBorderDoubleInnerBox =
-                  blh > 0 || blv > 0
-                      ? getCurvePoints(bounds.left + (borderLeftWidth * 2) / 3, bounds.top + leftHeight, blh - (borderLeftWidth * 2) / 3, blv - (borderBottomWidth * 2) / 3, CORNER.BOTTOM_LEFT)
-                      : new Vector(bounds.left + (borderLeftWidth * 2) / 3, bounds.top + bounds.height - (borderBottomWidth * 2) / 3);
-              this.topLeftBorderStroke =
-                  tlh > 0 || tlv > 0
-                      ? getCurvePoints(bounds.left + borderLeftWidth / 2, bounds.top + borderTopWidth / 2, tlh - borderLeftWidth / 2, tlv - borderTopWidth / 2, CORNER.TOP_LEFT)
-                      : new Vector(bounds.left + borderLeftWidth / 2, bounds.top + borderTopWidth / 2);
-              this.topRightBorderStroke =
-                  tlh > 0 || tlv > 0
-                      ? getCurvePoints(bounds.left + topWidth, bounds.top + borderTopWidth / 2, trh - borderRightWidth / 2, trv - borderTopWidth / 2, CORNER.TOP_RIGHT)
-                      : new Vector(bounds.left + bounds.width - borderRightWidth / 2, bounds.top + borderTopWidth / 2);
-              this.bottomRightBorderStroke =
-                  brh > 0 || brv > 0
-                      ? getCurvePoints(bounds.left + bottomWidth, bounds.top + rightHeight, brh - borderRightWidth / 2, brv - borderBottomWidth / 2, CORNER.BOTTOM_RIGHT)
-                      : new Vector(bounds.left + bounds.width - borderRightWidth / 2, bounds.top + bounds.height - borderBottomWidth / 2);
-              this.bottomLeftBorderStroke =
-                  blh > 0 || blv > 0
-                      ? getCurvePoints(bounds.left + borderLeftWidth / 2, bounds.top + leftHeight, blh - borderLeftWidth / 2, blv - borderBottomWidth / 2, CORNER.BOTTOM_LEFT)
-                      : new Vector(bounds.left + borderLeftWidth / 2, bounds.top + bounds.height - borderBottomWidth / 2);
-              this.topLeftBorderBox =
-                  tlh > 0 || tlv > 0
-                      ? getCurvePoints(bounds.left, bounds.top, tlh, tlv, CORNER.TOP_LEFT)
-                      : new Vector(bounds.left, bounds.top);
-              this.topRightBorderBox =
-                  trh > 0 || trv > 0
-                      ? getCurvePoints(bounds.left + topWidth, bounds.top, trh, trv, CORNER.TOP_RIGHT)
-                      : new Vector(bounds.left + bounds.width, bounds.top);
-              this.bottomRightBorderBox =
-                  brh > 0 || brv > 0
-                      ? getCurvePoints(bounds.left + bottomWidth, bounds.top + rightHeight, brh, brv, CORNER.BOTTOM_RIGHT)
-                      : new Vector(bounds.left + bounds.width, bounds.top + bounds.height);
-              this.bottomLeftBorderBox =
-                  blh > 0 || blv > 0
-                      ? getCurvePoints(bounds.left, bounds.top + leftHeight, blh, blv, CORNER.BOTTOM_LEFT)
-                      : new Vector(bounds.left, bounds.top + bounds.height);
-              this.topLeftPaddingBox =
-                  tlh > 0 || tlv > 0
-                      ? getCurvePoints(bounds.left + borderLeftWidth, bounds.top + borderTopWidth, Math.max(0, tlh - borderLeftWidth), Math.max(0, tlv - borderTopWidth), CORNER.TOP_LEFT)
-                      : new Vector(bounds.left + borderLeftWidth, bounds.top + borderTopWidth);
-              this.topRightPaddingBox =
-                  trh > 0 || trv > 0
-                      ? getCurvePoints(bounds.left + Math.min(topWidth, bounds.width - borderRightWidth), bounds.top + borderTopWidth, topWidth > bounds.width + borderRightWidth ? 0 : Math.max(0, trh - borderRightWidth), Math.max(0, trv - borderTopWidth), CORNER.TOP_RIGHT)
-                      : new Vector(bounds.left + bounds.width - borderRightWidth, bounds.top + borderTopWidth);
-              this.bottomRightPaddingBox =
-                  brh > 0 || brv > 0
-                      ? getCurvePoints(bounds.left + Math.min(bottomWidth, bounds.width - borderLeftWidth), bounds.top + Math.min(rightHeight, bounds.height - borderBottomWidth), Math.max(0, brh - borderRightWidth), Math.max(0, brv - borderBottomWidth), CORNER.BOTTOM_RIGHT)
-                      : new Vector(bounds.left + bounds.width - borderRightWidth, bounds.top + bounds.height - borderBottomWidth);
-              this.bottomLeftPaddingBox =
-                  blh > 0 || blv > 0
-                      ? getCurvePoints(bounds.left + borderLeftWidth, bounds.top + Math.min(leftHeight, bounds.height - borderBottomWidth), Math.max(0, blh - borderLeftWidth), Math.max(0, blv - borderBottomWidth), CORNER.BOTTOM_LEFT)
-                      : new Vector(bounds.left + borderLeftWidth, bounds.top + bounds.height - borderBottomWidth);
-              this.topLeftContentBox =
-                  tlh > 0 || tlv > 0
-                      ? getCurvePoints(bounds.left + borderLeftWidth + paddingLeft, bounds.top + borderTopWidth + paddingTop, Math.max(0, tlh - (borderLeftWidth + paddingLeft)), Math.max(0, tlv - (borderTopWidth + paddingTop)), CORNER.TOP_LEFT)
-                      : new Vector(bounds.left + borderLeftWidth + paddingLeft, bounds.top + borderTopWidth + paddingTop);
-              this.topRightContentBox =
-                  trh > 0 || trv > 0
-                      ? getCurvePoints(bounds.left + Math.min(topWidth, bounds.width + borderLeftWidth + paddingLeft), bounds.top + borderTopWidth + paddingTop, topWidth > bounds.width + borderLeftWidth + paddingLeft ? 0 : trh - borderLeftWidth + paddingLeft, trv - (borderTopWidth + paddingTop), CORNER.TOP_RIGHT)
-                      : new Vector(bounds.left + bounds.width - (borderRightWidth + paddingRight), bounds.top + borderTopWidth + paddingTop);
-              this.bottomRightContentBox =
-                  brh > 0 || brv > 0
-                      ? getCurvePoints(bounds.left + Math.min(bottomWidth, bounds.width - (borderLeftWidth + paddingLeft)), bounds.top + Math.min(rightHeight, bounds.height + borderTopWidth + paddingTop), Math.max(0, brh - (borderRightWidth + paddingRight)), brv - (borderBottomWidth + paddingBottom), CORNER.BOTTOM_RIGHT)
-                      : new Vector(bounds.left + bounds.width - (borderRightWidth + paddingRight), bounds.top + bounds.height - (borderBottomWidth + paddingBottom));
-              this.bottomLeftContentBox =
-                  blh > 0 || blv > 0
-                      ? getCurvePoints(bounds.left + borderLeftWidth + paddingLeft, bounds.top + leftHeight, Math.max(0, blh - (borderLeftWidth + paddingLeft)), blv - (borderBottomWidth + paddingBottom), CORNER.BOTTOM_LEFT)
-                      : new Vector(bounds.left + borderLeftWidth + paddingLeft, bounds.top + bounds.height - (borderBottomWidth + paddingBottom));
-          }
-          return BoundCurves;
-      }());
+        function BoundCurves(element) {
+          var styles = element.styles;
+          var bounds = element.bounds;
+          var _a = getAbsoluteValueForTuple(
+              styles.borderTopLeftRadius,
+              bounds.width,
+              bounds.height,
+            ),
+            tlh = _a[0],
+            tlv = _a[1];
+          var _b = getAbsoluteValueForTuple(
+              styles.borderTopRightRadius,
+              bounds.width,
+              bounds.height,
+            ),
+            trh = _b[0],
+            trv = _b[1];
+          var _c = getAbsoluteValueForTuple(
+              styles.borderBottomRightRadius,
+              bounds.width,
+              bounds.height,
+            ),
+            brh = _c[0],
+            brv = _c[1];
+          var _d = getAbsoluteValueForTuple(
+              styles.borderBottomLeftRadius,
+              bounds.width,
+              bounds.height,
+            ),
+            blh = _d[0],
+            blv = _d[1];
+          var factors = [];
+          factors.push((tlh + trh) / bounds.width);
+          factors.push((blh + brh) / bounds.width);
+          factors.push((tlv + blv) / bounds.height);
+          factors.push((trv + brv) / bounds.height);
+          var maxFactor = Math.max.apply(Math, factors);
+          if (maxFactor > 1) {
+            tlh /= maxFactor;
+            tlv /= maxFactor;
+            trh /= maxFactor;
+            trv /= maxFactor;
+            brh /= maxFactor;
+            brv /= maxFactor;
+            blh /= maxFactor;
+            blv /= maxFactor;
+          }
+          var topWidth = bounds.width - trh;
+          var rightHeight = bounds.height - brv;
+          var bottomWidth = bounds.width - brh;
+          var leftHeight = bounds.height - blv;
+          var borderTopWidth = styles.borderTopWidth;
+          var borderRightWidth = styles.borderRightWidth;
+          var borderBottomWidth = styles.borderBottomWidth;
+          var borderLeftWidth = styles.borderLeftWidth;
+          var paddingTop = getAbsoluteValue(
+            styles.paddingTop,
+            element.bounds.width,
+          );
+          var paddingRight = getAbsoluteValue(
+            styles.paddingRight,
+            element.bounds.width,
+          );
+          var paddingBottom = getAbsoluteValue(
+            styles.paddingBottom,
+            element.bounds.width,
+          );
+          var paddingLeft = getAbsoluteValue(
+            styles.paddingLeft,
+            element.bounds.width,
+          );
+          this.topLeftBorderDoubleOuterBox =
+            tlh > 0 || tlv > 0
+              ? getCurvePoints(
+                  bounds.left + borderLeftWidth / 3,
+                  bounds.top + borderTopWidth / 3,
+                  tlh - borderLeftWidth / 3,
+                  tlv - borderTopWidth / 3,
+                  CORNER.TOP_LEFT,
+                )
+              : new Vector(
+                  bounds.left + borderLeftWidth / 3,
+                  bounds.top + borderTopWidth / 3,
+                );
+          this.topRightBorderDoubleOuterBox =
+            tlh > 0 || tlv > 0
+              ? getCurvePoints(
+                  bounds.left + topWidth,
+                  bounds.top + borderTopWidth / 3,
+                  trh - borderRightWidth / 3,
+                  trv - borderTopWidth / 3,
+                  CORNER.TOP_RIGHT,
+                )
+              : new Vector(
+                  bounds.left + bounds.width - borderRightWidth / 3,
+                  bounds.top + borderTopWidth / 3,
+                );
+          this.bottomRightBorderDoubleOuterBox =
+            brh > 0 || brv > 0
+              ? getCurvePoints(
+                  bounds.left + bottomWidth,
+                  bounds.top + rightHeight,
+                  brh - borderRightWidth / 3,
+                  brv - borderBottomWidth / 3,
+                  CORNER.BOTTOM_RIGHT,
+                )
+              : new Vector(
+                  bounds.left + bounds.width - borderRightWidth / 3,
+                  bounds.top + bounds.height - borderBottomWidth / 3,
+                );
+          this.bottomLeftBorderDoubleOuterBox =
+            blh > 0 || blv > 0
+              ? getCurvePoints(
+                  bounds.left + borderLeftWidth / 3,
+                  bounds.top + leftHeight,
+                  blh - borderLeftWidth / 3,
+                  blv - borderBottomWidth / 3,
+                  CORNER.BOTTOM_LEFT,
+                )
+              : new Vector(
+                  bounds.left + borderLeftWidth / 3,
+                  bounds.top + bounds.height - borderBottomWidth / 3,
+                );
+          this.topLeftBorderDoubleInnerBox =
+            tlh > 0 || tlv > 0
+              ? getCurvePoints(
+                  bounds.left + (borderLeftWidth * 2) / 3,
+                  bounds.top + (borderTopWidth * 2) / 3,
+                  tlh - (borderLeftWidth * 2) / 3,
+                  tlv - (borderTopWidth * 2) / 3,
+                  CORNER.TOP_LEFT,
+                )
+              : new Vector(
+                  bounds.left + (borderLeftWidth * 2) / 3,
+                  bounds.top + (borderTopWidth * 2) / 3,
+                );
+          this.topRightBorderDoubleInnerBox =
+            tlh > 0 || tlv > 0
+              ? getCurvePoints(
+                  bounds.left + topWidth,
+                  bounds.top + (borderTopWidth * 2) / 3,
+                  trh - (borderRightWidth * 2) / 3,
+                  trv - (borderTopWidth * 2) / 3,
+                  CORNER.TOP_RIGHT,
+                )
+              : new Vector(
+                  bounds.left + bounds.width - (borderRightWidth * 2) / 3,
+                  bounds.top + (borderTopWidth * 2) / 3,
+                );
+          this.bottomRightBorderDoubleInnerBox =
+            brh > 0 || brv > 0
+              ? getCurvePoints(
+                  bounds.left + bottomWidth,
+                  bounds.top + rightHeight,
+                  brh - (borderRightWidth * 2) / 3,
+                  brv - (borderBottomWidth * 2) / 3,
+                  CORNER.BOTTOM_RIGHT,
+                )
+              : new Vector(
+                  bounds.left + bounds.width - (borderRightWidth * 2) / 3,
+                  bounds.top + bounds.height - (borderBottomWidth * 2) / 3,
+                );
+          this.bottomLeftBorderDoubleInnerBox =
+            blh > 0 || blv > 0
+              ? getCurvePoints(
+                  bounds.left + (borderLeftWidth * 2) / 3,
+                  bounds.top + leftHeight,
+                  blh - (borderLeftWidth * 2) / 3,
+                  blv - (borderBottomWidth * 2) / 3,
+                  CORNER.BOTTOM_LEFT,
+                )
+              : new Vector(
+                  bounds.left + (borderLeftWidth * 2) / 3,
+                  bounds.top + bounds.height - (borderBottomWidth * 2) / 3,
+                );
+          this.topLeftBorderStroke =
+            tlh > 0 || tlv > 0
+              ? getCurvePoints(
+                  bounds.left + borderLeftWidth / 2,
+                  bounds.top + borderTopWidth / 2,
+                  tlh - borderLeftWidth / 2,
+                  tlv - borderTopWidth / 2,
+                  CORNER.TOP_LEFT,
+                )
+              : new Vector(
+                  bounds.left + borderLeftWidth / 2,
+                  bounds.top + borderTopWidth / 2,
+                );
+          this.topRightBorderStroke =
+            tlh > 0 || tlv > 0
+              ? getCurvePoints(
+                  bounds.left + topWidth,
+                  bounds.top + borderTopWidth / 2,
+                  trh - borderRightWidth / 2,
+                  trv - borderTopWidth / 2,
+                  CORNER.TOP_RIGHT,
+                )
+              : new Vector(
+                  bounds.left + bounds.width - borderRightWidth / 2,
+                  bounds.top + borderTopWidth / 2,
+                );
+          this.bottomRightBorderStroke =
+            brh > 0 || brv > 0
+              ? getCurvePoints(
+                  bounds.left + bottomWidth,
+                  bounds.top + rightHeight,
+                  brh - borderRightWidth / 2,
+                  brv - borderBottomWidth / 2,
+                  CORNER.BOTTOM_RIGHT,
+                )
+              : new Vector(
+                  bounds.left + bounds.width - borderRightWidth / 2,
+                  bounds.top + bounds.height - borderBottomWidth / 2,
+                );
+          this.bottomLeftBorderStroke =
+            blh > 0 || blv > 0
+              ? getCurvePoints(
+                  bounds.left + borderLeftWidth / 2,
+                  bounds.top + leftHeight,
+                  blh - borderLeftWidth / 2,
+                  blv - borderBottomWidth / 2,
+                  CORNER.BOTTOM_LEFT,
+                )
+              : new Vector(
+                  bounds.left + borderLeftWidth / 2,
+                  bounds.top + bounds.height - borderBottomWidth / 2,
+                );
+          this.topLeftBorderBox =
+            tlh > 0 || tlv > 0
+              ? getCurvePoints(
+                  bounds.left,
+                  bounds.top,
+                  tlh,
+                  tlv,
+                  CORNER.TOP_LEFT,
+                )
+              : new Vector(bounds.left, bounds.top);
+          this.topRightBorderBox =
+            trh > 0 || trv > 0
+              ? getCurvePoints(
+                  bounds.left + topWidth,
+                  bounds.top,
+                  trh,
+                  trv,
+                  CORNER.TOP_RIGHT,
+                )
+              : new Vector(bounds.left + bounds.width, bounds.top);
+          this.bottomRightBorderBox =
+            brh > 0 || brv > 0
+              ? getCurvePoints(
+                  bounds.left + bottomWidth,
+                  bounds.top + rightHeight,
+                  brh,
+                  brv,
+                  CORNER.BOTTOM_RIGHT,
+                )
+              : new Vector(
+                  bounds.left + bounds.width,
+                  bounds.top + bounds.height,
+                );
+          this.bottomLeftBorderBox =
+            blh > 0 || blv > 0
+              ? getCurvePoints(
+                  bounds.left,
+                  bounds.top + leftHeight,
+                  blh,
+                  blv,
+                  CORNER.BOTTOM_LEFT,
+                )
+              : new Vector(bounds.left, bounds.top + bounds.height);
+          this.topLeftPaddingBox =
+            tlh > 0 || tlv > 0
+              ? getCurvePoints(
+                  bounds.left + borderLeftWidth,
+                  bounds.top + borderTopWidth,
+                  Math.max(0, tlh - borderLeftWidth),
+                  Math.max(0, tlv - borderTopWidth),
+                  CORNER.TOP_LEFT,
+                )
+              : new Vector(
+                  bounds.left + borderLeftWidth,
+                  bounds.top + borderTopWidth,
+                );
+          this.topRightPaddingBox =
+            trh > 0 || trv > 0
+              ? getCurvePoints(
+                  bounds.left +
+                    Math.min(topWidth, bounds.width - borderRightWidth),
+                  bounds.top + borderTopWidth,
+                  topWidth > bounds.width + borderRightWidth
+                    ? 0
+                    : Math.max(0, trh - borderRightWidth),
+                  Math.max(0, trv - borderTopWidth),
+                  CORNER.TOP_RIGHT,
+                )
+              : new Vector(
+                  bounds.left + bounds.width - borderRightWidth,
+                  bounds.top + borderTopWidth,
+                );
+          this.bottomRightPaddingBox =
+            brh > 0 || brv > 0
+              ? getCurvePoints(
+                  bounds.left +
+                    Math.min(bottomWidth, bounds.width - borderLeftWidth),
+                  bounds.top +
+                    Math.min(rightHeight, bounds.height - borderBottomWidth),
+                  Math.max(0, brh - borderRightWidth),
+                  Math.max(0, brv - borderBottomWidth),
+                  CORNER.BOTTOM_RIGHT,
+                )
+              : new Vector(
+                  bounds.left + bounds.width - borderRightWidth,
+                  bounds.top + bounds.height - borderBottomWidth,
+                );
+          this.bottomLeftPaddingBox =
+            blh > 0 || blv > 0
+              ? getCurvePoints(
+                  bounds.left + borderLeftWidth,
+                  bounds.top +
+                    Math.min(leftHeight, bounds.height - borderBottomWidth),
+                  Math.max(0, blh - borderLeftWidth),
+                  Math.max(0, blv - borderBottomWidth),
+                  CORNER.BOTTOM_LEFT,
+                )
+              : new Vector(
+                  bounds.left + borderLeftWidth,
+                  bounds.top + bounds.height - borderBottomWidth,
+                );
+          this.topLeftContentBox =
+            tlh > 0 || tlv > 0
+              ? getCurvePoints(
+                  bounds.left + borderLeftWidth + paddingLeft,
+                  bounds.top + borderTopWidth + paddingTop,
+                  Math.max(0, tlh - (borderLeftWidth + paddingLeft)),
+                  Math.max(0, tlv - (borderTopWidth + paddingTop)),
+                  CORNER.TOP_LEFT,
+                )
+              : new Vector(
+                  bounds.left + borderLeftWidth + paddingLeft,
+                  bounds.top + borderTopWidth + paddingTop,
+                );
+          this.topRightContentBox =
+            trh > 0 || trv > 0
+              ? getCurvePoints(
+                  bounds.left +
+                    Math.min(
+                      topWidth,
+                      bounds.width + borderLeftWidth + paddingLeft,
+                    ),
+                  bounds.top + borderTopWidth + paddingTop,
+                  topWidth > bounds.width + borderLeftWidth + paddingLeft
+                    ? 0
+                    : trh - borderLeftWidth + paddingLeft,
+                  trv - (borderTopWidth + paddingTop),
+                  CORNER.TOP_RIGHT,
+                )
+              : new Vector(
+                  bounds.left +
+                    bounds.width -
+                    (borderRightWidth + paddingRight),
+                  bounds.top + borderTopWidth + paddingTop,
+                );
+          this.bottomRightContentBox =
+            brh > 0 || brv > 0
+              ? getCurvePoints(
+                  bounds.left +
+                    Math.min(
+                      bottomWidth,
+                      bounds.width - (borderLeftWidth + paddingLeft),
+                    ),
+                  bounds.top +
+                    Math.min(
+                      rightHeight,
+                      bounds.height + borderTopWidth + paddingTop,
+                    ),
+                  Math.max(0, brh - (borderRightWidth + paddingRight)),
+                  brv - (borderBottomWidth + paddingBottom),
+                  CORNER.BOTTOM_RIGHT,
+                )
+              : new Vector(
+                  bounds.left +
+                    bounds.width -
+                    (borderRightWidth + paddingRight),
+                  bounds.top +
+                    bounds.height -
+                    (borderBottomWidth + paddingBottom),
+                );
+          this.bottomLeftContentBox =
+            blh > 0 || blv > 0
+              ? getCurvePoints(
+                  bounds.left + borderLeftWidth + paddingLeft,
+                  bounds.top + leftHeight,
+                  Math.max(0, blh - (borderLeftWidth + paddingLeft)),
+                  blv - (borderBottomWidth + paddingBottom),
+                  CORNER.BOTTOM_LEFT,
+                )
+              : new Vector(
+                  bounds.left + borderLeftWidth + paddingLeft,
+                  bounds.top +
+                    bounds.height -
+                    (borderBottomWidth + paddingBottom),
+                );
+        }
+        return BoundCurves;
+      })();
       var CORNER;
       (function (CORNER) {
-          CORNER[CORNER["TOP_LEFT"] = 0] = "TOP_LEFT";
-          CORNER[CORNER["TOP_RIGHT"] = 1] = "TOP_RIGHT";
-          CORNER[CORNER["BOTTOM_RIGHT"] = 2] = "BOTTOM_RIGHT";
-          CORNER[CORNER["BOTTOM_LEFT"] = 3] = "BOTTOM_LEFT";
+        CORNER[(CORNER["TOP_LEFT"] = 0)] = "TOP_LEFT";
+        CORNER[(CORNER["TOP_RIGHT"] = 1)] = "TOP_RIGHT";
+        CORNER[(CORNER["BOTTOM_RIGHT"] = 2)] = "BOTTOM_RIGHT";
+        CORNER[(CORNER["BOTTOM_LEFT"] = 3)] = "BOTTOM_LEFT";
       })(CORNER || (CORNER = {}));
       var getCurvePoints = function (x, y, r1, r2, position) {
-          var kappa = 4 * ((Math.sqrt(2) - 1) / 3);
-          var ox = r1 * kappa; // control point offset horizontal
-          var oy = r2 * kappa; // control point offset vertical
-          var xm = x + r1; // x-middle
-          var ym = y + r2; // y-middle
-          switch (position) {
-              case CORNER.TOP_LEFT:
-                  return new BezierCurve(new Vector(x, ym), new Vector(x, ym - oy), new Vector(xm - ox, y), new Vector(xm, y));
-              case CORNER.TOP_RIGHT:
-                  return new BezierCurve(new Vector(x, y), new Vector(x + ox, y), new Vector(xm, ym - oy), new Vector(xm, ym));
-              case CORNER.BOTTOM_RIGHT:
-                  return new BezierCurve(new Vector(xm, y), new Vector(xm, y + oy), new Vector(x + ox, ym), new Vector(x, ym));
-              case CORNER.BOTTOM_LEFT:
-              default:
-                  return new BezierCurve(new Vector(xm, ym), new Vector(xm - ox, ym), new Vector(x, y + oy), new Vector(x, y));
-          }
+        var kappa = 4 * ((Math.sqrt(2) - 1) / 3);
+        var ox = r1 * kappa; // control point offset horizontal
+        var oy = r2 * kappa; // control point offset vertical
+        var xm = x + r1; // x-middle
+        var ym = y + r2; // y-middle
+        switch (position) {
+          case CORNER.TOP_LEFT:
+            return new BezierCurve(
+              new Vector(x, ym),
+              new Vector(x, ym - oy),
+              new Vector(xm - ox, y),
+              new Vector(xm, y),
+            );
+          case CORNER.TOP_RIGHT:
+            return new BezierCurve(
+              new Vector(x, y),
+              new Vector(x + ox, y),
+              new Vector(xm, ym - oy),
+              new Vector(xm, ym),
+            );
+          case CORNER.BOTTOM_RIGHT:
+            return new BezierCurve(
+              new Vector(xm, y),
+              new Vector(xm, y + oy),
+              new Vector(x + ox, ym),
+              new Vector(x, ym),
+            );
+          case CORNER.BOTTOM_LEFT:
+          default:
+            return new BezierCurve(
+              new Vector(xm, ym),
+              new Vector(xm - ox, ym),
+              new Vector(x, y + oy),
+              new Vector(x, y),
+            );
+        }
       };
       var calculateBorderBoxPath = function (curves) {
-          return [curves.topLeftBorderBox, curves.topRightBorderBox, curves.bottomRightBorderBox, curves.bottomLeftBorderBox];
+        return [
+          curves.topLeftBorderBox,
+          curves.topRightBorderBox,
+          curves.bottomRightBorderBox,
+          curves.bottomLeftBorderBox,
+        ];
       };
       var calculateContentBoxPath = function (curves) {
-          return [
-              curves.topLeftContentBox,
-              curves.topRightContentBox,
-              curves.bottomRightContentBox,
-              curves.bottomLeftContentBox
-          ];
+        return [
+          curves.topLeftContentBox,
+          curves.topRightContentBox,
+          curves.bottomRightContentBox,
+          curves.bottomLeftContentBox,
+        ];
       };
       var calculatePaddingBoxPath = function (curves) {
-          return [
-              curves.topLeftPaddingBox,
-              curves.topRightPaddingBox,
-              curves.bottomRightPaddingBox,
-              curves.bottomLeftPaddingBox
-          ];
+        return [
+          curves.topLeftPaddingBox,
+          curves.topRightPaddingBox,
+          curves.bottomRightPaddingBox,
+          curves.bottomLeftPaddingBox,
+        ];
       };
 
       var TransformEffect = /** @class */ (function () {
-          function TransformEffect(offsetX, offsetY, matrix) {
-              this.offsetX = offsetX;
-              this.offsetY = offsetY;
-              this.matrix = matrix;
-              this.type = 0 /* TRANSFORM */;
-              this.target = 2 /* BACKGROUND_BORDERS */ | 4 /* CONTENT */;
-          }
-          return TransformEffect;
-      }());
+        function TransformEffect(offsetX, offsetY, matrix) {
+          this.offsetX = offsetX;
+          this.offsetY = offsetY;
+          this.matrix = matrix;
+          this.type = 0 /* TRANSFORM */;
+          this.target = 2 /* BACKGROUND_BORDERS */ | 4 /* CONTENT */;
+        }
+        return TransformEffect;
+      })();
       var ClipEffect = /** @class */ (function () {
-          function ClipEffect(path, target) {
-              this.path = path;
-              this.target = target;
-              this.type = 1 /* CLIP */;
-          }
-          return ClipEffect;
-      }());
+        function ClipEffect(path, target) {
+          this.path = path;
+          this.target = target;
+          this.type = 1 /* CLIP */;
+        }
+        return ClipEffect;
+      })();
       var OpacityEffect = /** @class */ (function () {
-          function OpacityEffect(opacity) {
-              this.opacity = opacity;
-              this.type = 2 /* OPACITY */;
-              this.target = 2 /* BACKGROUND_BORDERS */ | 4 /* CONTENT */;
-          }
-          return OpacityEffect;
-      }());
+        function OpacityEffect(opacity) {
+          this.opacity = opacity;
+          this.type = 2 /* OPACITY */;
+          this.target = 2 /* BACKGROUND_BORDERS */ | 4 /* CONTENT */;
+        }
+        return OpacityEffect;
+      })();
       var isTransformEffect = function (effect) {
-          return effect.type === 0 /* TRANSFORM */;
+        return effect.type === 0 /* TRANSFORM */;
+      };
+      var isClipEffect = function (effect) {
+        return effect.type === 1 /* CLIP */;
+      };
+      var isOpacityEffect = function (effect) {
+        return effect.type === 2 /* OPACITY */;
       };
-      var isClipEffect = function (effect) { return effect.type === 1 /* CLIP */; };
-      var isOpacityEffect = function (effect) { return effect.type === 2 /* OPACITY */; };
 
       var equalPath = function (a, b) {
-          if (a.length === b.length) {
-              return a.some(function (v, i) { return v === b[i]; });
-          }
-          return false;
+        if (a.length === b.length) {
+          return a.some(function (v, i) {
+            return v === b[i];
+          });
+        }
+        return false;
       };
       var transformPath = function (path, deltaX, deltaY, deltaW, deltaH) {
-          return path.map(function (point, index) {
-              switch (index) {
-                  case 0:
-                      return point.add(deltaX, deltaY);
-                  case 1:
-                      return point.add(deltaX + deltaW, deltaY);
-                  case 2:
-                      return point.add(deltaX + deltaW, deltaY + deltaH);
-                  case 3:
-                      return point.add(deltaX, deltaY + deltaH);
-              }
-              return point;
-          });
+        return path.map(function (point, index) {
+          switch (index) {
+            case 0:
+              return point.add(deltaX, deltaY);
+            case 1:
+              return point.add(deltaX + deltaW, deltaY);
+            case 2:
+              return point.add(deltaX + deltaW, deltaY + deltaH);
+            case 3:
+              return point.add(deltaX, deltaY + deltaH);
+          }
+          return point;
+        });
       };
 
       var StackingContext = /** @class */ (function () {
-          function StackingContext(container) {
-              this.element = container;
-              this.inlineLevel = [];
-              this.nonInlineLevel = [];
-              this.negativeZIndex = [];
-              this.zeroOrAutoZIndexOrTransformedOrOpacity = [];
-              this.positiveZIndex = [];
-              this.nonPositionedFloats = [];
-              this.nonPositionedInlineLevel = [];
-          }
-          return StackingContext;
-      }());
+        function StackingContext(container) {
+          this.element = container;
+          this.inlineLevel = [];
+          this.nonInlineLevel = [];
+          this.negativeZIndex = [];
+          this.zeroOrAutoZIndexOrTransformedOrOpacity = [];
+          this.positiveZIndex = [];
+          this.nonPositionedFloats = [];
+          this.nonPositionedInlineLevel = [];
+        }
+        return StackingContext;
+      })();
       var ElementPaint = /** @class */ (function () {
-          function ElementPaint(container, parent) {
-              this.container = container;
-              this.parent = parent;
-              this.effects = [];
-              this.curves = new BoundCurves(this.container);
-              if (this.container.styles.opacity < 1) {
-                  this.effects.push(new OpacityEffect(this.container.styles.opacity));
-              }
-              if (this.container.styles.transform !== null) {
-                  var offsetX = this.container.bounds.left + this.container.styles.transformOrigin[0].number;
-                  var offsetY = this.container.bounds.top + this.container.styles.transformOrigin[1].number;
-                  var matrix = this.container.styles.transform;
-                  this.effects.push(new TransformEffect(offsetX, offsetY, matrix));
-              }
-              if (this.container.styles.overflowX !== 0 /* VISIBLE */) {
-                  var borderBox = calculateBorderBoxPath(this.curves);
-                  var paddingBox = calculatePaddingBoxPath(this.curves);
-                  if (equalPath(borderBox, paddingBox)) {
-                      this.effects.push(new ClipEffect(borderBox, 2 /* BACKGROUND_BORDERS */ | 4 /* CONTENT */));
-                  }
-                  else {
-                      this.effects.push(new ClipEffect(borderBox, 2 /* BACKGROUND_BORDERS */));
-                      this.effects.push(new ClipEffect(paddingBox, 4 /* CONTENT */));
-                  }
-              }
+        function ElementPaint(container, parent) {
+          this.container = container;
+          this.parent = parent;
+          this.effects = [];
+          this.curves = new BoundCurves(this.container);
+          if (this.container.styles.opacity < 1) {
+            this.effects.push(new OpacityEffect(this.container.styles.opacity));
+          }
+          if (this.container.styles.transform !== null) {
+            var offsetX =
+              this.container.bounds.left +
+              this.container.styles.transformOrigin[0].number;
+            var offsetY =
+              this.container.bounds.top +
+              this.container.styles.transformOrigin[1].number;
+            var matrix = this.container.styles.transform;
+            this.effects.push(new TransformEffect(offsetX, offsetY, matrix));
+          }
+          if (this.container.styles.overflowX !== 0 /* VISIBLE */) {
+            var borderBox = calculateBorderBoxPath(this.curves);
+            var paddingBox = calculatePaddingBoxPath(this.curves);
+            if (equalPath(borderBox, paddingBox)) {
+              this.effects.push(
+                new ClipEffect(
+                  borderBox,
+                  2 /* BACKGROUND_BORDERS */ | 4 /* CONTENT */,
+                ),
+              );
+            } else {
+              this.effects.push(
+                new ClipEffect(borderBox, 2 /* BACKGROUND_BORDERS */),
+              );
+              this.effects.push(new ClipEffect(paddingBox, 4 /* CONTENT */));
+            }
           }
-          ElementPaint.prototype.getEffects = function (target) {
-              var inFlow = [2 /* ABSOLUTE */, 3 /* FIXED */].indexOf(this.container.styles.position) === -1;
-              var parent = this.parent;
-              var effects = this.effects.slice(0);
-              while (parent) {
-                  var croplessEffects = parent.effects.filter(function (effect) { return !isClipEffect(effect); });
-                  if (inFlow || parent.container.styles.position !== 0 /* STATIC */ || !parent.parent) {
-                      effects.unshift.apply(effects, croplessEffects);
-                      inFlow = [2 /* ABSOLUTE */, 3 /* FIXED */].indexOf(parent.container.styles.position) === -1;
-                      if (parent.container.styles.overflowX !== 0 /* VISIBLE */) {
-                          var borderBox = calculateBorderBoxPath(parent.curves);
-                          var paddingBox = calculatePaddingBoxPath(parent.curves);
-                          if (!equalPath(borderBox, paddingBox)) {
-                              effects.unshift(new ClipEffect(paddingBox, 2 /* BACKGROUND_BORDERS */ | 4 /* CONTENT */));
-                          }
-                      }
-                  }
-                  else {
-                      effects.unshift.apply(effects, croplessEffects);
-                  }
-                  parent = parent.parent;
-              }
-              return effects.filter(function (effect) { return contains(effect.target, target); });
-          };
-          return ElementPaint;
-      }());
-      var parseStackTree = function (parent, stackingContext, realStackingContext, listItems) {
-          parent.container.elements.forEach(function (child) {
-              var treatAsRealStackingContext = contains(child.flags, 4 /* CREATES_REAL_STACKING_CONTEXT */);
-              var createsStackingContext = contains(child.flags, 2 /* CREATES_STACKING_CONTEXT */);
-              var paintContainer = new ElementPaint(child, parent);
-              if (contains(child.styles.display, 2048 /* LIST_ITEM */)) {
-                  listItems.push(paintContainer);
-              }
-              var listOwnerItems = contains(child.flags, 8 /* IS_LIST_OWNER */) ? [] : listItems;
-              if (treatAsRealStackingContext || createsStackingContext) {
-                  var parentStack = treatAsRealStackingContext || child.styles.isPositioned() ? realStackingContext : stackingContext;
-                  var stack = new StackingContext(paintContainer);
-                  if (child.styles.isPositioned() || child.styles.opacity < 1 || child.styles.isTransformed()) {
-                      var order_1 = child.styles.zIndex.order;
-                      if (order_1 < 0) {
-                          var index_1 = 0;
-                          parentStack.negativeZIndex.some(function (current, i) {
-                              if (order_1 > current.element.container.styles.zIndex.order) {
-                                  index_1 = i;
-                                  return false;
-                              }
-                              else if (index_1 > 0) {
-                                  return true;
-                              }
-                              return false;
-                          });
-                          parentStack.negativeZIndex.splice(index_1, 0, stack);
-                      }
-                      else if (order_1 > 0) {
-                          var index_2 = 0;
-                          parentStack.positiveZIndex.some(function (current, i) {
-                              if (order_1 >= current.element.container.styles.zIndex.order) {
-                                  index_2 = i + 1;
-                                  return false;
-                              }
-                              else if (index_2 > 0) {
-                                  return true;
-                              }
-                              return false;
-                          });
-                          parentStack.positiveZIndex.splice(index_2, 0, stack);
-                      }
-                      else {
-                          parentStack.zeroOrAutoZIndexOrTransformedOrOpacity.push(stack);
-                      }
-                  }
-                  else {
-                      if (child.styles.isFloating()) {
-                          parentStack.nonPositionedFloats.push(stack);
-                      }
-                      else {
-                          parentStack.nonPositionedInlineLevel.push(stack);
-                      }
-                  }
-                  parseStackTree(paintContainer, stack, treatAsRealStackingContext ? stack : realStackingContext, listOwnerItems);
-              }
-              else {
-                  if (child.styles.isInlineLevel()) {
-                      stackingContext.inlineLevel.push(paintContainer);
-                  }
-                  else {
-                      stackingContext.nonInlineLevel.push(paintContainer);
-                  }
-                  parseStackTree(paintContainer, stackingContext, realStackingContext, listOwnerItems);
-              }
-              if (contains(child.flags, 8 /* IS_LIST_OWNER */)) {
-                  processListItems(child, listOwnerItems);
-              }
+        }
+        ElementPaint.prototype.getEffects = function (target) {
+          var inFlow =
+            [2 /* ABSOLUTE */, 3 /* FIXED */].indexOf(
+              this.container.styles.position,
+            ) === -1;
+          var parent = this.parent;
+          var effects = this.effects.slice(0);
+          while (parent) {
+            var croplessEffects = parent.effects.filter(function (effect) {
+              return !isClipEffect(effect);
+            });
+            if (
+              inFlow ||
+              parent.container.styles.position !== 0 /* STATIC */ ||
+              !parent.parent
+            ) {
+              effects.unshift.apply(effects, croplessEffects);
+              inFlow =
+                [2 /* ABSOLUTE */, 3 /* FIXED */].indexOf(
+                  parent.container.styles.position,
+                ) === -1;
+              if (parent.container.styles.overflowX !== 0 /* VISIBLE */) {
+                var borderBox = calculateBorderBoxPath(parent.curves);
+                var paddingBox = calculatePaddingBoxPath(parent.curves);
+                if (!equalPath(borderBox, paddingBox)) {
+                  effects.unshift(
+                    new ClipEffect(
+                      paddingBox,
+                      2 /* BACKGROUND_BORDERS */ | 4 /* CONTENT */,
+                    ),
+                  );
+                }
+              }
+            } else {
+              effects.unshift.apply(effects, croplessEffects);
+            }
+            parent = parent.parent;
+          }
+          return effects.filter(function (effect) {
+            return contains(effect.target, target);
           });
+        };
+        return ElementPaint;
+      })();
+      var parseStackTree = function (
+        parent,
+        stackingContext,
+        realStackingContext,
+        listItems,
+      ) {
+        parent.container.elements.forEach(function (child) {
+          var treatAsRealStackingContext = contains(
+            child.flags,
+            4 /* CREATES_REAL_STACKING_CONTEXT */,
+          );
+          var createsStackingContext = contains(
+            child.flags,
+            2 /* CREATES_STACKING_CONTEXT */,
+          );
+          var paintContainer = new ElementPaint(child, parent);
+          if (contains(child.styles.display, 2048 /* LIST_ITEM */)) {
+            listItems.push(paintContainer);
+          }
+          var listOwnerItems = contains(child.flags, 8 /* IS_LIST_OWNER */)
+            ? []
+            : listItems;
+          if (treatAsRealStackingContext || createsStackingContext) {
+            var parentStack =
+              treatAsRealStackingContext || child.styles.isPositioned()
+                ? realStackingContext
+                : stackingContext;
+            var stack = new StackingContext(paintContainer);
+            if (
+              child.styles.isPositioned() ||
+              child.styles.opacity < 1 ||
+              child.styles.isTransformed()
+            ) {
+              var order_1 = child.styles.zIndex.order;
+              if (order_1 < 0) {
+                var index_1 = 0;
+                parentStack.negativeZIndex.some(function (current, i) {
+                  if (order_1 > current.element.container.styles.zIndex.order) {
+                    index_1 = i;
+                    return false;
+                  } else if (index_1 > 0) {
+                    return true;
+                  }
+                  return false;
+                });
+                parentStack.negativeZIndex.splice(index_1, 0, stack);
+              } else if (order_1 > 0) {
+                var index_2 = 0;
+                parentStack.positiveZIndex.some(function (current, i) {
+                  if (
+                    order_1 >= current.element.container.styles.zIndex.order
+                  ) {
+                    index_2 = i + 1;
+                    return false;
+                  } else if (index_2 > 0) {
+                    return true;
+                  }
+                  return false;
+                });
+                parentStack.positiveZIndex.splice(index_2, 0, stack);
+              } else {
+                parentStack.zeroOrAutoZIndexOrTransformedOrOpacity.push(stack);
+              }
+            } else {
+              if (child.styles.isFloating()) {
+                parentStack.nonPositionedFloats.push(stack);
+              } else {
+                parentStack.nonPositionedInlineLevel.push(stack);
+              }
+            }
+            parseStackTree(
+              paintContainer,
+              stack,
+              treatAsRealStackingContext ? stack : realStackingContext,
+              listOwnerItems,
+            );
+          } else {
+            if (child.styles.isInlineLevel()) {
+              stackingContext.inlineLevel.push(paintContainer);
+            } else {
+              stackingContext.nonInlineLevel.push(paintContainer);
+            }
+            parseStackTree(
+              paintContainer,
+              stackingContext,
+              realStackingContext,
+              listOwnerItems,
+            );
+          }
+          if (contains(child.flags, 8 /* IS_LIST_OWNER */)) {
+            processListItems(child, listOwnerItems);
+          }
+        });
       };
       var processListItems = function (owner, elements) {
-          var numbering = owner instanceof OLElementContainer ? owner.start : 1;
-          var reversed = owner instanceof OLElementContainer ? owner.reversed : false;
-          for (var i = 0; i < elements.length; i++) {
-              var item = elements[i];
-              if (item.container instanceof LIElementContainer &&
-                  typeof item.container.value === 'number' &&
-                  item.container.value !== 0) {
-                  numbering = item.container.value;
-              }
-              item.listValue = createCounterText(numbering, item.container.styles.listStyleType, true);
-              numbering += reversed ? -1 : 1;
-          }
+        var numbering = owner instanceof OLElementContainer ? owner.start : 1;
+        var reversed =
+          owner instanceof OLElementContainer ? owner.reversed : false;
+        for (var i = 0; i < elements.length; i++) {
+          var item = elements[i];
+          if (
+            item.container instanceof LIElementContainer &&
+            typeof item.container.value === "number" &&
+            item.container.value !== 0
+          ) {
+            numbering = item.container.value;
+          }
+          item.listValue = createCounterText(
+            numbering,
+            item.container.styles.listStyleType,
+            true,
+          );
+          numbering += reversed ? -1 : 1;
+        }
       };
       var parseStackingContexts = function (container) {
-          var paintContainer = new ElementPaint(container, null);
-          var root = new StackingContext(paintContainer);
-          var listItems = [];
-          parseStackTree(paintContainer, root, root, listItems);
-          processListItems(paintContainer.container, listItems);
-          return root;
+        var paintContainer = new ElementPaint(container, null);
+        var root = new StackingContext(paintContainer);
+        var listItems = [];
+        parseStackTree(paintContainer, root, root, listItems);
+        processListItems(paintContainer.container, listItems);
+        return root;
       };
 
       var parsePathForBorder = function (curves, borderSide) {
-          switch (borderSide) {
-              case 0:
-                  return createPathFromCurves(curves.topLeftBorderBox, curves.topLeftPaddingBox, curves.topRightBorderBox, curves.topRightPaddingBox);
-              case 1:
-                  return createPathFromCurves(curves.topRightBorderBox, curves.topRightPaddingBox, curves.bottomRightBorderBox, curves.bottomRightPaddingBox);
-              case 2:
-                  return createPathFromCurves(curves.bottomRightBorderBox, curves.bottomRightPaddingBox, curves.bottomLeftBorderBox, curves.bottomLeftPaddingBox);
-              case 3:
-              default:
-                  return createPathFromCurves(curves.bottomLeftBorderBox, curves.bottomLeftPaddingBox, curves.topLeftBorderBox, curves.topLeftPaddingBox);
-          }
+        switch (borderSide) {
+          case 0:
+            return createPathFromCurves(
+              curves.topLeftBorderBox,
+              curves.topLeftPaddingBox,
+              curves.topRightBorderBox,
+              curves.topRightPaddingBox,
+            );
+          case 1:
+            return createPathFromCurves(
+              curves.topRightBorderBox,
+              curves.topRightPaddingBox,
+              curves.bottomRightBorderBox,
+              curves.bottomRightPaddingBox,
+            );
+          case 2:
+            return createPathFromCurves(
+              curves.bottomRightBorderBox,
+              curves.bottomRightPaddingBox,
+              curves.bottomLeftBorderBox,
+              curves.bottomLeftPaddingBox,
+            );
+          case 3:
+          default:
+            return createPathFromCurves(
+              curves.bottomLeftBorderBox,
+              curves.bottomLeftPaddingBox,
+              curves.topLeftBorderBox,
+              curves.topLeftPaddingBox,
+            );
+        }
       };
       var parsePathForBorderDoubleOuter = function (curves, borderSide) {
-          switch (borderSide) {
-              case 0:
-                  return createPathFromCurves(curves.topLeftBorderBox, curves.topLeftBorderDoubleOuterBox, curves.topRightBorderBox, curves.topRightBorderDoubleOuterBox);
-              case 1:
-                  return createPathFromCurves(curves.topRightBorderBox, curves.topRightBorderDoubleOuterBox, curves.bottomRightBorderBox, curves.bottomRightBorderDoubleOuterBox);
-              case 2:
-                  return createPathFromCurves(curves.bottomRightBorderBox, curves.bottomRightBorderDoubleOuterBox, curves.bottomLeftBorderBox, curves.bottomLeftBorderDoubleOuterBox);
-              case 3:
-              default:
-                  return createPathFromCurves(curves.bottomLeftBorderBox, curves.bottomLeftBorderDoubleOuterBox, curves.topLeftBorderBox, curves.topLeftBorderDoubleOuterBox);
-          }
+        switch (borderSide) {
+          case 0:
+            return createPathFromCurves(
+              curves.topLeftBorderBox,
+              curves.topLeftBorderDoubleOuterBox,
+              curves.topRightBorderBox,
+              curves.topRightBorderDoubleOuterBox,
+            );
+          case 1:
+            return createPathFromCurves(
+              curves.topRightBorderBox,
+              curves.topRightBorderDoubleOuterBox,
+              curves.bottomRightBorderBox,
+              curves.bottomRightBorderDoubleOuterBox,
+            );
+          case 2:
+            return createPathFromCurves(
+              curves.bottomRightBorderBox,
+              curves.bottomRightBorderDoubleOuterBox,
+              curves.bottomLeftBorderBox,
+              curves.bottomLeftBorderDoubleOuterBox,
+            );
+          case 3:
+          default:
+            return createPathFromCurves(
+              curves.bottomLeftBorderBox,
+              curves.bottomLeftBorderDoubleOuterBox,
+              curves.topLeftBorderBox,
+              curves.topLeftBorderDoubleOuterBox,
+            );
+        }
       };
       var parsePathForBorderDoubleInner = function (curves, borderSide) {
-          switch (borderSide) {
-              case 0:
-                  return createPathFromCurves(curves.topLeftBorderDoubleInnerBox, curves.topLeftPaddingBox, curves.topRightBorderDoubleInnerBox, curves.topRightPaddingBox);
-              case 1:
-                  return createPathFromCurves(curves.topRightBorderDoubleInnerBox, curves.topRightPaddingBox, curves.bottomRightBorderDoubleInnerBox, curves.bottomRightPaddingBox);
-              case 2:
-                  return createPathFromCurves(curves.bottomRightBorderDoubleInnerBox, curves.bottomRightPaddingBox, curves.bottomLeftBorderDoubleInnerBox, curves.bottomLeftPaddingBox);
-              case 3:
-              default:
-                  return createPathFromCurves(curves.bottomLeftBorderDoubleInnerBox, curves.bottomLeftPaddingBox, curves.topLeftBorderDoubleInnerBox, curves.topLeftPaddingBox);
-          }
+        switch (borderSide) {
+          case 0:
+            return createPathFromCurves(
+              curves.topLeftBorderDoubleInnerBox,
+              curves.topLeftPaddingBox,
+              curves.topRightBorderDoubleInnerBox,
+              curves.topRightPaddingBox,
+            );
+          case 1:
+            return createPathFromCurves(
+              curves.topRightBorderDoubleInnerBox,
+              curves.topRightPaddingBox,
+              curves.bottomRightBorderDoubleInnerBox,
+              curves.bottomRightPaddingBox,
+            );
+          case 2:
+            return createPathFromCurves(
+              curves.bottomRightBorderDoubleInnerBox,
+              curves.bottomRightPaddingBox,
+              curves.bottomLeftBorderDoubleInnerBox,
+              curves.bottomLeftPaddingBox,
+            );
+          case 3:
+          default:
+            return createPathFromCurves(
+              curves.bottomLeftBorderDoubleInnerBox,
+              curves.bottomLeftPaddingBox,
+              curves.topLeftBorderDoubleInnerBox,
+              curves.topLeftPaddingBox,
+            );
+        }
       };
       var parsePathForBorderStroke = function (curves, borderSide) {
-          switch (borderSide) {
-              case 0:
-                  return createStrokePathFromCurves(curves.topLeftBorderStroke, curves.topRightBorderStroke);
-              case 1:
-                  return createStrokePathFromCurves(curves.topRightBorderStroke, curves.bottomRightBorderStroke);
-              case 2:
-                  return createStrokePathFromCurves(curves.bottomRightBorderStroke, curves.bottomLeftBorderStroke);
-              case 3:
-              default:
-                  return createStrokePathFromCurves(curves.bottomLeftBorderStroke, curves.topLeftBorderStroke);
-          }
+        switch (borderSide) {
+          case 0:
+            return createStrokePathFromCurves(
+              curves.topLeftBorderStroke,
+              curves.topRightBorderStroke,
+            );
+          case 1:
+            return createStrokePathFromCurves(
+              curves.topRightBorderStroke,
+              curves.bottomRightBorderStroke,
+            );
+          case 2:
+            return createStrokePathFromCurves(
+              curves.bottomRightBorderStroke,
+              curves.bottomLeftBorderStroke,
+            );
+          case 3:
+          default:
+            return createStrokePathFromCurves(
+              curves.bottomLeftBorderStroke,
+              curves.topLeftBorderStroke,
+            );
+        }
       };
       var createStrokePathFromCurves = function (outer1, outer2) {
-          var path = [];
-          if (isBezierCurve(outer1)) {
-              path.push(outer1.subdivide(0.5, false));
-          }
-          else {
-              path.push(outer1);
-          }
-          if (isBezierCurve(outer2)) {
-              path.push(outer2.subdivide(0.5, true));
-          }
-          else {
-              path.push(outer2);
-          }
-          return path;
+        var path = [];
+        if (isBezierCurve(outer1)) {
+          path.push(outer1.subdivide(0.5, false));
+        } else {
+          path.push(outer1);
+        }
+        if (isBezierCurve(outer2)) {
+          path.push(outer2.subdivide(0.5, true));
+        } else {
+          path.push(outer2);
+        }
+        return path;
       };
       var createPathFromCurves = function (outer1, inner1, outer2, inner2) {
-          var path = [];
-          if (isBezierCurve(outer1)) {
-              path.push(outer1.subdivide(0.5, false));
-          }
-          else {
-              path.push(outer1);
-          }
-          if (isBezierCurve(outer2)) {
-              path.push(outer2.subdivide(0.5, true));
-          }
-          else {
-              path.push(outer2);
-          }
-          if (isBezierCurve(inner2)) {
-              path.push(inner2.subdivide(0.5, true).reverse());
-          }
-          else {
-              path.push(inner2);
-          }
-          if (isBezierCurve(inner1)) {
-              path.push(inner1.subdivide(0.5, false).reverse());
-          }
-          else {
-              path.push(inner1);
-          }
-          return path;
+        var path = [];
+        if (isBezierCurve(outer1)) {
+          path.push(outer1.subdivide(0.5, false));
+        } else {
+          path.push(outer1);
+        }
+        if (isBezierCurve(outer2)) {
+          path.push(outer2.subdivide(0.5, true));
+        } else {
+          path.push(outer2);
+        }
+        if (isBezierCurve(inner2)) {
+          path.push(inner2.subdivide(0.5, true).reverse());
+        } else {
+          path.push(inner2);
+        }
+        if (isBezierCurve(inner1)) {
+          path.push(inner1.subdivide(0.5, false).reverse());
+        } else {
+          path.push(inner1);
+        }
+        return path;
       };
 
       var paddingBox = function (element) {
-          var bounds = element.bounds;
-          var styles = element.styles;
-          return bounds.add(styles.borderLeftWidth, styles.borderTopWidth, -(styles.borderRightWidth + styles.borderLeftWidth), -(styles.borderTopWidth + styles.borderBottomWidth));
+        var bounds = element.bounds;
+        var styles = element.styles;
+        return bounds.add(
+          styles.borderLeftWidth,
+          styles.borderTopWidth,
+          -(styles.borderRightWidth + styles.borderLeftWidth),
+          -(styles.borderTopWidth + styles.borderBottomWidth),
+        );
       };
       var contentBox = function (element) {
-          var styles = element.styles;
-          var bounds = element.bounds;
-          var paddingLeft = getAbsoluteValue(styles.paddingLeft, bounds.width);
-          var paddingRight = getAbsoluteValue(styles.paddingRight, bounds.width);
-          var paddingTop = getAbsoluteValue(styles.paddingTop, bounds.width);
-          var paddingBottom = getAbsoluteValue(styles.paddingBottom, bounds.width);
-          return bounds.add(paddingLeft + styles.borderLeftWidth, paddingTop + styles.borderTopWidth, -(styles.borderRightWidth + styles.borderLeftWidth + paddingLeft + paddingRight), -(styles.borderTopWidth + styles.borderBottomWidth + paddingTop + paddingBottom));
-      };
-
-      var calculateBackgroundPositioningArea = function (backgroundOrigin, element) {
-          if (backgroundOrigin === 0 /* BORDER_BOX */) {
-              return element.bounds;
-          }
-          if (backgroundOrigin === 2 /* CONTENT_BOX */) {
-              return contentBox(element);
-          }
-          return paddingBox(element);
+        var styles = element.styles;
+        var bounds = element.bounds;
+        var paddingLeft = getAbsoluteValue(styles.paddingLeft, bounds.width);
+        var paddingRight = getAbsoluteValue(styles.paddingRight, bounds.width);
+        var paddingTop = getAbsoluteValue(styles.paddingTop, bounds.width);
+        var paddingBottom = getAbsoluteValue(
+          styles.paddingBottom,
+          bounds.width,
+        );
+        return bounds.add(
+          paddingLeft + styles.borderLeftWidth,
+          paddingTop + styles.borderTopWidth,
+          -(
+            styles.borderRightWidth +
+            styles.borderLeftWidth +
+            paddingLeft +
+            paddingRight
+          ),
+          -(
+            styles.borderTopWidth +
+            styles.borderBottomWidth +
+            paddingTop +
+            paddingBottom
+          ),
+        );
+      };
+
+      var calculateBackgroundPositioningArea = function (
+        backgroundOrigin,
+        element,
+      ) {
+        if (backgroundOrigin === 0 /* BORDER_BOX */) {
+          return element.bounds;
+        }
+        if (backgroundOrigin === 2 /* CONTENT_BOX */) {
+          return contentBox(element);
+        }
+        return paddingBox(element);
       };
       var calculateBackgroundPaintingArea = function (backgroundClip, element) {
-          if (backgroundClip === 0 /* BORDER_BOX */) {
-              return element.bounds;
-          }
-          if (backgroundClip === 2 /* CONTENT_BOX */) {
-              return contentBox(element);
-          }
-          return paddingBox(element);
-      };
-      var calculateBackgroundRendering = function (container, index, intrinsicSize) {
-          var backgroundPositioningArea = calculateBackgroundPositioningArea(getBackgroundValueForIndex(container.styles.backgroundOrigin, index), container);
-          var backgroundPaintingArea = calculateBackgroundPaintingArea(getBackgroundValueForIndex(container.styles.backgroundClip, index), container);
-          var backgroundImageSize = calculateBackgroundSize(getBackgroundValueForIndex(container.styles.backgroundSize, index), intrinsicSize, backgroundPositioningArea);
-          var sizeWidth = backgroundImageSize[0], sizeHeight = backgroundImageSize[1];
-          var position = getAbsoluteValueForTuple(getBackgroundValueForIndex(container.styles.backgroundPosition, index), backgroundPositioningArea.width - sizeWidth, backgroundPositioningArea.height - sizeHeight);
-          var path = calculateBackgroundRepeatPath(getBackgroundValueForIndex(container.styles.backgroundRepeat, index), position, backgroundImageSize, backgroundPositioningArea, backgroundPaintingArea);
-          var offsetX = Math.round(backgroundPositioningArea.left + position[0]);
-          var offsetY = Math.round(backgroundPositioningArea.top + position[1]);
-          return [path, offsetX, offsetY, sizeWidth, sizeHeight];
-      };
-      var isAuto = function (token) { return isIdentToken(token) && token.value === BACKGROUND_SIZE.AUTO; };
-      var hasIntrinsicValue = function (value) { return typeof value === 'number'; };
+        if (backgroundClip === 0 /* BORDER_BOX */) {
+          return element.bounds;
+        }
+        if (backgroundClip === 2 /* CONTENT_BOX */) {
+          return contentBox(element);
+        }
+        return paddingBox(element);
+      };
+      var calculateBackgroundRendering = function (
+        container,
+        index,
+        intrinsicSize,
+      ) {
+        var backgroundPositioningArea = calculateBackgroundPositioningArea(
+          getBackgroundValueForIndex(container.styles.backgroundOrigin, index),
+          container,
+        );
+        var backgroundPaintingArea = calculateBackgroundPaintingArea(
+          getBackgroundValueForIndex(container.styles.backgroundClip, index),
+          container,
+        );
+        var backgroundImageSize = calculateBackgroundSize(
+          getBackgroundValueForIndex(container.styles.backgroundSize, index),
+          intrinsicSize,
+          backgroundPositioningArea,
+        );
+        var sizeWidth = backgroundImageSize[0],
+          sizeHeight = backgroundImageSize[1];
+        var position = getAbsoluteValueForTuple(
+          getBackgroundValueForIndex(
+            container.styles.backgroundPosition,
+            index,
+          ),
+          backgroundPositioningArea.width - sizeWidth,
+          backgroundPositioningArea.height - sizeHeight,
+        );
+        var path = calculateBackgroundRepeatPath(
+          getBackgroundValueForIndex(container.styles.backgroundRepeat, index),
+          position,
+          backgroundImageSize,
+          backgroundPositioningArea,
+          backgroundPaintingArea,
+        );
+        var offsetX = Math.round(backgroundPositioningArea.left + position[0]);
+        var offsetY = Math.round(backgroundPositioningArea.top + position[1]);
+        return [path, offsetX, offsetY, sizeWidth, sizeHeight];
+      };
+      var isAuto = function (token) {
+        return isIdentToken(token) && token.value === BACKGROUND_SIZE.AUTO;
+      };
+      var hasIntrinsicValue = function (value) {
+        return typeof value === "number";
+      };
       var calculateBackgroundSize = function (size, _a, bounds) {
-          var intrinsicWidth = _a[0], intrinsicHeight = _a[1], intrinsicProportion = _a[2];
-          var first = size[0], second = size[1];
-          if (!first) {
-              return [0, 0];
-          }
-          if (isLengthPercentage(first) && second && isLengthPercentage(second)) {
-              return [getAbsoluteValue(first, bounds.width), getAbsoluteValue(second, bounds.height)];
-          }
-          var hasIntrinsicProportion = hasIntrinsicValue(intrinsicProportion);
-          if (isIdentToken(first) && (first.value === BACKGROUND_SIZE.CONTAIN || first.value === BACKGROUND_SIZE.COVER)) {
-              if (hasIntrinsicValue(intrinsicProportion)) {
-                  var targetRatio = bounds.width / bounds.height;
-                  return targetRatio < intrinsicProportion !== (first.value === BACKGROUND_SIZE.COVER)
-                      ? [bounds.width, bounds.width / intrinsicProportion]
-                      : [bounds.height * intrinsicProportion, bounds.height];
-              }
-              return [bounds.width, bounds.height];
-          }
-          var hasIntrinsicWidth = hasIntrinsicValue(intrinsicWidth);
-          var hasIntrinsicHeight = hasIntrinsicValue(intrinsicHeight);
-          var hasIntrinsicDimensions = hasIntrinsicWidth || hasIntrinsicHeight;
-          // If the background-size is auto or auto auto:
-          if (isAuto(first) && (!second || isAuto(second))) {
-              // If the image has both horizontal and vertical intrinsic dimensions, it's rendered at that size.
-              if (hasIntrinsicWidth && hasIntrinsicHeight) {
-                  return [intrinsicWidth, intrinsicHeight];
-              }
-              // If the image has no intrinsic dimensions and has no intrinsic proportions,
-              // it's rendered at the size of the background positioning area.
-              if (!hasIntrinsicProportion && !hasIntrinsicDimensions) {
-                  return [bounds.width, bounds.height];
-              }
-              // TODO If the image has no intrinsic dimensions but has intrinsic proportions, it's rendered as if contain had been specified instead.
-              // If the image has only one intrinsic dimension and has intrinsic proportions, it's rendered at the size corresponding to that one dimension.
-              // The other dimension is computed using the specified dimension and the intrinsic proportions.
-              if (hasIntrinsicDimensions && hasIntrinsicProportion) {
-                  var width_1 = hasIntrinsicWidth
-                      ? intrinsicWidth
-                      : intrinsicHeight * intrinsicProportion;
-                  var height_1 = hasIntrinsicHeight
-                      ? intrinsicHeight
-                      : intrinsicWidth / intrinsicProportion;
-                  return [width_1, height_1];
-              }
-              // If the image has only one intrinsic dimension but has no intrinsic proportions,
-              // it's rendered using the specified dimension and the other dimension of the background positioning area.
-              var width_2 = hasIntrinsicWidth ? intrinsicWidth : bounds.width;
-              var height_2 = hasIntrinsicHeight ? intrinsicHeight : bounds.height;
-              return [width_2, height_2];
-          }
-          // If the image has intrinsic proportions, it's stretched to the specified dimension.
-          // The unspecified dimension is computed using the specified dimension and the intrinsic proportions.
-          if (hasIntrinsicProportion) {
-              var width_3 = 0;
-              var height_3 = 0;
-              if (isLengthPercentage(first)) {
-                  width_3 = getAbsoluteValue(first, bounds.width);
-              }
-              else if (isLengthPercentage(second)) {
-                  height_3 = getAbsoluteValue(second, bounds.height);
-              }
-              if (isAuto(first)) {
-                  width_3 = height_3 * intrinsicProportion;
-              }
-              else if (!second || isAuto(second)) {
-                  height_3 = width_3 / intrinsicProportion;
-              }
-              return [width_3, height_3];
-          }
-          // If the image has no intrinsic proportions, it's stretched to the specified dimension.
-          // The unspecified dimension is computed using the image's corresponding intrinsic dimension,
-          // if there is one. If there is no such intrinsic dimension,
-          // it becomes the corresponding dimension of the background positioning area.
-          var width = null;
-          var height = null;
+        var intrinsicWidth = _a[0],
+          intrinsicHeight = _a[1],
+          intrinsicProportion = _a[2];
+        var first = size[0],
+          second = size[1];
+        if (!first) {
+          return [0, 0];
+        }
+        if (isLengthPercentage(first) && second && isLengthPercentage(second)) {
+          return [
+            getAbsoluteValue(first, bounds.width),
+            getAbsoluteValue(second, bounds.height),
+          ];
+        }
+        var hasIntrinsicProportion = hasIntrinsicValue(intrinsicProportion);
+        if (
+          isIdentToken(first) &&
+          (first.value === BACKGROUND_SIZE.CONTAIN ||
+            first.value === BACKGROUND_SIZE.COVER)
+        ) {
+          if (hasIntrinsicValue(intrinsicProportion)) {
+            var targetRatio = bounds.width / bounds.height;
+            return targetRatio < intrinsicProportion !==
+              (first.value === BACKGROUND_SIZE.COVER)
+              ? [bounds.width, bounds.width / intrinsicProportion]
+              : [bounds.height * intrinsicProportion, bounds.height];
+          }
+          return [bounds.width, bounds.height];
+        }
+        var hasIntrinsicWidth = hasIntrinsicValue(intrinsicWidth);
+        var hasIntrinsicHeight = hasIntrinsicValue(intrinsicHeight);
+        var hasIntrinsicDimensions = hasIntrinsicWidth || hasIntrinsicHeight;
+        // If the background-size is auto or auto auto:
+        if (isAuto(first) && (!second || isAuto(second))) {
+          // If the image has both horizontal and vertical intrinsic dimensions, it's rendered at that size.
+          if (hasIntrinsicWidth && hasIntrinsicHeight) {
+            return [intrinsicWidth, intrinsicHeight];
+          }
+          // If the image has no intrinsic dimensions and has no intrinsic proportions,
+          // it's rendered at the size of the background positioning area.
+          if (!hasIntrinsicProportion && !hasIntrinsicDimensions) {
+            return [bounds.width, bounds.height];
+          }
+          // TODO If the image has no intrinsic dimensions but has intrinsic proportions, it's rendered as if contain had been specified instead.
+          // If the image has only one intrinsic dimension and has intrinsic proportions, it's rendered at the size corresponding to that one dimension.
+          // The other dimension is computed using the specified dimension and the intrinsic proportions.
+          if (hasIntrinsicDimensions && hasIntrinsicProportion) {
+            var width_1 = hasIntrinsicWidth
+              ? intrinsicWidth
+              : intrinsicHeight * intrinsicProportion;
+            var height_1 = hasIntrinsicHeight
+              ? intrinsicHeight
+              : intrinsicWidth / intrinsicProportion;
+            return [width_1, height_1];
+          }
+          // If the image has only one intrinsic dimension but has no intrinsic proportions,
+          // it's rendered using the specified dimension and the other dimension of the background positioning area.
+          var width_2 = hasIntrinsicWidth ? intrinsicWidth : bounds.width;
+          var height_2 = hasIntrinsicHeight ? intrinsicHeight : bounds.height;
+          return [width_2, height_2];
+        }
+        // If the image has intrinsic proportions, it's stretched to the specified dimension.
+        // The unspecified dimension is computed using the specified dimension and the intrinsic proportions.
+        if (hasIntrinsicProportion) {
+          var width_3 = 0;
+          var height_3 = 0;
           if (isLengthPercentage(first)) {
-              width = getAbsoluteValue(first, bounds.width);
-          }
-          else if (second && isLengthPercentage(second)) {
-              height = getAbsoluteValue(second, bounds.height);
+            width_3 = getAbsoluteValue(first, bounds.width);
+          } else if (isLengthPercentage(second)) {
+            height_3 = getAbsoluteValue(second, bounds.height);
           }
-          if (width !== null && (!second || isAuto(second))) {
-              height =
-                  hasIntrinsicWidth && hasIntrinsicHeight
-                      ? (width / intrinsicWidth) * intrinsicHeight
-                      : bounds.height;
+          if (isAuto(first)) {
+            width_3 = height_3 * intrinsicProportion;
+          } else if (!second || isAuto(second)) {
+            height_3 = width_3 / intrinsicProportion;
           }
-          if (height !== null && isAuto(first)) {
-              width =
-                  hasIntrinsicWidth && hasIntrinsicHeight
-                      ? (height / intrinsicHeight) * intrinsicWidth
-                      : bounds.width;
-          }
-          if (width !== null && height !== null) {
-              return [width, height];
-          }
-          throw new Error("Unable to calculate background-size for element");
+          return [width_3, height_3];
+        }
+        // If the image has no intrinsic proportions, it's stretched to the specified dimension.
+        // The unspecified dimension is computed using the image's corresponding intrinsic dimension,
+        // if there is one. If there is no such intrinsic dimension,
+        // it becomes the corresponding dimension of the background positioning area.
+        var width = null;
+        var height = null;
+        if (isLengthPercentage(first)) {
+          width = getAbsoluteValue(first, bounds.width);
+        } else if (second && isLengthPercentage(second)) {
+          height = getAbsoluteValue(second, bounds.height);
+        }
+        if (width !== null && (!second || isAuto(second))) {
+          height =
+            hasIntrinsicWidth && hasIntrinsicHeight
+              ? (width / intrinsicWidth) * intrinsicHeight
+              : bounds.height;
+        }
+        if (height !== null && isAuto(first)) {
+          width =
+            hasIntrinsicWidth && hasIntrinsicHeight
+              ? (height / intrinsicHeight) * intrinsicWidth
+              : bounds.width;
+        }
+        if (width !== null && height !== null) {
+          return [width, height];
+        }
+        throw new Error("Unable to calculate background-size for element");
       };
       var getBackgroundValueForIndex = function (values, index) {
-          var value = values[index];
-          if (typeof value === 'undefined') {
-              return values[0];
-          }
-          return value;
-      };
-      var calculateBackgroundRepeatPath = function (repeat, _a, _b, backgroundPositioningArea, backgroundPaintingArea) {
-          var x = _a[0], y = _a[1];
-          var width = _b[0], height = _b[1];
-          switch (repeat) {
-              case 2 /* REPEAT_X */:
-                  return [
-                      new Vector(Math.round(backgroundPositioningArea.left), Math.round(backgroundPositioningArea.top + y)),
-                      new Vector(Math.round(backgroundPositioningArea.left + backgroundPositioningArea.width), Math.round(backgroundPositioningArea.top + y)),
-                      new Vector(Math.round(backgroundPositioningArea.left + backgroundPositioningArea.width), Math.round(height + backgroundPositioningArea.top + y)),
-                      new Vector(Math.round(backgroundPositioningArea.left), Math.round(height + backgroundPositioningArea.top + y))
-                  ];
-              case 3 /* REPEAT_Y */:
-                  return [
-                      new Vector(Math.round(backgroundPositioningArea.left + x), Math.round(backgroundPositioningArea.top)),
-                      new Vector(Math.round(backgroundPositioningArea.left + x + width), Math.round(backgroundPositioningArea.top)),
-                      new Vector(Math.round(backgroundPositioningArea.left + x + width), Math.round(backgroundPositioningArea.height + backgroundPositioningArea.top)),
-                      new Vector(Math.round(backgroundPositioningArea.left + x), Math.round(backgroundPositioningArea.height + backgroundPositioningArea.top))
-                  ];
-              case 1 /* NO_REPEAT */:
-                  return [
-                      new Vector(Math.round(backgroundPositioningArea.left + x), Math.round(backgroundPositioningArea.top + y)),
-                      new Vector(Math.round(backgroundPositioningArea.left + x + width), Math.round(backgroundPositioningArea.top + y)),
-                      new Vector(Math.round(backgroundPositioningArea.left + x + width), Math.round(backgroundPositioningArea.top + y + height)),
-                      new Vector(Math.round(backgroundPositioningArea.left + x), Math.round(backgroundPositioningArea.top + y + height))
-                  ];
-              default:
-                  return [
-                      new Vector(Math.round(backgroundPaintingArea.left), Math.round(backgroundPaintingArea.top)),
-                      new Vector(Math.round(backgroundPaintingArea.left + backgroundPaintingArea.width), Math.round(backgroundPaintingArea.top)),
-                      new Vector(Math.round(backgroundPaintingArea.left + backgroundPaintingArea.width), Math.round(backgroundPaintingArea.height + backgroundPaintingArea.top)),
-                      new Vector(Math.round(backgroundPaintingArea.left), Math.round(backgroundPaintingArea.height + backgroundPaintingArea.top))
-                  ];
-          }
+        var value = values[index];
+        if (typeof value === "undefined") {
+          return values[0];
+        }
+        return value;
+      };
+      var calculateBackgroundRepeatPath = function (
+        repeat,
+        _a,
+        _b,
+        backgroundPositioningArea,
+        backgroundPaintingArea,
+      ) {
+        var x = _a[0],
+          y = _a[1];
+        var width = _b[0],
+          height = _b[1];
+        switch (repeat) {
+          case 2 /* REPEAT_X */:
+            return [
+              new Vector(
+                Math.round(backgroundPositioningArea.left),
+                Math.round(backgroundPositioningArea.top + y),
+              ),
+              new Vector(
+                Math.round(
+                  backgroundPositioningArea.left +
+                    backgroundPositioningArea.width,
+                ),
+                Math.round(backgroundPositioningArea.top + y),
+              ),
+              new Vector(
+                Math.round(
+                  backgroundPositioningArea.left +
+                    backgroundPositioningArea.width,
+                ),
+                Math.round(height + backgroundPositioningArea.top + y),
+              ),
+              new Vector(
+                Math.round(backgroundPositioningArea.left),
+                Math.round(height + backgroundPositioningArea.top + y),
+              ),
+            ];
+          case 3 /* REPEAT_Y */:
+            return [
+              new Vector(
+                Math.round(backgroundPositioningArea.left + x),
+                Math.round(backgroundPositioningArea.top),
+              ),
+              new Vector(
+                Math.round(backgroundPositioningArea.left + x + width),
+                Math.round(backgroundPositioningArea.top),
+              ),
+              new Vector(
+                Math.round(backgroundPositioningArea.left + x + width),
+                Math.round(
+                  backgroundPositioningArea.height +
+                    backgroundPositioningArea.top,
+                ),
+              ),
+              new Vector(
+                Math.round(backgroundPositioningArea.left + x),
+                Math.round(
+                  backgroundPositioningArea.height +
+                    backgroundPositioningArea.top,
+                ),
+              ),
+            ];
+          case 1 /* NO_REPEAT */:
+            return [
+              new Vector(
+                Math.round(backgroundPositioningArea.left + x),
+                Math.round(backgroundPositioningArea.top + y),
+              ),
+              new Vector(
+                Math.round(backgroundPositioningArea.left + x + width),
+                Math.round(backgroundPositioningArea.top + y),
+              ),
+              new Vector(
+                Math.round(backgroundPositioningArea.left + x + width),
+                Math.round(backgroundPositioningArea.top + y + height),
+              ),
+              new Vector(
+                Math.round(backgroundPositioningArea.left + x),
+                Math.round(backgroundPositioningArea.top + y + height),
+              ),
+            ];
+          default:
+            return [
+              new Vector(
+                Math.round(backgroundPaintingArea.left),
+                Math.round(backgroundPaintingArea.top),
+              ),
+              new Vector(
+                Math.round(
+                  backgroundPaintingArea.left + backgroundPaintingArea.width,
+                ),
+                Math.round(backgroundPaintingArea.top),
+              ),
+              new Vector(
+                Math.round(
+                  backgroundPaintingArea.left + backgroundPaintingArea.width,
+                ),
+                Math.round(
+                  backgroundPaintingArea.height + backgroundPaintingArea.top,
+                ),
+              ),
+              new Vector(
+                Math.round(backgroundPaintingArea.left),
+                Math.round(
+                  backgroundPaintingArea.height + backgroundPaintingArea.top,
+                ),
+              ),
+            ];
+        }
       };
 
-      var SMALL_IMAGE = 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7';
+      var SMALL_IMAGE =
+        "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7";
 
-      var SAMPLE_TEXT = 'Hidden Text';
+      var SAMPLE_TEXT = "Hidden Text";
       var FontMetrics = /** @class */ (function () {
-          function FontMetrics(document) {
-              this._data = {};
-              this._document = document;
-          }
-          FontMetrics.prototype.parseMetrics = function (fontFamily, fontSize) {
-              var container = this._document.createElement('div');
-              var img = this._document.createElement('img');
-              var span = this._document.createElement('span');
-              var body = this._document.body;
-              container.style.visibility = 'hidden';
-              container.style.fontFamily = fontFamily;
-              container.style.fontSize = fontSize;
-              container.style.margin = '0';
-              container.style.padding = '0';
-              container.style.whiteSpace = 'nowrap';
-              body.appendChild(container);
-              img.src = SMALL_IMAGE;
-              img.width = 1;
-              img.height = 1;
-              img.style.margin = '0';
-              img.style.padding = '0';
-              img.style.verticalAlign = 'baseline';
-              span.style.fontFamily = fontFamily;
-              span.style.fontSize = fontSize;
-              span.style.margin = '0';
-              span.style.padding = '0';
-              span.appendChild(this._document.createTextNode(SAMPLE_TEXT));
-              container.appendChild(span);
-              container.appendChild(img);
-              var baseline = img.offsetTop - span.offsetTop + 2;
-              container.removeChild(span);
-              container.appendChild(this._document.createTextNode(SAMPLE_TEXT));
-              container.style.lineHeight = 'normal';
-              img.style.verticalAlign = 'super';
-              var middle = img.offsetTop - container.offsetTop + 2;
-              body.removeChild(container);
-              return { baseline: baseline, middle: middle };
-          };
-          FontMetrics.prototype.getMetrics = function (fontFamily, fontSize) {
-              var key = fontFamily + " " + fontSize;
-              if (typeof this._data[key] === 'undefined') {
-                  this._data[key] = this.parseMetrics(fontFamily, fontSize);
-              }
-              return this._data[key];
-          };
-          return FontMetrics;
-      }());
+        function FontMetrics(document) {
+          this._data = {};
+          this._document = document;
+        }
+        FontMetrics.prototype.parseMetrics = function (fontFamily, fontSize) {
+          var container = this._document.createElement("div");
+          var img = this._document.createElement("img");
+          var span = this._document.createElement("span");
+          var body = this._document.body;
+          container.style.visibility = "hidden";
+          container.style.fontFamily = fontFamily;
+          container.style.fontSize = fontSize;
+          container.style.margin = "0";
+          container.style.padding = "0";
+          container.style.whiteSpace = "nowrap";
+          body.appendChild(container);
+          img.src = SMALL_IMAGE;
+          img.width = 1;
+          img.height = 1;
+          img.style.margin = "0";
+          img.style.padding = "0";
+          img.style.verticalAlign = "baseline";
+          span.style.fontFamily = fontFamily;
+          span.style.fontSize = fontSize;
+          span.style.margin = "0";
+          span.style.padding = "0";
+          span.appendChild(this._document.createTextNode(SAMPLE_TEXT));
+          container.appendChild(span);
+          container.appendChild(img);
+          var baseline = img.offsetTop - span.offsetTop + 2;
+          container.removeChild(span);
+          container.appendChild(this._document.createTextNode(SAMPLE_TEXT));
+          container.style.lineHeight = "normal";
+          img.style.verticalAlign = "super";
+          var middle = img.offsetTop - container.offsetTop + 2;
+          body.removeChild(container);
+          return { baseline: baseline, middle: middle };
+        };
+        FontMetrics.prototype.getMetrics = function (fontFamily, fontSize) {
+          var key = fontFamily + " " + fontSize;
+          if (typeof this._data[key] === "undefined") {
+            this._data[key] = this.parseMetrics(fontFamily, fontSize);
+          }
+          return this._data[key];
+        };
+        return FontMetrics;
+      })();
 
       var Renderer = /** @class */ (function () {
-          function Renderer(context, options) {
-              this.context = context;
-              this.options = options;
-          }
-          return Renderer;
-      }());
+        function Renderer(context, options) {
+          this.context = context;
+          this.options = options;
+        }
+        return Renderer;
+      })();
 
       var MASK_OFFSET = 10000;
       var CanvasRenderer = /** @class */ (function (_super) {
-          __extends(CanvasRenderer, _super);
-          function CanvasRenderer(context, options) {
-              var _this = _super.call(this, context, options) || this;
-              _this._activeEffects = [];
-              _this.canvas = options.canvas ? options.canvas : document.createElement('canvas');
-              _this.ctx = _this.canvas.getContext('2d');
-              if (!options.canvas) {
-                  _this.canvas.width = Math.floor(options.width * options.scale);
-                  _this.canvas.height = Math.floor(options.height * options.scale);
-                  _this.canvas.style.width = options.width + "px";
-                  _this.canvas.style.height = options.height + "px";
-              }
-              _this.fontMetrics = new FontMetrics(document);
-              _this.ctx.scale(_this.options.scale, _this.options.scale);
-              _this.ctx.translate(-options.x, -options.y);
-              _this.ctx.textBaseline = 'bottom';
-              _this._activeEffects = [];
-              _this.context.logger.debug("Canvas renderer initialized (" + options.width + "x" + options.height + ") with scale " + options.scale);
-              return _this;
-          }
-          CanvasRenderer.prototype.applyEffects = function (effects) {
-              var _this = this;
-              while (this._activeEffects.length) {
-                  this.popEffect();
-              }
-              effects.forEach(function (effect) { return _this.applyEffect(effect); });
-          };
-          CanvasRenderer.prototype.applyEffect = function (effect) {
-              this.ctx.save();
-              if (isOpacityEffect(effect)) {
-                  this.ctx.globalAlpha = effect.opacity;
-              }
-              if (isTransformEffect(effect)) {
-                  this.ctx.translate(effect.offsetX, effect.offsetY);
-                  this.ctx.transform(effect.matrix[0], effect.matrix[1], effect.matrix[2], effect.matrix[3], effect.matrix[4], effect.matrix[5]);
-                  this.ctx.translate(-effect.offsetX, -effect.offsetY);
-              }
-              if (isClipEffect(effect)) {
-                  this.path(effect.path);
-                  this.ctx.clip();
-              }
-              this._activeEffects.push(effect);
-          };
-          CanvasRenderer.prototype.popEffect = function () {
-              this._activeEffects.pop();
-              this.ctx.restore();
-          };
-          CanvasRenderer.prototype.renderStack = function (stack) {
-              return __awaiter(this, void 0, void 0, function () {
-                  var styles;
-                  return __generator(this, function (_a) {
-                      switch (_a.label) {
-                          case 0:
-                              styles = stack.element.container.styles;
-                              if (!styles.isVisible()) return [3 /*break*/, 2];
-                              return [4 /*yield*/, this.renderStackContent(stack)];
-                          case 1:
-                              _a.sent();
-                              _a.label = 2;
-                          case 2: return [2 /*return*/];
-                      }
-                  });
-              });
-          };
-          CanvasRenderer.prototype.renderNode = function (paint) {
-              return __awaiter(this, void 0, void 0, function () {
-                  return __generator(this, function (_a) {
-                      switch (_a.label) {
-                          case 0:
-                              if (contains(paint.container.flags, 16 /* DEBUG_RENDER */)) {
-                                  debugger;
-                              }
-                              if (!paint.container.styles.isVisible()) return [3 /*break*/, 3];
-                              return [4 /*yield*/, this.renderNodeBackgroundAndBorders(paint)];
-                          case 1:
-                              _a.sent();
-                              return [4 /*yield*/, this.renderNodeContent(paint)];
-                          case 2:
-                              _a.sent();
-                              _a.label = 3;
-                          case 3: return [2 /*return*/];
-                      }
-                  });
-              });
-          };
-          CanvasRenderer.prototype.renderTextWithLetterSpacing = function (text, letterSpacing, baseline) {
-              var _this = this;
-              if (letterSpacing === 0) {
-                  this.ctx.fillText(text.text, text.bounds.left, text.bounds.top + baseline);
-              }
-              else {
-                  var letters = segmentGraphemes(text.text);
-                  letters.reduce(function (left, letter) {
-                      _this.ctx.fillText(letter, left, text.bounds.top + baseline);
-                      return left + _this.ctx.measureText(letter).width;
-                  }, text.bounds.left);
-              }
-          };
-          CanvasRenderer.prototype.createFontStyle = function (styles) {
-              var fontVariant = styles.fontVariant
-                  .filter(function (variant) { return variant === 'normal' || variant === 'small-caps'; })
-                  .join('');
-              var fontFamily = fixIOSSystemFonts(styles.fontFamily).join(', ');
-              var fontSize = isDimensionToken(styles.fontSize)
-                  ? "" + styles.fontSize.number + styles.fontSize.unit
-                  : styles.fontSize.number + "px";
-              return [
-                  [styles.fontStyle, fontVariant, styles.fontWeight, fontSize, fontFamily].join(' '),
-                  fontFamily,
-                  fontSize
-              ];
-          };
-          CanvasRenderer.prototype.renderTextNode = function (text, styles) {
-              return __awaiter(this, void 0, void 0, function () {
-                  var _a, font, fontFamily, fontSize, _b, baseline, middle, paintOrder;
-                  var _this = this;
-                  return __generator(this, function (_c) {
-                      _a = this.createFontStyle(styles), font = _a[0], fontFamily = _a[1], fontSize = _a[2];
-                      this.ctx.font = font;
-                      this.ctx.direction = styles.direction === 1 /* RTL */ ? 'rtl' : 'ltr';
-                      this.ctx.textAlign = 'left';
-                      this.ctx.textBaseline = 'alphabetic';
-                      _b = this.fontMetrics.getMetrics(fontFamily, fontSize), baseline = _b.baseline, middle = _b.middle;
-                      paintOrder = styles.paintOrder;
-                      text.textBounds.forEach(function (text) {
-                          paintOrder.forEach(function (paintOrderLayer) {
-                              switch (paintOrderLayer) {
-                                  case 0 /* FILL */:
-                                      _this.ctx.fillStyle = asString(styles.color);
-                                      _this.renderTextWithLetterSpacing(text, styles.letterSpacing, baseline);
-                                      var textShadows = styles.textShadow;
-                                      if (textShadows.length && text.text.trim().length) {
-                                          textShadows
-                                              .slice(0)
-                                              .reverse()
-                                              .forEach(function (textShadow) {
-                                              _this.ctx.shadowColor = asString(textShadow.color);
-                                              _this.ctx.shadowOffsetX = textShadow.offsetX.number * _this.options.scale;
-                                              _this.ctx.shadowOffsetY = textShadow.offsetY.number * _this.options.scale;
-                                              _this.ctx.shadowBlur = textShadow.blur.number;
-                                              _this.renderTextWithLetterSpacing(text, styles.letterSpacing, baseline);
-                                          });
-                                          _this.ctx.shadowColor = '';
-                                          _this.ctx.shadowOffsetX = 0;
-                                          _this.ctx.shadowOffsetY = 0;
-                                          _this.ctx.shadowBlur = 0;
-                                      }
-                                      if (styles.textDecorationLine.length) {
-                                          _this.ctx.fillStyle = asString(styles.textDecorationColor || styles.color);
-                                          styles.textDecorationLine.forEach(function (textDecorationLine) {
-                                              switch (textDecorationLine) {
-                                                  case 1 /* UNDERLINE */:
-                                                      // Draws a line at the baseline of the font
-                                                      // TODO As some browsers display the line as more than 1px if the font-size is big,
-                                                      // need to take that into account both in position and size
-                                                      _this.ctx.fillRect(text.bounds.left, Math.round(text.bounds.top + baseline), text.bounds.width, 1);
-                                                      break;
-                                                  case 2 /* OVERLINE */:
-                                                      _this.ctx.fillRect(text.bounds.left, Math.round(text.bounds.top), text.bounds.width, 1);
-                                                      break;
-                                                  case 3 /* LINE_THROUGH */:
-                                                      // TODO try and find exact position for line-through
-                                                      _this.ctx.fillRect(text.bounds.left, Math.ceil(text.bounds.top + middle), text.bounds.width, 1);
-                                                      break;
-                                              }
-                                          });
-                                      }
-                                      break;
-                                  case 1 /* STROKE */:
-                                      if (styles.webkitTextStrokeWidth && text.text.trim().length) {
-                                          _this.ctx.strokeStyle = asString(styles.webkitTextStrokeColor);
-                                          _this.ctx.lineWidth = styles.webkitTextStrokeWidth;
-                                          // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                                          _this.ctx.lineJoin = !!window.chrome ? 'miter' : 'round';
-                                          _this.ctx.strokeText(text.text, text.bounds.left, text.bounds.top + baseline);
-                                      }
-                                      _this.ctx.strokeStyle = '';
-                                      _this.ctx.lineWidth = 0;
-                                      _this.ctx.lineJoin = 'miter';
-                                      break;
-                              }
+        __extends(CanvasRenderer, _super);
+        function CanvasRenderer(context, options) {
+          var _this = _super.call(this, context, options) || this;
+          _this._activeEffects = [];
+          _this.canvas = options.canvas
+            ? options.canvas
+            : document.createElement("canvas");
+          _this.ctx = _this.canvas.getContext("2d");
+          if (!options.canvas) {
+            _this.canvas.width = Math.floor(options.width * options.scale);
+            _this.canvas.height = Math.floor(options.height * options.scale);
+            _this.canvas.style.width = options.width + "px";
+            _this.canvas.style.height = options.height + "px";
+          }
+          _this.fontMetrics = new FontMetrics(document);
+          _this.ctx.scale(_this.options.scale, _this.options.scale);
+          _this.ctx.translate(-options.x, -options.y);
+          _this.ctx.textBaseline = "bottom";
+          _this._activeEffects = [];
+          _this.context.logger.debug(
+            "Canvas renderer initialized (" +
+              options.width +
+              "x" +
+              options.height +
+              ") with scale " +
+              options.scale,
+          );
+          return _this;
+        }
+        CanvasRenderer.prototype.applyEffects = function (effects) {
+          var _this = this;
+          while (this._activeEffects.length) {
+            this.popEffect();
+          }
+          effects.forEach(function (effect) {
+            return _this.applyEffect(effect);
+          });
+        };
+        CanvasRenderer.prototype.applyEffect = function (effect) {
+          this.ctx.save();
+          if (isOpacityEffect(effect)) {
+            this.ctx.globalAlpha = effect.opacity;
+          }
+          if (isTransformEffect(effect)) {
+            this.ctx.translate(effect.offsetX, effect.offsetY);
+            this.ctx.transform(
+              effect.matrix[0],
+              effect.matrix[1],
+              effect.matrix[2],
+              effect.matrix[3],
+              effect.matrix[4],
+              effect.matrix[5],
+            );
+            this.ctx.translate(-effect.offsetX, -effect.offsetY);
+          }
+          if (isClipEffect(effect)) {
+            this.path(effect.path);
+            this.ctx.clip();
+          }
+          this._activeEffects.push(effect);
+        };
+        CanvasRenderer.prototype.popEffect = function () {
+          this._activeEffects.pop();
+          this.ctx.restore();
+        };
+        CanvasRenderer.prototype.renderStack = function (stack) {
+          return __awaiter(this, void 0, void 0, function () {
+            var styles;
+            return __generator(this, function (_a) {
+              switch (_a.label) {
+                case 0:
+                  styles = stack.element.container.styles;
+                  if (!styles.isVisible()) return [3 /*break*/, 2];
+                  return [4 /*yield*/, this.renderStackContent(stack)];
+                case 1:
+                  _a.sent();
+                  _a.label = 2;
+                case 2:
+                  return [2 /*return*/];
+              }
+            });
+          });
+        };
+        CanvasRenderer.prototype.renderNode = function (paint) {
+          return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+              switch (_a.label) {
+                case 0:
+                  if (contains(paint.container.flags, 16 /* DEBUG_RENDER */)) {
+                    debugger;
+                  }
+                  if (!paint.container.styles.isVisible())
+                    return [3 /*break*/, 3];
+                  return [
+                    4 /*yield*/,
+                    this.renderNodeBackgroundAndBorders(paint),
+                  ];
+                case 1:
+                  _a.sent();
+                  return [4 /*yield*/, this.renderNodeContent(paint)];
+                case 2:
+                  _a.sent();
+                  _a.label = 3;
+                case 3:
+                  return [2 /*return*/];
+              }
+            });
+          });
+        };
+        CanvasRenderer.prototype.renderTextWithLetterSpacing = function (
+          text,
+          letterSpacing,
+          baseline,
+        ) {
+          var _this = this;
+          if (letterSpacing === 0) {
+            this.ctx.fillText(
+              text.text,
+              text.bounds.left,
+              text.bounds.top + baseline,
+            );
+          } else {
+            var letters = segmentGraphemes(text.text);
+            letters.reduce(function (left, letter) {
+              _this.ctx.fillText(letter, left, text.bounds.top + baseline);
+              return left + _this.ctx.measureText(letter).width;
+            }, text.bounds.left);
+          }
+        };
+        CanvasRenderer.prototype.createFontStyle = function (styles) {
+          var fontVariant = styles.fontVariant
+            .filter(function (variant) {
+              return variant === "normal" || variant === "small-caps";
+            })
+            .join("");
+          var fontFamily = fixIOSSystemFonts(styles.fontFamily).join(", ");
+          var fontSize = isDimensionToken(styles.fontSize)
+            ? "" + styles.fontSize.number + styles.fontSize.unit
+            : styles.fontSize.number + "px";
+          return [
+            [
+              styles.fontStyle,
+              fontVariant,
+              styles.fontWeight,
+              fontSize,
+              fontFamily,
+            ].join(" "),
+            fontFamily,
+            fontSize,
+          ];
+        };
+        CanvasRenderer.prototype.renderTextNode = function (text, styles) {
+          return __awaiter(this, void 0, void 0, function () {
+            var _a,
+              font,
+              fontFamily,
+              fontSize,
+              _b,
+              baseline,
+              middle,
+              paintOrder;
+            var _this = this;
+            return __generator(this, function (_c) {
+              (_a = this.createFontStyle(styles)),
+                (font = _a[0]),
+                (fontFamily = _a[1]),
+                (fontSize = _a[2]);
+              this.ctx.font = font;
+              this.ctx.direction =
+                styles.direction === 1 /* RTL */ ? "rtl" : "ltr";
+              this.ctx.textAlign = "left";
+              this.ctx.textBaseline = "alphabetic";
+              (_b = this.fontMetrics.getMetrics(fontFamily, fontSize)),
+                (baseline = _b.baseline),
+                (middle = _b.middle);
+              paintOrder = styles.paintOrder;
+              text.textBounds.forEach(function (text) {
+                paintOrder.forEach(function (paintOrderLayer) {
+                  switch (paintOrderLayer) {
+                    case 0 /* FILL */:
+                      _this.ctx.fillStyle = asString(styles.color);
+                      _this.renderTextWithLetterSpacing(
+                        text,
+                        styles.letterSpacing,
+                        baseline,
+                      );
+                      var textShadows = styles.textShadow;
+                      if (textShadows.length && text.text.trim().length) {
+                        textShadows
+                          .slice(0)
+                          .reverse()
+                          .forEach(function (textShadow) {
+                            _this.ctx.shadowColor = asString(textShadow.color);
+                            _this.ctx.shadowOffsetX =
+                              textShadow.offsetX.number * _this.options.scale;
+                            _this.ctx.shadowOffsetY =
+                              textShadow.offsetY.number * _this.options.scale;
+                            _this.ctx.shadowBlur = textShadow.blur.number;
+                            _this.renderTextWithLetterSpacing(
+                              text,
+                              styles.letterSpacing,
+                              baseline,
+                            );
                           });
-                      });
-                      return [2 /*return*/];
-                  });
-              });
-          };
-          CanvasRenderer.prototype.renderReplacedElement = function (container, curves, image) {
-              if (image && container.intrinsicWidth > 0 && container.intrinsicHeight > 0) {
-                  var box = contentBox(container);
-                  var path = calculatePaddingBoxPath(curves);
-                  this.path(path);
-                  this.ctx.save();
-                  this.ctx.clip();
-                  this.ctx.drawImage(image, 0, 0, container.intrinsicWidth, container.intrinsicHeight, box.left, box.top, box.width, box.height);
-                  this.ctx.restore();
-              }
-          };
-          CanvasRenderer.prototype.renderNodeContent = function (paint) {
-              return __awaiter(this, void 0, void 0, function () {
-                  var container, curves, styles, _i, _a, child, image, image, iframeRenderer, canvas, size, _b, fontFamily, fontSize, baseline, bounds, x, textBounds, img, image, url, fontFamily, bounds;
-                  return __generator(this, function (_c) {
-                      switch (_c.label) {
-                          case 0:
-                              this.applyEffects(paint.getEffects(4 /* CONTENT */));
-                              container = paint.container;
-                              curves = paint.curves;
-                              styles = container.styles;
-                              _i = 0, _a = container.textNodes;
-                              _c.label = 1;
-                          case 1:
-                              if (!(_i < _a.length)) return [3 /*break*/, 4];
-                              child = _a[_i];
-                              return [4 /*yield*/, this.renderTextNode(child, styles)];
-                          case 2:
-                              _c.sent();
-                              _c.label = 3;
-                          case 3:
-                              _i++;
-                              return [3 /*break*/, 1];
-                          case 4:
-                              if (!(container instanceof ImageElementContainer)) return [3 /*break*/, 8];
-                              _c.label = 5;
-                          case 5:
-                              _c.trys.push([5, 7, , 8]);
-                              return [4 /*yield*/, this.context.cache.match(container.src)];
-                          case 6:
-                              image = _c.sent();
-                              this.renderReplacedElement(container, curves, image);
-                              return [3 /*break*/, 8];
-                          case 7:
-                              _c.sent();
-                              this.context.logger.error("Error loading image " + container.src);
-                              return [3 /*break*/, 8];
-                          case 8:
-                              if (container instanceof CanvasElementContainer) {
-                                  this.renderReplacedElement(container, curves, container.canvas);
-                              }
-                              if (!(container instanceof SVGElementContainer)) return [3 /*break*/, 12];
-                              _c.label = 9;
-                          case 9:
-                              _c.trys.push([9, 11, , 12]);
-                              return [4 /*yield*/, this.context.cache.match(container.svg)];
-                          case 10:
-                              image = _c.sent();
-                              this.renderReplacedElement(container, curves, image);
-                              return [3 /*break*/, 12];
-                          case 11:
-                              _c.sent();
-                              this.context.logger.error("Error loading svg " + container.svg.substring(0, 255));
-                              return [3 /*break*/, 12];
-                          case 12:
-                              if (!(container instanceof IFrameElementContainer && container.tree)) return [3 /*break*/, 14];
-                              iframeRenderer = new CanvasRenderer(this.context, {
-                                  scale: this.options.scale,
-                                  backgroundColor: container.backgroundColor,
-                                  x: 0,
-                                  y: 0,
-                                  width: container.width,
-                                  height: container.height
-                              });
-                              return [4 /*yield*/, iframeRenderer.render(container.tree)];
-                          case 13:
-                              canvas = _c.sent();
-                              if (container.width && container.height) {
-                                  this.ctx.drawImage(canvas, 0, 0, container.width, container.height, container.bounds.left, container.bounds.top, container.bounds.width, container.bounds.height);
-                              }
-                              _c.label = 14;
-                          case 14:
-                              if (container instanceof InputElementContainer) {
-                                  size = Math.min(container.bounds.width, container.bounds.height);
-                                  if (container.type === CHECKBOX) {
-                                      if (container.checked) {
-                                          this.ctx.save();
-                                          this.path([
-                                              new Vector(container.bounds.left + size * 0.39363, container.bounds.top + size * 0.79),
-                                              new Vector(container.bounds.left + size * 0.16, container.bounds.top + size * 0.5549),
-                                              new Vector(container.bounds.left + size * 0.27347, container.bounds.top + size * 0.44071),
-                                              new Vector(container.bounds.left + size * 0.39694, container.bounds.top + size * 0.5649),
-                                              new Vector(container.bounds.left + size * 0.72983, container.bounds.top + size * 0.23),
-                                              new Vector(container.bounds.left + size * 0.84, container.bounds.top + size * 0.34085),
-                                              new Vector(container.bounds.left + size * 0.39363, container.bounds.top + size * 0.79)
-                                          ]);
-                                          this.ctx.fillStyle = asString(INPUT_COLOR);
-                                          this.ctx.fill();
-                                          this.ctx.restore();
-                                      }
-                                  }
-                                  else if (container.type === RADIO) {
-                                      if (container.checked) {
-                                          this.ctx.save();
-                                          this.ctx.beginPath();
-                                          this.ctx.arc(container.bounds.left + size / 2, container.bounds.top + size / 2, size / 4, 0, Math.PI * 2, true);
-                                          this.ctx.fillStyle = asString(INPUT_COLOR);
-                                          this.ctx.fill();
-                                          this.ctx.restore();
-                                      }
-                                  }
-                              }
-                              if (isTextInputElement(container) && container.value.length) {
-                                  _b = this.createFontStyle(styles), fontFamily = _b[0], fontSize = _b[1];
-                                  baseline = this.fontMetrics.getMetrics(fontFamily, fontSize).baseline;
-                                  this.ctx.font = fontFamily;
-                                  this.ctx.fillStyle = asString(styles.color);
-                                  this.ctx.textBaseline = 'alphabetic';
-                                  this.ctx.textAlign = canvasTextAlign(container.styles.textAlign);
-                                  bounds = contentBox(container);
-                                  x = 0;
-                                  switch (container.styles.textAlign) {
-                                      case 1 /* CENTER */:
-                                          x += bounds.width / 2;
-                                          break;
-                                      case 2 /* RIGHT */:
-                                          x += bounds.width;
-                                          break;
-                                  }
-                                  textBounds = bounds.add(x, 0, 0, -bounds.height / 2 + 1);
-                                  this.ctx.save();
-                                  this.path([
-                                      new Vector(bounds.left, bounds.top),
-                                      new Vector(bounds.left + bounds.width, bounds.top),
-                                      new Vector(bounds.left + bounds.width, bounds.top + bounds.height),
-                                      new Vector(bounds.left, bounds.top + bounds.height)
-                                  ]);
-                                  this.ctx.clip();
-                                  this.renderTextWithLetterSpacing(new TextBounds(container.value, textBounds), styles.letterSpacing, baseline);
-                                  this.ctx.restore();
-                                  this.ctx.textBaseline = 'alphabetic';
-                                  this.ctx.textAlign = 'left';
-                              }
-                              if (!contains(container.styles.display, 2048 /* LIST_ITEM */)) return [3 /*break*/, 20];
-                              if (!(container.styles.listStyleImage !== null)) return [3 /*break*/, 19];
-                              img = container.styles.listStyleImage;
-                              if (!(img.type === 0 /* URL */)) return [3 /*break*/, 18];
-                              image = void 0;
-                              url = img.url;
-                              _c.label = 15;
-                          case 15:
-                              _c.trys.push([15, 17, , 18]);
-                              return [4 /*yield*/, this.context.cache.match(url)];
-                          case 16:
-                              image = _c.sent();
-                              this.ctx.drawImage(image, container.bounds.left - (image.width + 10), container.bounds.top);
-                              return [3 /*break*/, 18];
-                          case 17:
-                              _c.sent();
-                              this.context.logger.error("Error loading list-style-image " + url);
-                              return [3 /*break*/, 18];
-                          case 18: return [3 /*break*/, 20];
-                          case 19:
-                              if (paint.listValue && container.styles.listStyleType !== -1 /* NONE */) {
-                                  fontFamily = this.createFontStyle(styles)[0];
-                                  this.ctx.font = fontFamily;
-                                  this.ctx.fillStyle = asString(styles.color);
-                                  this.ctx.textBaseline = 'middle';
-                                  this.ctx.textAlign = 'right';
-                                  bounds = new Bounds(container.bounds.left, container.bounds.top + getAbsoluteValue(container.styles.paddingTop, container.bounds.width), container.bounds.width, computeLineHeight(styles.lineHeight, styles.fontSize.number) / 2 + 1);
-                                  this.renderTextWithLetterSpacing(new TextBounds(paint.listValue, bounds), styles.letterSpacing, computeLineHeight(styles.lineHeight, styles.fontSize.number) / 2 + 2);
-                                  this.ctx.textBaseline = 'bottom';
-                                  this.ctx.textAlign = 'left';
-                              }
-                              _c.label = 20;
-                          case 20: return [2 /*return*/];
+                        _this.ctx.shadowColor = "";
+                        _this.ctx.shadowOffsetX = 0;
+                        _this.ctx.shadowOffsetY = 0;
+                        _this.ctx.shadowBlur = 0;
                       }
-                  });
-              });
-          };
-          CanvasRenderer.prototype.renderStackContent = function (stack) {
-              return __awaiter(this, void 0, void 0, function () {
-                  var _i, _a, child, _b, _c, child, _d, _e, child, _f, _g, child, _h, _j, child, _k, _l, child, _m, _o, child;
-                  return __generator(this, function (_p) {
-                      switch (_p.label) {
-                          case 0:
-                              if (contains(stack.element.container.flags, 16 /* DEBUG_RENDER */)) {
-                                  debugger;
-                              }
-                              // https://www.w3.org/TR/css-position-3/#painting-order
-                              // 1. the background and borders of the element forming the stacking context.
-                              return [4 /*yield*/, this.renderNodeBackgroundAndBorders(stack.element)];
-                          case 1:
-                              // https://www.w3.org/TR/css-position-3/#painting-order
-                              // 1. the background and borders of the element forming the stacking context.
-                              _p.sent();
-                              _i = 0, _a = stack.negativeZIndex;
-                              _p.label = 2;
-                          case 2:
-                              if (!(_i < _a.length)) return [3 /*break*/, 5];
-                              child = _a[_i];
-                              return [4 /*yield*/, this.renderStack(child)];
-                          case 3:
-                              _p.sent();
-                              _p.label = 4;
-                          case 4:
-                              _i++;
-                              return [3 /*break*/, 2];
-                          case 5: 
-                          // 3. For all its in-flow, non-positioned, block-level descendants in tree order:
-                          return [4 /*yield*/, this.renderNodeContent(stack.element)];
-                          case 6:
-                              // 3. For all its in-flow, non-positioned, block-level descendants in tree order:
-                              _p.sent();
-                              _b = 0, _c = stack.nonInlineLevel;
-                              _p.label = 7;
-                          case 7:
-                              if (!(_b < _c.length)) return [3 /*break*/, 10];
-                              child = _c[_b];
-                              return [4 /*yield*/, this.renderNode(child)];
-                          case 8:
-                              _p.sent();
-                              _p.label = 9;
-                          case 9:
-                              _b++;
-                              return [3 /*break*/, 7];
-                          case 10:
-                              _d = 0, _e = stack.nonPositionedFloats;
-                              _p.label = 11;
-                          case 11:
-                              if (!(_d < _e.length)) return [3 /*break*/, 14];
-                              child = _e[_d];
-                              return [4 /*yield*/, this.renderStack(child)];
-                          case 12:
-                              _p.sent();
-                              _p.label = 13;
-                          case 13:
-                              _d++;
-                              return [3 /*break*/, 11];
-                          case 14:
-                              _f = 0, _g = stack.nonPositionedInlineLevel;
-                              _p.label = 15;
-                          case 15:
-                              if (!(_f < _g.length)) return [3 /*break*/, 18];
-                              child = _g[_f];
-                              return [4 /*yield*/, this.renderStack(child)];
-                          case 16:
-                              _p.sent();
-                              _p.label = 17;
-                          case 17:
-                              _f++;
-                              return [3 /*break*/, 15];
-                          case 18:
-                              _h = 0, _j = stack.inlineLevel;
-                              _p.label = 19;
-                          case 19:
-                              if (!(_h < _j.length)) return [3 /*break*/, 22];
-                              child = _j[_h];
-                              return [4 /*yield*/, this.renderNode(child)];
-                          case 20:
-                              _p.sent();
-                              _p.label = 21;
-                          case 21:
-                              _h++;
-                              return [3 /*break*/, 19];
-                          case 22:
-                              _k = 0, _l = stack.zeroOrAutoZIndexOrTransformedOrOpacity;
-                              _p.label = 23;
-                          case 23:
-                              if (!(_k < _l.length)) return [3 /*break*/, 26];
-                              child = _l[_k];
-                              return [4 /*yield*/, this.renderStack(child)];
-                          case 24:
-                              _p.sent();
-                              _p.label = 25;
-                          case 25:
-                              _k++;
-                              return [3 /*break*/, 23];
-                          case 26:
-                              _m = 0, _o = stack.positiveZIndex;
-                              _p.label = 27;
-                          case 27:
-                              if (!(_m < _o.length)) return [3 /*break*/, 30];
-                              child = _o[_m];
-                              return [4 /*yield*/, this.renderStack(child)];
-                          case 28:
-                              _p.sent();
-                              _p.label = 29;
-                          case 29:
-                              _m++;
-                              return [3 /*break*/, 27];
-                          case 30: return [2 /*return*/];
-                      }
-                  });
-              });
-          };
-          CanvasRenderer.prototype.mask = function (paths) {
-              this.ctx.beginPath();
-              this.ctx.moveTo(0, 0);
-              this.ctx.lineTo(this.canvas.width, 0);
-              this.ctx.lineTo(this.canvas.width, this.canvas.height);
-              this.ctx.lineTo(0, this.canvas.height);
-              this.ctx.lineTo(0, 0);
-              this.formatPath(paths.slice(0).reverse());
-              this.ctx.closePath();
-          };
-          CanvasRenderer.prototype.path = function (paths) {
-              this.ctx.beginPath();
-              this.formatPath(paths);
-              this.ctx.closePath();
-          };
-          CanvasRenderer.prototype.formatPath = function (paths) {
-              var _this = this;
-              paths.forEach(function (point, index) {
-                  var start = isBezierCurve(point) ? point.start : point;
-                  if (index === 0) {
-                      _this.ctx.moveTo(start.x, start.y);
-                  }
-                  else {
-                      _this.ctx.lineTo(start.x, start.y);
-                  }
-                  if (isBezierCurve(point)) {
-                      _this.ctx.bezierCurveTo(point.startControl.x, point.startControl.y, point.endControl.x, point.endControl.y, point.end.x, point.end.y);
-                  }
-              });
-          };
-          CanvasRenderer.prototype.renderRepeat = function (path, pattern, offsetX, offsetY) {
-              this.path(path);
-              this.ctx.fillStyle = pattern;
-              this.ctx.translate(offsetX, offsetY);
-              this.ctx.fill();
-              this.ctx.translate(-offsetX, -offsetY);
-          };
-          CanvasRenderer.prototype.resizeImage = function (image, width, height) {
-              var _a;
-              if (image.width === width && image.height === height) {
-                  return image;
-              }
-              var ownerDocument = (_a = this.canvas.ownerDocument) !== null && _a !== void 0 ? _a : document;
-              var canvas = ownerDocument.createElement('canvas');
-              canvas.width = Math.max(1, width);
-              canvas.height = Math.max(1, height);
-              var ctx = canvas.getContext('2d');
-              ctx.drawImage(image, 0, 0, image.width, image.height, 0, 0, width, height);
-              return canvas;
-          };
-          CanvasRenderer.prototype.renderBackgroundImage = function (container) {
-              return __awaiter(this, void 0, void 0, function () {
-                  var index, _loop_1, this_1, _i, _a, backgroundImage;
-                  return __generator(this, function (_b) {
-                      switch (_b.label) {
-                          case 0:
-                              index = container.styles.backgroundImage.length - 1;
-                              _loop_1 = function (backgroundImage) {
-                                  var image, url, _c, path, x, y, width, height, pattern, _d, path, x, y, width, height, _e, lineLength, x0, x1, y0, y1, canvas, ctx, gradient_1, pattern, _f, path, left, top_1, width, height, position, x, y, _g, rx, ry, radialGradient_1, midX, midY, f, invF;
-                                  return __generator(this, function (_h) {
-                                      switch (_h.label) {
-                                          case 0:
-                                              if (!(backgroundImage.type === 0 /* URL */)) return [3 /*break*/, 5];
-                                              image = void 0;
-                                              url = backgroundImage.url;
-                                              _h.label = 1;
-                                          case 1:
-                                              _h.trys.push([1, 3, , 4]);
-                                              return [4 /*yield*/, this_1.context.cache.match(url)];
-                                          case 2:
-                                              image = _h.sent();
-                                              return [3 /*break*/, 4];
-                                          case 3:
-                                              _h.sent();
-                                              this_1.context.logger.error("Error loading background-image " + url);
-                                              return [3 /*break*/, 4];
-                                          case 4:
-                                              if (image) {
-                                                  _c = calculateBackgroundRendering(container, index, [
-                                                      image.width,
-                                                      image.height,
-                                                      image.width / image.height
-                                                  ]), path = _c[0], x = _c[1], y = _c[2], width = _c[3], height = _c[4];
-                                                  pattern = this_1.ctx.createPattern(this_1.resizeImage(image, width, height), 'repeat');
-                                                  this_1.renderRepeat(path, pattern, x, y);
-                                              }
-                                              return [3 /*break*/, 6];
-                                          case 5:
-                                              if (isLinearGradient(backgroundImage)) {
-                                                  _d = calculateBackgroundRendering(container, index, [null, null, null]), path = _d[0], x = _d[1], y = _d[2], width = _d[3], height = _d[4];
-                                                  _e = calculateGradientDirection(backgroundImage.angle, width, height), lineLength = _e[0], x0 = _e[1], x1 = _e[2], y0 = _e[3], y1 = _e[4];
-                                                  canvas = document.createElement('canvas');
-                                                  canvas.width = width;
-                                                  canvas.height = height;
-                                                  ctx = canvas.getContext('2d');
-                                                  gradient_1 = ctx.createLinearGradient(x0, y0, x1, y1);
-                                                  processColorStops(backgroundImage.stops, lineLength).forEach(function (colorStop) {
-                                                      return gradient_1.addColorStop(colorStop.stop, asString(colorStop.color));
-                                                  });
-                                                  ctx.fillStyle = gradient_1;
-                                                  ctx.fillRect(0, 0, width, height);
-                                                  if (width > 0 && height > 0) {
-                                                      pattern = this_1.ctx.createPattern(canvas, 'repeat');
-                                                      this_1.renderRepeat(path, pattern, x, y);
-                                                  }
-                                              }
-                                              else if (isRadialGradient(backgroundImage)) {
-                                                  _f = calculateBackgroundRendering(container, index, [
-                                                      null,
-                                                      null,
-                                                      null
-                                                  ]), path = _f[0], left = _f[1], top_1 = _f[2], width = _f[3], height = _f[4];
-                                                  position = backgroundImage.position.length === 0 ? [FIFTY_PERCENT] : backgroundImage.position;
-                                                  x = getAbsoluteValue(position[0], width);
-                                                  y = getAbsoluteValue(position[position.length - 1], height);
-                                                  _g = calculateRadius(backgroundImage, x, y, width, height), rx = _g[0], ry = _g[1];
-                                                  if (rx > 0 && ry > 0) {
-                                                      radialGradient_1 = this_1.ctx.createRadialGradient(left + x, top_1 + y, 0, left + x, top_1 + y, rx);
-                                                      processColorStops(backgroundImage.stops, rx * 2).forEach(function (colorStop) {
-                                                          return radialGradient_1.addColorStop(colorStop.stop, asString(colorStop.color));
-                                                      });
-                                                      this_1.path(path);
-                                                      this_1.ctx.fillStyle = radialGradient_1;
-                                                      if (rx !== ry) {
-                                                          midX = container.bounds.left + 0.5 * container.bounds.width;
-                                                          midY = container.bounds.top + 0.5 * container.bounds.height;
-                                                          f = ry / rx;
-                                                          invF = 1 / f;
-                                                          this_1.ctx.save();
-                                                          this_1.ctx.translate(midX, midY);
-                                                          this_1.ctx.transform(1, 0, 0, f, 0, 0);
-                                                          this_1.ctx.translate(-midX, -midY);
-                                                          this_1.ctx.fillRect(left, invF * (top_1 - midY) + midY, width, height * invF);
-                                                          this_1.ctx.restore();
-                                                      }
-                                                      else {
-                                                          this_1.ctx.fill();
-                                                      }
-                                                  }
-                                              }
-                                              _h.label = 6;
-                                          case 6:
-                                              index--;
-                                              return [2 /*return*/];
-                                      }
-                                  });
-                              };
-                              this_1 = this;
-                              _i = 0, _a = container.styles.backgroundImage.slice(0).reverse();
-                              _b.label = 1;
-                          case 1:
-                              if (!(_i < _a.length)) return [3 /*break*/, 4];
-                              backgroundImage = _a[_i];
-                              return [5 /*yield**/, _loop_1(backgroundImage)];
-                          case 2:
-                              _b.sent();
-                              _b.label = 3;
-                          case 3:
-                              _i++;
-                              return [3 /*break*/, 1];
-                          case 4: return [2 /*return*/];
+                      if (styles.textDecorationLine.length) {
+                        _this.ctx.fillStyle = asString(
+                          styles.textDecorationColor || styles.color,
+                        );
+                        styles.textDecorationLine.forEach(
+                          function (textDecorationLine) {
+                            switch (textDecorationLine) {
+                              case 1 /* UNDERLINE */:
+                                // Draws a line at the baseline of the font
+                                // TODO As some browsers display the line as more than 1px if the font-size is big,
+                                // need to take that into account both in position and size
+                                _this.ctx.fillRect(
+                                  text.bounds.left,
+                                  Math.round(text.bounds.top + baseline),
+                                  text.bounds.width,
+                                  1,
+                                );
+                                break;
+                              case 2 /* OVERLINE */:
+                                _this.ctx.fillRect(
+                                  text.bounds.left,
+                                  Math.round(text.bounds.top),
+                                  text.bounds.width,
+                                  1,
+                                );
+                                break;
+                              case 3 /* LINE_THROUGH */:
+                                // TODO try and find exact position for line-through
+                                _this.ctx.fillRect(
+                                  text.bounds.left,
+                                  Math.ceil(text.bounds.top + middle),
+                                  text.bounds.width,
+                                  1,
+                                );
+                                break;
+                            }
+                          },
+                        );
                       }
-                  });
-              });
-          };
-          CanvasRenderer.prototype.renderSolidBorder = function (color, side, curvePoints) {
-              return __awaiter(this, void 0, void 0, function () {
-                  return __generator(this, function (_a) {
-                      this.path(parsePathForBorder(curvePoints, side));
-                      this.ctx.fillStyle = asString(color);
-                      this.ctx.fill();
-                      return [2 /*return*/];
-                  });
-              });
-          };
-          CanvasRenderer.prototype.renderDoubleBorder = function (color, width, side, curvePoints) {
-              return __awaiter(this, void 0, void 0, function () {
-                  var outerPaths, innerPaths;
-                  return __generator(this, function (_a) {
-                      switch (_a.label) {
-                          case 0:
-                              if (!(width < 3)) return [3 /*break*/, 2];
-                              return [4 /*yield*/, this.renderSolidBorder(color, side, curvePoints)];
-                          case 1:
-                              _a.sent();
-                              return [2 /*return*/];
-                          case 2:
-                              outerPaths = parsePathForBorderDoubleOuter(curvePoints, side);
-                              this.path(outerPaths);
-                              this.ctx.fillStyle = asString(color);
-                              this.ctx.fill();
-                              innerPaths = parsePathForBorderDoubleInner(curvePoints, side);
-                              this.path(innerPaths);
-                              this.ctx.fill();
-                              return [2 /*return*/];
+                      break;
+                    case 1 /* STROKE */:
+                      if (
+                        styles.webkitTextStrokeWidth &&
+                        text.text.trim().length
+                      ) {
+                        _this.ctx.strokeStyle = asString(
+                          styles.webkitTextStrokeColor,
+                        );
+                        _this.ctx.lineWidth = styles.webkitTextStrokeWidth;
+                        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                        _this.ctx.lineJoin = !!window.chrome
+                          ? "miter"
+                          : "round";
+                        _this.ctx.strokeText(
+                          text.text,
+                          text.bounds.left,
+                          text.bounds.top + baseline,
+                        );
                       }
-                  });
+                      _this.ctx.strokeStyle = "";
+                      _this.ctx.lineWidth = 0;
+                      _this.ctx.lineJoin = "miter";
+                      break;
+                  }
+                });
               });
-          };
-          CanvasRenderer.prototype.renderNodeBackgroundAndBorders = function (paint) {
-              return __awaiter(this, void 0, void 0, function () {
-                  var styles, hasBackground, borders, backgroundPaintingArea, side, _i, borders_1, border;
-                  var _this = this;
-                  return __generator(this, function (_a) {
-                      switch (_a.label) {
-                          case 0:
-                              this.applyEffects(paint.getEffects(2 /* BACKGROUND_BORDERS */));
-                              styles = paint.container.styles;
-                              hasBackground = !isTransparent(styles.backgroundColor) || styles.backgroundImage.length;
-                              borders = [
-                                  { style: styles.borderTopStyle, color: styles.borderTopColor, width: styles.borderTopWidth },
-                                  { style: styles.borderRightStyle, color: styles.borderRightColor, width: styles.borderRightWidth },
-                                  { style: styles.borderBottomStyle, color: styles.borderBottomColor, width: styles.borderBottomWidth },
-                                  { style: styles.borderLeftStyle, color: styles.borderLeftColor, width: styles.borderLeftWidth }
-                              ];
-                              backgroundPaintingArea = calculateBackgroundCurvedPaintingArea(getBackgroundValueForIndex(styles.backgroundClip, 0), paint.curves);
-                              if (!(hasBackground || styles.boxShadow.length)) return [3 /*break*/, 2];
-                              this.ctx.save();
-                              this.path(backgroundPaintingArea);
-                              this.ctx.clip();
-                              if (!isTransparent(styles.backgroundColor)) {
-                                  this.ctx.fillStyle = asString(styles.backgroundColor);
-                                  this.ctx.fill();
-                              }
-                              return [4 /*yield*/, this.renderBackgroundImage(paint.container)];
-                          case 1:
-                              _a.sent();
-                              this.ctx.restore();
-                              styles.boxShadow
-                                  .slice(0)
-                                  .reverse()
-                                  .forEach(function (shadow) {
-                                  _this.ctx.save();
-                                  var borderBoxArea = calculateBorderBoxPath(paint.curves);
-                                  var maskOffset = shadow.inset ? 0 : MASK_OFFSET;
-                                  var shadowPaintingArea = transformPath(borderBoxArea, -maskOffset + (shadow.inset ? 1 : -1) * shadow.spread.number, (shadow.inset ? 1 : -1) * shadow.spread.number, shadow.spread.number * (shadow.inset ? -2 : 2), shadow.spread.number * (shadow.inset ? -2 : 2));
-                                  if (shadow.inset) {
-                                      _this.path(borderBoxArea);
-                                      _this.ctx.clip();
-                                      _this.mask(shadowPaintingArea);
-                                  }
-                                  else {
-                                      _this.mask(borderBoxArea);
-                                      _this.ctx.clip();
-                                      _this.path(shadowPaintingArea);
-                                  }
-                                  _this.ctx.shadowOffsetX = shadow.offsetX.number + maskOffset;
-                                  _this.ctx.shadowOffsetY = shadow.offsetY.number;
-                                  _this.ctx.shadowColor = asString(shadow.color);
-                                  _this.ctx.shadowBlur = shadow.blur.number;
-                                  _this.ctx.fillStyle = shadow.inset ? asString(shadow.color) : 'rgba(0,0,0,1)';
-                                  _this.ctx.fill();
-                                  _this.ctx.restore();
-                              });
-                              _a.label = 2;
-                          case 2:
-                              side = 0;
-                              _i = 0, borders_1 = borders;
-                              _a.label = 3;
-                          case 3:
-                              if (!(_i < borders_1.length)) return [3 /*break*/, 13];
-                              border = borders_1[_i];
-                              if (!(border.style !== 0 /* NONE */ && !isTransparent(border.color) && border.width > 0)) return [3 /*break*/, 11];
-                              if (!(border.style === 2 /* DASHED */)) return [3 /*break*/, 5];
-                              return [4 /*yield*/, this.renderDashedDottedBorder(border.color, border.width, side, paint.curves, 2 /* DASHED */)];
-                          case 4:
-                              _a.sent();
-                              return [3 /*break*/, 11];
-                          case 5:
-                              if (!(border.style === 3 /* DOTTED */)) return [3 /*break*/, 7];
-                              return [4 /*yield*/, this.renderDashedDottedBorder(border.color, border.width, side, paint.curves, 3 /* DOTTED */)];
-                          case 6:
-                              _a.sent();
-                              return [3 /*break*/, 11];
-                          case 7:
-                              if (!(border.style === 4 /* DOUBLE */)) return [3 /*break*/, 9];
-                              return [4 /*yield*/, this.renderDoubleBorder(border.color, border.width, side, paint.curves)];
-                          case 8:
-                              _a.sent();
-                              return [3 /*break*/, 11];
-                          case 9: return [4 /*yield*/, this.renderSolidBorder(border.color, side, paint.curves)];
-                          case 10:
-                              _a.sent();
-                              _a.label = 11;
-                          case 11:
-                              side++;
-                              _a.label = 12;
-                          case 12:
-                              _i++;
-                              return [3 /*break*/, 3];
-                          case 13: return [2 /*return*/];
-                      }
+              return [2 /*return*/];
+            });
+          });
+        };
+        CanvasRenderer.prototype.renderReplacedElement = function (
+          container,
+          curves,
+          image,
+        ) {
+          if (
+            image &&
+            container.intrinsicWidth > 0 &&
+            container.intrinsicHeight > 0
+          ) {
+            var box = contentBox(container);
+            var path = calculatePaddingBoxPath(curves);
+            this.path(path);
+            this.ctx.save();
+            this.ctx.clip();
+            this.ctx.drawImage(
+              image,
+              0,
+              0,
+              container.intrinsicWidth,
+              container.intrinsicHeight,
+              box.left,
+              box.top,
+              box.width,
+              box.height,
+            );
+            this.ctx.restore();
+          }
+        };
+        CanvasRenderer.prototype.renderNodeContent = function (paint) {
+          return __awaiter(this, void 0, void 0, function () {
+            var container,
+              curves,
+              styles,
+              _i,
+              _a,
+              child,
+              image,
+              image,
+              iframeRenderer,
+              canvas,
+              size,
+              _b,
+              fontFamily,
+              fontSize,
+              baseline,
+              bounds,
+              x,
+              textBounds,
+              img,
+              image,
+              url,
+              fontFamily,
+              bounds;
+            return __generator(this, function (_c) {
+              switch (_c.label) {
+                case 0:
+                  this.applyEffects(paint.getEffects(4 /* CONTENT */));
+                  container = paint.container;
+                  curves = paint.curves;
+                  styles = container.styles;
+                  (_i = 0), (_a = container.textNodes);
+                  _c.label = 1;
+                case 1:
+                  if (!(_i < _a.length)) return [3 /*break*/, 4];
+                  child = _a[_i];
+                  return [4 /*yield*/, this.renderTextNode(child, styles)];
+                case 2:
+                  _c.sent();
+                  _c.label = 3;
+                case 3:
+                  _i++;
+                  return [3 /*break*/, 1];
+                case 4:
+                  if (!(container instanceof ImageElementContainer))
+                    return [3 /*break*/, 8];
+                  _c.label = 5;
+                case 5:
+                  _c.trys.push([5, 7, , 8]);
+                  return [4 /*yield*/, this.context.cache.match(container.src)];
+                case 6:
+                  image = _c.sent();
+                  this.renderReplacedElement(container, curves, image);
+                  return [3 /*break*/, 8];
+                case 7:
+                  _c.sent();
+                  this.context.logger.error(
+                    "Error loading image " + container.src,
+                  );
+                  return [3 /*break*/, 8];
+                case 8:
+                  if (container instanceof CanvasElementContainer) {
+                    this.renderReplacedElement(
+                      container,
+                      curves,
+                      container.canvas,
+                    );
+                  }
+                  if (!(container instanceof SVGElementContainer))
+                    return [3 /*break*/, 12];
+                  _c.label = 9;
+                case 9:
+                  _c.trys.push([9, 11, , 12]);
+                  return [4 /*yield*/, this.context.cache.match(container.svg)];
+                case 10:
+                  image = _c.sent();
+                  this.renderReplacedElement(container, curves, image);
+                  return [3 /*break*/, 12];
+                case 11:
+                  _c.sent();
+                  this.context.logger.error(
+                    "Error loading svg " + container.svg.substring(0, 255),
+                  );
+                  return [3 /*break*/, 12];
+                case 12:
+                  if (
+                    !(
+                      container instanceof IFrameElementContainer &&
+                      container.tree
+                    )
+                  )
+                    return [3 /*break*/, 14];
+                  iframeRenderer = new CanvasRenderer(this.context, {
+                    scale: this.options.scale,
+                    backgroundColor: container.backgroundColor,
+                    x: 0,
+                    y: 0,
+                    width: container.width,
+                    height: container.height,
                   });
-              });
-          };
-          CanvasRenderer.prototype.renderDashedDottedBorder = function (color, width, side, curvePoints, style) {
-              return __awaiter(this, void 0, void 0, function () {
-                  var strokePaths, boxPaths, startX, startY, endX, endY, length, dashLength, spaceLength, useLineDash, multiplier, numberOfDashes, minSpace, maxSpace, path1, path2, path1, path2;
-                  return __generator(this, function (_a) {
-                      this.ctx.save();
-                      strokePaths = parsePathForBorderStroke(curvePoints, side);
-                      boxPaths = parsePathForBorder(curvePoints, side);
-                      if (style === 2 /* DASHED */) {
-                          this.path(boxPaths);
-                          this.ctx.clip();
-                      }
-                      if (isBezierCurve(boxPaths[0])) {
-                          startX = boxPaths[0].start.x;
-                          startY = boxPaths[0].start.y;
-                      }
-                      else {
-                          startX = boxPaths[0].x;
-                          startY = boxPaths[0].y;
-                      }
-                      if (isBezierCurve(boxPaths[1])) {
-                          endX = boxPaths[1].end.x;
-                          endY = boxPaths[1].end.y;
+                  return [4 /*yield*/, iframeRenderer.render(container.tree)];
+                case 13:
+                  canvas = _c.sent();
+                  if (container.width && container.height) {
+                    this.ctx.drawImage(
+                      canvas,
+                      0,
+                      0,
+                      container.width,
+                      container.height,
+                      container.bounds.left,
+                      container.bounds.top,
+                      container.bounds.width,
+                      container.bounds.height,
+                    );
+                  }
+                  _c.label = 14;
+                case 14:
+                  if (container instanceof InputElementContainer) {
+                    size = Math.min(
+                      container.bounds.width,
+                      container.bounds.height,
+                    );
+                    if (container.type === CHECKBOX) {
+                      if (container.checked) {
+                        this.ctx.save();
+                        this.path([
+                          new Vector(
+                            container.bounds.left + size * 0.39363,
+                            container.bounds.top + size * 0.79,
+                          ),
+                          new Vector(
+                            container.bounds.left + size * 0.16,
+                            container.bounds.top + size * 0.5549,
+                          ),
+                          new Vector(
+                            container.bounds.left + size * 0.27347,
+                            container.bounds.top + size * 0.44071,
+                          ),
+                          new Vector(
+                            container.bounds.left + size * 0.39694,
+                            container.bounds.top + size * 0.5649,
+                          ),
+                          new Vector(
+                            container.bounds.left + size * 0.72983,
+                            container.bounds.top + size * 0.23,
+                          ),
+                          new Vector(
+                            container.bounds.left + size * 0.84,
+                            container.bounds.top + size * 0.34085,
+                          ),
+                          new Vector(
+                            container.bounds.left + size * 0.39363,
+                            container.bounds.top + size * 0.79,
+                          ),
+                        ]);
+                        this.ctx.fillStyle = asString(INPUT_COLOR);
+                        this.ctx.fill();
+                        this.ctx.restore();
                       }
-                      else {
-                          endX = boxPaths[1].x;
-                          endY = boxPaths[1].y;
+                    } else if (container.type === RADIO) {
+                      if (container.checked) {
+                        this.ctx.save();
+                        this.ctx.beginPath();
+                        this.ctx.arc(
+                          container.bounds.left + size / 2,
+                          container.bounds.top + size / 2,
+                          size / 4,
+                          0,
+                          Math.PI * 2,
+                          true,
+                        );
+                        this.ctx.fillStyle = asString(INPUT_COLOR);
+                        this.ctx.fill();
+                        this.ctx.restore();
                       }
-                      if (side === 0 || side === 2) {
-                          length = Math.abs(startX - endX);
-                      }
-                      else {
-                          length = Math.abs(startY - endY);
-                      }
-                      this.ctx.beginPath();
-                      if (style === 3 /* DOTTED */) {
-                          this.formatPath(strokePaths);
-                      }
-                      else {
-                          this.formatPath(boxPaths.slice(0, 2));
-                      }
-                      dashLength = width < 3 ? width * 3 : width * 2;
-                      spaceLength = width < 3 ? width * 2 : width;
-                      if (style === 3 /* DOTTED */) {
-                          dashLength = width;
-                          spaceLength = width;
-                      }
-                      useLineDash = true;
-                      if (length <= dashLength * 2) {
-                          useLineDash = false;
-                      }
-                      else if (length <= dashLength * 2 + spaceLength) {
-                          multiplier = length / (2 * dashLength + spaceLength);
-                          dashLength *= multiplier;
-                          spaceLength *= multiplier;
-                      }
-                      else {
-                          numberOfDashes = Math.floor((length + spaceLength) / (dashLength + spaceLength));
-                          minSpace = (length - numberOfDashes * dashLength) / (numberOfDashes - 1);
-                          maxSpace = (length - (numberOfDashes + 1) * dashLength) / numberOfDashes;
-                          spaceLength =
-                              maxSpace <= 0 || Math.abs(spaceLength - minSpace) < Math.abs(spaceLength - maxSpace)
-                                  ? minSpace
-                                  : maxSpace;
-                      }
-                      if (useLineDash) {
-                          if (style === 3 /* DOTTED */) {
-                              this.ctx.setLineDash([0, dashLength + spaceLength]);
-                          }
-                          else {
-                              this.ctx.setLineDash([dashLength, spaceLength]);
-                          }
-                      }
-                      if (style === 3 /* DOTTED */) {
-                          this.ctx.lineCap = 'round';
-                          this.ctx.lineWidth = width;
-                      }
-                      else {
-                          this.ctx.lineWidth = width * 2 + 1.1;
-                      }
-                      this.ctx.strokeStyle = asString(color);
-                      this.ctx.stroke();
-                      this.ctx.setLineDash([]);
-                      // dashed round edge gap
-                      if (style === 2 /* DASHED */) {
-                          if (isBezierCurve(boxPaths[0])) {
-                              path1 = boxPaths[3];
-                              path2 = boxPaths[0];
-                              this.ctx.beginPath();
-                              this.formatPath([new Vector(path1.end.x, path1.end.y), new Vector(path2.start.x, path2.start.y)]);
-                              this.ctx.stroke();
+                    }
+                  }
+                  if (isTextInputElement(container) && container.value.length) {
+                    (_b = this.createFontStyle(styles)),
+                      (fontFamily = _b[0]),
+                      (fontSize = _b[1]);
+                    baseline = this.fontMetrics.getMetrics(
+                      fontFamily,
+                      fontSize,
+                    ).baseline;
+                    this.ctx.font = fontFamily;
+                    this.ctx.fillStyle = asString(styles.color);
+                    this.ctx.textBaseline = "alphabetic";
+                    this.ctx.textAlign = canvasTextAlign(
+                      container.styles.textAlign,
+                    );
+                    bounds = contentBox(container);
+                    x = 0;
+                    switch (container.styles.textAlign) {
+                      case 1 /* CENTER */:
+                        x += bounds.width / 2;
+                        break;
+                      case 2 /* RIGHT */:
+                        x += bounds.width;
+                        break;
+                    }
+                    textBounds = bounds.add(x, 0, 0, -bounds.height / 2 + 1);
+                    this.ctx.save();
+                    this.path([
+                      new Vector(bounds.left, bounds.top),
+                      new Vector(bounds.left + bounds.width, bounds.top),
+                      new Vector(
+                        bounds.left + bounds.width,
+                        bounds.top + bounds.height,
+                      ),
+                      new Vector(bounds.left, bounds.top + bounds.height),
+                    ]);
+                    this.ctx.clip();
+                    this.renderTextWithLetterSpacing(
+                      new TextBounds(container.value, textBounds),
+                      styles.letterSpacing,
+                      baseline,
+                    );
+                    this.ctx.restore();
+                    this.ctx.textBaseline = "alphabetic";
+                    this.ctx.textAlign = "left";
+                  }
+                  if (!contains(container.styles.display, 2048 /* LIST_ITEM */))
+                    return [3 /*break*/, 20];
+                  if (!(container.styles.listStyleImage !== null))
+                    return [3 /*break*/, 19];
+                  img = container.styles.listStyleImage;
+                  if (!((img.type === 0) /* URL */)) return [3 /*break*/, 18];
+                  image = void 0;
+                  url = img.url;
+                  _c.label = 15;
+                case 15:
+                  _c.trys.push([15, 17, , 18]);
+                  return [4 /*yield*/, this.context.cache.match(url)];
+                case 16:
+                  image = _c.sent();
+                  this.ctx.drawImage(
+                    image,
+                    container.bounds.left - (image.width + 10),
+                    container.bounds.top,
+                  );
+                  return [3 /*break*/, 18];
+                case 17:
+                  _c.sent();
+                  this.context.logger.error(
+                    "Error loading list-style-image " + url,
+                  );
+                  return [3 /*break*/, 18];
+                case 18:
+                  return [3 /*break*/, 20];
+                case 19:
+                  if (
+                    paint.listValue &&
+                    container.styles.listStyleType !== -1 /* NONE */
+                  ) {
+                    fontFamily = this.createFontStyle(styles)[0];
+                    this.ctx.font = fontFamily;
+                    this.ctx.fillStyle = asString(styles.color);
+                    this.ctx.textBaseline = "middle";
+                    this.ctx.textAlign = "right";
+                    bounds = new Bounds(
+                      container.bounds.left,
+                      container.bounds.top +
+                        getAbsoluteValue(
+                          container.styles.paddingTop,
+                          container.bounds.width,
+                        ),
+                      container.bounds.width,
+                      computeLineHeight(
+                        styles.lineHeight,
+                        styles.fontSize.number,
+                      ) /
+                        2 +
+                        1,
+                    );
+                    this.renderTextWithLetterSpacing(
+                      new TextBounds(paint.listValue, bounds),
+                      styles.letterSpacing,
+                      computeLineHeight(
+                        styles.lineHeight,
+                        styles.fontSize.number,
+                      ) /
+                        2 +
+                        2,
+                    );
+                    this.ctx.textBaseline = "bottom";
+                    this.ctx.textAlign = "left";
+                  }
+                  _c.label = 20;
+                case 20:
+                  return [2 /*return*/];
+              }
+            });
+          });
+        };
+        CanvasRenderer.prototype.renderStackContent = function (stack) {
+          return __awaiter(this, void 0, void 0, function () {
+            var _i,
+              _a,
+              child,
+              _b,
+              _c,
+              child,
+              _d,
+              _e,
+              child,
+              _f,
+              _g,
+              child,
+              _h,
+              _j,
+              child,
+              _k,
+              _l,
+              child,
+              _m,
+              _o,
+              child;
+            return __generator(this, function (_p) {
+              switch (_p.label) {
+                case 0:
+                  if (
+                    contains(
+                      stack.element.container.flags,
+                      16 /* DEBUG_RENDER */,
+                    )
+                  ) {
+                    debugger;
+                  }
+                  // https://www.w3.org/TR/css-position-3/#painting-order
+                  // 1. the background and borders of the element forming the stacking context.
+                  return [
+                    4 /*yield*/,
+                    this.renderNodeBackgroundAndBorders(stack.element),
+                  ];
+                case 1:
+                  // https://www.w3.org/TR/css-position-3/#painting-order
+                  // 1. the background and borders of the element forming the stacking context.
+                  _p.sent();
+                  (_i = 0), (_a = stack.negativeZIndex);
+                  _p.label = 2;
+                case 2:
+                  if (!(_i < _a.length)) return [3 /*break*/, 5];
+                  child = _a[_i];
+                  return [4 /*yield*/, this.renderStack(child)];
+                case 3:
+                  _p.sent();
+                  _p.label = 4;
+                case 4:
+                  _i++;
+                  return [3 /*break*/, 2];
+                case 5:
+                  // 3. For all its in-flow, non-positioned, block-level descendants in tree order:
+                  return [4 /*yield*/, this.renderNodeContent(stack.element)];
+                case 6:
+                  // 3. For all its in-flow, non-positioned, block-level descendants in tree order:
+                  _p.sent();
+                  (_b = 0), (_c = stack.nonInlineLevel);
+                  _p.label = 7;
+                case 7:
+                  if (!(_b < _c.length)) return [3 /*break*/, 10];
+                  child = _c[_b];
+                  return [4 /*yield*/, this.renderNode(child)];
+                case 8:
+                  _p.sent();
+                  _p.label = 9;
+                case 9:
+                  _b++;
+                  return [3 /*break*/, 7];
+                case 10:
+                  (_d = 0), (_e = stack.nonPositionedFloats);
+                  _p.label = 11;
+                case 11:
+                  if (!(_d < _e.length)) return [3 /*break*/, 14];
+                  child = _e[_d];
+                  return [4 /*yield*/, this.renderStack(child)];
+                case 12:
+                  _p.sent();
+                  _p.label = 13;
+                case 13:
+                  _d++;
+                  return [3 /*break*/, 11];
+                case 14:
+                  (_f = 0), (_g = stack.nonPositionedInlineLevel);
+                  _p.label = 15;
+                case 15:
+                  if (!(_f < _g.length)) return [3 /*break*/, 18];
+                  child = _g[_f];
+                  return [4 /*yield*/, this.renderStack(child)];
+                case 16:
+                  _p.sent();
+                  _p.label = 17;
+                case 17:
+                  _f++;
+                  return [3 /*break*/, 15];
+                case 18:
+                  (_h = 0), (_j = stack.inlineLevel);
+                  _p.label = 19;
+                case 19:
+                  if (!(_h < _j.length)) return [3 /*break*/, 22];
+                  child = _j[_h];
+                  return [4 /*yield*/, this.renderNode(child)];
+                case 20:
+                  _p.sent();
+                  _p.label = 21;
+                case 21:
+                  _h++;
+                  return [3 /*break*/, 19];
+                case 22:
+                  (_k = 0), (_l = stack.zeroOrAutoZIndexOrTransformedOrOpacity);
+                  _p.label = 23;
+                case 23:
+                  if (!(_k < _l.length)) return [3 /*break*/, 26];
+                  child = _l[_k];
+                  return [4 /*yield*/, this.renderStack(child)];
+                case 24:
+                  _p.sent();
+                  _p.label = 25;
+                case 25:
+                  _k++;
+                  return [3 /*break*/, 23];
+                case 26:
+                  (_m = 0), (_o = stack.positiveZIndex);
+                  _p.label = 27;
+                case 27:
+                  if (!(_m < _o.length)) return [3 /*break*/, 30];
+                  child = _o[_m];
+                  return [4 /*yield*/, this.renderStack(child)];
+                case 28:
+                  _p.sent();
+                  _p.label = 29;
+                case 29:
+                  _m++;
+                  return [3 /*break*/, 27];
+                case 30:
+                  return [2 /*return*/];
+              }
+            });
+          });
+        };
+        CanvasRenderer.prototype.mask = function (paths) {
+          this.ctx.beginPath();
+          this.ctx.moveTo(0, 0);
+          this.ctx.lineTo(this.canvas.width, 0);
+          this.ctx.lineTo(this.canvas.width, this.canvas.height);
+          this.ctx.lineTo(0, this.canvas.height);
+          this.ctx.lineTo(0, 0);
+          this.formatPath(paths.slice(0).reverse());
+          this.ctx.closePath();
+        };
+        CanvasRenderer.prototype.path = function (paths) {
+          this.ctx.beginPath();
+          this.formatPath(paths);
+          this.ctx.closePath();
+        };
+        CanvasRenderer.prototype.formatPath = function (paths) {
+          var _this = this;
+          paths.forEach(function (point, index) {
+            var start = isBezierCurve(point) ? point.start : point;
+            if (index === 0) {
+              _this.ctx.moveTo(start.x, start.y);
+            } else {
+              _this.ctx.lineTo(start.x, start.y);
+            }
+            if (isBezierCurve(point)) {
+              _this.ctx.bezierCurveTo(
+                point.startControl.x,
+                point.startControl.y,
+                point.endControl.x,
+                point.endControl.y,
+                point.end.x,
+                point.end.y,
+              );
+            }
+          });
+        };
+        CanvasRenderer.prototype.renderRepeat = function (
+          path,
+          pattern,
+          offsetX,
+          offsetY,
+        ) {
+          this.path(path);
+          this.ctx.fillStyle = pattern;
+          this.ctx.translate(offsetX, offsetY);
+          this.ctx.fill();
+          this.ctx.translate(-offsetX, -offsetY);
+        };
+        CanvasRenderer.prototype.resizeImage = function (image, width, height) {
+          var _a;
+          if (image.width === width && image.height === height) {
+            return image;
+          }
+          var ownerDocument =
+            (_a = this.canvas.ownerDocument) !== null && _a !== void 0
+              ? _a
+              : document;
+          var canvas = ownerDocument.createElement("canvas");
+          canvas.width = Math.max(1, width);
+          canvas.height = Math.max(1, height);
+          var ctx = canvas.getContext("2d");
+          ctx.drawImage(
+            image,
+            0,
+            0,
+            image.width,
+            image.height,
+            0,
+            0,
+            width,
+            height,
+          );
+          return canvas;
+        };
+        CanvasRenderer.prototype.renderBackgroundImage = function (container) {
+          return __awaiter(this, void 0, void 0, function () {
+            var index, _loop_1, this_1, _i, _a, backgroundImage;
+            return __generator(this, function (_b) {
+              switch (_b.label) {
+                case 0:
+                  index = container.styles.backgroundImage.length - 1;
+                  _loop_1 = function (backgroundImage) {
+                    var image,
+                      url,
+                      _c,
+                      path,
+                      x,
+                      y,
+                      width,
+                      height,
+                      pattern,
+                      _d,
+                      path,
+                      x,
+                      y,
+                      width,
+                      height,
+                      _e,
+                      lineLength,
+                      x0,
+                      x1,
+                      y0,
+                      y1,
+                      canvas,
+                      ctx,
+                      gradient_1,
+                      pattern,
+                      _f,
+                      path,
+                      left,
+                      top_1,
+                      width,
+                      height,
+                      position,
+                      x,
+                      y,
+                      _g,
+                      rx,
+                      ry,
+                      radialGradient_1,
+                      midX,
+                      midY,
+                      f,
+                      invF;
+                    return __generator(this, function (_h) {
+                      switch (_h.label) {
+                        case 0:
+                          if (!((backgroundImage.type === 0) /* URL */))
+                            return [3 /*break*/, 5];
+                          image = void 0;
+                          url = backgroundImage.url;
+                          _h.label = 1;
+                        case 1:
+                          _h.trys.push([1, 3, , 4]);
+                          return [4 /*yield*/, this_1.context.cache.match(url)];
+                        case 2:
+                          image = _h.sent();
+                          return [3 /*break*/, 4];
+                        case 3:
+                          _h.sent();
+                          this_1.context.logger.error(
+                            "Error loading background-image " + url,
+                          );
+                          return [3 /*break*/, 4];
+                        case 4:
+                          if (image) {
+                            (_c = calculateBackgroundRendering(
+                              container,
+                              index,
+                              [
+                                image.width,
+                                image.height,
+                                image.width / image.height,
+                              ],
+                            )),
+                              (path = _c[0]),
+                              (x = _c[1]),
+                              (y = _c[2]),
+                              (width = _c[3]),
+                              (height = _c[4]);
+                            pattern = this_1.ctx.createPattern(
+                              this_1.resizeImage(image, width, height),
+                              "repeat",
+                            );
+                            this_1.renderRepeat(path, pattern, x, y);
                           }
-                          if (isBezierCurve(boxPaths[1])) {
-                              path1 = boxPaths[1];
-                              path2 = boxPaths[2];
-                              this.ctx.beginPath();
-                              this.formatPath([new Vector(path1.end.x, path1.end.y), new Vector(path2.start.x, path2.start.y)]);
-                              this.ctx.stroke();
+                          return [3 /*break*/, 6];
+                        case 5:
+                          if (isLinearGradient(backgroundImage)) {
+                            (_d = calculateBackgroundRendering(
+                              container,
+                              index,
+                              [null, null, null],
+                            )),
+                              (path = _d[0]),
+                              (x = _d[1]),
+                              (y = _d[2]),
+                              (width = _d[3]),
+                              (height = _d[4]);
+                            (_e = calculateGradientDirection(
+                              backgroundImage.angle,
+                              width,
+                              height,
+                            )),
+                              (lineLength = _e[0]),
+                              (x0 = _e[1]),
+                              (x1 = _e[2]),
+                              (y0 = _e[3]),
+                              (y1 = _e[4]);
+                            canvas = document.createElement("canvas");
+                            canvas.width = width;
+                            canvas.height = height;
+                            ctx = canvas.getContext("2d");
+                            gradient_1 = ctx.createLinearGradient(
+                              x0,
+                              y0,
+                              x1,
+                              y1,
+                            );
+                            processColorStops(
+                              backgroundImage.stops,
+                              lineLength,
+                            ).forEach(function (colorStop) {
+                              return gradient_1.addColorStop(
+                                colorStop.stop,
+                                asString(colorStop.color),
+                              );
+                            });
+                            ctx.fillStyle = gradient_1;
+                            ctx.fillRect(0, 0, width, height);
+                            if (width > 0 && height > 0) {
+                              pattern = this_1.ctx.createPattern(
+                                canvas,
+                                "repeat",
+                              );
+                              this_1.renderRepeat(path, pattern, x, y);
+                            }
+                          } else if (isRadialGradient(backgroundImage)) {
+                            (_f = calculateBackgroundRendering(
+                              container,
+                              index,
+                              [null, null, null],
+                            )),
+                              (path = _f[0]),
+                              (left = _f[1]),
+                              (top_1 = _f[2]),
+                              (width = _f[3]),
+                              (height = _f[4]);
+                            position =
+                              backgroundImage.position.length === 0
+                                ? [FIFTY_PERCENT]
+                                : backgroundImage.position;
+                            x = getAbsoluteValue(position[0], width);
+                            y = getAbsoluteValue(
+                              position[position.length - 1],
+                              height,
+                            );
+                            (_g = calculateRadius(
+                              backgroundImage,
+                              x,
+                              y,
+                              width,
+                              height,
+                            )),
+                              (rx = _g[0]),
+                              (ry = _g[1]);
+                            if (rx > 0 && ry > 0) {
+                              radialGradient_1 =
+                                this_1.ctx.createRadialGradient(
+                                  left + x,
+                                  top_1 + y,
+                                  0,
+                                  left + x,
+                                  top_1 + y,
+                                  rx,
+                                );
+                              processColorStops(
+                                backgroundImage.stops,
+                                rx * 2,
+                              ).forEach(function (colorStop) {
+                                return radialGradient_1.addColorStop(
+                                  colorStop.stop,
+                                  asString(colorStop.color),
+                                );
+                              });
+                              this_1.path(path);
+                              this_1.ctx.fillStyle = radialGradient_1;
+                              if (rx !== ry) {
+                                midX =
+                                  container.bounds.left +
+                                  0.5 * container.bounds.width;
+                                midY =
+                                  container.bounds.top +
+                                  0.5 * container.bounds.height;
+                                f = ry / rx;
+                                invF = 1 / f;
+                                this_1.ctx.save();
+                                this_1.ctx.translate(midX, midY);
+                                this_1.ctx.transform(1, 0, 0, f, 0, 0);
+                                this_1.ctx.translate(-midX, -midY);
+                                this_1.ctx.fillRect(
+                                  left,
+                                  invF * (top_1 - midY) + midY,
+                                  width,
+                                  height * invF,
+                                );
+                                this_1.ctx.restore();
+                              } else {
+                                this_1.ctx.fill();
+                              }
+                            }
                           }
+                          _h.label = 6;
+                        case 6:
+                          index--;
+                          return [2 /*return*/];
                       }
-                      this.ctx.restore();
-                      return [2 /*return*/];
-                  });
-              });
-          };
-          CanvasRenderer.prototype.render = function (element) {
-              return __awaiter(this, void 0, void 0, function () {
-                  var stack;
-                  return __generator(this, function (_a) {
-                      switch (_a.label) {
-                          case 0:
-                              if (this.options.backgroundColor) {
-                                  this.ctx.fillStyle = asString(this.options.backgroundColor);
-                                  this.ctx.fillRect(this.options.x, this.options.y, this.options.width, this.options.height);
-                              }
-                              stack = parseStackingContexts(element);
-                              return [4 /*yield*/, this.renderStack(stack)];
-                          case 1:
-                              _a.sent();
-                              this.applyEffects([]);
-                              return [2 /*return*/, this.canvas];
+                    });
+                  };
+                  this_1 = this;
+                  (_i = 0),
+                    (_a = container.styles.backgroundImage.slice(0).reverse());
+                  _b.label = 1;
+                case 1:
+                  if (!(_i < _a.length)) return [3 /*break*/, 4];
+                  backgroundImage = _a[_i];
+                  return [5 /*yield**/, _loop_1(backgroundImage)];
+                case 2:
+                  _b.sent();
+                  _b.label = 3;
+                case 3:
+                  _i++;
+                  return [3 /*break*/, 1];
+                case 4:
+                  return [2 /*return*/];
+              }
+            });
+          });
+        };
+        CanvasRenderer.prototype.renderSolidBorder = function (
+          color,
+          side,
+          curvePoints,
+        ) {
+          return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+              this.path(parsePathForBorder(curvePoints, side));
+              this.ctx.fillStyle = asString(color);
+              this.ctx.fill();
+              return [2 /*return*/];
+            });
+          });
+        };
+        CanvasRenderer.prototype.renderDoubleBorder = function (
+          color,
+          width,
+          side,
+          curvePoints,
+        ) {
+          return __awaiter(this, void 0, void 0, function () {
+            var outerPaths, innerPaths;
+            return __generator(this, function (_a) {
+              switch (_a.label) {
+                case 0:
+                  if (!(width < 3)) return [3 /*break*/, 2];
+                  return [
+                    4 /*yield*/,
+                    this.renderSolidBorder(color, side, curvePoints),
+                  ];
+                case 1:
+                  _a.sent();
+                  return [2 /*return*/];
+                case 2:
+                  outerPaths = parsePathForBorderDoubleOuter(curvePoints, side);
+                  this.path(outerPaths);
+                  this.ctx.fillStyle = asString(color);
+                  this.ctx.fill();
+                  innerPaths = parsePathForBorderDoubleInner(curvePoints, side);
+                  this.path(innerPaths);
+                  this.ctx.fill();
+                  return [2 /*return*/];
+              }
+            });
+          });
+        };
+        CanvasRenderer.prototype.renderNodeBackgroundAndBorders = function (
+          paint,
+        ) {
+          return __awaiter(this, void 0, void 0, function () {
+            var styles,
+              hasBackground,
+              borders,
+              backgroundPaintingArea,
+              side,
+              _i,
+              borders_1,
+              border;
+            var _this = this;
+            return __generator(this, function (_a) {
+              switch (_a.label) {
+                case 0:
+                  this.applyEffects(
+                    paint.getEffects(2 /* BACKGROUND_BORDERS */),
+                  );
+                  styles = paint.container.styles;
+                  hasBackground =
+                    !isTransparent(styles.backgroundColor) ||
+                    styles.backgroundImage.length;
+                  borders = [
+                    {
+                      style: styles.borderTopStyle,
+                      color: styles.borderTopColor,
+                      width: styles.borderTopWidth,
+                    },
+                    {
+                      style: styles.borderRightStyle,
+                      color: styles.borderRightColor,
+                      width: styles.borderRightWidth,
+                    },
+                    {
+                      style: styles.borderBottomStyle,
+                      color: styles.borderBottomColor,
+                      width: styles.borderBottomWidth,
+                    },
+                    {
+                      style: styles.borderLeftStyle,
+                      color: styles.borderLeftColor,
+                      width: styles.borderLeftWidth,
+                    },
+                  ];
+                  backgroundPaintingArea =
+                    calculateBackgroundCurvedPaintingArea(
+                      getBackgroundValueForIndex(styles.backgroundClip, 0),
+                      paint.curves,
+                    );
+                  if (!(hasBackground || styles.boxShadow.length))
+                    return [3 /*break*/, 2];
+                  this.ctx.save();
+                  this.path(backgroundPaintingArea);
+                  this.ctx.clip();
+                  if (!isTransparent(styles.backgroundColor)) {
+                    this.ctx.fillStyle = asString(styles.backgroundColor);
+                    this.ctx.fill();
+                  }
+                  return [
+                    4 /*yield*/,
+                    this.renderBackgroundImage(paint.container),
+                  ];
+                case 1:
+                  _a.sent();
+                  this.ctx.restore();
+                  styles.boxShadow
+                    .slice(0)
+                    .reverse()
+                    .forEach(function (shadow) {
+                      _this.ctx.save();
+                      var borderBoxArea = calculateBorderBoxPath(paint.curves);
+                      var maskOffset = shadow.inset ? 0 : MASK_OFFSET;
+                      var shadowPaintingArea = transformPath(
+                        borderBoxArea,
+                        -maskOffset +
+                          (shadow.inset ? 1 : -1) * shadow.spread.number,
+                        (shadow.inset ? 1 : -1) * shadow.spread.number,
+                        shadow.spread.number * (shadow.inset ? -2 : 2),
+                        shadow.spread.number * (shadow.inset ? -2 : 2),
+                      );
+                      if (shadow.inset) {
+                        _this.path(borderBoxArea);
+                        _this.ctx.clip();
+                        _this.mask(shadowPaintingArea);
+                      } else {
+                        _this.mask(borderBoxArea);
+                        _this.ctx.clip();
+                        _this.path(shadowPaintingArea);
                       }
-                  });
-              });
-          };
-          return CanvasRenderer;
-      }(Renderer));
+                      _this.ctx.shadowOffsetX =
+                        shadow.offsetX.number + maskOffset;
+                      _this.ctx.shadowOffsetY = shadow.offsetY.number;
+                      _this.ctx.shadowColor = asString(shadow.color);
+                      _this.ctx.shadowBlur = shadow.blur.number;
+                      _this.ctx.fillStyle = shadow.inset
+                        ? asString(shadow.color)
+                        : "rgba(0,0,0,1)";
+                      _this.ctx.fill();
+                      _this.ctx.restore();
+                    });
+                  _a.label = 2;
+                case 2:
+                  side = 0;
+                  (_i = 0), (borders_1 = borders);
+                  _a.label = 3;
+                case 3:
+                  if (!(_i < borders_1.length)) return [3 /*break*/, 13];
+                  border = borders_1[_i];
+                  if (
+                    !(
+                      border.style !== 0 /* NONE */ &&
+                      !isTransparent(border.color) &&
+                      border.width > 0
+                    )
+                  )
+                    return [3 /*break*/, 11];
+                  if (!((border.style === 2) /* DASHED */))
+                    return [3 /*break*/, 5];
+                  return [
+                    4 /*yield*/,
+                    this.renderDashedDottedBorder(
+                      border.color,
+                      border.width,
+                      side,
+                      paint.curves,
+                      2 /* DASHED */,
+                    ),
+                  ];
+                case 4:
+                  _a.sent();
+                  return [3 /*break*/, 11];
+                case 5:
+                  if (!((border.style === 3) /* DOTTED */))
+                    return [3 /*break*/, 7];
+                  return [
+                    4 /*yield*/,
+                    this.renderDashedDottedBorder(
+                      border.color,
+                      border.width,
+                      side,
+                      paint.curves,
+                      3 /* DOTTED */,
+                    ),
+                  ];
+                case 6:
+                  _a.sent();
+                  return [3 /*break*/, 11];
+                case 7:
+                  if (!((border.style === 4) /* DOUBLE */))
+                    return [3 /*break*/, 9];
+                  return [
+                    4 /*yield*/,
+                    this.renderDoubleBorder(
+                      border.color,
+                      border.width,
+                      side,
+                      paint.curves,
+                    ),
+                  ];
+                case 8:
+                  _a.sent();
+                  return [3 /*break*/, 11];
+                case 9:
+                  return [
+                    4 /*yield*/,
+                    this.renderSolidBorder(border.color, side, paint.curves),
+                  ];
+                case 10:
+                  _a.sent();
+                  _a.label = 11;
+                case 11:
+                  side++;
+                  _a.label = 12;
+                case 12:
+                  _i++;
+                  return [3 /*break*/, 3];
+                case 13:
+                  return [2 /*return*/];
+              }
+            });
+          });
+        };
+        CanvasRenderer.prototype.renderDashedDottedBorder = function (
+          color,
+          width,
+          side,
+          curvePoints,
+          style,
+        ) {
+          return __awaiter(this, void 0, void 0, function () {
+            var strokePaths,
+              boxPaths,
+              startX,
+              startY,
+              endX,
+              endY,
+              length,
+              dashLength,
+              spaceLength,
+              useLineDash,
+              multiplier,
+              numberOfDashes,
+              minSpace,
+              maxSpace,
+              path1,
+              path2,
+              path1,
+              path2;
+            return __generator(this, function (_a) {
+              this.ctx.save();
+              strokePaths = parsePathForBorderStroke(curvePoints, side);
+              boxPaths = parsePathForBorder(curvePoints, side);
+              if (style === 2 /* DASHED */) {
+                this.path(boxPaths);
+                this.ctx.clip();
+              }
+              if (isBezierCurve(boxPaths[0])) {
+                startX = boxPaths[0].start.x;
+                startY = boxPaths[0].start.y;
+              } else {
+                startX = boxPaths[0].x;
+                startY = boxPaths[0].y;
+              }
+              if (isBezierCurve(boxPaths[1])) {
+                endX = boxPaths[1].end.x;
+                endY = boxPaths[1].end.y;
+              } else {
+                endX = boxPaths[1].x;
+                endY = boxPaths[1].y;
+              }
+              if (side === 0 || side === 2) {
+                length = Math.abs(startX - endX);
+              } else {
+                length = Math.abs(startY - endY);
+              }
+              this.ctx.beginPath();
+              if (style === 3 /* DOTTED */) {
+                this.formatPath(strokePaths);
+              } else {
+                this.formatPath(boxPaths.slice(0, 2));
+              }
+              dashLength = width < 3 ? width * 3 : width * 2;
+              spaceLength = width < 3 ? width * 2 : width;
+              if (style === 3 /* DOTTED */) {
+                dashLength = width;
+                spaceLength = width;
+              }
+              useLineDash = true;
+              if (length <= dashLength * 2) {
+                useLineDash = false;
+              } else if (length <= dashLength * 2 + spaceLength) {
+                multiplier = length / (2 * dashLength + spaceLength);
+                dashLength *= multiplier;
+                spaceLength *= multiplier;
+              } else {
+                numberOfDashes = Math.floor(
+                  (length + spaceLength) / (dashLength + spaceLength),
+                );
+                minSpace =
+                  (length - numberOfDashes * dashLength) / (numberOfDashes - 1);
+                maxSpace =
+                  (length - (numberOfDashes + 1) * dashLength) / numberOfDashes;
+                spaceLength =
+                  maxSpace <= 0 ||
+                  Math.abs(spaceLength - minSpace) <
+                    Math.abs(spaceLength - maxSpace)
+                    ? minSpace
+                    : maxSpace;
+              }
+              if (useLineDash) {
+                if (style === 3 /* DOTTED */) {
+                  this.ctx.setLineDash([0, dashLength + spaceLength]);
+                } else {
+                  this.ctx.setLineDash([dashLength, spaceLength]);
+                }
+              }
+              if (style === 3 /* DOTTED */) {
+                this.ctx.lineCap = "round";
+                this.ctx.lineWidth = width;
+              } else {
+                this.ctx.lineWidth = width * 2 + 1.1;
+              }
+              this.ctx.strokeStyle = asString(color);
+              this.ctx.stroke();
+              this.ctx.setLineDash([]);
+              // dashed round edge gap
+              if (style === 2 /* DASHED */) {
+                if (isBezierCurve(boxPaths[0])) {
+                  path1 = boxPaths[3];
+                  path2 = boxPaths[0];
+                  this.ctx.beginPath();
+                  this.formatPath([
+                    new Vector(path1.end.x, path1.end.y),
+                    new Vector(path2.start.x, path2.start.y),
+                  ]);
+                  this.ctx.stroke();
+                }
+                if (isBezierCurve(boxPaths[1])) {
+                  path1 = boxPaths[1];
+                  path2 = boxPaths[2];
+                  this.ctx.beginPath();
+                  this.formatPath([
+                    new Vector(path1.end.x, path1.end.y),
+                    new Vector(path2.start.x, path2.start.y),
+                  ]);
+                  this.ctx.stroke();
+                }
+              }
+              this.ctx.restore();
+              return [2 /*return*/];
+            });
+          });
+        };
+        CanvasRenderer.prototype.render = function (element) {
+          return __awaiter(this, void 0, void 0, function () {
+            var stack;
+            return __generator(this, function (_a) {
+              switch (_a.label) {
+                case 0:
+                  if (this.options.backgroundColor) {
+                    this.ctx.fillStyle = asString(this.options.backgroundColor);
+                    this.ctx.fillRect(
+                      this.options.x,
+                      this.options.y,
+                      this.options.width,
+                      this.options.height,
+                    );
+                  }
+                  stack = parseStackingContexts(element);
+                  return [4 /*yield*/, this.renderStack(stack)];
+                case 1:
+                  _a.sent();
+                  this.applyEffects([]);
+                  return [2 /*return*/, this.canvas];
+              }
+            });
+          });
+        };
+        return CanvasRenderer;
+      })(Renderer);
       var isTextInputElement = function (container) {
-          if (container instanceof TextareaElementContainer) {
-              return true;
-          }
-          else if (container instanceof SelectElementContainer) {
-              return true;
-          }
-          else if (container instanceof InputElementContainer && container.type !== RADIO && container.type !== CHECKBOX) {
-              return true;
-          }
-          return false;
+        if (container instanceof TextareaElementContainer) {
+          return true;
+        } else if (container instanceof SelectElementContainer) {
+          return true;
+        } else if (
+          container instanceof InputElementContainer &&
+          container.type !== RADIO &&
+          container.type !== CHECKBOX
+        ) {
+          return true;
+        }
+        return false;
       };
       var calculateBackgroundCurvedPaintingArea = function (clip, curves) {
-          switch (clip) {
-              case 0 /* BORDER_BOX */:
-                  return calculateBorderBoxPath(curves);
-              case 2 /* CONTENT_BOX */:
-                  return calculateContentBoxPath(curves);
-              case 1 /* PADDING_BOX */:
-              default:
-                  return calculatePaddingBoxPath(curves);
-          }
+        switch (clip) {
+          case 0 /* BORDER_BOX */:
+            return calculateBorderBoxPath(curves);
+          case 2 /* CONTENT_BOX */:
+            return calculateContentBoxPath(curves);
+          case 1 /* PADDING_BOX */:
+          default:
+            return calculatePaddingBoxPath(curves);
+        }
       };
       var canvasTextAlign = function (textAlign) {
-          switch (textAlign) {
-              case 1 /* CENTER */:
-                  return 'center';
-              case 2 /* RIGHT */:
-                  return 'right';
-              case 0 /* LEFT */:
-              default:
-                  return 'left';
-          }
+        switch (textAlign) {
+          case 1 /* CENTER */:
+            return "center";
+          case 2 /* RIGHT */:
+            return "right";
+          case 0 /* LEFT */:
+          default:
+            return "left";
+        }
       };
       // see https://github.com/niklasvh/html2canvas/pull/2645
-      var iOSBrokenFonts = ['-apple-system', 'system-ui'];
+      var iOSBrokenFonts = ["-apple-system", "system-ui"];
       var fixIOSSystemFonts = function (fontFamilies) {
-          return /iPhone OS 15_(0|1)/.test(window.navigator.userAgent)
-              ? fontFamilies.filter(function (fontFamily) { return iOSBrokenFonts.indexOf(fontFamily) === -1; })
-              : fontFamilies;
+        return /iPhone OS 15_(0|1)/.test(window.navigator.userAgent)
+          ? fontFamilies.filter(function (fontFamily) {
+              return iOSBrokenFonts.indexOf(fontFamily) === -1;
+            })
+          : fontFamilies;
       };
 
       var ForeignObjectRenderer = /** @class */ (function (_super) {
-          __extends(ForeignObjectRenderer, _super);
-          function ForeignObjectRenderer(context, options) {
-              var _this = _super.call(this, context, options) || this;
-              _this.canvas = options.canvas ? options.canvas : document.createElement('canvas');
-              _this.ctx = _this.canvas.getContext('2d');
-              _this.options = options;
-              _this.canvas.width = Math.floor(options.width * options.scale);
-              _this.canvas.height = Math.floor(options.height * options.scale);
-              _this.canvas.style.width = options.width + "px";
-              _this.canvas.style.height = options.height + "px";
-              _this.ctx.scale(_this.options.scale, _this.options.scale);
-              _this.ctx.translate(-options.x, -options.y);
-              _this.context.logger.debug("EXPERIMENTAL ForeignObject renderer initialized (" + options.width + "x" + options.height + " at " + options.x + "," + options.y + ") with scale " + options.scale);
-              return _this;
-          }
-          ForeignObjectRenderer.prototype.render = function (element) {
-              return __awaiter(this, void 0, void 0, function () {
-                  var svg, img;
-                  return __generator(this, function (_a) {
-                      switch (_a.label) {
-                          case 0:
-                              svg = createForeignObjectSVG(this.options.width * this.options.scale, this.options.height * this.options.scale, this.options.scale, this.options.scale, element);
-                              return [4 /*yield*/, loadSerializedSVG(svg)];
-                          case 1:
-                              img = _a.sent();
-                              if (this.options.backgroundColor) {
-                                  this.ctx.fillStyle = asString(this.options.backgroundColor);
-                                  this.ctx.fillRect(0, 0, this.options.width * this.options.scale, this.options.height * this.options.scale);
-                              }
-                              this.ctx.drawImage(img, -this.options.x * this.options.scale, -this.options.y * this.options.scale);
-                              return [2 /*return*/, this.canvas];
-                      }
-                  });
-              });
-          };
-          return ForeignObjectRenderer;
-      }(Renderer));
-      var loadSerializedSVG = function (svg) {
-          return new Promise(function (resolve, reject) {
-              var img = new Image();
-              img.onload = function () {
-                  resolve(img);
-              };
-              img.onerror = reject;
-              img.src = "data:image/svg+xml;charset=utf-8," + encodeURIComponent(new XMLSerializer().serializeToString(svg));
+        __extends(ForeignObjectRenderer, _super);
+        function ForeignObjectRenderer(context, options) {
+          var _this = _super.call(this, context, options) || this;
+          _this.canvas = options.canvas
+            ? options.canvas
+            : document.createElement("canvas");
+          _this.ctx = _this.canvas.getContext("2d");
+          _this.options = options;
+          _this.canvas.width = Math.floor(options.width * options.scale);
+          _this.canvas.height = Math.floor(options.height * options.scale);
+          _this.canvas.style.width = options.width + "px";
+          _this.canvas.style.height = options.height + "px";
+          _this.ctx.scale(_this.options.scale, _this.options.scale);
+          _this.ctx.translate(-options.x, -options.y);
+          _this.context.logger.debug(
+            "EXPERIMENTAL ForeignObject renderer initialized (" +
+              options.width +
+              "x" +
+              options.height +
+              " at " +
+              options.x +
+              "," +
+              options.y +
+              ") with scale " +
+              options.scale,
+          );
+          return _this;
+        }
+        ForeignObjectRenderer.prototype.render = function (element) {
+          return __awaiter(this, void 0, void 0, function () {
+            var svg, img;
+            return __generator(this, function (_a) {
+              switch (_a.label) {
+                case 0:
+                  svg = createForeignObjectSVG(
+                    this.options.width * this.options.scale,
+                    this.options.height * this.options.scale,
+                    this.options.scale,
+                    this.options.scale,
+                    element,
+                  );
+                  return [4 /*yield*/, loadSerializedSVG(svg)];
+                case 1:
+                  img = _a.sent();
+                  if (this.options.backgroundColor) {
+                    this.ctx.fillStyle = asString(this.options.backgroundColor);
+                    this.ctx.fillRect(
+                      0,
+                      0,
+                      this.options.width * this.options.scale,
+                      this.options.height * this.options.scale,
+                    );
+                  }
+                  this.ctx.drawImage(
+                    img,
+                    -this.options.x * this.options.scale,
+                    -this.options.y * this.options.scale,
+                  );
+                  return [2 /*return*/, this.canvas];
+              }
+            });
           });
+        };
+        return ForeignObjectRenderer;
+      })(Renderer);
+      var loadSerializedSVG = function (svg) {
+        return new Promise(function (resolve, reject) {
+          var img = new Image();
+          img.onload = function () {
+            resolve(img);
+          };
+          img.onerror = reject;
+          img.src =
+            "data:image/svg+xml;charset=utf-8," +
+            encodeURIComponent(new XMLSerializer().serializeToString(svg));
+        });
       };
 
       var Logger = /** @class */ (function () {
-          function Logger(_a) {
-              var id = _a.id, enabled = _a.enabled;
-              this.id = id;
-              this.enabled = enabled;
-              this.start = Date.now();
-          }
-          // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          Logger.prototype.debug = function () {
-              var args = [];
-              for (var _i = 0; _i < arguments.length; _i++) {
-                  args[_i] = arguments[_i];
-              }
-              if (this.enabled) {
-                  // eslint-disable-next-line no-console
-                  if (typeof window !== 'undefined' && window.console && typeof console.debug === 'function') {
-                      // eslint-disable-next-line no-console
-                      console.debug.apply(console, __spreadArray([this.id, this.getTime() + "ms"], args));
-                  }
-                  else {
-                      this.info.apply(this, args);
-                  }
-              }
-          };
-          Logger.prototype.getTime = function () {
-              return Date.now() - this.start;
-          };
-          // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          Logger.prototype.info = function () {
-              var args = [];
-              for (var _i = 0; _i < arguments.length; _i++) {
-                  args[_i] = arguments[_i];
-              }
-              if (this.enabled) {
-                  // eslint-disable-next-line no-console
-                  if (typeof window !== 'undefined' && window.console && typeof console.info === 'function') {
-                      // eslint-disable-next-line no-console
-                      console.info.apply(console, __spreadArray([this.id, this.getTime() + "ms"], args));
-                  }
-              }
-          };
-          // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          Logger.prototype.warn = function () {
-              var args = [];
-              for (var _i = 0; _i < arguments.length; _i++) {
-                  args[_i] = arguments[_i];
-              }
-              if (this.enabled) {
-                  // eslint-disable-next-line no-console
-                  if (typeof window !== 'undefined' && window.console && typeof console.warn === 'function') {
-                      // eslint-disable-next-line no-console
-                      console.warn.apply(console, __spreadArray([this.id, this.getTime() + "ms"], args));
-                  }
-                  else {
-                      this.info.apply(this, args);
-                  }
-              }
-          };
-          // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          Logger.prototype.error = function () {
-              var args = [];
-              for (var _i = 0; _i < arguments.length; _i++) {
-                  args[_i] = arguments[_i];
-              }
-              if (this.enabled) {
-                  // eslint-disable-next-line no-console
-                  if (typeof window !== 'undefined' && window.console && typeof console.error === 'function') {
-                      // eslint-disable-next-line no-console
-                      console.error.apply(console, __spreadArray([this.id, this.getTime() + "ms"], args));
-                  }
-                  else {
-                      this.info.apply(this, args);
-                  }
-              }
-          };
-          Logger.instances = {};
-          return Logger;
-      }());
+        function Logger(_a) {
+          var id = _a.id,
+            enabled = _a.enabled;
+          this.id = id;
+          this.enabled = enabled;
+          this.start = Date.now();
+        }
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        Logger.prototype.debug = function () {
+          var args = [];
+          for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+          }
+          if (this.enabled) {
+            // eslint-disable-next-line no-console
+            if (
+              typeof window !== "undefined" &&
+              window.console &&
+              typeof console.debug === "function"
+            ) {
+              // eslint-disable-next-line no-console
+              console.debug.apply(
+                console,
+                __spreadArray([this.id, this.getTime() + "ms"], args),
+              );
+            } else {
+              this.info.apply(this, args);
+            }
+          }
+        };
+        Logger.prototype.getTime = function () {
+          return Date.now() - this.start;
+        };
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        Logger.prototype.info = function () {
+          var args = [];
+          for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+          }
+          if (this.enabled) {
+            // eslint-disable-next-line no-console
+            if (
+              typeof window !== "undefined" &&
+              window.console &&
+              typeof console.info === "function"
+            ) {
+              // eslint-disable-next-line no-console
+              console.info.apply(
+                console,
+                __spreadArray([this.id, this.getTime() + "ms"], args),
+              );
+            }
+          }
+        };
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        Logger.prototype.warn = function () {
+          var args = [];
+          for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+          }
+          if (this.enabled) {
+            // eslint-disable-next-line no-console
+            if (
+              typeof window !== "undefined" &&
+              window.console &&
+              typeof console.warn === "function"
+            ) {
+              // eslint-disable-next-line no-console
+              console.warn.apply(
+                console,
+                __spreadArray([this.id, this.getTime() + "ms"], args),
+              );
+            } else {
+              this.info.apply(this, args);
+            }
+          }
+        };
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        Logger.prototype.error = function () {
+          var args = [];
+          for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+          }
+          if (this.enabled) {
+            // eslint-disable-next-line no-console
+            if (
+              typeof window !== "undefined" &&
+              window.console &&
+              typeof console.error === "function"
+            ) {
+              // eslint-disable-next-line no-console
+              console.error.apply(
+                console,
+                __spreadArray([this.id, this.getTime() + "ms"], args),
+              );
+            } else {
+              this.info.apply(this, args);
+            }
+          }
+        };
+        Logger.instances = {};
+        return Logger;
+      })();
 
       var Context = /** @class */ (function () {
-          function Context(options, windowBounds) {
-              var _a;
-              this.windowBounds = windowBounds;
-              this.instanceName = "#" + Context.instanceCount++;
-              this.logger = new Logger({ id: this.instanceName, enabled: options.logging });
-              this.cache = (_a = options.cache) !== null && _a !== void 0 ? _a : new Cache(this, options);
-          }
-          Context.instanceCount = 1;
-          return Context;
-      }());
+        function Context(options, windowBounds) {
+          var _a;
+          this.windowBounds = windowBounds;
+          this.instanceName = "#" + Context.instanceCount++;
+          this.logger = new Logger({
+            id: this.instanceName,
+            enabled: options.logging,
+          });
+          this.cache =
+            (_a = options.cache) !== null && _a !== void 0
+              ? _a
+              : new Cache(this, options);
+        }
+        Context.instanceCount = 1;
+        return Context;
+      })();
 
       var html2canvas = function (element, options) {
-          if (options === void 0) { options = {}; }
-          return renderElement(element, options);
+        if (options === void 0) {
+          options = {};
+        }
+        return renderElement(element, options);
       };
-      if (typeof window !== 'undefined') {
-          CacheStorage.setContext(window);
+      if (typeof window !== "undefined") {
+        CacheStorage.setContext(window);
       }
-      var renderElement = function (element, opts) { return __awaiter(void 0, void 0, void 0, function () {
-          var ownerDocument, defaultView, resourceOptions, contextOptions, windowOptions, windowBounds, context, foreignObjectRendering, cloneOptions, documentCloner, clonedElement, container, _a, width, height, left, top, backgroundColor, renderOptions, canvas, renderer, root, renderer;
-          var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
+      var renderElement = function (element, opts) {
+        return __awaiter(void 0, void 0, void 0, function () {
+          var ownerDocument,
+            defaultView,
+            resourceOptions,
+            contextOptions,
+            windowOptions,
+            windowBounds,
+            context,
+            foreignObjectRendering,
+            cloneOptions,
+            documentCloner,
+            clonedElement,
+            container,
+            _a,
+            width,
+            height,
+            left,
+            top,
+            backgroundColor,
+            renderOptions,
+            canvas,
+            renderer,
+            root,
+            renderer;
+          var _b,
+            _c,
+            _d,
+            _e,
+            _f,
+            _g,
+            _h,
+            _j,
+            _k,
+            _l,
+            _m,
+            _o,
+            _p,
+            _q,
+            _r,
+            _s,
+            _t;
           return __generator(this, function (_u) {
-              switch (_u.label) {
-                  case 0:
-                      if (!element || typeof element !== 'object') {
-                          return [2 /*return*/, Promise.reject('Invalid element provided as first argument')];
-                      }
-                      ownerDocument = element.ownerDocument;
-                      if (!ownerDocument) {
-                          throw new Error("Element is not attached to a Document");
-                      }
-                      defaultView = ownerDocument.defaultView;
-                      if (!defaultView) {
-                          throw new Error("Document is not attached to a Window");
-                      }
-                      resourceOptions = {
-                          allowTaint: (_b = opts.allowTaint) !== null && _b !== void 0 ? _b : false,
-                          imageTimeout: (_c = opts.imageTimeout) !== null && _c !== void 0 ? _c : 15000,
-                          proxy: opts.proxy,
-                          useCORS: (_d = opts.useCORS) !== null && _d !== void 0 ? _d : false
-                      };
-                      contextOptions = __assign({ logging: (_e = opts.logging) !== null && _e !== void 0 ? _e : true, cache: opts.cache }, resourceOptions);
-                      windowOptions = {
-                          windowWidth: (_f = opts.windowWidth) !== null && _f !== void 0 ? _f : defaultView.innerWidth,
-                          windowHeight: (_g = opts.windowHeight) !== null && _g !== void 0 ? _g : defaultView.innerHeight,
-                          scrollX: (_h = opts.scrollX) !== null && _h !== void 0 ? _h : defaultView.pageXOffset,
-                          scrollY: (_j = opts.scrollY) !== null && _j !== void 0 ? _j : defaultView.pageYOffset
-                      };
-                      windowBounds = new Bounds(windowOptions.scrollX, windowOptions.scrollY, windowOptions.windowWidth, windowOptions.windowHeight);
-                      context = new Context(contextOptions, windowBounds);
-                      foreignObjectRendering = (_k = opts.foreignObjectRendering) !== null && _k !== void 0 ? _k : false;
-                      cloneOptions = {
-                          allowTaint: (_l = opts.allowTaint) !== null && _l !== void 0 ? _l : false,
-                          onclone: opts.onclone,
-                          ignoreElements: opts.ignoreElements,
-                          inlineImages: foreignObjectRendering,
-                          copyStyles: foreignObjectRendering
-                      };
-                      context.logger.debug("Starting document clone with size " + windowBounds.width + "x" + windowBounds.height + " scrolled to " + -windowBounds.left + "," + -windowBounds.top);
-                      documentCloner = new DocumentCloner(context, element, cloneOptions);
-                      clonedElement = documentCloner.clonedReferenceElement;
-                      if (!clonedElement) {
-                          return [2 /*return*/, Promise.reject("Unable to find element in cloned iframe")];
-                      }
-                      return [4 /*yield*/, documentCloner.toIFrame(ownerDocument, windowBounds)];
-                  case 1:
-                      container = _u.sent();
-                      _a = isBodyElement(clonedElement) || isHTMLElement(clonedElement)
-                          ? parseDocumentSize(clonedElement.ownerDocument)
-                          : parseBounds(context, clonedElement), width = _a.width, height = _a.height, left = _a.left, top = _a.top;
-                      backgroundColor = parseBackgroundColor(context, clonedElement, opts.backgroundColor);
-                      renderOptions = {
-                          canvas: opts.canvas,
-                          backgroundColor: backgroundColor,
-                          scale: (_o = (_m = opts.scale) !== null && _m !== void 0 ? _m : defaultView.devicePixelRatio) !== null && _o !== void 0 ? _o : 1,
-                          x: ((_p = opts.x) !== null && _p !== void 0 ? _p : 0) + left,
-                          y: ((_q = opts.y) !== null && _q !== void 0 ? _q : 0) + top,
-                          width: (_r = opts.width) !== null && _r !== void 0 ? _r : Math.ceil(width),
-                          height: (_s = opts.height) !== null && _s !== void 0 ? _s : Math.ceil(height)
-                      };
-                      if (!foreignObjectRendering) return [3 /*break*/, 3];
-                      context.logger.debug("Document cloned, using foreign object rendering");
-                      renderer = new ForeignObjectRenderer(context, renderOptions);
-                      return [4 /*yield*/, renderer.render(clonedElement)];
-                  case 2:
-                      canvas = _u.sent();
-                      return [3 /*break*/, 5];
-                  case 3:
-                      context.logger.debug("Document cloned, element located at " + left + "," + top + " with size " + width + "x" + height + " using computed rendering");
-                      context.logger.debug("Starting DOM parsing");
-                      root = parseTree(context, clonedElement);
-                      if (backgroundColor === root.styles.backgroundColor) {
-                          root.styles.backgroundColor = COLORS.TRANSPARENT;
-                      }
-                      context.logger.debug("Starting renderer for element at " + renderOptions.x + "," + renderOptions.y + " with size " + renderOptions.width + "x" + renderOptions.height);
-                      renderer = new CanvasRenderer(context, renderOptions);
-                      return [4 /*yield*/, renderer.render(root)];
-                  case 4:
-                      canvas = _u.sent();
-                      _u.label = 5;
-                  case 5:
-                      if ((_t = opts.removeContainer) !== null && _t !== void 0 ? _t : true) {
-                          if (!DocumentCloner.destroy(container)) {
-                              context.logger.error("Cannot detach cloned iframe as it is not in the DOM anymore");
-                          }
-                      }
-                      context.logger.debug("Finished rendering");
-                      return [2 /*return*/, canvas];
-              }
+            switch (_u.label) {
+              case 0:
+                if (!element || typeof element !== "object") {
+                  return [
+                    2 /*return*/,
+                    Promise.reject(
+                      "Invalid element provided as first argument",
+                    ),
+                  ];
+                }
+                ownerDocument = element.ownerDocument;
+                if (!ownerDocument) {
+                  throw new Error("Element is not attached to a Document");
+                }
+                defaultView = ownerDocument.defaultView;
+                if (!defaultView) {
+                  throw new Error("Document is not attached to a Window");
+                }
+                resourceOptions = {
+                  allowTaint:
+                    (_b = opts.allowTaint) !== null && _b !== void 0
+                      ? _b
+                      : false,
+                  imageTimeout:
+                    (_c = opts.imageTimeout) !== null && _c !== void 0
+                      ? _c
+                      : 15000,
+                  proxy: opts.proxy,
+                  useCORS:
+                    (_d = opts.useCORS) !== null && _d !== void 0 ? _d : false,
+                };
+                contextOptions = __assign(
+                  {
+                    logging:
+                      (_e = opts.logging) !== null && _e !== void 0 ? _e : true,
+                    cache: opts.cache,
+                  },
+                  resourceOptions,
+                );
+                windowOptions = {
+                  windowWidth:
+                    (_f = opts.windowWidth) !== null && _f !== void 0
+                      ? _f
+                      : defaultView.innerWidth,
+                  windowHeight:
+                    (_g = opts.windowHeight) !== null && _g !== void 0
+                      ? _g
+                      : defaultView.innerHeight,
+                  scrollX:
+                    (_h = opts.scrollX) !== null && _h !== void 0
+                      ? _h
+                      : defaultView.pageXOffset,
+                  scrollY:
+                    (_j = opts.scrollY) !== null && _j !== void 0
+                      ? _j
+                      : defaultView.pageYOffset,
+                };
+                windowBounds = new Bounds(
+                  windowOptions.scrollX,
+                  windowOptions.scrollY,
+                  windowOptions.windowWidth,
+                  windowOptions.windowHeight,
+                );
+                context = new Context(contextOptions, windowBounds);
+                foreignObjectRendering =
+                  (_k = opts.foreignObjectRendering) !== null && _k !== void 0
+                    ? _k
+                    : false;
+                cloneOptions = {
+                  allowTaint:
+                    (_l = opts.allowTaint) !== null && _l !== void 0
+                      ? _l
+                      : false,
+                  onclone: opts.onclone,
+                  ignoreElements: opts.ignoreElements,
+                  inlineImages: foreignObjectRendering,
+                  copyStyles: foreignObjectRendering,
+                };
+                context.logger.debug(
+                  "Starting document clone with size " +
+                    windowBounds.width +
+                    "x" +
+                    windowBounds.height +
+                    " scrolled to " +
+                    -windowBounds.left +
+                    "," +
+                    -windowBounds.top,
+                );
+                documentCloner = new DocumentCloner(
+                  context,
+                  element,
+                  cloneOptions,
+                );
+                clonedElement = documentCloner.clonedReferenceElement;
+                if (!clonedElement) {
+                  return [
+                    2 /*return*/,
+                    Promise.reject("Unable to find element in cloned iframe"),
+                  ];
+                }
+                return [
+                  4 /*yield*/,
+                  documentCloner.toIFrame(ownerDocument, windowBounds),
+                ];
+              case 1:
+                container = _u.sent();
+                (_a =
+                  isBodyElement(clonedElement) || isHTMLElement(clonedElement)
+                    ? parseDocumentSize(clonedElement.ownerDocument)
+                    : parseBounds(context, clonedElement)),
+                  (width = _a.width),
+                  (height = _a.height),
+                  (left = _a.left),
+                  (top = _a.top);
+                backgroundColor = parseBackgroundColor(
+                  context,
+                  clonedElement,
+                  opts.backgroundColor,
+                );
+                renderOptions = {
+                  canvas: opts.canvas,
+                  backgroundColor: backgroundColor,
+                  scale:
+                    (_o =
+                      (_m = opts.scale) !== null && _m !== void 0
+                        ? _m
+                        : defaultView.devicePixelRatio) !== null &&
+                    _o !== void 0
+                      ? _o
+                      : 1,
+                  x: ((_p = opts.x) !== null && _p !== void 0 ? _p : 0) + left,
+                  y: ((_q = opts.y) !== null && _q !== void 0 ? _q : 0) + top,
+                  width:
+                    (_r = opts.width) !== null && _r !== void 0
+                      ? _r
+                      : Math.ceil(width),
+                  height:
+                    (_s = opts.height) !== null && _s !== void 0
+                      ? _s
+                      : Math.ceil(height),
+                };
+                if (!foreignObjectRendering) return [3 /*break*/, 3];
+                context.logger.debug(
+                  "Document cloned, using foreign object rendering",
+                );
+                renderer = new ForeignObjectRenderer(context, renderOptions);
+                return [4 /*yield*/, renderer.render(clonedElement)];
+              case 2:
+                canvas = _u.sent();
+                return [3 /*break*/, 5];
+              case 3:
+                context.logger.debug(
+                  "Document cloned, element located at " +
+                    left +
+                    "," +
+                    top +
+                    " with size " +
+                    width +
+                    "x" +
+                    height +
+                    " using computed rendering",
+                );
+                context.logger.debug("Starting DOM parsing");
+                root = parseTree(context, clonedElement);
+                if (backgroundColor === root.styles.backgroundColor) {
+                  root.styles.backgroundColor = COLORS.TRANSPARENT;
+                }
+                context.logger.debug(
+                  "Starting renderer for element at " +
+                    renderOptions.x +
+                    "," +
+                    renderOptions.y +
+                    " with size " +
+                    renderOptions.width +
+                    "x" +
+                    renderOptions.height,
+                );
+                renderer = new CanvasRenderer(context, renderOptions);
+                return [4 /*yield*/, renderer.render(root)];
+              case 4:
+                canvas = _u.sent();
+                _u.label = 5;
+              case 5:
+                if (
+                  (_t = opts.removeContainer) !== null && _t !== void 0
+                    ? _t
+                    : true
+                ) {
+                  if (!DocumentCloner.destroy(container)) {
+                    context.logger.error(
+                      "Cannot detach cloned iframe as it is not in the DOM anymore",
+                    );
+                  }
+                }
+                context.logger.debug("Finished rendering");
+                return [2 /*return*/, canvas];
+            }
           });
-      }); };
-      var parseBackgroundColor = function (context, element, backgroundColorOverride) {
-          var ownerDocument = element.ownerDocument;
-          // http://www.w3.org/TR/css3-background/#special-backgrounds
-          var documentBackgroundColor = ownerDocument.documentElement
-              ? parseColor(context, getComputedStyle(ownerDocument.documentElement).backgroundColor)
-              : COLORS.TRANSPARENT;
-          var bodyBackgroundColor = ownerDocument.body
-              ? parseColor(context, getComputedStyle(ownerDocument.body).backgroundColor)
-              : COLORS.TRANSPARENT;
-          var defaultBackgroundColor = typeof backgroundColorOverride === 'string'
-              ? parseColor(context, backgroundColorOverride)
-              : backgroundColorOverride === null
-                  ? COLORS.TRANSPARENT
-                  : 0xffffffff;
-          return element === ownerDocument.documentElement
-              ? isTransparent(documentBackgroundColor)
-                  ? isTransparent(bodyBackgroundColor)
-                      ? defaultBackgroundColor
-                      : bodyBackgroundColor
-                  : documentBackgroundColor
-              : defaultBackgroundColor;
+        });
+      };
+      var parseBackgroundColor = function (
+        context,
+        element,
+        backgroundColorOverride,
+      ) {
+        var ownerDocument = element.ownerDocument;
+        // http://www.w3.org/TR/css3-background/#special-backgrounds
+        var documentBackgroundColor = ownerDocument.documentElement
+          ? parseColor(
+              context,
+              getComputedStyle(ownerDocument.documentElement).backgroundColor,
+            )
+          : COLORS.TRANSPARENT;
+        var bodyBackgroundColor = ownerDocument.body
+          ? parseColor(
+              context,
+              getComputedStyle(ownerDocument.body).backgroundColor,
+            )
+          : COLORS.TRANSPARENT;
+        var defaultBackgroundColor =
+          typeof backgroundColorOverride === "string"
+            ? parseColor(context, backgroundColorOverride)
+            : backgroundColorOverride === null
+              ? COLORS.TRANSPARENT
+              : 0xffffffff;
+        return element === ownerDocument.documentElement
+          ? isTransparent(documentBackgroundColor)
+            ? isTransparent(bodyBackgroundColor)
+              ? defaultBackgroundColor
+              : bodyBackgroundColor
+            : documentBackgroundColor
+          : defaultBackgroundColor;
       };
 
       return html2canvas;
-
-  })));
-
+    });
   });
 
   /* src/TagButton.svelte generated by Svelte v3.59.2 */
@@ -9835,232 +13043,259 @@
   const file = "src/TagButton.svelte";
 
   function create_fragment(ctx) {
-  	let button;
-  	let svg;
-  	let g0;
-  	let g1;
-  	let g4;
-  	let title;
-  	let t;
-  	let g3;
-  	let g2;
-  	let path;
-  	let mounted;
-  	let dispose;
-
-  	const block = {
-  		c: function create() {
-  			button = element("button");
-  			svg = svg_element("svg");
-  			g0 = svg_element("g");
-  			g1 = svg_element("g");
-  			g4 = svg_element("g");
-  			title = svg_element("title");
-  			t = text("ai");
-  			g3 = svg_element("g");
-  			g2 = svg_element("g");
-  			path = svg_element("path");
-  			attr_dev(g0, "id", "SVGRepo_bgCarrier");
-  			attr_dev(g0, "stroke-width", "0");
-  			add_location(g0, file, 65, 180, 1908);
-  			attr_dev(g1, "id", "SVGRepo_tracerCarrier");
-  			attr_dev(g1, "stroke-linecap", "round");
-  			attr_dev(g1, "stroke-linejoin", "round");
-  			add_location(g1, file, 65, 227, 1955);
-  			add_location(title, file, 65, 337, 2065);
-  			attr_dev(path, "d", "M320,64 L320,320 L64,320 L64,64 L320,64 Z M171.749388,128 L146.817842,128 L99.4840387,256 L121.976629,256 L130.913039,230.977 L187.575039,230.977 L196.319607,256 L220.167172,256 L171.749388,128 Z M260.093778,128 L237.691519,128 L237.691519,256 L260.093778,256 L260.093778,128 Z M159.094727,149.47526 L181.409039,213.333 L137.135039,213.333 L159.094727,149.47526 Z M341.333333,256 L384,256 L384,298.666667 L341.333333,298.666667 L341.333333,256 Z M85.3333333,341.333333 L128,341.333333 L128,384 L85.3333333,384 L85.3333333,341.333333 Z M170.666667,341.333333 L213.333333,341.333333 L213.333333,384 L170.666667,384 L170.666667,341.333333 Z M85.3333333,0 L128,0 L128,42.6666667 L85.3333333,42.6666667 L85.3333333,0 Z M256,341.333333 L298.666667,341.333333 L298.666667,384 L256,384 L256,341.333333 Z M170.666667,0 L213.333333,0 L213.333333,42.6666667 L170.666667,42.6666667 L170.666667,0 Z M256,0 L298.666667,0 L298.666667,42.6666667 L256,42.6666667 L256,0 Z M341.333333,170.666667 L384,170.666667 L384,213.333333 L341.333333,213.333333 L341.333333,170.666667 Z M0,256 L42.6666667,256 L42.6666667,298.666667 L0,298.666667 L0,256 Z M341.333333,85.3333333 L384,85.3333333 L384,128 L341.333333,128 L341.333333,85.3333333 Z M0,170.666667 L42.6666667,170.666667 L42.6666667,213.333333 L0,213.333333 L0,170.666667 Z M0,85.3333333 L42.6666667,85.3333333 L42.6666667,128 L0,128 L0,85.3333333 Z");
-  			attr_dev(path, "id", "Combined-Shape");
-  			add_location(path, file, 65, 507, 2235);
-  			attr_dev(g2, "id", "icon");
-  			attr_dev(g2, "fill", "#ffffff");
-  			attr_dev(g2, "transform", "translate(64.000000, 64.000000)");
-  			add_location(g2, file, 65, 434, 2162);
-  			attr_dev(g3, "id", "Page-1");
-  			attr_dev(g3, "stroke", "none");
-  			attr_dev(g3, "stroke-width", "1");
-  			attr_dev(g3, "fill", "none");
-  			attr_dev(g3, "fill-rule", "evenodd");
-  			add_location(g3, file, 65, 355, 2083);
-  			attr_dev(g4, "id", "SVGRepo_iconCarrier");
-  			add_location(g4, file, 65, 308, 2036);
-  			attr_dev(svg, "viewBox", "0 0 512 512");
-  			attr_dev(svg, "version", "1.1");
-  			attr_dev(svg, "xmlns", "http://www.w3.org/2000/svg");
-  			attr_dev(svg, "xmlns:xlink", "http://www.w3.org/1999/xlink");
-  			attr_dev(svg, "fill", "#ffffff");
-  			attr_dev(svg, "stroke", "#ffffff");
-  			attr_dev(svg, "width", "20px");
-  			attr_dev(svg, "height", "20px");
-  			attr_dev(svg, "class", "svelte-1m5gxnd");
-  			add_location(svg, file, 65, 2, 1730);
-  			attr_dev(button, "id", "stashrealbooru");
-  			attr_dev(button, "class", "svelte-1m5gxnd");
-  			toggle_class(button, "scanner", /*scanner*/ ctx[0]);
-  			add_location(button, file, 64, 0, 1664);
-  		},
-  		l: function claim(nodes) {
-  			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
-  		},
-  		m: function mount(target, anchor) {
-  			insert_dev(target, button, anchor);
-  			append_dev(button, svg);
-  			append_dev(svg, g0);
-  			append_dev(svg, g1);
-  			append_dev(svg, g4);
-  			append_dev(g4, title);
-  			append_dev(title, t);
-  			append_dev(g4, g3);
-  			append_dev(g3, g2);
-  			append_dev(g2, path);
-
-  			if (!mounted) {
-  				dispose = listen_dev(button, "click", /*recognize*/ ctx[1], false, false, false, false);
-  				mounted = true;
-  			}
-  		},
-  		p: function update(ctx, [dirty]) {
-  			if (dirty & /*scanner*/ 1) {
-  				toggle_class(button, "scanner", /*scanner*/ ctx[0]);
-  			}
-  		},
-  		i: noop,
-  		o: noop,
-  		d: function destroy(detaching) {
-  			if (detaching) detach_dev(button);
-  			mounted = false;
-  			dispose();
-  		}
-  	};
-
-  	dispatch_dev("SvelteRegisterBlock", {
-  		block,
-  		id: create_fragment.name,
-  		type: "component",
-  		source: "",
-  		ctx
-  	});
-
-  	return block;
+    let button;
+    let svg;
+    let g0;
+    let g1;
+    let g4;
+    let title;
+    let t;
+    let g3;
+    let g2;
+    let path;
+    let mounted;
+    let dispose;
+
+    const block = {
+      c: function create() {
+        button = element("button");
+        svg = svg_element("svg");
+        g0 = svg_element("g");
+        g1 = svg_element("g");
+        g4 = svg_element("g");
+        title = svg_element("title");
+        t = text("ai");
+        g3 = svg_element("g");
+        g2 = svg_element("g");
+        path = svg_element("path");
+        attr_dev(g0, "id", "SVGRepo_bgCarrier");
+        attr_dev(g0, "stroke-width", "0");
+        add_location(g0, file, 65, 180, 1908);
+        attr_dev(g1, "id", "SVGRepo_tracerCarrier");
+        attr_dev(g1, "stroke-linecap", "round");
+        attr_dev(g1, "stroke-linejoin", "round");
+        add_location(g1, file, 65, 227, 1955);
+        add_location(title, file, 65, 337, 2065);
+        attr_dev(
+          path,
+          "d",
+          "M320,64 L320,320 L64,320 L64,64 L320,64 Z M171.749388,128 L146.817842,128 L99.4840387,256 L121.976629,256 L130.913039,230.977 L187.575039,230.977 L196.319607,256 L220.167172,256 L171.749388,128 Z M260.093778,128 L237.691519,128 L237.691519,256 L260.093778,256 L260.093778,128 Z M159.094727,149.47526 L181.409039,213.333 L137.135039,213.333 L159.094727,149.47526 Z M341.333333,256 L384,256 L384,298.666667 L341.333333,298.666667 L341.333333,256 Z M85.3333333,341.333333 L128,341.333333 L128,384 L85.3333333,384 L85.3333333,341.333333 Z M170.666667,341.333333 L213.333333,341.333333 L213.333333,384 L170.666667,384 L170.666667,341.333333 Z M85.3333333,0 L128,0 L128,42.6666667 L85.3333333,42.6666667 L85.3333333,0 Z M256,341.333333 L298.666667,341.333333 L298.666667,384 L256,384 L256,341.333333 Z M170.666667,0 L213.333333,0 L213.333333,42.6666667 L170.666667,42.6666667 L170.666667,0 Z M256,0 L298.666667,0 L298.666667,42.6666667 L256,42.6666667 L256,0 Z M341.333333,170.666667 L384,170.666667 L384,213.333333 L341.333333,213.333333 L341.333333,170.666667 Z M0,256 L42.6666667,256 L42.6666667,298.666667 L0,298.666667 L0,256 Z M341.333333,85.3333333 L384,85.3333333 L384,128 L341.333333,128 L341.333333,85.3333333 Z M0,170.666667 L42.6666667,170.666667 L42.6666667,213.333333 L0,213.333333 L0,170.666667 Z M0,85.3333333 L42.6666667,85.3333333 L42.6666667,128 L0,128 L0,85.3333333 Z",
+        );
+        attr_dev(path, "id", "Combined-Shape");
+        add_location(path, file, 65, 507, 2235);
+        attr_dev(g2, "id", "icon");
+        attr_dev(g2, "fill", "#ffffff");
+        attr_dev(g2, "transform", "translate(64.000000, 64.000000)");
+        add_location(g2, file, 65, 434, 2162);
+        attr_dev(g3, "id", "Page-1");
+        attr_dev(g3, "stroke", "none");
+        attr_dev(g3, "stroke-width", "1");
+        attr_dev(g3, "fill", "none");
+        attr_dev(g3, "fill-rule", "evenodd");
+        add_location(g3, file, 65, 355, 2083);
+        attr_dev(g4, "id", "SVGRepo_iconCarrier");
+        add_location(g4, file, 65, 308, 2036);
+        attr_dev(svg, "viewBox", "0 0 512 512");
+        attr_dev(svg, "version", "1.1");
+        attr_dev(svg, "xmlns", "http://www.w3.org/2000/svg");
+        attr_dev(svg, "xmlns:xlink", "http://www.w3.org/1999/xlink");
+        attr_dev(svg, "fill", "#ffffff");
+        attr_dev(svg, "stroke", "#ffffff");
+        attr_dev(svg, "width", "20px");
+        attr_dev(svg, "height", "20px");
+        attr_dev(svg, "class", "svelte-1m5gxnd");
+        add_location(svg, file, 65, 2, 1730);
+        attr_dev(button, "id", "stashrealbooru");
+        attr_dev(button, "class", "svelte-1m5gxnd");
+        toggle_class(button, "scanner", /*scanner*/ ctx[0]);
+        add_location(button, file, 64, 0, 1664);
+      },
+      l: function claim(nodes) {
+        throw new Error(
+          "options.hydrate only works if the component was compiled with the `hydratable: true` option",
+        );
+      },
+      m: function mount(target, anchor) {
+        insert_dev(target, button, anchor);
+        append_dev(button, svg);
+        append_dev(svg, g0);
+        append_dev(svg, g1);
+        append_dev(svg, g4);
+        append_dev(g4, title);
+        append_dev(title, t);
+        append_dev(g4, g3);
+        append_dev(g3, g2);
+        append_dev(g2, path);
+
+        if (!mounted) {
+          dispose = listen_dev(
+            button,
+            "click",
+            /*recognize*/ ctx[1],
+            false,
+            false,
+            false,
+            false,
+          );
+          mounted = true;
+        }
+      },
+      p: function update(ctx, [dirty]) {
+        if (dirty & /*scanner*/ 1) {
+          toggle_class(button, "scanner", /*scanner*/ ctx[0]);
+        }
+      },
+      i: noop,
+      o: noop,
+      d: function destroy(detaching) {
+        if (detaching) detach_dev(button);
+        mounted = false;
+        dispose();
+      },
+    };
+
+    dispatch_dev("SvelteRegisterBlock", {
+      block,
+      id: create_fragment.name,
+      type: "component",
+      source: "",
+      ctx,
+    });
+
+    return block;
   }
 
   function instance($$self, $$props, $$invalidate) {
-  	let { $$slots: slots = {}, $$scope } = $$props;
-  	validate_slots('TagButton', slots, []);
-  	let scanner = false;
-
-  	function recognize() {
-  		let [scenario] = getScenarioAndID();
-  		let selector;
-
-  		if (scenario === "scenes") {
-  			selector = "#VideoJsPlayer";
-  		} else if (scenario === "images") {
-  			selector = ".image-image";
-  		}
-
-  		html2canvas(document.querySelector(selector)).then(canvas => {
-  			$$invalidate(0, scanner = true);
-  			let image = canvas.toDataURL("image/jpg");
-  			let data = { data: [image, THRESHOLD] };
-
-  			fetch(REALBOORU_API_URL, {
-  				method: "POST",
-  				headers: {
-  					"Content-Type": "application/json; charset=utf-8"
-  				},
-  				body: JSON.stringify(data)
-  			}).then(response => {
-  				console.log(response.responseText);
-
-  				if (response.status !== 200) {
-  					$$invalidate(0, scanner = false);
-  					alert("Something went wrong. It's likely a server issue, Please try again later.");
-  					return;
-  				}
-
-  				return response.json();
-  			}).then(data => {
-  				$$invalidate(0, scanner = false);
-
-  				if (data.data[1].length === 0) {
-  					alert("No matches found");
-  					return;
-  				}
-
-  				new TagMatches({
-  						target: document.body,
-  						props: { matches: data.data[1] }
-  					});
-  			}).catch(error => {
-  				$$invalidate(0, scanner = false);
-  				alert("Error: " + error.message);
-  			});
-  		});
-  	}
-
-  	const calls = {
-  		recog() {
-  			recognize();
-  		}
-  	};
-
-  	const writable_props = [];
-
-  	Object.keys($$props).forEach(key => {
-  		if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console_1.warn(`<TagButton> was created with unknown prop '${key}'`);
-  	});
-
-  	$$self.$capture_state = () => ({
-  		getScenarioAndID,
-  		REALBOORU_API_URL,
-  		THRESHOLD,
-  		TagMatches,
-  		html2canvas,
-  		scanner,
-  		recognize,
-  		calls
-  	});
-
-  	$$self.$inject_state = $$props => {
-  		if ('scanner' in $$props) $$invalidate(0, scanner = $$props.scanner);
-  	};
-
-  	if ($$props && "$$inject" in $$props) {
-  		$$self.$inject_state($$props.$$inject);
-  	}
-
-  	return [scanner, recognize, calls];
+    let { $$slots: slots = {}, $$scope } = $$props;
+    validate_slots("TagButton", slots, []);
+    let scanner = false;
+
+    function recognize() {
+      let [scenario] = getScenarioAndID();
+      let selector;
+
+      if (scenario === "scenes") {
+        selector = "#VideoJsPlayer";
+      } else if (scenario === "images") {
+        selector = ".image-image";
+      }
+
+      html2canvas(document.querySelector(selector)).then((canvas) => {
+        $$invalidate(0, (scanner = true));
+        let image = canvas.toDataURL("image/jpg");
+        let data = { data: [image, THRESHOLD] };
+
+        fetch(REALBOORU_API_URL, {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json; charset=utf-8",
+          },
+          body: JSON.stringify(data),
+        })
+          .then((response) => {
+            console.log(response.responseText);
+
+            if (response.status !== 200) {
+              $$invalidate(0, (scanner = false));
+              alert(
+                "Something went wrong. It's likely a server issue, Please try again later.",
+              );
+              return;
+            }
+
+            return response.json();
+          })
+          .then((data) => {
+            $$invalidate(0, (scanner = false));
+
+            if (data.data[1].length === 0) {
+              alert("No matches found");
+              return;
+            }
+
+            new TagMatches({
+              target: document.body,
+              props: { matches: data.data[1] },
+            });
+          })
+          .catch((error) => {
+            $$invalidate(0, (scanner = false));
+            alert("Error: " + error.message);
+          });
+      });
+    }
+
+    const calls = {
+      recog() {
+        recognize();
+      },
+    };
+
+    const writable_props = [];
+
+    Object.keys($$props).forEach((key) => {
+      if (
+        !~writable_props.indexOf(key) &&
+        key.slice(0, 2) !== "$$" &&
+        key !== "slot"
+      )
+        console_1.warn(`<TagButton> was created with unknown prop '${key}'`);
+    });
+
+    $$self.$capture_state = () => ({
+      getScenarioAndID,
+      REALBOORU_API_URL,
+      THRESHOLD,
+      TagMatches,
+      html2canvas,
+      scanner,
+      recognize,
+      calls,
+    });
+
+    $$self.$inject_state = ($$props) => {
+      if ("scanner" in $$props) $$invalidate(0, (scanner = $$props.scanner));
+    };
+
+    if ($$props && "$$inject" in $$props) {
+      $$self.$inject_state($$props.$$inject);
+    }
+
+    return [scanner, recognize, calls];
   }
 
   class TagButton extends SvelteComponentDev {
-  	constructor(options) {
-  		super(options);
-  		init(this, options, instance, create_fragment, safe_not_equal, { calls: 2 });
-
-  		dispatch_dev("SvelteRegisterComponent", {
-  			component: this,
-  			tagName: "TagButton",
-  			options,
-  			id: create_fragment.name
-  		});
-  	}
-
-  	get calls() {
-  		return this.$$.ctx[2];
-  	}
-
-  	set calls(value) {
-  		throw new Error("<TagButton>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
-  	}
+    constructor(options) {
+      super(options);
+      init(this, options, instance, create_fragment, safe_not_equal, {
+        calls: 2,
+      });
+
+      dispatch_dev("SvelteRegisterComponent", {
+        component: this,
+        tagName: "TagButton",
+        options,
+        id: create_fragment.name,
+      });
+    }
+
+    get calls() {
+      return this.$$.ctx[2];
+    }
+
+    set calls(value) {
+      throw new Error(
+        "<TagButton>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+      );
+    }
   }
 
   stash.addEventListener("stash:page:image", function () {
-      let elms = ".ml-auto .btn-group";
-      waitForElm(elms).then(() => {
-          if (!document.querySelector("#stashrealbooru")) {
-              new TagButton({ target: document.querySelector(elms) });
-          }
-      });
+    let elms = ".ml-auto .btn-group";
+    waitForElm(elms).then(() => {
+      if (!document.querySelector("#stashrealbooru")) {
+        new TagButton({ target: document.querySelector(elms) });
+      }
+    });
   });
-
 })();
diff --git a/plugins/stashRealbooru/stash-realbooru.yml b/plugins/stashRealbooru/stash-realbooru.yml
index ed73a10e..b0a255c3 100644
--- a/plugins/stashRealbooru/stash-realbooru.yml
+++ b/plugins/stashRealbooru/stash-realbooru.yml
@@ -3,12 +3,12 @@ name: Stash Realbooru
 description: Add tags based on the realbooru model, This works on individual images.
 version: 1.0.1
 ui:
-  requires: 
-  - StashUserscriptLibrary
+  requires:
+    - StashUserscriptLibrary
   javascript:
-  - stash-realbooru.js
+    - stash-realbooru.js
   css:
-  - stash-realbooru.css
+    - stash-realbooru.css
   csp:
     connect-src:
-    - "https://cc1234-deepdanbooru.hf.space"
+      - "https://cc1234-deepdanbooru.hf.space"
diff --git a/plugins/stashUserscriptLibrary/StashUserscriptLibrary.yml b/plugins/stashUserscriptLibrary/StashUserscriptLibrary.yml
index 2a7d126e..33d4b0bc 100644
--- a/plugins/stashUserscriptLibrary/StashUserscriptLibrary.yml
+++ b/plugins/stashUserscriptLibrary/StashUserscriptLibrary.yml
@@ -1,6 +1,6 @@
-name: Stash Userscript Library
-description: Exports utility functions and a Stash class that emits events whenever a GQL response is received and whenenever a page navigation change is detected
-version: 1.0
-ui:
-  javascript:
-  - stashUserscriptLibrary.js
+name: Stash Userscript Library
+description: Exports utility functions and a Stash class that emits events whenever a GQL response is received and whenenever a page navigation change is detected
+version: 1.0
+ui:
+  javascript:
+    - stashUserscriptLibrary.js
diff --git a/plugins/stashUserscriptLibrary/stashUserscriptLibrary.js b/plugins/stashUserscriptLibrary/stashUserscriptLibrary.js
index bc1a394b..af416afe 100644
--- a/plugins/stashUserscriptLibrary/stashUserscriptLibrary.js
+++ b/plugins/stashUserscriptLibrary/stashUserscriptLibrary.js
@@ -1,1594 +1,1878 @@
-const stashListener = new EventTarget();
-
-const {
-    fetch: originalFetch
-} = window;
-
-const baseURL = document.querySelector("base")?.getAttribute("href") ?? "/";
-
-window.fetch = async (...args) => {
-    let [resource, config] = args;
-    // request interceptor here
-    const response = await originalFetch(resource, config);
-    // response interceptor here
-    const contentType = response.headers.get("content-type");
-    if (contentType && contentType.indexOf("application/json") !== -1 && resource.endsWith('/graphql')) {
-        try {
-            const data = await response.clone().json();
-            stashListener.dispatchEvent(new CustomEvent('response', {
-                'detail': data
-            }));
-        } catch (e) {
-
-        }
-    }
-    return response;
-};
-
-class Logger {
-    constructor(enabled) {
-        this.enabled = enabled;
-    }
-    debug() {
-        if (!this.enabled) return;
-        console.debug(...arguments);
-    }
-}
-
-
-class Stash extends EventTarget {
-    constructor({
-        pageUrlCheckInterval = 100,
-        detectReRenders = true,
-        logging = false
-    } = {}) {
-        super();
-        this.log = new Logger(logging);
-        this._pageUrlCheckInterval = pageUrlCheckInterval;
-        this._detectReRenders = detectReRenders;
-        this._lastPathStr = "";
-        this._lastQueryStr = "";
-        this._lastHref = "";
-        this._lastStashPageEvent = "";
-        this.waitForElement(this._detectReRenders ? ".main > div" : "html").then(() => {
-            this._pageURLCheckTimerId = setInterval(() => {
-                // Loop every 100 ms
-                if (
-                    this._lastPathStr !== location.pathname ||
-                    this._lastHref !== location.href ||
-                    this._lastQueryStr !== location.search ||
-                    (!document.querySelector(".main > div[stashUserscriptLibrary]") && this._detectReRenders)
-                ) {
-                    this._dispatchPageEvent("stash:page", false)
-
-                    this._handlePageChange({
-                        lastPathStr: this._lastPathStr,
-                        lastQueryStr: this._lastQueryStr,
-                        lastHref: this._lastHref,
-                        lastStashPageEvent: this._lastStashPageEvent,
-                    });
-
-                    this._lastPathStr = location.pathname
-                    this._lastQueryStr = location.search
-                    this._lastHref = location.href
-
-                    if (this._detectReRenders) {
-                        this.waitForElement(".main > div", 10000).then((element) => {
-                            if (element) element.setAttribute("stashUserscriptLibrary", "");
-                        })
-                    }
-                }
-            }, this._pageUrlCheckInterval);
-        })
-        stashListener.addEventListener('response', (evt) => {
-            if (evt.detail.data?.plugins) {
-                this.getPluginVersion(evt.detail);
-            }
-            this.processRemoteScenes(evt.detail);
-            this.processScene(evt.detail);
-            this.processScenes(evt.detail);
-            this.processStudios(evt.detail);
-            this.processPerformers(evt.detail);
-            this.processApiKey(evt.detail);
-            this.dispatchEvent(new CustomEvent('stash:response', {
-                'detail': evt.detail
-            }));
-        });
-        stashListener.addEventListener('pluginVersion', (evt) => {
-            if (this.pluginVersion !== evt.detail) {
-                this.pluginVersion = evt.detail;
-                this.dispatchEvent(new CustomEvent('stash:pluginVersion', {
-                    'detail': evt.detail
-                }));
-            }
-        });
-        this.version = [0, 0, 0];
-        this.getVersion();
-        this.pluginVersion = null;
-        this.getPlugins().then(plugins => this.getPluginVersion(plugins));
-        this.visiblePluginTasks = ['Userscript Functions'];
-        this.settingsCallbacks = [];
-        this.settingsId = 'userscript-settings';
-        this.remoteScenes = {};
-        this.scenes = {};
-        this.studios = {};
-        this.performers = {};
-        this.userscripts = [];
-        this._pageListeners = {};
-        this._initDefaultPageListeners()
-    }
-    async getVersion() {
-        const reqData = {
-            "operationName": "",
-            "variables": {},
-            "query": `query version {
-                version {
-                    version
-                }
-            }`
-        };
-        const data = await this.callGQL(reqData);
-        const versionString = data.data.version.version;
-        this.version = versionString.substring(1).split('.').map(o => parseInt(o));
-    }
-    compareVersion(minVersion) {
-        let [currMajor, currMinor, currPatch = 0] = this.version;
-        let [minMajor, minMinor, minPatch = 0] = minVersion.split('.').map(i => parseInt(i));
-        if (currMajor > minMajor) return 1;
-        if (currMajor < minMajor) return -1;
-        if (currMinor > minMinor) return 1;
-        if (currMinor < minMinor) return -1;
-        return 0;
-
-    }
-    comparePluginVersion(minPluginVersion) {
-        if (!this.pluginVersion) return -1;
-        let [currMajor, currMinor, currPatch = 0] = this.pluginVersion.split('.').map(i => parseInt(i));
-        let [minMajor, minMinor, minPatch = 0] = minPluginVersion.split('.').map(i => parseInt(i));
-        if (currMajor > minMajor) return 1;
-        if (currMajor < minMajor) return -1;
-        if (currMinor > minMinor) return 1;
-        if (currMinor < minMinor) return -1;
-        return 0;
-
-    }
-    async runPluginTask(pluginId, taskName, args = []) {
-        const reqData = {
-            "operationName": "RunPluginTask",
-            "variables": {
-                "plugin_id": pluginId,
-                "task_name": taskName,
-                "args": args
-            },
-            "query": "mutation RunPluginTask($plugin_id: ID!, $task_name: String!, $args: [PluginArgInput!]) {\n  runPluginTask(plugin_id: $plugin_id, task_name: $task_name, args: $args)\n}\n"
-        };
-        return this.callGQL(reqData);
-    }
-    async callGQL(reqData) {
-        const options = {
-            method: 'POST',
-            body: JSON.stringify(reqData),
-            headers: {
-                'Content-Type': 'application/json'
-            }
-        }
-
-        try {
-            const res = await window.fetch(baseURL + 'graphql', options);
-            this.log.debug(res);
-            return res.json();
-        } catch (err) {
-            console.error(err);
-        }
-    }
-    async getFreeOnesStats(link) {
-        try {
-            const doc = await fetch(link)
-                .then(function(response) {
-                    // When the page is loaded convert it to text
-                    return response.text()
-                })
-                .then(function(html) {
-                    // Initialize the DOM parser
-                    var parser = new DOMParser();
-
-                    // Parse the text
-                    var doc = parser.parseFromString(html, "text/html");
-
-                    // You can now even select part of that html as you would in the regular DOM
-                    // Example:
-                    // var docArticle = doc.querySelector('article').innerHTML;
-
-                    console.log(doc);
-                    return doc
-                })
-                .catch(function(err) {
-                    console.log('Failed to fetch page: ', err);
-                });
-
-            var data = new Object();
-            data.rank = doc.querySelector('rank-chart-button');
-            console.log(data.rank);
-            data.views = doc.querySelector('.d-none.d-m-flex.flex-column.align-items-center.global-header > div.font-weight-bold').textContent;
-            data.votes = '0'
-            return JSON.stringify(data);
-        } catch (err) {
-            console.error(err);
-        }
-    }
-    async getPlugins() {
-        const reqData = {
-            "operationName": "Plugins",
-            "variables": {},
-            "query": `query Plugins {
-              plugins {
-                id
-                name
-                description
-                url
-                version
-                tasks {
-                  name
-                  description
-                  __typename
-                }
-                hooks {
-                  name
-                  description
-                  hooks
-                }
-              }
-            }
-            `
-        };
-        return this.callGQL(reqData);
-    }
-    async getPluginVersion(plugins) {
-        let version = null;
-        for (const plugin of plugins?.data?.plugins || []) {
-            if (plugin.id === 'userscript_functions') {
-                version = plugin.version;
-            }
-        }
-        stashListener.dispatchEvent(new CustomEvent('pluginVersion', {
-            'detail': version
-        }));
-    }
-    async getStashBoxes() {
-        const reqData = {
-            "operationName": "Configuration",
-            "variables": {},
-            "query": `query Configuration {
-                        configuration {
-                          general {
-                            stashBoxes {
-                              endpoint
-                              api_key
-                              name
-                            }
-                          }
-                        }
-                      }`
-        };
-        return this.callGQL(reqData);
-    }
-    async getApiKey() {
-        const reqData = {
-            "operationName": "Configuration",
-            "variables": {},
-            "query": `query Configuration {
-                        configuration {
-                          general {
-                            apiKey
-                          }
-                        }
-                      }`
-        };
-        return this.callGQL(reqData);
-    }
-    matchUrl(href, fragment) {
-        const regexp = concatRegexp(new RegExp(window.location.origin + baseURL), fragment);
-        return href.match(regexp) != null;
-    }
-    createSettings() {
-        waitForElementId('configuration-tabs-tabpane-system', async (elementId, el) => {
-            let section;
-            if (!document.getElementById(this.settingsId)) {
-                section = document.createElement("div");
-                section.setAttribute('id', this.settingsId);
-                section.classList.add('setting-section');
-                section.innerHTML = `<h1>Userscript Settings</h1>`;
-                el.appendChild(section);
-
-                const expectedApiKey = (await this.getApiKey())?.data?.configuration?.general?.apiKey || '';
-                const expectedUrl = window.location.origin;
-
-                const serverUrlInput = await this.createSystemSettingTextbox(section, 'userscript-section-server-url', 'userscript-server-url', 'Stash Server URL', '', 'Server URL…', true);
-                serverUrlInput.addEventListener('change', () => {
-                    const value = serverUrlInput.value || '';
-                    if (value) {
-                        this.updateConfigValueTask('STASH', 'url', value);
-                        alert(`Userscripts plugin server URL set to ${value}`);
-                    } else {
-                        this.getConfigValueTask('STASH', 'url').then(value => {
-                            serverUrlInput.value = value;
-                        });
-                    }
-                });
-                serverUrlInput.disabled = true;
-                serverUrlInput.value = expectedUrl;
-                this.getConfigValueTask('STASH', 'url').then(value => {
-                    if (value !== expectedUrl) {
-                        return this.updateConfigValueTask('STASH', 'url', expectedUrl);
-                    }
-                });
-
-                const apiKeyInput = await this.createSystemSettingTextbox(section, 'userscript-section-server-apikey', 'userscript-server-apikey', 'Stash API Key', '', 'API Key…', true);
-                apiKeyInput.addEventListener('change', () => {
-                    const value = apiKeyInput.value || '';
-                    this.updateConfigValueTask('STASH', 'api_key', value);
-                    if (value) {
-                        alert(`Userscripts plugin server api key set to ${value}`);
-                    } else {
-                        alert(`Userscripts plugin server api key value cleared`);
-                    }
-                });
-                apiKeyInput.disabled = true;
-                apiKeyInput.value = expectedApiKey;
-                this.getConfigValueTask('STASH', 'api_key').then(value => {
-                    if (value !== expectedApiKey) {
-                        return this.updateConfigValueTask('STASH', 'api_key', expectedApiKey);
-                    }
-                });
-            } else {
-                section = document.getElementById(this.settingsId);
-            }
-
-            for (const callback of this.settingsCallbacks) {
-                callback(this.settingsId, section);
-            }
-
-            if (this.pluginVersion) {
-                this.dispatchEvent(new CustomEvent('stash:pluginVersion', {
-                    'detail': this.pluginVersion
-                }));
-            }
-
-        });
-    }
-    addSystemSetting(callback) {
-        const section = document.getElementById(this.settingsId);
-        if (section) {
-            callback(this.settingsId, section);
-        }
-        this.settingsCallbacks.push(callback);
-    }
-    async createSystemSettingCheckbox(containerEl, settingsId, inputId, settingsHeader, settingsSubheader) {
-        const section = document.createElement("div");
-        section.setAttribute('id', settingsId);
-        section.classList.add('card');
-        section.style.display = 'none';
-        section.innerHTML = `<div class="setting">
-        <div>
-        <h3>${settingsHeader}</h3>
-        <div class="sub-heading">${settingsSubheader}</div>
-        </div>
-        <div>
-        <div class="custom-control custom-switch">
-        <input type="checkbox" id="${inputId}" class="custom-control-input">
-        <label title="" for="${inputId}" class="custom-control-label"></label>
-        </div>
-        </div>
-        </div>`;
-        containerEl.appendChild(section);
-        return document.getElementById(inputId);
-    }
-    async createSystemSettingTextbox(containerEl, settingsId, inputId, settingsHeader, settingsSubheader, placeholder, visible) {
-        const section = document.createElement("div");
-        section.setAttribute('id', settingsId);
-        section.classList.add('card');
-        section.style.display = visible ? 'flex' : 'none';
-        section.innerHTML = `<div class="setting">
-        <div>
-        <h3>${settingsHeader}</h3>
-        <div class="sub-heading">${settingsSubheader}</div>
-        </div>
-        <div>
-        <div class="flex-grow-1 query-text-field-group">
-        <input id="${inputId}" class="bg-secondary text-white border-secondary form-control" placeholder="${placeholder}">
-        </div>
-        </div>
-        </div>`;
-        containerEl.appendChild(section);
-        return document.getElementById(inputId);
-    }
-    get serverUrl() {
-        return window.location.origin + baseURL;
-    }
-    async waitForElement(selector, timeout = null, location = document.body, disconnectOnPageChange = false) {
-        return new Promise((resolve) => {
-            if (document.querySelector(selector)) {
-                return resolve(document.querySelector(selector))
-            }
-    
-            const observer = new MutationObserver(async () => {
-                if (document.querySelector(selector)) {
-                    resolve(document.querySelector(selector))
-                    observer.disconnect()
-                } else {
-                    if (timeout) {
-                        async function timeOver() {
-                            return new Promise((resolve) => {
-                                setTimeout(() => {
-                                    observer.disconnect()
-                                    resolve(false)
-                                }, timeout)
-                            })
-                        }
-                        resolve(await timeOver())
-                    }
-                }
-            })
-    
-            observer.observe(location, {
-                childList: true,
-                subtree: true,
-            })
-
-            if (disconnectOnPageChange) {
-                const stash = this
-                function disconnect() {
-                    resolve(false)
-                    observer.disconnect()
-                    stash.removeEventListener("stash:page", disconnect)
-                }
-                stash.addEventListener("stash:page", disconnect)
-            }
-        })
-    }
-    async waitForElementDeath(selector, location = document.body, disconnectOnPageChange = false) {
-        return new Promise((resolve) => {   
-            const observer = new MutationObserver(async () => {
-                if (!document.querySelector(selector)) {
-                    resolve(true)
-                    observer.disconnect()
-                }
-            })
-    
-            observer.observe(location, {
-                childList: true,
-                subtree: true,
-            })
-
-            if (disconnectOnPageChange) {
-                const stash = this
-                function disconnect() {
-                    resolve(false)
-                    observer.disconnect()
-                    stash.removeEventListener("stash:page", disconnect)
-                }
-                stash.addEventListener("stash:page", disconnect)
-            }
-        })
-    }
-    async _listenForNonPageChanges({selector = "", location = document.body, listenType = "", event = "", recursive = false, reRunHandlePageChange = false, listenDefaultTab = true, callback = () => {}} = {}){
-        if (recursive) return
-
-        if (listenType === "tabs") {
-            const tabsContainer = await this.waitForElement(selector, 10000, location, true)
-            const stash = this
-            let previousEvent = ""
-
-            function listenForTabClicks(domEvent) {
-                const clickedChild = domEvent.target ? domEvent.target : domEvent;
-
-                if (!clickedChild.classList?.contains("nav-link")) return
-
-                const tagName = clickedChild.getAttribute("data-rb-event-key")
-                const parentEvent = tagName.split("-")[0]
-                const childEvent = tagName.split("-").slice(1, -1).join("-")
-
-                event = `stash:page:${parentEvent}:${childEvent}`
-
-                if (previousEvent === event) return
-                previousEvent = event
-
-                stash._dispatchPageEvent(`stash:page:any:${childEvent}`, false)
-                stash._dispatchPageEvent(event)
-            }
-
-            if (listenDefaultTab) listenForTabClicks(tabsContainer.querySelector(".nav-link.active"))
-
-            tabsContainer.addEventListener("click", listenForTabClicks);
-
-            function removeEventListenerOnPageChange() {
-                tabsContainer.removeEventListener("click", listenForTabClicks)
-                stash.removeEventListener("stash:page", removeEventListenerOnPageChange)
-            }
-            stash.addEventListener("stash:page", removeEventListenerOnPageChange)
-        } else if (await this.waitForElement(selector, null, location, true)) {
-            this._dispatchPageEvent(event)
-
-            if (await this.waitForElementDeath(selector, location, true)) {
-                if (this._lastPathStr === window.location.pathname && reRunHandlePageChange)  {
-                    // triggered after home, performer, studio, tag's edit page close
-                    this._handlePageChange({
-                        recursive: true,
-                        lastPathStr: this._lastPathStr,
-                        lastQueryStr: this._lastQueryStr,
-                        lastHref: this._lastHref,
-                        lastStashPageEvent: this._lastStashPageEvent,
-                    });
-                }
-            }
-        }
-
-        callback()
-    }
-    _dispatchPageEvent(event, addToHistory = true) {
-        this.dispatchEvent(new CustomEvent(event, {
-            detail: {
-                event: event,
-                lastEventState: {
-                    lastPathStr: this._lastPathStr,
-                    lastQueryStr: this._lastQueryStr,
-                    lastHref: this._lastHref,
-                    lastStashPageEvent: this._lastStashPageEvent,
-                }
-            }
-        }))
-
-        if (addToHistory) {
-            this.log.debug(`[Navigation] ${event}`);
-            if (event.startsWith("stash:")) {
-                this._lastStashPageEvent = event;
-            }
-        }
-
-        // if (event!=="stash:page" && !addToHistory) this.log.debug(`[Navigation] ${event}`); // log ":any:" events
-    }
-    addPageListener(eventData) {
-        const {event, regex, callback = () => {}, manuallyHandleDispatchEvent = false} = eventData
-        if (event && !event?.startsWith("stash:") && regex && this._pageListeners[event] === undefined){
-            this._pageListeners[event] = {
-                regex: regex,
-                callback: callback,
-                manuallyHandleDispatchEvent: manuallyHandleDispatchEvent
-            }
-
-            return event
-        } else {
-            if (this._pageListeners[event] !== undefined) {
-                console.error(`Can't add page listener: Event ${event} already exists`)
-            } else if (event?.startsWith("stash:")) {
-                console.error(`Can't add page listener: Event name can't start with "stash:"`)
-            } else {
-                console.error(`Can't add page listener: Missing required argument(s) "event", "regex"`)
-            }
-
-            return false
-        }
-    }
-    removePageListener(event) {
-        if (event && !event?.startsWith("stash:") && this._pageListeners[event]){
-            delete this._pageListeners[event]
-            return event
-        } else {
-            if (this._pageListeners[event] === undefined && event) {
-                console.error(`Can't remove page listener: Event ${event} doesn't exists`)
-            } else if (event?.startsWith("stash:")) {
-                console.error(`Can't remove page listener: Event ${event} is a built in event`)
-            } else {
-                console.error(`Can't remove page listener: Missing "event" argument`)
-            }
-
-            return false
-        }
-    }
-    stopPageListener() {
-        clearInterval(this._pageURLCheckTimerId)
-    }
-    _initDefaultPageListeners() {
-        this._pageListeners = {
-            // scenes tab
-            "stash:page:scenes": {
-                regex: /scenes\?/,
-                manuallyHandleDispatchEvent: true,
-                handleDisplayView: "ignoreDisplayViewCondition",
-                callback: ({lastHref, event, regex}) => {
-                    if (!this.matchUrl(lastHref, regex)) {
-                        this._dispatchPageEvent(event);
-                        this.processTagger()
-                    }
-                }
-            },
-            "stash:page:scene:new": {
-                regex: /scenes\/new/
-            },
-            "stash:page:scene": {
-                regex: /scenes\/\d+\?/,
-                callback: ({recursive = false}) => this._listenForNonPageChanges({
-                    selector: ".scene-tabs .nav-tabs",
-                    listenType: "tabs",
-                    recursive: recursive
-                })
-            },
-
-            // images tab
-            "stash:page:images": {
-                regex: /images\?/,
-                handleDisplayView: true,
-                manuallyHandleDispatchEvent: true,
-                callback: ({lastHref, event, regex}) => {
-                    if (!this.matchUrl(lastHref, regex)) {
-                        this._dispatchPageEvent(event);
-                    }
-                }
-            },
-            "stash:page:image": {
-                regex: /images\/\d+/,
-                callback: ({recursive = false}) => this._listenForNonPageChanges({
-                    selector: ".image-tabs .nav-tabs",
-                    listenType: "tabs",
-                    recursive: recursive
-                })
-            },
-
-            // movies tab
-            "stash:page:movies": {
-                regex: /movies\?/,
-            },
-            "stash:page:movie": {
-                regex: /movies\/\d+/,
-            },
-            "stash:page:movie:scenes": {
-                regex: /movies\/\d+\?/,
-                callback: () => this.processTagger()
-            },
-
-            // markers tab
-            "stash:page:markers": {
-                regex: /scenes\/markers/
-            },
-
-            // galleries tab
-            "stash:page:galleries": {
-                regex: /galleries\?/,
-                handleDisplayView: "ignoreDisplayViewCondition",
-                manuallyHandleDispatchEvent: true,
-                callback: ({lastHref, event, regex}) => {
-                    if (!this.matchUrl(lastHref, regex)) {
-                        this._dispatchPageEvent(event);
-                    }
-                }
-            },
-            "stash:page:gallery:new": {
-                regex: /galleries\/new/,
-            },
-            "stash:page:gallery:images": {
-                regex: /galleries\/\d+\?/,
-                manuallyHandleDispatchEvent: true,
-                handleDisplayView: "ignoreDisplayViewCondition",
-                callback: ({lastHref, lastPathStr, recursive = false, event}) => {
-                    if (!this.matchUrl(lastHref, /\/galleries\/\d+\//) && lastPathStr !== window.location.pathname) {
-                        this._dispatchPageEvent("stash:page:gallery");
-                        this._listenForNonPageChanges({selector: ".gallery-tabs .nav-tabs .nav-link.active", event: "stash:page:gallery:details", recursive: recursive})
-                    }
-        
-                    this._dispatchPageEvent(event);
-                    
-                    this._listenForNonPageChanges({
-                        selector: ".gallery-tabs .nav-tabs",
-                        listenType: "tabs",
-                        recursive: recursive,
-                        listenDefaultTab: false
-                    })
-                }
-            },
-            "stash:page:gallery:add": {
-                regex: /galleries\/\d+\/add/,
-                manuallyHandleDispatchEvent: true,
-                handleDisplayView: "ignoreDisplayViewCondition",
-                callback: ({lastHref, lastPathStr, recursive = false, event}) => {
-                    if (!this.matchUrl(lastHref, /\/galleries\/\d+/) && lastPathStr !== window.location.pathname) {
-                        this._dispatchPageEvent("stash:page:gallery");
-                        this._listenForNonPageChanges({selector: ".gallery-tabs .nav-tabs .nav-link.active", event: "stash:page:gallery:details", recursive: recursive})
-                    }
-        
-                    this._dispatchPageEvent(event);
-                    
-                    this._listenForNonPageChanges({
-                        selector: ".gallery-tabs .nav-tabs",
-                        listenType: "tabs",
-                        recursive: recursive,
-                        listenDefaultTab: false
-                    })
-                }
-            },
-
-            // performers tab
-            "stash:page:performers": {
-                regex: /performers\?/,
-                handleDisplayView: "ignoreDisplayViewCondition", 
-                manuallyHandleDispatchEvent: true,
-                callback: ({lastHref, event, regex}) => {
-                    if (!this.matchUrl(lastHref, regex) || this._detectReRenders) {
-                        this._dispatchPageEvent(event)
-                    }
-                }
-            },
-            "stash:page:performer:new": {
-                regex: /performers\/new/
-            },
-            "stash:page:performer": {
-                regex: /performers\/\d+/,
-                manuallyHandleDispatchEvent: true,
-                callback: ({lastHref, event, regex}) => {
-                    if (!this.matchUrl(lastHref, regex)) {
-                        this._dispatchPageEvent(event);
-                        this.processTagger();
-                    }
-
-                    this._listenForNonPageChanges({
-                        selector: "#performer-edit",
-                        event: "stash:page:performer:edit",
-                        reRunHandlePageChange: true,
-                        callback: () => this._detectReRenders ? this._dispatchPageEvent(event) : null
-                    })
-                }
-            },
-            "stash:page:performer:scenes": {
-                regex: /performers\/\d+\?/,
-                handleDisplayView: "ignoreDisplayViewCondition",
-                manuallyHandleDispatchEvent: true,
-                callback: ({lastHref, event, regex}) => {
-                    if (!this.matchUrl(lastHref, regex)) {
-                        this._dispatchPageEvent(event);
-                    }
-                }
-            },
-            "stash:page:performer:galleries": {
-                regex: /performers\/\d+\/galleries/,
-                handleDisplayView: "ignoreDisplayViewCondition",
-                manuallyHandleDispatchEvent: true,
-                callback: ({lastHref, event, regex}) => {
-                    if (!this.matchUrl(lastHref, regex)) {
-                        this._dispatchPageEvent(event);
-                    }
-                }
-            },
-            "stash:page:performer:images": {
-                regex: /performers\/\d+\/images/,
-                handleDisplayView: "ignoreDisplayViewCondition",
-                manuallyHandleDispatchEvent: true,
-                callback: ({lastHref, event, regex}) => {
-                    if (!this.matchUrl(lastHref, regex)) {
-                        this._dispatchPageEvent(event);
-                    }
-                }
-            },
-            "stash:page:performer:movies": {
-                regex: /performers\/\d+\/movies/
-            },
-            "stash:page:performer:appearswith": {
-                regex: /performers\/\d+\/appearswith/,
-                handleDisplayView: "ignoreDisplayViewCondition",
-                manuallyHandleDispatchEvent: true,
-                callback: ({lastHref, event, regex}) => {
-                    if (!this.matchUrl(lastHref, regex)) {
-                        this._dispatchPageEvent(event);
-                        this.processTagger()
-                    }
-                }
-            },
-
-            // studios tab
-            "stash:page:studios": {
-                regex: /studios\?/,
-                handleDisplayView: "ignoreDisplayViewCondition",
-                manuallyHandleDispatchEvent: true,
-                callback: ({lastHref, event, regex}) => {
-                    if (!this.matchUrl(lastHref, regex)) {
-                        this._dispatchPageEvent(event);
-                    }
-                }
-            },
-            "stash:page:studio:new": {
-                regex: /studios\/new/
-            },
-            "stash:page:studio": {
-                regex: /studios\/\d+/,
-                manuallyHandleDispatchEvent: true,
-                callback: ({lastHref, event, regex}) => {
-                    if (!this.matchUrl(lastHref, regex)) {
-                        this._dispatchPageEvent(event);
-                        this.processTagger();
-                    }
-
-                    this._listenForNonPageChanges({
-                        selector: "#studio-edit",
-                        event: "stash:page:studio:edit",
-                        reRunHandlePageChange: true,
-                        callback: () => this._detectReRenders ? this._dispatchPageEvent(event) : null
-                    })
-                }
-            },
-            "stash:page:studio:scenes": {
-                regex: /studios\/\d+\?/,
-                handleDisplayView: "ignoreDisplayViewCondition",
-                manuallyHandleDispatchEvent: true,
-                callback: ({lastHref, event, regex}) => {
-                    if (!this.matchUrl(lastHref, regex)) {
-                        this._dispatchPageEvent(event);
-                    }
-                }
-            },
-            "stash:page:studio:galleries": {
-                regex: /studios\/\d+\/galleries/,
-                handleDisplayView: "ignoreDisplayViewCondition",
-                manuallyHandleDispatchEvent: true,
-                callback: ({lastHref, event, regex}) => {
-                    if (!this.matchUrl(lastHref, regex)) {
-                        this._dispatchPageEvent(event);
-                    }
-                }
-            },
-            "stash:page:studio:images": {
-                regex: /studios\/\d+\/images/,
-                handleDisplayView: "ignoreDisplayViewCondition",
-                manuallyHandleDispatchEvent: true,
-                callback: ({lastHref, event, regex}) => {
-                    if (!this.matchUrl(lastHref, regex)) {
-                        this._dispatchPageEvent(event);
-                    }
-                }
-            },
-            "stash:page:studio:performers": {
-                regex: /studios\/\d+\/performers/,
-                handleDisplayView: "ignoreDisplayViewCondition",
-                manuallyHandleDispatchEvent: true,
-                callback: ({lastHref, event, regex}) => {
-                    if (!this.matchUrl(lastHref, regex)) {
-                        this._dispatchPageEvent(event);
-                    }
-                }
-            },
-            "stash:page:studio:movies": {
-                regex: /studios\/\d+\/movies/
-            },
-            "stash:page:studio:childstudios": {
-                regex: /studios\/\d+\/childstudios/,
-                handleDisplayView: "ignoreDisplayViewCondition",
-                manuallyHandleDispatchEvent: true,
-                callback: ({lastHref, event, regex}) => {
-                    if (!this.matchUrl(lastHref, regex)) {
-                        this._dispatchPageEvent(event);
-                    }
-                }
-            },
-
-            // tags tab
-            "stash:page:tags": {
-                regex: /tags\?/,
-                handleDisplayView: "ignoreDisplayViewCondition",
-                manuallyHandleDispatchEvent: true,
-                callback: ({lastHref, event, regex}) => {
-                    if (!this.matchUrl(lastHref, regex)) {
-                        this._dispatchPageEvent(event);
-                    }
-                }
-            },
-            "stash:page:tag:new": {
-                regex: /tags\/new/
-            },
-            "stash:page:tag": {
-                regex: /tags\/\d+/,
-                manuallyHandleDispatchEvent: true,
-                callback: ({lastHref, event, regex}) => {
-                    if (!this.matchUrl(lastHref, regex)) {
-                        this._dispatchPageEvent(event);
-                        this.processTagger();
-                    }
-
-                    this._listenForNonPageChanges({
-                        selector: "#tag-edit",
-                        event: "stash:page:tag:edit",
-                        reRunHandlePageChange: true,
-                        callback: () => this._detectReRenders ? this._dispatchPageEvent(event) : null
-                    })
-                }
-            },
-            "stash:page:tag:scenes": {
-                regex: /tags\/\d+\?/,
-                handleDisplayView: "ignoreDisplayViewCondition",
-                manuallyHandleDispatchEvent: true,
-                callback: ({lastHref, event, regex}) => {
-                    if (!this.matchUrl(lastHref, regex)) {
-                        this._dispatchPageEvent(event);
-                    }
-                }
-            },
-            "stash:page:tag:galleries": {
-                regex: /tags\/\d+\/galleries/,
-                handleDisplayView: "ignoreDisplayViewCondition",
-                manuallyHandleDispatchEvent: true,
-                callback: ({lastHref, event, regex}) => {
-                    if (!this.matchUrl(lastHref, regex)) {
-                        this._dispatchPageEvent(event);
-                    }
-                }
-            },
-            "stash:page:tag:images": {
-                regex: /tags\/\d+\/images/,
-                handleDisplayView: "ignoreDisplayViewCondition",
-                manuallyHandleDispatchEvent: true,
-                callback: ({lastHref, event, regex}) => {
-                    if (!this.matchUrl(lastHref, regex)) {
-                        this._dispatchPageEvent(event);
-                    }
-                }
-            },
-            "stash:page:tag:markers": {
-                regex: /tags\/\d+\/markers/
-            },
-            "stash:page:tag:performers": {
-                regex: /tags\/\d+\/performers/,
-                handleDisplayView: "ignoreDisplayViewCondition",
-                manuallyHandleDispatchEvent: true,
-                callback: ({lastHref, event, regex}) => {
-                    if (!this.matchUrl(lastHref, regex)) {
-                        this._dispatchPageEvent(event);
-                    }
-                }
-            },
-
-            // settings page
-            "stash:page:settings": {
-                regex: /settings/,
-                manuallyHandleDispatchEvent: true,
-                callback: ({lastHref, event, regex}) => {
-                    if (!this.matchUrl(lastHref, regex)) {
-                        this._dispatchPageEvent(event)
-                    }
-                }
-            },
-            "stash:page:settings:tasks": {
-                regex: /settings\?tab=tasks/,
-                callback: () => this.hidePluginTasks()
-            },
-            "stash:page:settings:library": {
-                regex: /settings\?tab=library/
-            },
-            "stash:page:settings:interface": {
-                regex: /settings\?tab=interface/
-            },
-            "stash:page:settings:security": {
-                regex: /settings\?tab=security/
-            },
-            "stash:page:settings:metadata-providers": {
-                regex: /settings\?tab=metadata-providers/
-            },
-            "stash:page:settings:services": {
-                regex: /settings\?tab=services/
-            },
-            "stash:page:settings:system": {
-                regex: /settings\?tab=system/,
-                callback: () => this.createSettings()
-            },
-            "stash:page:settings:plugins": {
-                regex: /settings\?tab=plugins/
-            },
-            "stash:page:settings:logs": {
-                regex: /settings\?tab=logs/
-            },
-            "stash:page:settings:tools": {
-                regex: /settings\?tab=tools/
-            },
-            "stash:page:settings:changelog": {
-                regex: /settings\?tab=changelog/
-            },
-            "stash:page:settings:about": {
-                regex: /settings\?tab=about/
-            },
-
-            // stats page
-            "stash:page:stats": {
-                regex: /stats/
-            },
-
-            // home page
-            "stash:page:home": {
-                regex: /$/,
-                callback: () => this._listenForNonPageChanges({selector: ".recommendations-container-edit", event: "stash:page:home:edit", reRunHandlePageChange: true})
-            },
-        }
-    }
-    _handlePageChange(args) {
-        const events = Object.keys(this._pageListeners)
-
-        for (const event of events) {
-            const {regex, callback = () => {}, manuallyHandleDispatchEvent = false, handleDisplayView = false} = this._pageListeners[event]
-            
-            let isDisplayViewPage = false
-            let isGridPage, isListPage, isWallPage, isTaggerPage
-
-            const splitEvent = event.split(":")
-            const tabPage = {page: "", tab: ""}
-            let childAnyEventCondition = false
-
-            if (splitEvent.length === 4) {
-                childAnyEventCondition = true
-                tabPage.page = splitEvent[2]
-                tabPage.tab = splitEvent[3]
-            }
-            
-            splitEvent.pop()
-            
-            if (handleDisplayView) {
-                isGridPage = this.matchUrl(window.location.href, concatRegexp(regex, /(?!.*disp=)/))
-                isListPage = this.matchUrl(window.location.href, concatRegexp(regex, /.*disp=1/))
-                isWallPage = this.matchUrl(window.location.href, concatRegexp(regex, /.*disp=2/))
-                isTaggerPage = this.matchUrl(window.location.href, concatRegexp(regex, /.*disp=3/))
-                
-                if (isListPage || isWallPage || isTaggerPage) isDisplayViewPage = true
-            }
-
-            function dispatchViewEvent(view, stash){
-                stash._dispatchPageEvent(event + `:${view}`);
-                if (childAnyEventCondition) {
-                    stash._dispatchPageEvent("stash:page:" + tabPage.page  + `:any:${view}`, false);
-                    stash._dispatchPageEvent("stash:page:any:" + tabPage.tab  + `:${view}`, false);
-                } else {
-                    stash._dispatchPageEvent(`stash:page:any:${view}`, false);
-                }
-            }
-
-            const handleDisplayViewCondition = handleDisplayView !== true || (handleDisplayView && (!isDisplayViewPage || args.lastHref === ""))
-
-            if (this.matchUrl(window.location.href, regex) && handleDisplayViewCondition) {
-                if (!manuallyHandleDispatchEvent) this._dispatchPageEvent(event)
-                callback({...args, location: window.location, event: event, regex: regex})
-                
-                if (isGridPage) dispatchViewEvent("grid", this)
-            }
-
-            if (handleDisplayView) {
-                let view = ""
-                switch(true) {
-                    case isListPage:
-                        view = "list"
-                        break;
-                    case isWallPage:
-                        view = "wall"
-                        break;
-                    case isTaggerPage:
-                        view = "tagger"
-                        break;
-                }
-                if (view) dispatchViewEvent(view, this)
-            }
-        }
-    }
-    addEventListeners(events, callback, ...options) {
-        events.forEach((event) => {
-            this.addEventListener(event, callback, ...options);
-        });
-    }
-    hidePluginTasks() {
-        // hide userscript functions plugin tasks
-        waitForElementByXpath("//div[@id='tasks-panel']//h3[text()='Userscript Functions']/ancestor::div[contains(@class, 'setting-group')]", (elementId, el) => {
-            const tasks = el.querySelectorAll('.setting');
-            for (const task of tasks) {
-                const taskName = task.querySelector('h3').innerText;
-                task.classList.add(this.visiblePluginTasks.indexOf(taskName) === -1 ? 'd-none' : 'd-flex');
-                this.dispatchEvent(new CustomEvent('stash:plugin:task', {
-                    'detail': {
-                        taskName,
-                        task
-                    }
-                }));
-            }
-        });
-    }
-    async updateConfigValueTask(sectionKey, propName, value) {
-        return this.runPluginTask("userscript_functions", "Update Config Value", [{
-            "key": "section_key",
-            "value": {
-                "str": sectionKey
-            }
-        }, {
-            "key": "prop_name",
-            "value": {
-                "str": propName
-            }
-        }, {
-            "key": "value",
-            "value": {
-                "str": value
-            }
-        }]);
-    }
-    async getConfigValueTask(sectionKey, propName) {
-        await this.runPluginTask("userscript_functions", "Get Config Value", [{
-            "key": "section_key",
-            "value": {
-                "str": sectionKey
-            }
-        }, {
-            "key": "prop_name",
-            "value": {
-                "str": propName
-            }
-        }]);
-
-        // poll logs until plugin task output appears
-        const prefix = `[Plugin / Userscript Functions] get_config_value: [${sectionKey}][${propName}] =`;
-        return this.pollLogsForMessage(prefix);
-    }
-    async pollLogsForMessage(prefix) {
-        const reqTime = Date.now();
-        const reqData = {
-            "variables": {},
-            "query": `query Logs {
-                        logs {
-                            time
-                            level
-                            message
-                        }
-                    }`
-        };
-        await new Promise(r => setTimeout(r, 500));
-        let retries = 0;
-        while (true) {
-            const delay = 2 ** retries * 100;
-            await new Promise(r => setTimeout(r, delay));
-            retries++;
-
-            const logs = await this.callGQL(reqData);
-            for (const log of logs.data.logs) {
-                const logTime = Date.parse(log.time);
-                if (logTime > reqTime && log.message.startsWith(prefix)) {
-                    return log.message.replace(prefix, '').trim();
-                }
-            }
-
-            if (retries >= 5) {
-                throw `Poll logs failed for message: ${prefix}`;
-            }
-        }
-    }
-    processTagger() {
-        waitForElementByXpath("//button[text()='Scrape All']", (xpath, el) => {
-            this.dispatchEvent(new CustomEvent('tagger', {
-                'detail': el
-            }));
-
-            const searchItemContainer = document.querySelector('.tagger-container').lastChild;
-
-            const observer = new MutationObserver(mutations => {
-                mutations.forEach(mutation => {
-                    mutation.addedNodes.forEach(node => {
-                        if (node?.classList?.contains('entity-name') && node.innerText.startsWith('Performer:')) {
-                            this.dispatchEvent(new CustomEvent('tagger:mutation:add:remoteperformer', {
-                                'detail': {
-                                    node,
-                                    mutation
-                                }
-                            }));
-                        } else if (node?.classList?.contains('entity-name') && node.innerText.startsWith('Studio:')) {
-                            this.dispatchEvent(new CustomEvent('tagger:mutation:add:remotestudio', {
-                                'detail': {
-                                    node,
-                                    mutation
-                                }
-                            }));
-                        } else if (node.tagName === 'SPAN' && node.innerText.startsWith('Matched:')) {
-                            this.dispatchEvent(new CustomEvent('tagger:mutation:add:local', {
-                                'detail': {
-                                    node,
-                                    mutation
-                                }
-                            }));
-                        } else if (node.tagName === 'UL') {
-                            this.dispatchEvent(new CustomEvent('tagger:mutation:add:container', {
-                                'detail': {
-                                    node,
-                                    mutation
-                                }
-                            }));
-                        } else if (node?.classList?.contains('col-lg-6')) {
-                            this.dispatchEvent(new CustomEvent('tagger:mutation:add:subcontainer', {
-                                'detail': {
-                                    node,
-                                    mutation
-                                }
-                            }));
-                        } else if (node.tagName === 'H5') { // scene date
-                            this.dispatchEvent(new CustomEvent('tagger:mutation:add:date', {
-                                'detail': {
-                                    node,
-                                    mutation
-                                }
-                            }));
-                        } else if (node.tagName === 'DIV' && node?.classList?.contains('d-flex') && node?.classList?.contains('flex-column')) { // scene stashid, url, details
-                            this.dispatchEvent(new CustomEvent('tagger:mutation:add:detailscontainer', {
-                                'detail': {
-                                    node,
-                                    mutation
-                                }
-                            }));
-                        } else {
-                            this.dispatchEvent(new CustomEvent('tagger:mutation:add:other', {
-                                'detail': {
-                                    node,
-                                    mutation
-                                }
-                            }));
-                        }
-                    });
-                });
-                this.dispatchEvent(new CustomEvent('tagger:mutations:searchitems', {
-                    'detail': mutations
-                }));
-            });
-            observer.observe(searchItemContainer, {
-                childList: true,
-                subtree: true
-            });
-
-            const taggerContainerHeader = document.querySelector('.tagger-container-header');
-            const taggerContainerHeaderObserver = new MutationObserver(mutations => {
-                this.dispatchEvent(new CustomEvent('tagger:mutations:header', {
-                    'detail': mutations
-                }));
-            });
-            taggerContainerHeaderObserver.observe(taggerContainerHeader, {
-                childList: true,
-                subtree: true
-            });
-
-            for (const searchItem of document.querySelectorAll('.search-item')) {
-                this.dispatchEvent(new CustomEvent('tagger:searchitem', {
-                    'detail': searchItem
-                }));
-            }
-
-            if (!document.getElementById('progress-bar')) {
-                const progressBar = createElementFromHTML(`<div id="progress-bar" class="progress"><div class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div></div>`);
-                progressBar.classList.add('progress');
-                progressBar.style.display = 'none';
-                taggerContainerHeader.appendChild(progressBar);
-            }
-        });
-        waitForElementByXpath("//div[@class='tagger-container-header']/div/div[@class='row']/h4[text()='Configuration']", (xpath, el) => {
-            this.dispatchEvent(new CustomEvent('tagger:configuration', {
-                'detail': el
-            }));
-        });
-    }
-    setProgress(value) {
-        const progressBar = document.getElementById('progress-bar');
-        if (progressBar) {
-            progressBar.firstChild.style.width = value + '%';
-            progressBar.style.display = (value <= 0 || value > 100) ? 'none' : 'flex';
-        }
-    }
-    processRemoteScenes(data) {
-        if (data.data?.scrapeMultiScenes) {
-            for (const matchResults of data.data.scrapeMultiScenes) {
-                for (const scene of matchResults) {
-                    this.remoteScenes[scene.remote_site_id] = scene;
-                }
-            }
-        } else if (data.data?.scrapeSingleScene) {
-            for (const scene of data.data.scrapeSingleScene) {
-                this.remoteScenes[scene.remote_site_id] = scene;
-            }
-        }
-    }
-    processScene(data) {
-        if (data.data.findScene) {
-            this.scenes[data.data.findScene.id] = data.data.findScene;
-        }
-    }
-    processScenes(data) {
-        if (data.data.findScenes?.scenes) {
-            for (const scene of data.data.findScenes.scenes) {
-                this.scenes[scene.id] = scene;
-            }
-        }
-    }
-    processStudios(data) {
-        if (data.data.findStudios?.studios) {
-            for (const studio of data.data.findStudios.studios) {
-                this.studios[studio.id] = studio;
-            }
-        }
-    }
-    processPerformers(data) {
-        if (data.data.findPerformers?.performers) {
-            for (const performer of data.data.findPerformers.performers) {
-                this.performers[performer.id] = performer;
-            }
-        }
-    }
-    processApiKey(data) {
-        if (data.data.generateAPIKey != null && this.pluginVersion) {
-            this.updateConfigValueTask('STASH', 'api_key', data.data.generateAPIKey);
-        }
-    }
-    parseSearchItem(searchItem) {
-        const urlNode = searchItem.querySelector('a.scene-link');
-        const url = new URL(urlNode.href);
-        const id = url.pathname.replace(baseURL + 'scenes/', '');
-        const data = this.scenes[id];
-        const nameNode = searchItem.querySelector('a.scene-link > div.TruncatedText');
-        const name = nameNode.innerText;
-        const queryInput = searchItem.querySelector('input.text-input');
-        const performerNodes = searchItem.querySelectorAll('.performer-tag-container');
-
-        return {
-            urlNode,
-            url,
-            id,
-            data,
-            nameNode,
-            name,
-            queryInput,
-            performerNodes
-        }
-    }
-    parseSearchResultItem(searchResultItem) {
-        const remoteUrlNode = searchResultItem.querySelector('.scene-details .optional-field .optional-field-content a');
-        const remoteId = remoteUrlNode?.href.split('/').pop();
-        const remoteUrl = remoteUrlNode?.href ? new URL(remoteUrlNode.href) : null;
-        const remoteData = this.remoteScenes[remoteId];
-
-        const sceneDetailNodes = searchResultItem.querySelectorAll('.scene-details .optional-field .optional-field-content');
-        let urlNode = null;
-        let detailsNode = null;
-        for (const sceneDetailNode of sceneDetailNodes) {
-            if (sceneDetailNode.innerText.startsWith('http') && (remoteUrlNode?.href !== sceneDetailNode.innerText)) {
-                urlNode = sceneDetailNode;
-            } else if (!sceneDetailNode.innerText.startsWith('http')) {
-                detailsNode = sceneDetailNode;
-            }
-        }
-
-        const imageNode = searchResultItem.querySelector('.scene-image-container .optional-field .optional-field-content');
-
-        const metadataNode = searchResultItem.querySelector('.scene-metadata');
-        const titleNode = metadataNode.querySelector('h4 .optional-field .optional-field-content');
-        const codeAndDateNodes = metadataNode.querySelectorAll('h5 .optional-field .optional-field-content');
-        let codeNode = null;
-        let dateNode = null;
-        for (const node of codeAndDateNodes) {
-            if (node.textContent.includes('-')) {
-                dateNode = node;
-            } else {
-                codeNode = node;
-            }
-        }
-
-        const entityNodes = searchResultItem.querySelectorAll('.entity-name');
-        let studioNode = null;
-        const performerNodes = [];
-        for (const entityNode of entityNodes) {
-            if (entityNode.innerText.startsWith('Studio:')) {
-                studioNode = entityNode;
-            } else if (entityNode.innerText.startsWith('Performer:')) {
-                performerNodes.push(entityNode);
-            }
-        }
-
-        const matchNodes = searchResultItem.querySelectorAll('div.col-lg-6 div.mt-2 div.row.no-gutters.my-2 span.ml-auto');
-        const matches = []
-        for (const matchNode of matchNodes) {
-            let matchType = null;
-            const entityNode = matchNode.parentElement.querySelector('.entity-name');
-
-            const matchName = matchNode.querySelector('.optional-field-content b').innerText;
-            const remoteName = entityNode.querySelector('b').innerText;
-
-            let data;
-            if (entityNode.innerText.startsWith('Performer:')) {
-                matchType = 'performer';
-                if (remoteData) {
-                    data = remoteData.performers.find(performer => performer.name === remoteName);
-                }
-            } else if (entityNode.innerText.startsWith('Studio:')) {
-                matchType = 'studio';
-                if (remoteData) {
-                    data = remoteData.studio
-                }
-            }
-
-            matches.push({
-                matchType,
-                matchNode,
-                entityNode,
-                matchName,
-                remoteName,
-                data
-            });
-        }
-
-        return {
-            remoteUrlNode,
-            remoteId,
-            remoteUrl,
-            remoteData,
-            urlNode,
-            detailsNode,
-            imageNode,
-            titleNode,
-            codeNode,
-            dateNode,
-            studioNode,
-            performerNodes,
-            matches
-        }
-    }
-}
-
-window.stash = new Stash();
-
-function waitForElementQuerySelector(query, callback, time) {
-    time = (typeof time !== 'undefined') ? time : 100;
-    window.setTimeout(() => {
-        const element = document.querySelector(query);
-        if (element) {
-            callback(query, element);
-        } else {
-            waitForElementQuerySelector(query, callback, time);
-        }
-    }, time);
-}
-
-function waitForElementClass(elementId, callback, time) {
-    time = (typeof time !== 'undefined') ? time : 100;
-    window.setTimeout(() => {
-        const element = document.getElementsByClassName(elementId);
-        if (element.length > 0) {
-            callback(elementId, element);
-        } else {
-            waitForElementClass(elementId, callback, time);
-        }
-    }, time);
-}
-
-function waitForElementId(elementId, callback, time) {
-    time = (typeof time !== 'undefined') ? time : 100;
-    window.setTimeout(() => {
-        const element = document.getElementById(elementId);
-        if (element != null) {
-            callback(elementId, element);
-        } else {
-            waitForElementId(elementId, callback, time);
-        }
-    }, time);
-}
-
-function waitForElementByXpath(xpath, callback, time) {
-    time = (typeof time !== 'undefined') ? time : 100;
-    window.setTimeout(() => {
-        const element = getElementByXpath(xpath);
-        if (element) {
-            callback(xpath, element);
-        } else {
-            waitForElementByXpath(xpath, callback, time);
-        }
-    }, time);
-}
-
-function getElementByXpath(xpath, contextNode) {
-    return document.evaluate(xpath, contextNode || document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
-}
-
-function createElementFromHTML(htmlString) {
-    const div = document.createElement('div');
-    div.innerHTML = htmlString.trim();
-
-    // Change this to div.childNodes to support multiple top-level nodes.
-    return div.firstChild;
-}
-
-function getElementByXpath(xpath, contextNode) {
-    return document.evaluate(xpath, contextNode || document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
-}
-
-function getElementsByXpath(xpath, contextNode) {
-    return document.evaluate(xpath, contextNode || document, null, XPathResult.ORDERED_NODE_ITERATOR_TYPE, null);
-}
-
-function getClosestAncestor(el, selector, stopSelector) {
-    let retval = null;
-    while (el) {
-        if (el.matches(selector)) {
-            retval = el;
-            break
-        } else if (stopSelector && el.matches(stopSelector)) {
-            break
-        }
-        el = el.parentElement;
-    }
-    return retval;
-}
-
-function setNativeValue(element, value) {
-    const valueSetter = Object.getOwnPropertyDescriptor(element, 'value').set;
-    const prototype = Object.getPrototypeOf(element);
-    const prototypeValueSetter = Object.getOwnPropertyDescriptor(prototype, 'value').set;
-
-    if (valueSetter && valueSetter !== prototypeValueSetter) {
-        prototypeValueSetter.call(element, value);
-    } else {
-        valueSetter.call(element, value);
-    }
-}
-
-function updateTextInput(element, value) {
-    setNativeValue(element, value);
-    element.dispatchEvent(new Event('input', {
-        bubbles: true
-    }));
-}
-
-function concatRegexp(reg, exp) {
-    let flags = reg.flags + exp.flags;
-    flags = Array.from(new Set(flags.split(''))).join();
-    return new RegExp(reg.source + exp.source, flags);
-}
-
-function sortElementChildren(node) {
-    const items = node.childNodes;
-    const itemsArr = [];
-    for (const i in items) {
-        if (items[i].nodeType == Node.ELEMENT_NODE) { // get rid of the whitespace text nodes
-            itemsArr.push(items[i]);
-        }
-    }
-
-    itemsArr.sort((a, b) => {
-        return a.innerHTML == b.innerHTML ?
-            0 :
-            (a.innerHTML > b.innerHTML ? 1 : -1);
-    });
-
-    for (let i = 0; i < itemsArr.length; i++) {
-        node.appendChild(itemsArr[i]);
-    }
-}
-
-function xPathResultToArray(result) {
-    let node = null;
-    const nodes = [];
-    while (node = result.iterateNext()) {
-        nodes.push(node);
-    }
-    return nodes;
-}
-
-function createStatElement(container, title, heading) {
-    const statEl = document.createElement('div');
-    statEl.classList.add('stats-element');
-    container.appendChild(statEl);
-
-    const statTitle = document.createElement('p');
-    statTitle.classList.add('title');
-    statTitle.innerText = title;
-    statEl.appendChild(statTitle);
-
-    const statHeading = document.createElement('p');
-    statHeading.classList.add('heading');
-    statHeading.innerText = heading;
-    statEl.appendChild(statHeading);
-}
-
-const reloadImg = url =>
-    fetch(url, {
-        cache: 'reload',
-        mode: 'no-cors'
-    })
-    .then(() => document.body.querySelectorAll(`img[src='${url}']`)
-        .forEach(img => img.src = url));
+const stashListener = new EventTarget();
+
+const { fetch: originalFetch } = window;
+
+const baseURL = document.querySelector("base")?.getAttribute("href") ?? "/";
+
+window.fetch = async (...args) => {
+  let [resource, config] = args;
+  // request interceptor here
+  const response = await originalFetch(resource, config);
+  // response interceptor here
+  const contentType = response.headers.get("content-type");
+  if (
+    contentType &&
+    contentType.indexOf("application/json") !== -1 &&
+    resource.endsWith("/graphql")
+  ) {
+    try {
+      const data = await response.clone().json();
+      stashListener.dispatchEvent(
+        new CustomEvent("response", {
+          detail: data,
+        }),
+      );
+    } catch (e) {}
+  }
+  return response;
+};
+
+class Logger {
+  constructor(enabled) {
+    this.enabled = enabled;
+  }
+  debug() {
+    if (!this.enabled) return;
+    console.debug(...arguments);
+  }
+}
+
+class Stash extends EventTarget {
+  constructor({
+    pageUrlCheckInterval = 100,
+    detectReRenders = true,
+    logging = false,
+  } = {}) {
+    super();
+    this.log = new Logger(logging);
+    this._pageUrlCheckInterval = pageUrlCheckInterval;
+    this._detectReRenders = detectReRenders;
+    this._lastPathStr = "";
+    this._lastQueryStr = "";
+    this._lastHref = "";
+    this._lastStashPageEvent = "";
+    this.waitForElement(this._detectReRenders ? ".main > div" : "html").then(
+      () => {
+        this._pageURLCheckTimerId = setInterval(() => {
+          // Loop every 100 ms
+          if (
+            this._lastPathStr !== location.pathname ||
+            this._lastHref !== location.href ||
+            this._lastQueryStr !== location.search ||
+            (!document.querySelector(".main > div[stashUserscriptLibrary]") &&
+              this._detectReRenders)
+          ) {
+            this._dispatchPageEvent("stash:page", false);
+
+            this._handlePageChange({
+              lastPathStr: this._lastPathStr,
+              lastQueryStr: this._lastQueryStr,
+              lastHref: this._lastHref,
+              lastStashPageEvent: this._lastStashPageEvent,
+            });
+
+            this._lastPathStr = location.pathname;
+            this._lastQueryStr = location.search;
+            this._lastHref = location.href;
+
+            if (this._detectReRenders) {
+              this.waitForElement(".main > div", 10000).then((element) => {
+                if (element) element.setAttribute("stashUserscriptLibrary", "");
+              });
+            }
+          }
+        }, this._pageUrlCheckInterval);
+      },
+    );
+    stashListener.addEventListener("response", (evt) => {
+      if (evt.detail.data?.plugins) {
+        this.getPluginVersion(evt.detail);
+      }
+      this.processRemoteScenes(evt.detail);
+      this.processScene(evt.detail);
+      this.processScenes(evt.detail);
+      this.processStudios(evt.detail);
+      this.processPerformers(evt.detail);
+      this.processApiKey(evt.detail);
+      this.dispatchEvent(
+        new CustomEvent("stash:response", {
+          detail: evt.detail,
+        }),
+      );
+    });
+    stashListener.addEventListener("pluginVersion", (evt) => {
+      if (this.pluginVersion !== evt.detail) {
+        this.pluginVersion = evt.detail;
+        this.dispatchEvent(
+          new CustomEvent("stash:pluginVersion", {
+            detail: evt.detail,
+          }),
+        );
+      }
+    });
+    this.version = [0, 0, 0];
+    this.getVersion();
+    this.pluginVersion = null;
+    this.getPlugins().then((plugins) => this.getPluginVersion(plugins));
+    this.visiblePluginTasks = ["Userscript Functions"];
+    this.settingsCallbacks = [];
+    this.settingsId = "userscript-settings";
+    this.remoteScenes = {};
+    this.scenes = {};
+    this.studios = {};
+    this.performers = {};
+    this.userscripts = [];
+    this._pageListeners = {};
+    this._initDefaultPageListeners();
+  }
+  async getVersion() {
+    const reqData = {
+      operationName: "",
+      variables: {},
+      query: `query version {
+                version {
+                    version
+                }
+            }`,
+    };
+    const data = await this.callGQL(reqData);
+    const versionString = data.data.version.version;
+    this.version = versionString
+      .substring(1)
+      .split(".")
+      .map((o) => parseInt(o));
+  }
+  compareVersion(minVersion) {
+    let [currMajor, currMinor, currPatch = 0] = this.version;
+    let [minMajor, minMinor, minPatch = 0] = minVersion
+      .split(".")
+      .map((i) => parseInt(i));
+    if (currMajor > minMajor) return 1;
+    if (currMajor < minMajor) return -1;
+    if (currMinor > minMinor) return 1;
+    if (currMinor < minMinor) return -1;
+    return 0;
+  }
+  comparePluginVersion(minPluginVersion) {
+    if (!this.pluginVersion) return -1;
+    let [currMajor, currMinor, currPatch = 0] = this.pluginVersion
+      .split(".")
+      .map((i) => parseInt(i));
+    let [minMajor, minMinor, minPatch = 0] = minPluginVersion
+      .split(".")
+      .map((i) => parseInt(i));
+    if (currMajor > minMajor) return 1;
+    if (currMajor < minMajor) return -1;
+    if (currMinor > minMinor) return 1;
+    if (currMinor < minMinor) return -1;
+    return 0;
+  }
+  async runPluginTask(pluginId, taskName, args = []) {
+    const reqData = {
+      operationName: "RunPluginTask",
+      variables: {
+        plugin_id: pluginId,
+        task_name: taskName,
+        args: args,
+      },
+      query:
+        "mutation RunPluginTask($plugin_id: ID!, $task_name: String!, $args: [PluginArgInput!]) {\n  runPluginTask(plugin_id: $plugin_id, task_name: $task_name, args: $args)\n}\n",
+    };
+    return this.callGQL(reqData);
+  }
+  async callGQL(reqData) {
+    const options = {
+      method: "POST",
+      body: JSON.stringify(reqData),
+      headers: {
+        "Content-Type": "application/json",
+      },
+    };
+
+    try {
+      const res = await window.fetch(baseURL + "graphql", options);
+      this.log.debug(res);
+      return res.json();
+    } catch (err) {
+      console.error(err);
+    }
+  }
+  async getFreeOnesStats(link) {
+    try {
+      const doc = await fetch(link)
+        .then(function (response) {
+          // When the page is loaded convert it to text
+          return response.text();
+        })
+        .then(function (html) {
+          // Initialize the DOM parser
+          var parser = new DOMParser();
+
+          // Parse the text
+          var doc = parser.parseFromString(html, "text/html");
+
+          // You can now even select part of that html as you would in the regular DOM
+          // Example:
+          // var docArticle = doc.querySelector('article').innerHTML;
+
+          console.log(doc);
+          return doc;
+        })
+        .catch(function (err) {
+          console.log("Failed to fetch page: ", err);
+        });
+
+      var data = new Object();
+      data.rank = doc.querySelector("rank-chart-button");
+      console.log(data.rank);
+      data.views = doc.querySelector(
+        ".d-none.d-m-flex.flex-column.align-items-center.global-header > div.font-weight-bold",
+      ).textContent;
+      data.votes = "0";
+      return JSON.stringify(data);
+    } catch (err) {
+      console.error(err);
+    }
+  }
+  async getPlugins() {
+    const reqData = {
+      operationName: "Plugins",
+      variables: {},
+      query: `query Plugins {
+              plugins {
+                id
+                name
+                description
+                url
+                version
+                tasks {
+                  name
+                  description
+                  __typename
+                }
+                hooks {
+                  name
+                  description
+                  hooks
+                }
+              }
+            }
+            `,
+    };
+    return this.callGQL(reqData);
+  }
+  async getPluginVersion(plugins) {
+    let version = null;
+    for (const plugin of plugins?.data?.plugins || []) {
+      if (plugin.id === "userscript_functions") {
+        version = plugin.version;
+      }
+    }
+    stashListener.dispatchEvent(
+      new CustomEvent("pluginVersion", {
+        detail: version,
+      }),
+    );
+  }
+  async getStashBoxes() {
+    const reqData = {
+      operationName: "Configuration",
+      variables: {},
+      query: `query Configuration {
+                        configuration {
+                          general {
+                            stashBoxes {
+                              endpoint
+                              api_key
+                              name
+                            }
+                          }
+                        }
+                      }`,
+    };
+    return this.callGQL(reqData);
+  }
+  async getApiKey() {
+    const reqData = {
+      operationName: "Configuration",
+      variables: {},
+      query: `query Configuration {
+                        configuration {
+                          general {
+                            apiKey
+                          }
+                        }
+                      }`,
+    };
+    return this.callGQL(reqData);
+  }
+  matchUrl(href, fragment) {
+    const regexp = concatRegexp(
+      new RegExp(window.location.origin + baseURL),
+      fragment,
+    );
+    return href.match(regexp) != null;
+  }
+  createSettings() {
+    waitForElementId(
+      "configuration-tabs-tabpane-system",
+      async (elementId, el) => {
+        let section;
+        if (!document.getElementById(this.settingsId)) {
+          section = document.createElement("div");
+          section.setAttribute("id", this.settingsId);
+          section.classList.add("setting-section");
+          section.innerHTML = `<h1>Userscript Settings</h1>`;
+          el.appendChild(section);
+
+          const expectedApiKey =
+            (await this.getApiKey())?.data?.configuration?.general?.apiKey ||
+            "";
+          const expectedUrl = window.location.origin;
+
+          const serverUrlInput = await this.createSystemSettingTextbox(
+            section,
+            "userscript-section-server-url",
+            "userscript-server-url",
+            "Stash Server URL",
+            "",
+            "Server URL…",
+            true,
+          );
+          serverUrlInput.addEventListener("change", () => {
+            const value = serverUrlInput.value || "";
+            if (value) {
+              this.updateConfigValueTask("STASH", "url", value);
+              alert(`Userscripts plugin server URL set to ${value}`);
+            } else {
+              this.getConfigValueTask("STASH", "url").then((value) => {
+                serverUrlInput.value = value;
+              });
+            }
+          });
+          serverUrlInput.disabled = true;
+          serverUrlInput.value = expectedUrl;
+          this.getConfigValueTask("STASH", "url").then((value) => {
+            if (value !== expectedUrl) {
+              return this.updateConfigValueTask("STASH", "url", expectedUrl);
+            }
+          });
+
+          const apiKeyInput = await this.createSystemSettingTextbox(
+            section,
+            "userscript-section-server-apikey",
+            "userscript-server-apikey",
+            "Stash API Key",
+            "",
+            "API Key…",
+            true,
+          );
+          apiKeyInput.addEventListener("change", () => {
+            const value = apiKeyInput.value || "";
+            this.updateConfigValueTask("STASH", "api_key", value);
+            if (value) {
+              alert(`Userscripts plugin server api key set to ${value}`);
+            } else {
+              alert(`Userscripts plugin server api key value cleared`);
+            }
+          });
+          apiKeyInput.disabled = true;
+          apiKeyInput.value = expectedApiKey;
+          this.getConfigValueTask("STASH", "api_key").then((value) => {
+            if (value !== expectedApiKey) {
+              return this.updateConfigValueTask(
+                "STASH",
+                "api_key",
+                expectedApiKey,
+              );
+            }
+          });
+        } else {
+          section = document.getElementById(this.settingsId);
+        }
+
+        for (const callback of this.settingsCallbacks) {
+          callback(this.settingsId, section);
+        }
+
+        if (this.pluginVersion) {
+          this.dispatchEvent(
+            new CustomEvent("stash:pluginVersion", {
+              detail: this.pluginVersion,
+            }),
+          );
+        }
+      },
+    );
+  }
+  addSystemSetting(callback) {
+    const section = document.getElementById(this.settingsId);
+    if (section) {
+      callback(this.settingsId, section);
+    }
+    this.settingsCallbacks.push(callback);
+  }
+  async createSystemSettingCheckbox(
+    containerEl,
+    settingsId,
+    inputId,
+    settingsHeader,
+    settingsSubheader,
+  ) {
+    const section = document.createElement("div");
+    section.setAttribute("id", settingsId);
+    section.classList.add("card");
+    section.style.display = "none";
+    section.innerHTML = `<div class="setting">
+        <div>
+        <h3>${settingsHeader}</h3>
+        <div class="sub-heading">${settingsSubheader}</div>
+        </div>
+        <div>
+        <div class="custom-control custom-switch">
+        <input type="checkbox" id="${inputId}" class="custom-control-input">
+        <label title="" for="${inputId}" class="custom-control-label"></label>
+        </div>
+        </div>
+        </div>`;
+    containerEl.appendChild(section);
+    return document.getElementById(inputId);
+  }
+  async createSystemSettingTextbox(
+    containerEl,
+    settingsId,
+    inputId,
+    settingsHeader,
+    settingsSubheader,
+    placeholder,
+    visible,
+  ) {
+    const section = document.createElement("div");
+    section.setAttribute("id", settingsId);
+    section.classList.add("card");
+    section.style.display = visible ? "flex" : "none";
+    section.innerHTML = `<div class="setting">
+        <div>
+        <h3>${settingsHeader}</h3>
+        <div class="sub-heading">${settingsSubheader}</div>
+        </div>
+        <div>
+        <div class="flex-grow-1 query-text-field-group">
+        <input id="${inputId}" class="bg-secondary text-white border-secondary form-control" placeholder="${placeholder}">
+        </div>
+        </div>
+        </div>`;
+    containerEl.appendChild(section);
+    return document.getElementById(inputId);
+  }
+  get serverUrl() {
+    return window.location.origin + baseURL;
+  }
+  async waitForElement(
+    selector,
+    timeout = null,
+    location = document.body,
+    disconnectOnPageChange = false,
+  ) {
+    return new Promise((resolve) => {
+      if (document.querySelector(selector)) {
+        return resolve(document.querySelector(selector));
+      }
+
+      const observer = new MutationObserver(async () => {
+        if (document.querySelector(selector)) {
+          resolve(document.querySelector(selector));
+          observer.disconnect();
+        } else {
+          if (timeout) {
+            async function timeOver() {
+              return new Promise((resolve) => {
+                setTimeout(() => {
+                  observer.disconnect();
+                  resolve(false);
+                }, timeout);
+              });
+            }
+            resolve(await timeOver());
+          }
+        }
+      });
+
+      observer.observe(location, {
+        childList: true,
+        subtree: true,
+      });
+
+      if (disconnectOnPageChange) {
+        const stash = this;
+        function disconnect() {
+          resolve(false);
+          observer.disconnect();
+          stash.removeEventListener("stash:page", disconnect);
+        }
+        stash.addEventListener("stash:page", disconnect);
+      }
+    });
+  }
+  async waitForElementDeath(
+    selector,
+    location = document.body,
+    disconnectOnPageChange = false,
+  ) {
+    return new Promise((resolve) => {
+      const observer = new MutationObserver(async () => {
+        if (!document.querySelector(selector)) {
+          resolve(true);
+          observer.disconnect();
+        }
+      });
+
+      observer.observe(location, {
+        childList: true,
+        subtree: true,
+      });
+
+      if (disconnectOnPageChange) {
+        const stash = this;
+        function disconnect() {
+          resolve(false);
+          observer.disconnect();
+          stash.removeEventListener("stash:page", disconnect);
+        }
+        stash.addEventListener("stash:page", disconnect);
+      }
+    });
+  }
+  async _listenForNonPageChanges({
+    selector = "",
+    location = document.body,
+    listenType = "",
+    event = "",
+    recursive = false,
+    reRunHandlePageChange = false,
+    listenDefaultTab = true,
+    callback = () => {},
+  } = {}) {
+    if (recursive) return;
+
+    if (listenType === "tabs") {
+      const tabsContainer = await this.waitForElement(
+        selector,
+        10000,
+        location,
+        true,
+      );
+      const stash = this;
+      let previousEvent = "";
+
+      function listenForTabClicks(domEvent) {
+        const clickedChild = domEvent.target ? domEvent.target : domEvent;
+
+        if (!clickedChild.classList?.contains("nav-link")) return;
+
+        const tagName = clickedChild.getAttribute("data-rb-event-key");
+        const parentEvent = tagName.split("-")[0];
+        const childEvent = tagName.split("-").slice(1, -1).join("-");
+
+        event = `stash:page:${parentEvent}:${childEvent}`;
+
+        if (previousEvent === event) return;
+        previousEvent = event;
+
+        stash._dispatchPageEvent(`stash:page:any:${childEvent}`, false);
+        stash._dispatchPageEvent(event);
+      }
+
+      if (listenDefaultTab)
+        listenForTabClicks(tabsContainer.querySelector(".nav-link.active"));
+
+      tabsContainer.addEventListener("click", listenForTabClicks);
+
+      function removeEventListenerOnPageChange() {
+        tabsContainer.removeEventListener("click", listenForTabClicks);
+        stash.removeEventListener(
+          "stash:page",
+          removeEventListenerOnPageChange,
+        );
+      }
+      stash.addEventListener("stash:page", removeEventListenerOnPageChange);
+    } else if (await this.waitForElement(selector, null, location, true)) {
+      this._dispatchPageEvent(event);
+
+      if (await this.waitForElementDeath(selector, location, true)) {
+        if (
+          this._lastPathStr === window.location.pathname &&
+          reRunHandlePageChange
+        ) {
+          // triggered after home, performer, studio, tag's edit page close
+          this._handlePageChange({
+            recursive: true,
+            lastPathStr: this._lastPathStr,
+            lastQueryStr: this._lastQueryStr,
+            lastHref: this._lastHref,
+            lastStashPageEvent: this._lastStashPageEvent,
+          });
+        }
+      }
+    }
+
+    callback();
+  }
+  _dispatchPageEvent(event, addToHistory = true) {
+    this.dispatchEvent(
+      new CustomEvent(event, {
+        detail: {
+          event: event,
+          lastEventState: {
+            lastPathStr: this._lastPathStr,
+            lastQueryStr: this._lastQueryStr,
+            lastHref: this._lastHref,
+            lastStashPageEvent: this._lastStashPageEvent,
+          },
+        },
+      }),
+    );
+
+    if (addToHistory) {
+      this.log.debug(`[Navigation] ${event}`);
+      if (event.startsWith("stash:")) {
+        this._lastStashPageEvent = event;
+      }
+    }
+
+    // if (event!=="stash:page" && !addToHistory) this.log.debug(`[Navigation] ${event}`); // log ":any:" events
+  }
+  addPageListener(eventData) {
+    const {
+      event,
+      regex,
+      callback = () => {},
+      manuallyHandleDispatchEvent = false,
+    } = eventData;
+    if (
+      event &&
+      !event?.startsWith("stash:") &&
+      regex &&
+      this._pageListeners[event] === undefined
+    ) {
+      this._pageListeners[event] = {
+        regex: regex,
+        callback: callback,
+        manuallyHandleDispatchEvent: manuallyHandleDispatchEvent,
+      };
+
+      return event;
+    } else {
+      if (this._pageListeners[event] !== undefined) {
+        console.error(`Can't add page listener: Event ${event} already exists`);
+      } else if (event?.startsWith("stash:")) {
+        console.error(
+          `Can't add page listener: Event name can't start with "stash:"`,
+        );
+      } else {
+        console.error(
+          `Can't add page listener: Missing required argument(s) "event", "regex"`,
+        );
+      }
+
+      return false;
+    }
+  }
+  removePageListener(event) {
+    if (event && !event?.startsWith("stash:") && this._pageListeners[event]) {
+      delete this._pageListeners[event];
+      return event;
+    } else {
+      if (this._pageListeners[event] === undefined && event) {
+        console.error(
+          `Can't remove page listener: Event ${event} doesn't exists`,
+        );
+      } else if (event?.startsWith("stash:")) {
+        console.error(
+          `Can't remove page listener: Event ${event} is a built in event`,
+        );
+      } else {
+        console.error(`Can't remove page listener: Missing "event" argument`);
+      }
+
+      return false;
+    }
+  }
+  stopPageListener() {
+    clearInterval(this._pageURLCheckTimerId);
+  }
+  _initDefaultPageListeners() {
+    this._pageListeners = {
+      // scenes tab
+      "stash:page:scenes": {
+        regex: /scenes\?/,
+        manuallyHandleDispatchEvent: true,
+        handleDisplayView: "ignoreDisplayViewCondition",
+        callback: ({ lastHref, event, regex }) => {
+          if (!this.matchUrl(lastHref, regex)) {
+            this._dispatchPageEvent(event);
+            this.processTagger();
+          }
+        },
+      },
+      "stash:page:scene:new": {
+        regex: /scenes\/new/,
+      },
+      "stash:page:scene": {
+        regex: /scenes\/\d+\?/,
+        callback: ({ recursive = false }) =>
+          this._listenForNonPageChanges({
+            selector: ".scene-tabs .nav-tabs",
+            listenType: "tabs",
+            recursive: recursive,
+          }),
+      },
+
+      // images tab
+      "stash:page:images": {
+        regex: /images\?/,
+        handleDisplayView: true,
+        manuallyHandleDispatchEvent: true,
+        callback: ({ lastHref, event, regex }) => {
+          if (!this.matchUrl(lastHref, regex)) {
+            this._dispatchPageEvent(event);
+          }
+        },
+      },
+      "stash:page:image": {
+        regex: /images\/\d+/,
+        callback: ({ recursive = false }) =>
+          this._listenForNonPageChanges({
+            selector: ".image-tabs .nav-tabs",
+            listenType: "tabs",
+            recursive: recursive,
+          }),
+      },
+
+      // movies tab
+      "stash:page:movies": {
+        regex: /movies\?/,
+      },
+      "stash:page:movie": {
+        regex: /movies\/\d+/,
+      },
+      "stash:page:movie:scenes": {
+        regex: /movies\/\d+\?/,
+        callback: () => this.processTagger(),
+      },
+
+      // markers tab
+      "stash:page:markers": {
+        regex: /scenes\/markers/,
+      },
+
+      // galleries tab
+      "stash:page:galleries": {
+        regex: /galleries\?/,
+        handleDisplayView: "ignoreDisplayViewCondition",
+        manuallyHandleDispatchEvent: true,
+        callback: ({ lastHref, event, regex }) => {
+          if (!this.matchUrl(lastHref, regex)) {
+            this._dispatchPageEvent(event);
+          }
+        },
+      },
+      "stash:page:gallery:new": {
+        regex: /galleries\/new/,
+      },
+      "stash:page:gallery:images": {
+        regex: /galleries\/\d+\?/,
+        manuallyHandleDispatchEvent: true,
+        handleDisplayView: "ignoreDisplayViewCondition",
+        callback: ({ lastHref, lastPathStr, recursive = false, event }) => {
+          if (
+            !this.matchUrl(lastHref, /\/galleries\/\d+\//) &&
+            lastPathStr !== window.location.pathname
+          ) {
+            this._dispatchPageEvent("stash:page:gallery");
+            this._listenForNonPageChanges({
+              selector: ".gallery-tabs .nav-tabs .nav-link.active",
+              event: "stash:page:gallery:details",
+              recursive: recursive,
+            });
+          }
+
+          this._dispatchPageEvent(event);
+
+          this._listenForNonPageChanges({
+            selector: ".gallery-tabs .nav-tabs",
+            listenType: "tabs",
+            recursive: recursive,
+            listenDefaultTab: false,
+          });
+        },
+      },
+      "stash:page:gallery:add": {
+        regex: /galleries\/\d+\/add/,
+        manuallyHandleDispatchEvent: true,
+        handleDisplayView: "ignoreDisplayViewCondition",
+        callback: ({ lastHref, lastPathStr, recursive = false, event }) => {
+          if (
+            !this.matchUrl(lastHref, /\/galleries\/\d+/) &&
+            lastPathStr !== window.location.pathname
+          ) {
+            this._dispatchPageEvent("stash:page:gallery");
+            this._listenForNonPageChanges({
+              selector: ".gallery-tabs .nav-tabs .nav-link.active",
+              event: "stash:page:gallery:details",
+              recursive: recursive,
+            });
+          }
+
+          this._dispatchPageEvent(event);
+
+          this._listenForNonPageChanges({
+            selector: ".gallery-tabs .nav-tabs",
+            listenType: "tabs",
+            recursive: recursive,
+            listenDefaultTab: false,
+          });
+        },
+      },
+
+      // performers tab
+      "stash:page:performers": {
+        regex: /performers\?/,
+        handleDisplayView: "ignoreDisplayViewCondition",
+        manuallyHandleDispatchEvent: true,
+        callback: ({ lastHref, event, regex }) => {
+          if (!this.matchUrl(lastHref, regex) || this._detectReRenders) {
+            this._dispatchPageEvent(event);
+          }
+        },
+      },
+      "stash:page:performer:new": {
+        regex: /performers\/new/,
+      },
+      "stash:page:performer": {
+        regex: /performers\/\d+/,
+        manuallyHandleDispatchEvent: true,
+        callback: ({ lastHref, event, regex }) => {
+          if (!this.matchUrl(lastHref, regex)) {
+            this._dispatchPageEvent(event);
+            this.processTagger();
+          }
+
+          this._listenForNonPageChanges({
+            selector: "#performer-edit",
+            event: "stash:page:performer:edit",
+            reRunHandlePageChange: true,
+            callback: () =>
+              this._detectReRenders ? this._dispatchPageEvent(event) : null,
+          });
+        },
+      },
+      "stash:page:performer:scenes": {
+        regex: /performers\/\d+\?/,
+        handleDisplayView: "ignoreDisplayViewCondition",
+        manuallyHandleDispatchEvent: true,
+        callback: ({ lastHref, event, regex }) => {
+          if (!this.matchUrl(lastHref, regex)) {
+            this._dispatchPageEvent(event);
+          }
+        },
+      },
+      "stash:page:performer:galleries": {
+        regex: /performers\/\d+\/galleries/,
+        handleDisplayView: "ignoreDisplayViewCondition",
+        manuallyHandleDispatchEvent: true,
+        callback: ({ lastHref, event, regex }) => {
+          if (!this.matchUrl(lastHref, regex)) {
+            this._dispatchPageEvent(event);
+          }
+        },
+      },
+      "stash:page:performer:images": {
+        regex: /performers\/\d+\/images/,
+        handleDisplayView: "ignoreDisplayViewCondition",
+        manuallyHandleDispatchEvent: true,
+        callback: ({ lastHref, event, regex }) => {
+          if (!this.matchUrl(lastHref, regex)) {
+            this._dispatchPageEvent(event);
+          }
+        },
+      },
+      "stash:page:performer:movies": {
+        regex: /performers\/\d+\/movies/,
+      },
+      "stash:page:performer:appearswith": {
+        regex: /performers\/\d+\/appearswith/,
+        handleDisplayView: "ignoreDisplayViewCondition",
+        manuallyHandleDispatchEvent: true,
+        callback: ({ lastHref, event, regex }) => {
+          if (!this.matchUrl(lastHref, regex)) {
+            this._dispatchPageEvent(event);
+            this.processTagger();
+          }
+        },
+      },
+
+      // studios tab
+      "stash:page:studios": {
+        regex: /studios\?/,
+        handleDisplayView: "ignoreDisplayViewCondition",
+        manuallyHandleDispatchEvent: true,
+        callback: ({ lastHref, event, regex }) => {
+          if (!this.matchUrl(lastHref, regex)) {
+            this._dispatchPageEvent(event);
+          }
+        },
+      },
+      "stash:page:studio:new": {
+        regex: /studios\/new/,
+      },
+      "stash:page:studio": {
+        regex: /studios\/\d+/,
+        manuallyHandleDispatchEvent: true,
+        callback: ({ lastHref, event, regex }) => {
+          if (!this.matchUrl(lastHref, regex)) {
+            this._dispatchPageEvent(event);
+            this.processTagger();
+          }
+
+          this._listenForNonPageChanges({
+            selector: "#studio-edit",
+            event: "stash:page:studio:edit",
+            reRunHandlePageChange: true,
+            callback: () =>
+              this._detectReRenders ? this._dispatchPageEvent(event) : null,
+          });
+        },
+      },
+      "stash:page:studio:scenes": {
+        regex: /studios\/\d+\?/,
+        handleDisplayView: "ignoreDisplayViewCondition",
+        manuallyHandleDispatchEvent: true,
+        callback: ({ lastHref, event, regex }) => {
+          if (!this.matchUrl(lastHref, regex)) {
+            this._dispatchPageEvent(event);
+          }
+        },
+      },
+      "stash:page:studio:galleries": {
+        regex: /studios\/\d+\/galleries/,
+        handleDisplayView: "ignoreDisplayViewCondition",
+        manuallyHandleDispatchEvent: true,
+        callback: ({ lastHref, event, regex }) => {
+          if (!this.matchUrl(lastHref, regex)) {
+            this._dispatchPageEvent(event);
+          }
+        },
+      },
+      "stash:page:studio:images": {
+        regex: /studios\/\d+\/images/,
+        handleDisplayView: "ignoreDisplayViewCondition",
+        manuallyHandleDispatchEvent: true,
+        callback: ({ lastHref, event, regex }) => {
+          if (!this.matchUrl(lastHref, regex)) {
+            this._dispatchPageEvent(event);
+          }
+        },
+      },
+      "stash:page:studio:performers": {
+        regex: /studios\/\d+\/performers/,
+        handleDisplayView: "ignoreDisplayViewCondition",
+        manuallyHandleDispatchEvent: true,
+        callback: ({ lastHref, event, regex }) => {
+          if (!this.matchUrl(lastHref, regex)) {
+            this._dispatchPageEvent(event);
+          }
+        },
+      },
+      "stash:page:studio:movies": {
+        regex: /studios\/\d+\/movies/,
+      },
+      "stash:page:studio:childstudios": {
+        regex: /studios\/\d+\/childstudios/,
+        handleDisplayView: "ignoreDisplayViewCondition",
+        manuallyHandleDispatchEvent: true,
+        callback: ({ lastHref, event, regex }) => {
+          if (!this.matchUrl(lastHref, regex)) {
+            this._dispatchPageEvent(event);
+          }
+        },
+      },
+
+      // tags tab
+      "stash:page:tags": {
+        regex: /tags\?/,
+        handleDisplayView: "ignoreDisplayViewCondition",
+        manuallyHandleDispatchEvent: true,
+        callback: ({ lastHref, event, regex }) => {
+          if (!this.matchUrl(lastHref, regex)) {
+            this._dispatchPageEvent(event);
+          }
+        },
+      },
+      "stash:page:tag:new": {
+        regex: /tags\/new/,
+      },
+      "stash:page:tag": {
+        regex: /tags\/\d+/,
+        manuallyHandleDispatchEvent: true,
+        callback: ({ lastHref, event, regex }) => {
+          if (!this.matchUrl(lastHref, regex)) {
+            this._dispatchPageEvent(event);
+            this.processTagger();
+          }
+
+          this._listenForNonPageChanges({
+            selector: "#tag-edit",
+            event: "stash:page:tag:edit",
+            reRunHandlePageChange: true,
+            callback: () =>
+              this._detectReRenders ? this._dispatchPageEvent(event) : null,
+          });
+        },
+      },
+      "stash:page:tag:scenes": {
+        regex: /tags\/\d+\?/,
+        handleDisplayView: "ignoreDisplayViewCondition",
+        manuallyHandleDispatchEvent: true,
+        callback: ({ lastHref, event, regex }) => {
+          if (!this.matchUrl(lastHref, regex)) {
+            this._dispatchPageEvent(event);
+          }
+        },
+      },
+      "stash:page:tag:galleries": {
+        regex: /tags\/\d+\/galleries/,
+        handleDisplayView: "ignoreDisplayViewCondition",
+        manuallyHandleDispatchEvent: true,
+        callback: ({ lastHref, event, regex }) => {
+          if (!this.matchUrl(lastHref, regex)) {
+            this._dispatchPageEvent(event);
+          }
+        },
+      },
+      "stash:page:tag:images": {
+        regex: /tags\/\d+\/images/,
+        handleDisplayView: "ignoreDisplayViewCondition",
+        manuallyHandleDispatchEvent: true,
+        callback: ({ lastHref, event, regex }) => {
+          if (!this.matchUrl(lastHref, regex)) {
+            this._dispatchPageEvent(event);
+          }
+        },
+      },
+      "stash:page:tag:markers": {
+        regex: /tags\/\d+\/markers/,
+      },
+      "stash:page:tag:performers": {
+        regex: /tags\/\d+\/performers/,
+        handleDisplayView: "ignoreDisplayViewCondition",
+        manuallyHandleDispatchEvent: true,
+        callback: ({ lastHref, event, regex }) => {
+          if (!this.matchUrl(lastHref, regex)) {
+            this._dispatchPageEvent(event);
+          }
+        },
+      },
+
+      // settings page
+      "stash:page:settings": {
+        regex: /settings/,
+        manuallyHandleDispatchEvent: true,
+        callback: ({ lastHref, event, regex }) => {
+          if (!this.matchUrl(lastHref, regex)) {
+            this._dispatchPageEvent(event);
+          }
+        },
+      },
+      "stash:page:settings:tasks": {
+        regex: /settings\?tab=tasks/,
+        callback: () => this.hidePluginTasks(),
+      },
+      "stash:page:settings:library": {
+        regex: /settings\?tab=library/,
+      },
+      "stash:page:settings:interface": {
+        regex: /settings\?tab=interface/,
+      },
+      "stash:page:settings:security": {
+        regex: /settings\?tab=security/,
+      },
+      "stash:page:settings:metadata-providers": {
+        regex: /settings\?tab=metadata-providers/,
+      },
+      "stash:page:settings:services": {
+        regex: /settings\?tab=services/,
+      },
+      "stash:page:settings:system": {
+        regex: /settings\?tab=system/,
+        callback: () => this.createSettings(),
+      },
+      "stash:page:settings:plugins": {
+        regex: /settings\?tab=plugins/,
+      },
+      "stash:page:settings:logs": {
+        regex: /settings\?tab=logs/,
+      },
+      "stash:page:settings:tools": {
+        regex: /settings\?tab=tools/,
+      },
+      "stash:page:settings:changelog": {
+        regex: /settings\?tab=changelog/,
+      },
+      "stash:page:settings:about": {
+        regex: /settings\?tab=about/,
+      },
+
+      // stats page
+      "stash:page:stats": {
+        regex: /stats/,
+      },
+
+      // home page
+      "stash:page:home": {
+        regex: /$/,
+        callback: () =>
+          this._listenForNonPageChanges({
+            selector: ".recommendations-container-edit",
+            event: "stash:page:home:edit",
+            reRunHandlePageChange: true,
+          }),
+      },
+    };
+  }
+  _handlePageChange(args) {
+    const events = Object.keys(this._pageListeners);
+
+    for (const event of events) {
+      const {
+        regex,
+        callback = () => {},
+        manuallyHandleDispatchEvent = false,
+        handleDisplayView = false,
+      } = this._pageListeners[event];
+
+      let isDisplayViewPage = false;
+      let isGridPage, isListPage, isWallPage, isTaggerPage;
+
+      const splitEvent = event.split(":");
+      const tabPage = { page: "", tab: "" };
+      let childAnyEventCondition = false;
+
+      if (splitEvent.length === 4) {
+        childAnyEventCondition = true;
+        tabPage.page = splitEvent[2];
+        tabPage.tab = splitEvent[3];
+      }
+
+      splitEvent.pop();
+
+      if (handleDisplayView) {
+        isGridPage = this.matchUrl(
+          window.location.href,
+          concatRegexp(regex, /(?!.*disp=)/),
+        );
+        isListPage = this.matchUrl(
+          window.location.href,
+          concatRegexp(regex, /.*disp=1/),
+        );
+        isWallPage = this.matchUrl(
+          window.location.href,
+          concatRegexp(regex, /.*disp=2/),
+        );
+        isTaggerPage = this.matchUrl(
+          window.location.href,
+          concatRegexp(regex, /.*disp=3/),
+        );
+
+        if (isListPage || isWallPage || isTaggerPage) isDisplayViewPage = true;
+      }
+
+      function dispatchViewEvent(view, stash) {
+        stash._dispatchPageEvent(event + `:${view}`);
+        if (childAnyEventCondition) {
+          stash._dispatchPageEvent(
+            "stash:page:" + tabPage.page + `:any:${view}`,
+            false,
+          );
+          stash._dispatchPageEvent(
+            "stash:page:any:" + tabPage.tab + `:${view}`,
+            false,
+          );
+        } else {
+          stash._dispatchPageEvent(`stash:page:any:${view}`, false);
+        }
+      }
+
+      const handleDisplayViewCondition =
+        handleDisplayView !== true ||
+        (handleDisplayView && (!isDisplayViewPage || args.lastHref === ""));
+
+      if (
+        this.matchUrl(window.location.href, regex) &&
+        handleDisplayViewCondition
+      ) {
+        if (!manuallyHandleDispatchEvent) this._dispatchPageEvent(event);
+        callback({
+          ...args,
+          location: window.location,
+          event: event,
+          regex: regex,
+        });
+
+        if (isGridPage) dispatchViewEvent("grid", this);
+      }
+
+      if (handleDisplayView) {
+        let view = "";
+        switch (true) {
+          case isListPage:
+            view = "list";
+            break;
+          case isWallPage:
+            view = "wall";
+            break;
+          case isTaggerPage:
+            view = "tagger";
+            break;
+        }
+        if (view) dispatchViewEvent(view, this);
+      }
+    }
+  }
+  addEventListeners(events, callback, ...options) {
+    events.forEach((event) => {
+      this.addEventListener(event, callback, ...options);
+    });
+  }
+  hidePluginTasks() {
+    // hide userscript functions plugin tasks
+    waitForElementByXpath(
+      "//div[@id='tasks-panel']//h3[text()='Userscript Functions']/ancestor::div[contains(@class, 'setting-group')]",
+      (elementId, el) => {
+        const tasks = el.querySelectorAll(".setting");
+        for (const task of tasks) {
+          const taskName = task.querySelector("h3").innerText;
+          task.classList.add(
+            this.visiblePluginTasks.indexOf(taskName) === -1
+              ? "d-none"
+              : "d-flex",
+          );
+          this.dispatchEvent(
+            new CustomEvent("stash:plugin:task", {
+              detail: {
+                taskName,
+                task,
+              },
+            }),
+          );
+        }
+      },
+    );
+  }
+  async updateConfigValueTask(sectionKey, propName, value) {
+    return this.runPluginTask("userscript_functions", "Update Config Value", [
+      {
+        key: "section_key",
+        value: {
+          str: sectionKey,
+        },
+      },
+      {
+        key: "prop_name",
+        value: {
+          str: propName,
+        },
+      },
+      {
+        key: "value",
+        value: {
+          str: value,
+        },
+      },
+    ]);
+  }
+  async getConfigValueTask(sectionKey, propName) {
+    await this.runPluginTask("userscript_functions", "Get Config Value", [
+      {
+        key: "section_key",
+        value: {
+          str: sectionKey,
+        },
+      },
+      {
+        key: "prop_name",
+        value: {
+          str: propName,
+        },
+      },
+    ]);
+
+    // poll logs until plugin task output appears
+    const prefix = `[Plugin / Userscript Functions] get_config_value: [${sectionKey}][${propName}] =`;
+    return this.pollLogsForMessage(prefix);
+  }
+  async pollLogsForMessage(prefix) {
+    const reqTime = Date.now();
+    const reqData = {
+      variables: {},
+      query: `query Logs {
+                        logs {
+                            time
+                            level
+                            message
+                        }
+                    }`,
+    };
+    await new Promise((r) => setTimeout(r, 500));
+    let retries = 0;
+    while (true) {
+      const delay = 2 ** retries * 100;
+      await new Promise((r) => setTimeout(r, delay));
+      retries++;
+
+      const logs = await this.callGQL(reqData);
+      for (const log of logs.data.logs) {
+        const logTime = Date.parse(log.time);
+        if (logTime > reqTime && log.message.startsWith(prefix)) {
+          return log.message.replace(prefix, "").trim();
+        }
+      }
+
+      if (retries >= 5) {
+        throw `Poll logs failed for message: ${prefix}`;
+      }
+    }
+  }
+  processTagger() {
+    waitForElementByXpath("//button[text()='Scrape All']", (xpath, el) => {
+      this.dispatchEvent(
+        new CustomEvent("tagger", {
+          detail: el,
+        }),
+      );
+
+      const searchItemContainer =
+        document.querySelector(".tagger-container").lastChild;
+
+      const observer = new MutationObserver((mutations) => {
+        mutations.forEach((mutation) => {
+          mutation.addedNodes.forEach((node) => {
+            if (
+              node?.classList?.contains("entity-name") &&
+              node.innerText.startsWith("Performer:")
+            ) {
+              this.dispatchEvent(
+                new CustomEvent("tagger:mutation:add:remoteperformer", {
+                  detail: {
+                    node,
+                    mutation,
+                  },
+                }),
+              );
+            } else if (
+              node?.classList?.contains("entity-name") &&
+              node.innerText.startsWith("Studio:")
+            ) {
+              this.dispatchEvent(
+                new CustomEvent("tagger:mutation:add:remotestudio", {
+                  detail: {
+                    node,
+                    mutation,
+                  },
+                }),
+              );
+            } else if (
+              node.tagName === "SPAN" &&
+              node.innerText.startsWith("Matched:")
+            ) {
+              this.dispatchEvent(
+                new CustomEvent("tagger:mutation:add:local", {
+                  detail: {
+                    node,
+                    mutation,
+                  },
+                }),
+              );
+            } else if (node.tagName === "UL") {
+              this.dispatchEvent(
+                new CustomEvent("tagger:mutation:add:container", {
+                  detail: {
+                    node,
+                    mutation,
+                  },
+                }),
+              );
+            } else if (node?.classList?.contains("col-lg-6")) {
+              this.dispatchEvent(
+                new CustomEvent("tagger:mutation:add:subcontainer", {
+                  detail: {
+                    node,
+                    mutation,
+                  },
+                }),
+              );
+            } else if (node.tagName === "H5") {
+              // scene date
+              this.dispatchEvent(
+                new CustomEvent("tagger:mutation:add:date", {
+                  detail: {
+                    node,
+                    mutation,
+                  },
+                }),
+              );
+            } else if (
+              node.tagName === "DIV" &&
+              node?.classList?.contains("d-flex") &&
+              node?.classList?.contains("flex-column")
+            ) {
+              // scene stashid, url, details
+              this.dispatchEvent(
+                new CustomEvent("tagger:mutation:add:detailscontainer", {
+                  detail: {
+                    node,
+                    mutation,
+                  },
+                }),
+              );
+            } else {
+              this.dispatchEvent(
+                new CustomEvent("tagger:mutation:add:other", {
+                  detail: {
+                    node,
+                    mutation,
+                  },
+                }),
+              );
+            }
+          });
+        });
+        this.dispatchEvent(
+          new CustomEvent("tagger:mutations:searchitems", {
+            detail: mutations,
+          }),
+        );
+      });
+      observer.observe(searchItemContainer, {
+        childList: true,
+        subtree: true,
+      });
+
+      const taggerContainerHeader = document.querySelector(
+        ".tagger-container-header",
+      );
+      const taggerContainerHeaderObserver = new MutationObserver(
+        (mutations) => {
+          this.dispatchEvent(
+            new CustomEvent("tagger:mutations:header", {
+              detail: mutations,
+            }),
+          );
+        },
+      );
+      taggerContainerHeaderObserver.observe(taggerContainerHeader, {
+        childList: true,
+        subtree: true,
+      });
+
+      for (const searchItem of document.querySelectorAll(".search-item")) {
+        this.dispatchEvent(
+          new CustomEvent("tagger:searchitem", {
+            detail: searchItem,
+          }),
+        );
+      }
+
+      if (!document.getElementById("progress-bar")) {
+        const progressBar = createElementFromHTML(
+          `<div id="progress-bar" class="progress"><div class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div></div>`,
+        );
+        progressBar.classList.add("progress");
+        progressBar.style.display = "none";
+        taggerContainerHeader.appendChild(progressBar);
+      }
+    });
+    waitForElementByXpath(
+      "//div[@class='tagger-container-header']/div/div[@class='row']/h4[text()='Configuration']",
+      (xpath, el) => {
+        this.dispatchEvent(
+          new CustomEvent("tagger:configuration", {
+            detail: el,
+          }),
+        );
+      },
+    );
+  }
+  setProgress(value) {
+    const progressBar = document.getElementById("progress-bar");
+    if (progressBar) {
+      progressBar.firstChild.style.width = value + "%";
+      progressBar.style.display = value <= 0 || value > 100 ? "none" : "flex";
+    }
+  }
+  processRemoteScenes(data) {
+    if (data.data?.scrapeMultiScenes) {
+      for (const matchResults of data.data.scrapeMultiScenes) {
+        for (const scene of matchResults) {
+          this.remoteScenes[scene.remote_site_id] = scene;
+        }
+      }
+    } else if (data.data?.scrapeSingleScene) {
+      for (const scene of data.data.scrapeSingleScene) {
+        this.remoteScenes[scene.remote_site_id] = scene;
+      }
+    }
+  }
+  processScene(data) {
+    if (data.data.findScene) {
+      this.scenes[data.data.findScene.id] = data.data.findScene;
+    }
+  }
+  processScenes(data) {
+    if (data.data.findScenes?.scenes) {
+      for (const scene of data.data.findScenes.scenes) {
+        this.scenes[scene.id] = scene;
+      }
+    }
+  }
+  processStudios(data) {
+    if (data.data.findStudios?.studios) {
+      for (const studio of data.data.findStudios.studios) {
+        this.studios[studio.id] = studio;
+      }
+    }
+  }
+  processPerformers(data) {
+    if (data.data.findPerformers?.performers) {
+      for (const performer of data.data.findPerformers.performers) {
+        this.performers[performer.id] = performer;
+      }
+    }
+  }
+  processApiKey(data) {
+    if (data.data.generateAPIKey != null && this.pluginVersion) {
+      this.updateConfigValueTask("STASH", "api_key", data.data.generateAPIKey);
+    }
+  }
+  parseSearchItem(searchItem) {
+    const urlNode = searchItem.querySelector("a.scene-link");
+    const url = new URL(urlNode.href);
+    const id = url.pathname.replace(baseURL + "scenes/", "");
+    const data = this.scenes[id];
+    const nameNode = searchItem.querySelector(
+      "a.scene-link > div.TruncatedText",
+    );
+    const name = nameNode.innerText;
+    const queryInput = searchItem.querySelector("input.text-input");
+    const performerNodes = searchItem.querySelectorAll(
+      ".performer-tag-container",
+    );
+
+    return {
+      urlNode,
+      url,
+      id,
+      data,
+      nameNode,
+      name,
+      queryInput,
+      performerNodes,
+    };
+  }
+  parseSearchResultItem(searchResultItem) {
+    const remoteUrlNode = searchResultItem.querySelector(
+      ".scene-details .optional-field .optional-field-content a",
+    );
+    const remoteId = remoteUrlNode?.href.split("/").pop();
+    const remoteUrl = remoteUrlNode?.href ? new URL(remoteUrlNode.href) : null;
+    const remoteData = this.remoteScenes[remoteId];
+
+    const sceneDetailNodes = searchResultItem.querySelectorAll(
+      ".scene-details .optional-field .optional-field-content",
+    );
+    let urlNode = null;
+    let detailsNode = null;
+    for (const sceneDetailNode of sceneDetailNodes) {
+      if (
+        sceneDetailNode.innerText.startsWith("http") &&
+        remoteUrlNode?.href !== sceneDetailNode.innerText
+      ) {
+        urlNode = sceneDetailNode;
+      } else if (!sceneDetailNode.innerText.startsWith("http")) {
+        detailsNode = sceneDetailNode;
+      }
+    }
+
+    const imageNode = searchResultItem.querySelector(
+      ".scene-image-container .optional-field .optional-field-content",
+    );
+
+    const metadataNode = searchResultItem.querySelector(".scene-metadata");
+    const titleNode = metadataNode.querySelector(
+      "h4 .optional-field .optional-field-content",
+    );
+    const codeAndDateNodes = metadataNode.querySelectorAll(
+      "h5 .optional-field .optional-field-content",
+    );
+    let codeNode = null;
+    let dateNode = null;
+    for (const node of codeAndDateNodes) {
+      if (node.textContent.includes("-")) {
+        dateNode = node;
+      } else {
+        codeNode = node;
+      }
+    }
+
+    const entityNodes = searchResultItem.querySelectorAll(".entity-name");
+    let studioNode = null;
+    const performerNodes = [];
+    for (const entityNode of entityNodes) {
+      if (entityNode.innerText.startsWith("Studio:")) {
+        studioNode = entityNode;
+      } else if (entityNode.innerText.startsWith("Performer:")) {
+        performerNodes.push(entityNode);
+      }
+    }
+
+    const matchNodes = searchResultItem.querySelectorAll(
+      "div.col-lg-6 div.mt-2 div.row.no-gutters.my-2 span.ml-auto",
+    );
+    const matches = [];
+    for (const matchNode of matchNodes) {
+      let matchType = null;
+      const entityNode = matchNode.parentElement.querySelector(".entity-name");
+
+      const matchName = matchNode.querySelector(
+        ".optional-field-content b",
+      ).innerText;
+      const remoteName = entityNode.querySelector("b").innerText;
+
+      let data;
+      if (entityNode.innerText.startsWith("Performer:")) {
+        matchType = "performer";
+        if (remoteData) {
+          data = remoteData.performers.find(
+            (performer) => performer.name === remoteName,
+          );
+        }
+      } else if (entityNode.innerText.startsWith("Studio:")) {
+        matchType = "studio";
+        if (remoteData) {
+          data = remoteData.studio;
+        }
+      }
+
+      matches.push({
+        matchType,
+        matchNode,
+        entityNode,
+        matchName,
+        remoteName,
+        data,
+      });
+    }
+
+    return {
+      remoteUrlNode,
+      remoteId,
+      remoteUrl,
+      remoteData,
+      urlNode,
+      detailsNode,
+      imageNode,
+      titleNode,
+      codeNode,
+      dateNode,
+      studioNode,
+      performerNodes,
+      matches,
+    };
+  }
+}
+
+window.stash = new Stash();
+
+function waitForElementQuerySelector(query, callback, time) {
+  time = typeof time !== "undefined" ? time : 100;
+  window.setTimeout(() => {
+    const element = document.querySelector(query);
+    if (element) {
+      callback(query, element);
+    } else {
+      waitForElementQuerySelector(query, callback, time);
+    }
+  }, time);
+}
+
+function waitForElementClass(elementId, callback, time) {
+  time = typeof time !== "undefined" ? time : 100;
+  window.setTimeout(() => {
+    const element = document.getElementsByClassName(elementId);
+    if (element.length > 0) {
+      callback(elementId, element);
+    } else {
+      waitForElementClass(elementId, callback, time);
+    }
+  }, time);
+}
+
+function waitForElementId(elementId, callback, time) {
+  time = typeof time !== "undefined" ? time : 100;
+  window.setTimeout(() => {
+    const element = document.getElementById(elementId);
+    if (element != null) {
+      callback(elementId, element);
+    } else {
+      waitForElementId(elementId, callback, time);
+    }
+  }, time);
+}
+
+function waitForElementByXpath(xpath, callback, time) {
+  time = typeof time !== "undefined" ? time : 100;
+  window.setTimeout(() => {
+    const element = getElementByXpath(xpath);
+    if (element) {
+      callback(xpath, element);
+    } else {
+      waitForElementByXpath(xpath, callback, time);
+    }
+  }, time);
+}
+
+function getElementByXpath(xpath, contextNode) {
+  return document.evaluate(
+    xpath,
+    contextNode || document,
+    null,
+    XPathResult.FIRST_ORDERED_NODE_TYPE,
+    null,
+  ).singleNodeValue;
+}
+
+function createElementFromHTML(htmlString) {
+  const div = document.createElement("div");
+  div.innerHTML = htmlString.trim();
+
+  // Change this to div.childNodes to support multiple top-level nodes.
+  return div.firstChild;
+}
+
+function getElementByXpath(xpath, contextNode) {
+  return document.evaluate(
+    xpath,
+    contextNode || document,
+    null,
+    XPathResult.FIRST_ORDERED_NODE_TYPE,
+    null,
+  ).singleNodeValue;
+}
+
+function getElementsByXpath(xpath, contextNode) {
+  return document.evaluate(
+    xpath,
+    contextNode || document,
+    null,
+    XPathResult.ORDERED_NODE_ITERATOR_TYPE,
+    null,
+  );
+}
+
+function getClosestAncestor(el, selector, stopSelector) {
+  let retval = null;
+  while (el) {
+    if (el.matches(selector)) {
+      retval = el;
+      break;
+    } else if (stopSelector && el.matches(stopSelector)) {
+      break;
+    }
+    el = el.parentElement;
+  }
+  return retval;
+}
+
+function setNativeValue(element, value) {
+  const valueSetter = Object.getOwnPropertyDescriptor(element, "value").set;
+  const prototype = Object.getPrototypeOf(element);
+  const prototypeValueSetter = Object.getOwnPropertyDescriptor(
+    prototype,
+    "value",
+  ).set;
+
+  if (valueSetter && valueSetter !== prototypeValueSetter) {
+    prototypeValueSetter.call(element, value);
+  } else {
+    valueSetter.call(element, value);
+  }
+}
+
+function updateTextInput(element, value) {
+  setNativeValue(element, value);
+  element.dispatchEvent(
+    new Event("input", {
+      bubbles: true,
+    }),
+  );
+}
+
+function concatRegexp(reg, exp) {
+  let flags = reg.flags + exp.flags;
+  flags = Array.from(new Set(flags.split(""))).join();
+  return new RegExp(reg.source + exp.source, flags);
+}
+
+function sortElementChildren(node) {
+  const items = node.childNodes;
+  const itemsArr = [];
+  for (const i in items) {
+    if (items[i].nodeType == Node.ELEMENT_NODE) {
+      // get rid of the whitespace text nodes
+      itemsArr.push(items[i]);
+    }
+  }
+
+  itemsArr.sort((a, b) => {
+    return a.innerHTML == b.innerHTML ? 0 : a.innerHTML > b.innerHTML ? 1 : -1;
+  });
+
+  for (let i = 0; i < itemsArr.length; i++) {
+    node.appendChild(itemsArr[i]);
+  }
+}
+
+function xPathResultToArray(result) {
+  let node = null;
+  const nodes = [];
+  while ((node = result.iterateNext())) {
+    nodes.push(node);
+  }
+  return nodes;
+}
+
+function createStatElement(container, title, heading) {
+  const statEl = document.createElement("div");
+  statEl.classList.add("stats-element");
+  container.appendChild(statEl);
+
+  const statTitle = document.createElement("p");
+  statTitle.classList.add("title");
+  statTitle.innerText = title;
+  statEl.appendChild(statTitle);
+
+  const statHeading = document.createElement("p");
+  statHeading.classList.add("heading");
+  statHeading.innerText = heading;
+  statEl.appendChild(statHeading);
+}
+
+const reloadImg = (url) =>
+  fetch(url, {
+    cache: "reload",
+    mode: "no-cors",
+  }).then(() =>
+    document.body
+      .querySelectorAll(`img[src='${url}']`)
+      .forEach((img) => (img.src = url)),
+  );
diff --git a/plugins/stashdb-performer-gallery/stashdb-performer-gallery.py b/plugins/stashdb-performer-gallery/stashdb-performer-gallery.py
index 29d9f4e6..643d06c9 100644
--- a/plugins/stashdb-performer-gallery/stashdb-performer-gallery.py
+++ b/plugins/stashdb-performer-gallery/stashdb-performer-gallery.py
@@ -14,216 +14,286 @@
 
 per_page = 100
 request_s = requests.Session()
-stash_boxes={}
-
+stash_boxes = {}
 
 
 def processImages(img):
-    log.debug('image: %s' % ( img, ))
-    for file in [x['path'] for x in img['visual_files']]:
-        if settings['path'] in file:
-            index_file=Path(Path(file).parent) / (Path(file).stem +'.json')
+    log.debug("image: %s" % (img,))
+    for file in [x["path"] for x in img["visual_files"]]:
+        if settings["path"] in file:
+            index_file = Path(Path(file).parent) / (Path(file).stem + ".json")
             log.debug(index_file)
             if index_file.exists():
-                log.debug('loading index file %s' % (index_file,))
+                log.debug("loading index file %s" % (index_file,))
                 with open(index_file) as f:
                     index = json.load(f)
 
-                    index['id']=img['id']
+                    index["id"] = img["id"]
 
                     stash.update_image(index)
 
 
-
 def processPerformers():
-    performers=stash.find_performers(f={"tags": {"depth": 0, "excludes": [], "modifier": "INCLUDES_ALL", "value": [ tag_stashbox_performer_gallery ]}})
+    performers = stash.find_performers(
+        f={
+            "tags": {
+                "depth": 0,
+                "excludes": [],
+                "modifier": "INCLUDES_ALL",
+                "value": [tag_stashbox_performer_gallery],
+            }
+        }
+    )
     for performer in performers:
         processPerformer(performer)
 
-def processPerformer( performer):
-    dir=Path(settings['path']) / performer['id']
+
+def processPerformer(performer):
+    dir = Path(settings["path"]) / performer["id"]
     dir.mkdir(parents=True, exist_ok=True)
-    nogallery=dir / '.nogallery'
+    nogallery = dir / ".nogallery"
     nogallery.touch()
-    for sid in performer['stash_ids']:
+    for sid in performer["stash_ids"]:
         log.debug(sid)
-        processPerformerStashid(sid['endpoint'],sid['stash_id'],performer)
+        processPerformerStashid(sid["endpoint"], sid["stash_id"], performer)
+
+
 def get_stashbox(endpoint):
-#    if endpoint in stash_boxes:
-#        return stash_boxes[endpoint]
-    for sbx_config in stash.get_configuration()['general']['stashBoxes']:
-        if sbx_config['endpoint']==endpoint:
-            stashbox = StashBoxInterface({'endpoint': sbx_config['endpoint'], 'api_key': sbx_config['api_key']})
+    #    if endpoint in stash_boxes:
+    #        return stash_boxes[endpoint]
+    for sbx_config in stash.get_configuration()["general"]["stashBoxes"]:
+        if sbx_config["endpoint"] == endpoint:
+            stashbox = StashBoxInterface(
+                {"endpoint": sbx_config["endpoint"], "api_key": sbx_config["api_key"]}
+            )
             stash_boxes[endpoint] = stashbox
             return stashbox
 
-def processPerformerStashid(endpoint,stashid,p):
-    log.info('processing performer %s, %s  endpoint: %s,  stash id: %s' % (p['name'],p['id'],endpoint,stashid,))
 
-    index_file=os.path.join(settings['path'], p['id'],'index.json')
+def processPerformerStashid(endpoint, stashid, p):
+    log.info(
+        "processing performer %s, %s  endpoint: %s,  stash id: %s"
+        % (
+            p["name"],
+            p["id"],
+            endpoint,
+            stashid,
+        )
+    )
+
+    index_file = os.path.join(settings["path"], p["id"], "index.json")
     if os.path.exists(index_file):
-        with open(os.path.join(settings['path'], p['id'],'index.json')) as f:
-            index= json.load(f)
+        with open(os.path.join(settings["path"], p["id"], "index.json")) as f:
+            index = json.load(f)
     else:
-        index={'files': {},'galleries':{},'performer_id':p['id']}
+        index = {"files": {}, "galleries": {}, "performer_id": p["id"]}
 
-    modified=False
-    stashbox=get_stashbox(endpoint)
+    modified = False
+    stashbox = get_stashbox(endpoint)
     if stashbox:
-        query="""id
+        query = """id
         name
         images {
           id
           url
         } 
         """
-        perf=stashbox.find_performer(stashid,fragment=query)
+        perf = stashbox.find_performer(stashid, fragment=query)
         log.debug(perf)
-        if endpoint not in index['galleries']:
-            gallery_input={
-                'title': '%s - %s ' % (p['name'], endpoint[8:-8],),
-                'urls':['%s/performers/%s' % (endpoint[:-8],stashid,)],
-                'tag_ids':[tag_stashbox_performer_gallery],
-                'performer_ids':[p['id']]
+        if endpoint not in index["galleries"]:
+            gallery_input = {
+                "title": "%s - %s "
+                % (
+                    p["name"],
+                    endpoint[8:-8],
+                ),
+                "urls": [
+                    "%s/performers/%s"
+                    % (
+                        endpoint[:-8],
+                        stashid,
+                    )
+                ],
+                "tag_ids": [tag_stashbox_performer_gallery],
+                "performer_ids": [p["id"]],
             }
-            gal=stash.create_gallery(gallery_input)
-            log.info('Created gallery %s' % (gal,))
-            index['galleries'][endpoint]=gal
-
-            modified=True
-        #check if the gallery still exists and has not been deleted
-        current_gal=stash.find_gallery(index['galleries'][endpoint])
-        log.debug('current: %s' % (current_gal,))
+            gal = stash.create_gallery(gallery_input)
+            log.info("Created gallery %s" % (gal,))
+            index["galleries"][endpoint] = gal
+
+            modified = True
+        # check if the gallery still exists and has not been deleted
+        current_gal = stash.find_gallery(index["galleries"][endpoint])
+        log.debug("current: %s" % (current_gal,))
         if current_gal is None:
-            log.debug('deleted?')
-            gallery_input={
-                'title': '%s - %s ' % (p['name'], endpoint[:-8],),
-                'urls':['%s/performers/%s' % (endpoint[:-8],stashid,)],
-                'tag_ids':[tag_stashbox_performer_gallery],
-                'performer_ids':[p['id']]
+            log.debug("deleted?")
+            gallery_input = {
+                "title": "%s - %s "
+                % (
+                    p["name"],
+                    endpoint[:-8],
+                ),
+                "urls": [
+                    "%s/performers/%s"
+                    % (
+                        endpoint[:-8],
+                        stashid,
+                    )
+                ],
+                "tag_ids": [tag_stashbox_performer_gallery],
+                "performer_ids": [p["id"]],
             }
 
-
-            gal=stash.create_gallery(gallery_input)
-            log.info('Created gallery %s' % (gal,))
-            index['galleries'][endpoint]=gal
-            modified=True
+            gal = stash.create_gallery(gallery_input)
+            log.info("Created gallery %s" % (gal,))
+            index["galleries"][endpoint] = gal
+            modified = True
         if modified:
-            with open(index_file, 'w') as f:
+            with open(index_file, "w") as f:
                 json.dump(index, f)
 
-        for img in perf['images']:
-            image_index=Path(settings['path'])/ p['id'] /(img['id']+'.json')
+        for img in perf["images"]:
+            image_index = Path(settings["path"]) / p["id"] / (img["id"] + ".json")
             if not image_index.exists():
-                with open(image_index, 'w') as f:
-                    image_data={
-                        'title':img['id'],
-                        'urls':[img['url']],
-                        'performer_ids':[p['id']],
-                        'tag_ids':[tag_stashbox_performer_gallery],
-                        'gallery_ids':[index['galleries'][endpoint]],
+                with open(image_index, "w") as f:
+                    image_data = {
+                        "title": img["id"],
+                        "urls": [img["url"]],
+                        "performer_ids": [p["id"]],
+                        "tag_ids": [tag_stashbox_performer_gallery],
+                        "gallery_ids": [index["galleries"][endpoint]],
                     }
                     json.dump(image_data, f)
-            filename = Path(settings['path']) / p['id'] / (img['id'] + '.jpg')
+            filename = Path(settings["path"]) / p["id"] / (img["id"] + ".jpg")
             if not os.path.exists(filename):
-                log.info('Downloading image %s to %s' % (img['url'], filename,))
-                r = requests.get(img['url'])
+                log.info(
+                    "Downloading image %s to %s"
+                    % (
+                        img["url"],
+                        filename,
+                    )
+                )
+                r = requests.get(img["url"])
                 with open(filename, "xb") as f:
                     f.write(r.content)
                     f.close()
             #            modified=True
             else:
-                log.debug('image already downloaded')
+                log.debug("image already downloaded")
 
     else:
-        log.error('endpoint %s not configured, skipping' % (endpoint,))
+        log.error("endpoint %s not configured, skipping" % (endpoint,))
 
 
 def setPerformerPicture(img):
-    if len(img['performers'])==1:
-        log.debug(img['paths']['image'])
-        res=request_s.get(img['paths']['image'])
-        log.debug(res.headers['Content-Type'])
-        if res.status_code==200:
+    if len(img["performers"]) == 1:
+        log.debug(img["paths"]["image"])
+        res = request_s.get(img["paths"]["image"])
+        log.debug(res.headers["Content-Type"])
+        if res.status_code == 200:
             encoded = base64.b64encode(res.content).decode()
-            new_performer ={
-                'id':img['performers'][0]['id'],
-                'image':'data:{0};base64,{1}'.format(res.headers['Content-Type'], encoded)
+            new_performer = {
+                "id": img["performers"][0]["id"],
+                "image": "data:{0};base64,{1}".format(
+                    res.headers["Content-Type"], encoded
+                ),
             }
-            log.info('updating performer with tagged image %s' % (new_performer['id'],))
+            log.info("updating performer with tagged image %s" % (new_performer["id"],))
             stash.update_performer(new_performer)
 
 
 def processQueue():
-    for id in settings['queue'].split(','):
+    for id in settings["queue"].split(","):
         if len(id) > 0:
-            p=stash.find_performer(id)
+            p = stash.find_performer(id)
             processPerformer(p)
-    #queue has not changed since we started, clear setting
-    if stash.get_configuration()['plugins']['stashdb-performer-gallery']==settings['queue']:
-        stash.configure_plugin('stashdb-performer-gallery',{'queue':''})
-        stash.metadata_scan(paths=[settings['path']])
-        stash.run_plugin_task('stashdb-performer-gallery','relink missing images')
+    # queue has not changed since we started, clear setting
+    if (
+        stash.get_configuration()["plugins"]["stashdb-performer-gallery"]
+        == settings["queue"]
+    ):
+        stash.configure_plugin("stashdb-performer-gallery", {"queue": ""})
+        stash.metadata_scan(paths=[settings["path"]])
+        stash.run_plugin_task("stashdb-performer-gallery", "relink missing images")
     else:
         # update remove the completed entries from the queue string leaving the unprocessed and schedule the task again
-        log.debug('updating queue')
-        stash.configure_plugin('stashdb-performer-gallery',{'queue':stash.get_configuration()['plugins']['stashdb-performer-gallery']['queue'].removeprefix(settings['queue'])})
-        stash.run_plugin_task('stashdb-performer-gallery','Process Performers')
+        log.debug("updating queue")
+        stash.configure_plugin(
+            "stashdb-performer-gallery",
+            {
+                "queue": stash.get_configuration()["plugins"][
+                    "stashdb-performer-gallery"
+                ]["queue"].removeprefix(settings["queue"])
+            },
+        )
+        stash.run_plugin_task("stashdb-performer-gallery", "Process Performers")
+
 
 def relink_images():
-    images=stash.find_images(f= {"path": {"modifier": "INCLUDES","value": settings['path']},"performer_count": {"modifier": "EQUALS","value": 0}})
+    images = stash.find_images(
+        f={
+            "path": {"modifier": "INCLUDES", "value": settings["path"]},
+            "performer_count": {"modifier": "EQUALS", "value": 0},
+        }
+    )
     log.debug(images)
     for img in images:
         processImages(img)
 
+
 json_input = json.loads(sys.stdin.read())
 
 FRAGMENT_SERVER = json_input["server_connection"]
 stash = StashInterface(FRAGMENT_SERVER)
 
-config=stash.get_configuration()['plugins']
-settings={
-    'path':'/download_dir',
- }
-if 'stashdb-performer-gallery' in config:
-    settings.update(config['stashdb-performer-gallery'])
-#log.info('config: %s ' % (settings,))
+config = stash.get_configuration()["plugins"]
+settings = {
+    "path": "/download_dir",
+}
+if "stashdb-performer-gallery" in config:
+    settings.update(config["stashdb-performer-gallery"])
+# log.info('config: %s ' % (settings,))
 
 
-tag_stashbox_performer_gallery = stash.find_tag('[Stashbox Performer Gallery]', create=True).get("id")
-tag_performer_image = stash.find_tag('[Set Profile Image]', create=True).get("id")
+tag_stashbox_performer_gallery = stash.find_tag(
+    "[Stashbox Performer Gallery]", create=True
+).get("id")
+tag_performer_image = stash.find_tag("[Set Profile Image]", create=True).get("id")
 
-if 'stasdb-performer-gallery' in config:
-    settings.update(config['stasdb-performer-gallery'])
+if "stasdb-performer-gallery" in config:
+    settings.update(config["stasdb-performer-gallery"])
 
 
-
-if 'mode' in json_input['args']:
-    PLUGIN_ARGS = json_input['args']["mode"]
-    if 'performer' in json_input['args']:
-        p=stash.find_performer(json_input['args']['performer'])
-        if tag_stashbox_performer_gallery in [x['id'] for x in p['tags']]:
+if "mode" in json_input["args"]:
+    PLUGIN_ARGS = json_input["args"]["mode"]
+    if "performer" in json_input["args"]:
+        p = stash.find_performer(json_input["args"]["performer"])
+        if tag_stashbox_performer_gallery in [x["id"] for x in p["tags"]]:
             processPerformer(p)
-        stash.metadata_scan(paths=[settings['path']])
-        stash.run_plugin_task('stashdb-performer-gallery','relink missing images',args={})
-    elif 'processPerformers' in PLUGIN_ARGS:
+        stash.metadata_scan(paths=[settings["path"]])
+        stash.run_plugin_task(
+            "stashdb-performer-gallery", "relink missing images", args={}
+        )
+    elif "processPerformers" in PLUGIN_ARGS:
         processPerformers()
-        stash.metadata_scan([settings['path']])
-        stash.run_plugin_task('stashdb-performer-gallery','relink missing images',args={})
-    elif 'processImages' in PLUGIN_ARGS:
+        stash.metadata_scan([settings["path"]])
+        stash.run_plugin_task(
+            "stashdb-performer-gallery", "relink missing images", args={}
+        )
+    elif "processImages" in PLUGIN_ARGS:
         relink_images()
 
 
-elif 'hookContext' in json_input['args']:
-    id=json_input['args']['hookContext']['id']
-    if json_input['args']['hookContext']['type']=='Image.Create.Post':
-        img=stash.find_image(image_in=id)
+elif "hookContext" in json_input["args"]:
+    id = json_input["args"]["hookContext"]["id"]
+    if json_input["args"]["hookContext"]["type"] == "Image.Create.Post":
+        img = stash.find_image(image_in=id)
         processImages(img)
-    if json_input['args']['hookContext']['type']=='Image.Update.Post':
-        img=stash.find_image(image_in=id)
-        if tag_performer_image in [x['id'] for x in img['tags']]:
+    if json_input["args"]["hookContext"]["type"] == "Image.Update.Post":
+        img = stash.find_image(image_in=id)
+        if tag_performer_image in [x["id"] for x in img["tags"]]:
             setPerformerPicture(img)
-    if json_input['args']['hookContext']['type']=='Performer.Update.Post':
-        stash.run_plugin_task('stashdb-performer-gallery','Process Performers',args={'performer':id})
-
-
+    if json_input["args"]["hookContext"]["type"] == "Performer.Update.Post":
+        stash.run_plugin_task(
+            "stashdb-performer-gallery", "Process Performers", args={"performer": id}
+        )
diff --git a/plugins/stashdb-performer-gallery/stashdb-performer-gallery.yml b/plugins/stashdb-performer-gallery/stashdb-performer-gallery.yml
index 6d6a5f4d..7abcc530 100644
--- a/plugins/stashdb-performer-gallery/stashdb-performer-gallery.yml
+++ b/plugins/stashdb-performer-gallery/stashdb-performer-gallery.yml
@@ -26,13 +26,12 @@ hooks:
     triggeredBy:
       - Image.Update.Post
 
-
 tasks:
-  - name: 'Process Performers'
+  - name: "Process Performers"
     description: Fetch performer images for performers with the [performer gallery] tag
     defaultArgs:
       mode: processPerformers
-  - name: 'relink missing images'
+  - name: "relink missing images"
     description: reprocess missing images
     defaultArgs:
       mode: processImages
diff --git a/plugins/stats/stats.js b/plugins/stats/stats.js
index 3444a6f6..3334e943 100644
--- a/plugins/stats/stats.js
+++ b/plugins/stats/stats.js
@@ -1,133 +1,159 @@
-(function() {
-    function createStatElement(container, title, heading) {
-        const statEl = document.createElement('div');
-        statEl.classList.add('stats-element');
-        container.appendChild(statEl);
-
-        const statTitle = document.createElement('p');
-        statTitle.classList.add('title');
-        statTitle.innerText = title;
-        statEl.appendChild(statTitle);
-
-        const statHeading = document.createElement('p');
-        statHeading.classList.add('heading');
-        statHeading.innerText = heading;
-        statEl.appendChild(statHeading);
-    }
-
-    async function createSceneStashIDPct(row) {
-        const reqData = {
-            "variables": {
-                "scene_filter": {
-                    "stash_id_endpoint": {
-                        "modifier": "NOT_NULL"
-                    }
-                }
-            },
-            "query": "query FindScenes($filter: FindFilterType, $scene_filter: SceneFilterType, $scene_ids: [Int!]) {\n  findScenes(filter: $filter, scene_filter: $scene_filter, scene_ids: $scene_ids) {\n    count\n  }\n}"
-        };
-        const stashIdCount = (await stash.callGQL(reqData)).data.findScenes.count;
-
-        const reqData2 = {
-            "variables": {
-                "scene_filter": {}
-            },
-            "query": "query FindScenes($filter: FindFilterType, $scene_filter: SceneFilterType, $scene_ids: [Int!]) {\n  findScenes(filter: $filter, scene_filter: $scene_filter, scene_ids: $scene_ids) {\n    count\n  }\n}"
-        };
-        const totalCount = (await stash.callGQL(reqData2)).data.findScenes.count;
-
-        createStatElement(row, (stashIdCount / totalCount * 100).toFixed(2) + '%', 'Scene StashIDs');
-    }
-
-    async function createPerformerStashIDPct(row) {
-        const reqData = {
-            "variables": {
-                "performer_filter": {
-                    "stash_id_endpoint": {
-                        "modifier": "NOT_NULL"
-                    }
-                }
-            },
-            "query": "query FindPerformers($filter: FindFilterType, $performer_filter: PerformerFilterType) {\n  findPerformers(filter: $filter, performer_filter: $performer_filter) {\n    count\n  }\n}"
-        };
-        const stashIdCount = (await stash.callGQL(reqData)).data.findPerformers.count;
-
-        const reqData2 = {
-            "variables": {
-                "performer_filter": {}
-            },
-            "query": "query FindPerformers($filter: FindFilterType, $performer_filter: PerformerFilterType) {\n  findPerformers(filter: $filter, performer_filter: $performer_filter) {\n    count\n  }\n}"
-        };
-        const totalCount = (await stash.callGQL(reqData2)).data.findPerformers.count;
-
-        createStatElement(row, (stashIdCount / totalCount * 100).toFixed(2) + '%', 'Performer StashIDs');
-    }
-
-    async function createStudioStashIDPct(row) {
-        const reqData = {
-            "variables": {
-                "studio_filter": {
-                    "stash_id_endpoint": {
-                        "modifier": "NOT_NULL"
-                    }
-                }
-            },
-            "query": "query FindStudios($filter: FindFilterType, $studio_filter: StudioFilterType) {\n  findStudios(filter: $filter, studio_filter: $studio_filter) {\n    count\n  }\n}"
-        };
-        const stashIdCount = (await stash.callGQL(reqData)).data.findStudios.count;
-
-        const reqData2 = {
-            "variables": {
-                "scene_filter": {}
-            },
-            "query": "query FindStudios($filter: FindFilterType, $studio_filter: StudioFilterType) {\n  findStudios(filter: $filter, studio_filter: $studio_filter) {\n    count\n  }\n}"
-        };
-        const totalCount = (await stash.callGQL(reqData2)).data.findStudios.count;
-
-        createStatElement(row, (stashIdCount / totalCount * 100).toFixed(2) + '%', 'Studio StashIDs');
-    }
-
-    async function createPerformerFavorites(row) {
-        const reqData = {
-            "variables": {
-                "performer_filter": {
-                    "filter_favorites": true
-                }
-            },
-            "query": "query FindPerformers($filter: FindFilterType, $performer_filter: PerformerFilterType) {\n  findPerformers(filter: $filter, performer_filter: $performer_filter) {\n    count\n  }\n}"
-        };
-        const perfCount = (await stash.callGQL(reqData)).data.findPerformers.count;
-
-        createStatElement(row, perfCount, 'Favorite Performers');
-    }
-
-    async function createMarkersStat(row) {
-        const reqData = {
-            "variables": {
-                "scene_marker_filter": {}
-            },
-            "query": "query FindSceneMarkers($filter: FindFilterType, $scene_marker_filter: SceneMarkerFilterType) {\n  findSceneMarkers(filter: $filter, scene_marker_filter: $scene_marker_filter) {\n    count\n  }\n}"
-        };
-        const totalCount = (await stash.callGQL(reqData)).data.findSceneMarkers.count;
-
-        createStatElement(row, totalCount, 'Markers');
-    }
-
-    stash.addEventListener('stash:page:stats', function() {
-        waitForElementByXpath("//div[contains(@class, 'container-fluid')]/div[@class='mt-5']", function(xpath, el) {
-            if (!document.getElementById('custom-stats-row')) {
-                const changelog = el.querySelector('div.changelog');
-                const row = document.createElement('div');
-                row.setAttribute('id', 'custom-stats-row');
-                row.classList.add('col', 'col-sm-8', 'm-sm-auto', 'row', 'stats');
-                el.insertBefore(row, changelog);
-
-                createSceneStashIDPct(row);
-                createStudioStashIDPct(row);
-                createPerformerStashIDPct(row);
-                createPerformerFavorites(row);
-                createMarkersStat(row);
-            }
-        });
-    });
-})();
+(function () {
+  function createStatElement(container, title, heading) {
+    const statEl = document.createElement("div");
+    statEl.classList.add("stats-element");
+    container.appendChild(statEl);
+
+    const statTitle = document.createElement("p");
+    statTitle.classList.add("title");
+    statTitle.innerText = title;
+    statEl.appendChild(statTitle);
+
+    const statHeading = document.createElement("p");
+    statHeading.classList.add("heading");
+    statHeading.innerText = heading;
+    statEl.appendChild(statHeading);
+  }
+
+  async function createSceneStashIDPct(row) {
+    const reqData = {
+      variables: {
+        scene_filter: {
+          stash_id_endpoint: {
+            modifier: "NOT_NULL",
+          },
+        },
+      },
+      query:
+        "query FindScenes($filter: FindFilterType, $scene_filter: SceneFilterType, $scene_ids: [Int!]) {\n  findScenes(filter: $filter, scene_filter: $scene_filter, scene_ids: $scene_ids) {\n    count\n  }\n}",
+    };
+    const stashIdCount = (await stash.callGQL(reqData)).data.findScenes.count;
+
+    const reqData2 = {
+      variables: {
+        scene_filter: {},
+      },
+      query:
+        "query FindScenes($filter: FindFilterType, $scene_filter: SceneFilterType, $scene_ids: [Int!]) {\n  findScenes(filter: $filter, scene_filter: $scene_filter, scene_ids: $scene_ids) {\n    count\n  }\n}",
+    };
+    const totalCount = (await stash.callGQL(reqData2)).data.findScenes.count;
+
+    createStatElement(
+      row,
+      ((stashIdCount / totalCount) * 100).toFixed(2) + "%",
+      "Scene StashIDs",
+    );
+  }
+
+  async function createPerformerStashIDPct(row) {
+    const reqData = {
+      variables: {
+        performer_filter: {
+          stash_id_endpoint: {
+            modifier: "NOT_NULL",
+          },
+        },
+      },
+      query:
+        "query FindPerformers($filter: FindFilterType, $performer_filter: PerformerFilterType) {\n  findPerformers(filter: $filter, performer_filter: $performer_filter) {\n    count\n  }\n}",
+    };
+    const stashIdCount = (await stash.callGQL(reqData)).data.findPerformers
+      .count;
+
+    const reqData2 = {
+      variables: {
+        performer_filter: {},
+      },
+      query:
+        "query FindPerformers($filter: FindFilterType, $performer_filter: PerformerFilterType) {\n  findPerformers(filter: $filter, performer_filter: $performer_filter) {\n    count\n  }\n}",
+    };
+    const totalCount = (await stash.callGQL(reqData2)).data.findPerformers
+      .count;
+
+    createStatElement(
+      row,
+      ((stashIdCount / totalCount) * 100).toFixed(2) + "%",
+      "Performer StashIDs",
+    );
+  }
+
+  async function createStudioStashIDPct(row) {
+    const reqData = {
+      variables: {
+        studio_filter: {
+          stash_id_endpoint: {
+            modifier: "NOT_NULL",
+          },
+        },
+      },
+      query:
+        "query FindStudios($filter: FindFilterType, $studio_filter: StudioFilterType) {\n  findStudios(filter: $filter, studio_filter: $studio_filter) {\n    count\n  }\n}",
+    };
+    const stashIdCount = (await stash.callGQL(reqData)).data.findStudios.count;
+
+    const reqData2 = {
+      variables: {
+        scene_filter: {},
+      },
+      query:
+        "query FindStudios($filter: FindFilterType, $studio_filter: StudioFilterType) {\n  findStudios(filter: $filter, studio_filter: $studio_filter) {\n    count\n  }\n}",
+    };
+    const totalCount = (await stash.callGQL(reqData2)).data.findStudios.count;
+
+    createStatElement(
+      row,
+      ((stashIdCount / totalCount) * 100).toFixed(2) + "%",
+      "Studio StashIDs",
+    );
+  }
+
+  async function createPerformerFavorites(row) {
+    const reqData = {
+      variables: {
+        performer_filter: {
+          filter_favorites: true,
+        },
+      },
+      query:
+        "query FindPerformers($filter: FindFilterType, $performer_filter: PerformerFilterType) {\n  findPerformers(filter: $filter, performer_filter: $performer_filter) {\n    count\n  }\n}",
+    };
+    const perfCount = (await stash.callGQL(reqData)).data.findPerformers.count;
+
+    createStatElement(row, perfCount, "Favorite Performers");
+  }
+
+  async function createMarkersStat(row) {
+    const reqData = {
+      variables: {
+        scene_marker_filter: {},
+      },
+      query:
+        "query FindSceneMarkers($filter: FindFilterType, $scene_marker_filter: SceneMarkerFilterType) {\n  findSceneMarkers(filter: $filter, scene_marker_filter: $scene_marker_filter) {\n    count\n  }\n}",
+    };
+    const totalCount = (await stash.callGQL(reqData)).data.findSceneMarkers
+      .count;
+
+    createStatElement(row, totalCount, "Markers");
+  }
+
+  stash.addEventListener("stash:page:stats", function () {
+    waitForElementByXpath(
+      "//div[contains(@class, 'container-fluid')]/div[@class='mt-5']",
+      function (xpath, el) {
+        if (!document.getElementById("custom-stats-row")) {
+          const changelog = el.querySelector("div.changelog");
+          const row = document.createElement("div");
+          row.setAttribute("id", "custom-stats-row");
+          row.classList.add("col", "col-sm-8", "m-sm-auto", "row", "stats");
+          el.insertBefore(row, changelog);
+
+          createSceneStashIDPct(row);
+          createStudioStashIDPct(row);
+          createPerformerStashIDPct(row);
+          createPerformerFavorites(row);
+          createMarkersStat(row);
+        }
+      },
+    );
+  });
+})();
diff --git a/plugins/stats/stats.yml b/plugins/stats/stats.yml
index 255ca988..9197b052 100644
--- a/plugins/stats/stats.yml
+++ b/plugins/stats/stats.yml
@@ -1,9 +1,9 @@
-name: Extended Stats
-# requires: StashUserscriptLibrary
-description: Adds new stats to the stats page
-version: 1.0
-ui:
-  requires: 
-  - StashUserscriptLibrary
-  javascript:
-  - stats.js
+name: Extended Stats
+# requires: StashUserscriptLibrary
+description: Adds new stats to the stats page
+version: 1.0
+ui:
+  requires:
+    - StashUserscriptLibrary
+  javascript:
+    - stats.js
diff --git a/plugins/tagGraph/config.py b/plugins/tagGraph/config.py
index 821b4cb2..e08ed109 100644
--- a/plugins/tagGraph/config.py
+++ b/plugins/tagGraph/config.py
@@ -1,7 +1,7 @@
 STASH_SETTINGS = {
-	"Scheme":"http",
-	"Domain": "localhost",
-	"Port": "9999",
-	"ApiKey": "YOUR_API_KEY_HERE"
+    "Scheme": "http",
+    "Domain": "localhost",
+    "Port": "9999",
+    "ApiKey": "YOUR_API_KEY_HERE",
 }
 SHOW_OPTIONS = False
diff --git a/plugins/tagGraph/tag_graph.py b/plugins/tagGraph/tag_graph.py
index aba543ba..f5dae2ef 100644
--- a/plugins/tagGraph/tag_graph.py
+++ b/plugins/tagGraph/tag_graph.py
@@ -1,164 +1,181 @@
-
 import os, re, sys, copy, json, requests
 
 # local dependencies
 import config
+
 # external dependencies
 from pyvis.network import Network
 
+
 class StashLogger:
-	# Log messages sent from a script scraper instance are transmitted via stderr and are
-	# encoded with a prefix consisting of special character SOH, then the log
-	# level (one of t, d, i, w or e - corresponding to trace, debug, info,
-	# warning and error levels respectively), then special character
-	# STX.
-	#
-	# The log.trace, log.debug, log.info, log.warning, and log.error methods, and their equivalent
-	# formatted methods are intended for use by script scraper instances to transmit log
-	# messages.
-	#
-	def __log(self, level_char: bytes, s):
-		if level_char:
-			lvl_char = "\x01{}\x02".format(level_char.decode())
-			s = re.sub(r"data:image.+?;base64(.+?')","[...]",str(s))
-			for x in s.split("\n"):
-				print(lvl_char, x, file=sys.stderr, flush=True)
-	def trace(self, s):
-		self.__log(b't', s)
-	def debug(self, s):
-		self.__log(b'd', s)
-	def info(self, s):
-		self.__log(b'i', s)
-	def warning(self, s):
-		self.__log(b'w', s)
-	def error(self, s):
-		self.__log(b'e', s)
-	def progress(self, p):
-		progress = min(max(0, p), 1)
-		self.__log(b'p', str(progress))
+    # Log messages sent from a script scraper instance are transmitted via stderr and are
+    # encoded with a prefix consisting of special character SOH, then the log
+    # level (one of t, d, i, w or e - corresponding to trace, debug, info,
+    # warning and error levels respectively), then special character
+    # STX.
+    #
+    # The log.trace, log.debug, log.info, log.warning, and log.error methods, and their equivalent
+    # formatted methods are intended for use by script scraper instances to transmit log
+    # messages.
+    #
+    def __log(self, level_char: bytes, s):
+        if level_char:
+            lvl_char = "\x01{}\x02".format(level_char.decode())
+            s = re.sub(r"data:image.+?;base64(.+?')", "[...]", str(s))
+            for x in s.split("\n"):
+                print(lvl_char, x, file=sys.stderr, flush=True)
+
+    def trace(self, s):
+        self.__log(b"t", s)
+
+    def debug(self, s):
+        self.__log(b"d", s)
+
+    def info(self, s):
+        self.__log(b"i", s)
+
+    def warning(self, s):
+        self.__log(b"w", s)
+
+    def error(self, s):
+        self.__log(b"e", s)
+
+    def progress(self, p):
+        progress = min(max(0, p), 1)
+        self.__log(b"p", str(progress))
+
 
 class StashInterface:
-	port = ""
-	url = ""
-	headers = {
-		"Accept-Encoding": "gzip, deflate",
-		"Content-Type": "application/json",
-		"Accept": "application/json",
-		"Connection": "keep-alive",
-		"DNT": "1"
-	}
-	cookies = {}
-
-	def __init__(self, conn, fragments={}):
-		global log
-
-		if conn.get("Logger"):
-			log = conn.get("Logger")
-		else:
-			raise Exception("No logger passed to StashInterface")
-
-		self.port = conn['Port'] if conn.get('Port') else '9999'
-		scheme = conn['Scheme'] if conn.get('Scheme') else 'http'
-
-		api_key = conn.get("ApiKey")
-		if api_key:
-			self.headers["ApiKey"] = api_key
-
-		# Session cookie for authentication
-		self.cookies = {}
-		if conn.get('SessionCookie'):
-			self.cookies.update({
-					'session': conn['SessionCookie']['Value']
-			})
-
-		domain = conn['Domain'] if conn.get('Domain') else 'localhost'
-
-		# Stash GraphQL endpoint
-		self.url = f'{scheme}://{domain}:{self.port}/graphql'
-
-		try:
-			self.get_stash_config()
-		except Exception:
-			log.error(f"Could not connect to Stash at {self.url}")
-			sys.exit()
-
-		log.info(f"Using Stash's GraphQl endpoint at {self.url}")
-
-		self.fragments = fragments
-
-	def __resolveFragments(self, query):
-
-		fragmentReferences = list(set(re.findall(r'(?<=\.\.\.)\w+', query)))
-		fragments = []
-		for ref in fragmentReferences:
-			fragments.append({
-					"fragment": ref,
-					"defined": bool(re.search("fragment {}".format(ref), query))
-			})
-
-		if all([f["defined"] for f in fragments]):
-			return query
-		else:
-			for fragment in [f["fragment"] for f in fragments if not f["defined"]]:
-					if fragment not in self.fragments:
-						raise Exception(f'GraphQL error: fragment "{fragment}" not defined')
-					query += self.fragments[fragment]
-			return self.__resolveFragments(query)
-
-	def __callGraphQL(self, query, variables=None):
-
-		query = self.__resolveFragments(query)
-
-		json_request = {'query': query}
-		if variables is not None:
-			json_request['variables'] = variables
-
-		response = requests.post(self.url, json=json_request, headers=self.headers, cookies=self.cookies)
-		
-		if response.status_code == 200:
-			result = response.json()
-
-			if result.get("errors"):
-					for error in result["errors"]:
-						log.error(f"GraphQL error: {error}")
-			if result.get("error"):
-					for error in result["error"]["errors"]:
-						log.error(f"GraphQL error: {error}")
-			if result.get("data"):
-					return result['data']
-		elif response.status_code == 401:
-			sys.exit("HTTP Error 401, Unauthorized. Cookie authentication most likely failed")
-		else:
-			raise ConnectionError(
-					"GraphQL query failed:{} - {}. Query: {}. Variables: {}".format(
-						response.status_code, response.content, query, variables)
-			)
-
-	def __match_alias_item(self, search, items):
-		item_matches = {}
-		for item in items:
-			if re.match(rf'{search}$', item.name, re.IGNORECASE):
-					log.debug(f'matched "{search}" to "{item.name}" ({item.id}) using primary name')
-					item_matches[item.id] = item
-			if not item.aliases:
-					continue
-			for alias in item.aliases:
-					if re.match(rf'{search}$', alias.strip(), re.IGNORECASE):
-						log.debug(f'matched "{search}" to "{alias}" ({item.id}) using alias')
-						item_matches[item.id] = item
-		return list(item_matches.values())
-	
-	def get_stash_config(self):
-		query = """
+    port = ""
+    url = ""
+    headers = {
+        "Accept-Encoding": "gzip, deflate",
+        "Content-Type": "application/json",
+        "Accept": "application/json",
+        "Connection": "keep-alive",
+        "DNT": "1",
+    }
+    cookies = {}
+
+    def __init__(self, conn, fragments={}):
+        global log
+
+        if conn.get("Logger"):
+            log = conn.get("Logger")
+        else:
+            raise Exception("No logger passed to StashInterface")
+
+        self.port = conn["Port"] if conn.get("Port") else "9999"
+        scheme = conn["Scheme"] if conn.get("Scheme") else "http"
+
+        api_key = conn.get("ApiKey")
+        if api_key:
+            self.headers["ApiKey"] = api_key
+
+        # Session cookie for authentication
+        self.cookies = {}
+        if conn.get("SessionCookie"):
+            self.cookies.update({"session": conn["SessionCookie"]["Value"]})
+
+        domain = conn["Domain"] if conn.get("Domain") else "localhost"
+
+        # Stash GraphQL endpoint
+        self.url = f"{scheme}://{domain}:{self.port}/graphql"
+
+        try:
+            self.get_stash_config()
+        except Exception:
+            log.error(f"Could not connect to Stash at {self.url}")
+            sys.exit()
+
+        log.info(f"Using Stash's GraphQl endpoint at {self.url}")
+
+        self.fragments = fragments
+
+    def __resolveFragments(self, query):
+
+        fragmentReferences = list(set(re.findall(r"(?<=\.\.\.)\w+", query)))
+        fragments = []
+        for ref in fragmentReferences:
+            fragments.append(
+                {
+                    "fragment": ref,
+                    "defined": bool(re.search("fragment {}".format(ref), query)),
+                }
+            )
+
+        if all([f["defined"] for f in fragments]):
+            return query
+        else:
+            for fragment in [f["fragment"] for f in fragments if not f["defined"]]:
+                if fragment not in self.fragments:
+                    raise Exception(f'GraphQL error: fragment "{fragment}" not defined')
+                query += self.fragments[fragment]
+            return self.__resolveFragments(query)
+
+    def __callGraphQL(self, query, variables=None):
+
+        query = self.__resolveFragments(query)
+
+        json_request = {"query": query}
+        if variables is not None:
+            json_request["variables"] = variables
+
+        response = requests.post(
+            self.url, json=json_request, headers=self.headers, cookies=self.cookies
+        )
+
+        if response.status_code == 200:
+            result = response.json()
+
+            if result.get("errors"):
+                for error in result["errors"]:
+                    log.error(f"GraphQL error: {error}")
+            if result.get("error"):
+                for error in result["error"]["errors"]:
+                    log.error(f"GraphQL error: {error}")
+            if result.get("data"):
+                return result["data"]
+        elif response.status_code == 401:
+            sys.exit(
+                "HTTP Error 401, Unauthorized. Cookie authentication most likely failed"
+            )
+        else:
+            raise ConnectionError(
+                "GraphQL query failed:{} - {}. Query: {}. Variables: {}".format(
+                    response.status_code, response.content, query, variables
+                )
+            )
+
+    def __match_alias_item(self, search, items):
+        item_matches = {}
+        for item in items:
+            if re.match(rf"{search}$", item.name, re.IGNORECASE):
+                log.debug(
+                    f'matched "{search}" to "{item.name}" ({item.id}) using primary name'
+                )
+                item_matches[item.id] = item
+            if not item.aliases:
+                continue
+            for alias in item.aliases:
+                if re.match(rf"{search}$", alias.strip(), re.IGNORECASE):
+                    log.debug(
+                        f'matched "{search}" to "{alias}" ({item.id}) using alias'
+                    )
+                    item_matches[item.id] = item
+        return list(item_matches.values())
+
+    def get_stash_config(self):
+        query = """
 		query Configuration {
 			configuration { general { stashes{ path } } }
 		}
 		"""
-		result = self.__callGraphQL(query)
-		return result['configuration']
+        result = self.__callGraphQL(query)
+        return result["configuration"]
 
-	def get_tags_with_relations(self):
-		query = """
+    def get_tags_with_relations(self):
+        query = """
 		query FindTags($filter: FindFilterType, $tag_filter: TagFilterType) {
 			findTags(filter: $filter, tag_filter: $tag_filter) {
 					count
@@ -172,76 +189,84 @@ def get_tags_with_relations(self):
 		}
 		"""
 
-		variables = {
-			"tag_filter":{
-					"child_count":{"modifier": "GREATER_THAN", "value": 0}, 
-						"OR": {
-					"parent_count": {"modifier": "GREATER_THAN", "value": 0}}
-			},
-			"filter": {"q":"", "per_page":-1}
-		}
-		result = self.__callGraphQL(query, variables)
-		return result['findTags']['tags']
+        variables = {
+            "tag_filter": {
+                "child_count": {"modifier": "GREATER_THAN", "value": 0},
+                "OR": {"parent_count": {"modifier": "GREATER_THAN", "value": 0}},
+            },
+            "filter": {"q": "", "per_page": -1},
+        }
+        result = self.__callGraphQL(query, variables)
+        return result["findTags"]["tags"]
+
 
 def script_init():
-	import logging as log
-	log.basicConfig(level=log.INFO, format='%(levelname)s: %(message)s')
-	stash_connection = config.STASH_SETTINGS
-	stash_connection["Logger"] = log
-	generate_graph(stash_connection)
+    import logging as log
+
+    log.basicConfig(level=log.INFO, format="%(levelname)s: %(message)s")
+    stash_connection = config.STASH_SETTINGS
+    stash_connection["Logger"] = log
+    generate_graph(stash_connection)
+
 
 def plugin_init():
-	log = StashLogger()
-	stash_connection = json.loads(sys.stdin.read())["server_connection"]
-	stash_connection["Logger"] = log
-	generate_graph(stash_connection)
-	print(json.dumps({"output":"ok"}))
+    log = StashLogger()
+    stash_connection = json.loads(sys.stdin.read())["server_connection"]
+    stash_connection["Logger"] = log
+    generate_graph(stash_connection)
+    print(json.dumps({"output": "ok"}))
+
 
 def generate_graph(stash_connection):
-	log = stash_connection["Logger"]
-	
-	stash = StashInterface(stash_connection)
-	log.info("getting tags from stash...")
-	tags = stash.get_tags_with_relations()
-	
-	log.info("generating graph...")
-	if config.SHOW_OPTIONS:
-		G = Network(directed=True, height="100%", width="66%", bgcolor="#202b33", font_color="white")
-		G.show_buttons()
-	else:
-		G = Network(directed=True, height="100%", width="100%", bgcolor="#202b33", font_color="white")
-
-	node_theme = {
-		"border": "#adb5bd",
-		"background":"#394b59",
-		"highlight":{
-			"border": "#137cbd",
-			"background":"#FFFFFF"
-		}
-	}
-	edge_theme = {
-		"color": "#FFFFFF",
-		"highlight":"#137cbd"
-	}
-
-	# create all nodes
-	for tag in tags:
-		G.add_node(tag["id"], label=tag["name"], color=node_theme )
-	# create all edges
-	for tag in tags:
-		for child in tag["children"]:
-			G.add_edge( tag["id"], child["id"], color=edge_theme )
-
-
-	current_abs_path = os.path.dirname(os.path.abspath(__file__))
-	save_path = os.path.join(current_abs_path, "tag_graph.html")
-
-	G.save_graph(save_path)
-	log.info(f'saved graph to "{save_path}"')
-
-	
-if __name__ == '__main__':
-	if len(sys.argv) > 1:
-		script_init()
-	else:
-		plugin_init()
\ No newline at end of file
+    log = stash_connection["Logger"]
+
+    stash = StashInterface(stash_connection)
+    log.info("getting tags from stash...")
+    tags = stash.get_tags_with_relations()
+
+    log.info("generating graph...")
+    if config.SHOW_OPTIONS:
+        G = Network(
+            directed=True,
+            height="100%",
+            width="66%",
+            bgcolor="#202b33",
+            font_color="white",
+        )
+        G.show_buttons()
+    else:
+        G = Network(
+            directed=True,
+            height="100%",
+            width="100%",
+            bgcolor="#202b33",
+            font_color="white",
+        )
+
+    node_theme = {
+        "border": "#adb5bd",
+        "background": "#394b59",
+        "highlight": {"border": "#137cbd", "background": "#FFFFFF"},
+    }
+    edge_theme = {"color": "#FFFFFF", "highlight": "#137cbd"}
+
+    # create all nodes
+    for tag in tags:
+        G.add_node(tag["id"], label=tag["name"], color=node_theme)
+    # create all edges
+    for tag in tags:
+        for child in tag["children"]:
+            G.add_edge(tag["id"], child["id"], color=edge_theme)
+
+    current_abs_path = os.path.dirname(os.path.abspath(__file__))
+    save_path = os.path.join(current_abs_path, "tag_graph.html")
+
+    G.save_graph(save_path)
+    log.info(f'saved graph to "{save_path}"')
+
+
+if __name__ == "__main__":
+    if len(sys.argv) > 1:
+        script_init()
+    else:
+        plugin_init()
diff --git a/plugins/tagGraph/tag_graph.yml b/plugins/tagGraph/tag_graph.yml
index 2940b683..60c9c9d8 100644
--- a/plugins/tagGraph/tag_graph.yml
+++ b/plugins/tagGraph/tag_graph.yml
@@ -9,4 +9,4 @@ tasks:
   - name: Generate Graph
     description: generates graph from current tag data
     defaultArgs:
-      mode: generate
\ No newline at end of file
+      mode: generate
diff --git a/plugins/timestampTrade/timestampTrade.py b/plugins/timestampTrade/timestampTrade.py
index 13d84b62..059aeebf 100644
--- a/plugins/timestampTrade/timestampTrade.py
+++ b/plugins/timestampTrade/timestampTrade.py
@@ -14,150 +14,223 @@
 
 
 def processScene(s):
-    if len(s['stash_ids']) == 0:
-        log.debug('no scenes to process')
+    if len(s["stash_ids"]) == 0:
+        log.debug("no scenes to process")
         return
-    skip_sync_tag_id = stash.find_tag('[Timestamp: Skip Sync]', create=True).get("id")
-    for sid in s['stash_ids']:
+    skip_sync_tag_id = stash.find_tag("[Timestamp: Skip Sync]", create=True).get("id")
+    for sid in s["stash_ids"]:
         try:
-            if any(tag['id'] == str(skip_sync_tag_id) for tag in s['tags']):
-                log.debug('scene has skip sync tag')
+            if any(tag["id"] == str(skip_sync_tag_id) for tag in s["tags"]):
+                log.debug("scene has skip sync tag")
                 return
-            log.debug('looking up markers for stash id: '+sid['stash_id'])
-            res = request_s.post('https://timestamp.trade/get-markers/' + sid['stash_id'], json=s)
+            log.debug("looking up markers for stash id: " + sid["stash_id"])
+            res = request_s.post(
+                "https://timestamp.trade/get-markers/" + sid["stash_id"], json=s
+            )
             md = res.json()
-            if md.get('marker'):
-                log.info('api returned markers for scene: ' + s['title'] + ' marker count: ' + str(len(md['marker'])))
+            if md.get("marker"):
+                log.info(
+                    "api returned markers for scene: "
+                    + s["title"]
+                    + " marker count: "
+                    + str(len(md["marker"]))
+                )
                 markers = []
-                for m in md['marker']:
+                for m in md["marker"]:
                     # log.debug('-- ' + m['name'] + ", " + str(m['start'] / 1000))
                     marker = {}
-                    marker["seconds"] = m['start'] / 1000
+                    marker["seconds"] = m["start"] / 1000
                     marker["primary_tag"] = m["tag"]
                     marker["tags"] = []
-                    marker["title"] = m['name']
+                    marker["title"] = m["name"]
                     markers.append(marker)
                 if len(markers) > 0:
-                    log.info('Saving markers')
-                    mp.import_scene_markers(stash, markers, s['id'], 15)
+                    log.info("Saving markers")
+                    mp.import_scene_markers(stash, markers, s["id"], 15)
             else:
-                log.debug('api returned no markers for scene: ' + s['title'])
-            if settings['createGalleryFromScene']:
-                if 'galleries' in md:
-                    log.debug('galleries: %s' % (md['galleries'],))
-                    skip_sync_tag_id = stash.find_tag('[Timestamp: Skip Sync]', create=True).get("id")
-                    for g in md['galleries']:
-                        for f in g['files']:
-                            res = stash.find_galleries(f={"checksum": {"value": f['md5'], "modifier": "EQUALS"},
-                                                          "tags": {"depth": 0, "excludes": [skip_sync_tag_id],
-                                                                   "modifier": "INCLUDES_ALL", "value": []}})
+                log.debug("api returned no markers for scene: " + s["title"])
+            if settings["createGalleryFromScene"]:
+                if "galleries" in md:
+                    log.debug("galleries: %s" % (md["galleries"],))
+                    skip_sync_tag_id = stash.find_tag(
+                        "[Timestamp: Skip Sync]", create=True
+                    ).get("id")
+                    for g in md["galleries"]:
+                        for f in g["files"]:
+                            res = stash.find_galleries(
+                                f={
+                                    "checksum": {
+                                        "value": f["md5"],
+                                        "modifier": "EQUALS",
+                                    },
+                                    "tags": {
+                                        "depth": 0,
+                                        "excludes": [skip_sync_tag_id],
+                                        "modifier": "INCLUDES_ALL",
+                                        "value": [],
+                                    },
+                                }
+                            )
                             for gal in res:
                                 #                                log.debug('Gallery=%s'  %(gal,))
-                                needs_update=False
+                                needs_update = False
                                 gallery = {
-                                    'id': gal['id'],
-                                    'title': gal['title'],
-                                    'urls': gal['urls'],
-                                    'date': gal['date'],
-                                    'rating100': gal['rating100'],
-                                    'performer_ids': [x['id'] for x in gal['performers']],
-                                    'tag_ids': [x['id'] for x in gal['tags']],
-                                    'scene_ids': [x['id'] for x in gal['scenes']],
-                                    'details': gal['details']
+                                    "id": gal["id"],
+                                    "title": gal["title"],
+                                    "urls": gal["urls"],
+                                    "date": gal["date"],
+                                    "rating100": gal["rating100"],
+                                    "performer_ids": [
+                                        x["id"] for x in gal["performers"]
+                                    ],
+                                    "tag_ids": [x["id"] for x in gal["tags"]],
+                                    "scene_ids": [x["id"] for x in gal["scenes"]],
+                                    "details": gal["details"],
                                 }
-                                if 'studio' in gal:
-                                    gallery['studio_id']= gal['studio']['id']
-                                if len(gal['urls']) == 0:
-                                    log.debug('no urls on gallery, needs new metadata')
-                                    gallery['urls'].extend([x['url'] for x in g['urls']])
-                                    needs_update=True
-
-                                if s['id'] not in gallery['scene_ids']:
-                                    log.debug('attaching scene %s to gallery %s ' % (s['id'], gallery['id'],))
-                                    gallery['scene_ids'].append(s['id'])
-                                    needs_update=True
+                                if "studio" in gal:
+                                    gallery["studio_id"] = gal["studio"]["id"]
+                                if len(gal["urls"]) == 0:
+                                    log.debug("no urls on gallery, needs new metadata")
+                                    gallery["urls"].extend(
+                                        [x["url"] for x in g["urls"]]
+                                    )
+                                    needs_update = True
+
+                                if s["id"] not in gallery["scene_ids"]:
+                                    log.debug(
+                                        "attaching scene %s to gallery %s "
+                                        % (
+                                            s["id"],
+                                            gallery["id"],
+                                        )
+                                    )
+                                    gallery["scene_ids"].append(s["id"])
+                                    needs_update = True
                                 if needs_update:
-                                    log.info('updating gallery: %s' % (gal['id'],))
+                                    log.info("updating gallery: %s" % (gal["id"],))
                                     stash.update_gallery(gallery_data=gallery)
 
-            new_scene={
-                'id': s['id'],
+            new_scene = {
+                "id": s["id"],
             }
-            needs_update=False
+            needs_update = False
 
-            if settings['createMovieFromScene']:
-                if 'movies' in md:
+            if settings["createMovieFromScene"]:
+                if "movies" in md:
                     movies_to_add = []
-                    for m in md['movies']:
-                        log.debug('movie: %s' % (m,))
-                        log.debug('scene: %s' % (s,))
-                        movies=[]
-                        for u in m['urls']:
-                            sm=stash.find_movies(f= {"url": {"modifier": "EQUALS","value": u['url']}})
-                            log.debug('sm: %s' % (sm,))
+                    for m in md["movies"]:
+                        log.debug("movie: %s" % (m,))
+                        log.debug("scene: %s" % (s,))
+                        movies = []
+                        for u in m["urls"]:
+                            sm = stash.find_movies(
+                                f={"url": {"modifier": "EQUALS", "value": u["url"]}}
+                            )
+                            log.debug("sm: %s" % (sm,))
                             movies.extend(sm)
-                        if len(movies) ==0:
-                            for u in m['urls']:
-                                movie_scrape=stash.scrape_movie_url(u['url'])
-                                log.debug('move scrape: %s' % (movie_scrape,))
-                                new_movie={
-                                    'name':movie_scrape['name'],
-                                    'aliases':movie_scrape['aliases'],
-                                    'date':movie_scrape['date'],
-                                    'rating100': movie_scrape['rating'],
-                                    'director': movie_scrape['director'],
-                                    'synopsis':movie_scrape['synopsis'],
-                                    'url':movie_scrape['url'],
-                                    'front_image':movie_scrape['front_image'],
-                                    'back_image':movie_scrape['back_image']
+                        if len(movies) == 0:
+                            for u in m["urls"]:
+                                movie_scrape = stash.scrape_movie_url(u["url"])
+                                log.debug("move scrape: %s" % (movie_scrape,))
+                                new_movie = {
+                                    "name": movie_scrape["name"],
+                                    "aliases": movie_scrape["aliases"],
+                                    "date": movie_scrape["date"],
+                                    "rating100": movie_scrape["rating"],
+                                    "director": movie_scrape["director"],
+                                    "synopsis": movie_scrape["synopsis"],
+                                    "url": movie_scrape["url"],
+                                    "front_image": movie_scrape["front_image"],
+                                    "back_image": movie_scrape["back_image"],
                                 }
-                                if not movie_scrape['url']:
-                                    new_movie['url']=u['url']
-                                if movie_scrape['studio']:
-                                    new_movie['studio_id']=movie_scrape['studio']['stored_id']
-                                log.debug('new movie: %s' % (new_movie,))
-                                nm=stash.create_movie(new_movie)
+                                if not movie_scrape["url"]:
+                                    new_movie["url"] = u["url"]
+                                if movie_scrape["studio"]:
+                                    new_movie["studio_id"] = movie_scrape["studio"][
+                                        "stored_id"
+                                    ]
+                                log.debug("new movie: %s" % (new_movie,))
+                                nm = stash.create_movie(new_movie)
                                 movies.append(nm)
-                        movies_to_add.extend([{'movie_id':x['id'],'scene_index':m['scene_index']} for x in movies])
-                    if len(movies_to_add) >0:
-                        new_scene['movies'] =[]
+                        movies_to_add.extend(
+                            [
+                                {"movie_id": x["id"], "scene_index": m["scene_index"]}
+                                for x in movies
+                            ]
+                        )
+                    if len(movies_to_add) > 0:
+                        new_scene["movies"] = []
                         for m in movies_to_add:
-                            if m['movie_id'] not in [x['movie']['id'] for x in s['movies']]:
-                                new_scene['movies'].append(m)
-                                needs_update=True
-
-            if settings['extraUrls']:
-                if 'urls' in md and md['urls']:
-                    extra_urls=s['urls']
-                    for url in md['urls']:
-                        if url['url'] not in s['urls']:
-                            extra_urls.append(url['url'])
-                            needs_update=True
+                            if m["movie_id"] not in [
+                                x["movie"]["id"] for x in s["movies"]
+                            ]:
+                                new_scene["movies"].append(m)
+                                needs_update = True
+
+            if settings["extraUrls"]:
+                if "urls" in md and md["urls"]:
+                    extra_urls = s["urls"]
+                    for url in md["urls"]:
+                        if url["url"] not in s["urls"]:
+                            extra_urls.append(url["url"])
+                            needs_update = True
                     if needs_update:
-                        new_scene['urls']=extra_urls
+                        new_scene["urls"] = extra_urls
             if needs_update:
-                log.debug('new scene update: %s' % (new_scene,))
+                log.debug("new scene update: %s" % (new_scene,))
                 stash.update_scene(new_scene)
 
-
         except json.decoder.JSONDecodeError:
-            log.error('api returned invalid JSON for stash id: ' + sid['stash_id'])
-
+            log.error("api returned invalid JSON for stash id: " + sid["stash_id"])
 
 
 def processAll():
-    log.info('Getting scene count')
-    skip_sync_tag_id = stash.find_tag('[Timestamp: Skip Sync]', create=True).get("id")
-    count=stash.find_scenes(f={"stash_id_endpoint": { "endpoint": "", "modifier": "NOT_NULL", "stash_id": ""},"has_markers":"false","tags":{"depth":0,"excludes":[skip_sync_tag_id],"modifier":"INCLUDES_ALL","value":[]}},filter={"per_page": 1},get_count=True)[0]
-    log.info(str(count)+' scenes to submit.')
-    i=0
-    for r in range(1,int(count/per_page)+1):
-        log.info('fetching data: %s - %s %0.1f%%' % ((r - 1) * per_page,r * per_page,(i/count)*100,))
-        scenes=stash.find_scenes(f={"stash_id_endpoint": { "endpoint": "", "modifier": "NOT_NULL", "stash_id": ""},"has_markers":"false"},filter={"page":r,"per_page": per_page})
+    log.info("Getting scene count")
+    skip_sync_tag_id = stash.find_tag("[Timestamp: Skip Sync]", create=True).get("id")
+    count = stash.find_scenes(
+        f={
+            "stash_id_endpoint": {
+                "endpoint": "",
+                "modifier": "NOT_NULL",
+                "stash_id": "",
+            },
+            "has_markers": "false",
+            "tags": {
+                "depth": 0,
+                "excludes": [skip_sync_tag_id],
+                "modifier": "INCLUDES_ALL",
+                "value": [],
+            },
+        },
+        filter={"per_page": 1},
+        get_count=True,
+    )[0]
+    log.info(str(count) + " scenes to submit.")
+    i = 0
+    for r in range(1, int(count / per_page) + 1):
+        log.info(
+            "fetching data: %s - %s %0.1f%%"
+            % (
+                (r - 1) * per_page,
+                r * per_page,
+                (i / count) * 100,
+            )
+        )
+        scenes = stash.find_scenes(
+            f={
+                "stash_id_endpoint": {
+                    "endpoint": "",
+                    "modifier": "NOT_NULL",
+                    "stash_id": "",
+                },
+                "has_markers": "false",
+            },
+            filter={"page": r, "per_page": per_page},
+        )
         for s in scenes:
             processScene(s)
-            i=i+1
-            log.progress((i/count))
+            i = i + 1
+            log.progress((i / count))
             time.sleep(2)
 
 
@@ -246,17 +319,25 @@ def submitScene(query):
     }
        """
 
-
     count = stash.find_scenes(f=query, filter={"per_page": 1}, get_count=True)[0]
-    i=0
-    for r in range(1, math.ceil(count/per_page) + 1):
-        log.info('submitting scenes: %s - %s %0.1f%%' % ((r - 1) * per_page,r * per_page,(i/count)*100,))
-        scenes = stash.find_scenes(f=query, filter={"page": r, "per_page": per_page},fragment=scene_fgmt)
+    i = 0
+    for r in range(1, math.ceil(count / per_page) + 1):
+        log.info(
+            "submitting scenes: %s - %s %0.1f%%"
+            % (
+                (r - 1) * per_page,
+                r * per_page,
+                (i / count) * 100,
+            )
+        )
+        scenes = stash.find_scenes(
+            f=query, filter={"page": r, "per_page": per_page}, fragment=scene_fgmt
+        )
         for s in scenes:
             log.debug("submitting scene: " + str(s))
-            request_s.post('https://timestamp.trade/submit-stash', json=s)
-            i=i+1
-            log.progress((i/count))
+            request_s.post("https://timestamp.trade/submit-stash", json=s)
+            i = i + 1
+            log.progress((i / count))
             time.sleep(2)
 
 
@@ -319,115 +400,222 @@ def submitGallery():
       }      
     }"""
 
-    skip_submit_tag_id = stash.find_tag('[Timestamp: Skip Submit]', create=True).get("id")
-    count=stash.find_galleries(f={"url": {"value": "","modifier": "NOT_NULL"},"tags":{"depth":0,"excludes":[skip_submit_tag_id],"modifier":"INCLUDES_ALL","value":[]}},filter={"per_page": 1},get_count=True, fragment=scene_fgmt)[0]
+    skip_submit_tag_id = stash.find_tag("[Timestamp: Skip Submit]", create=True).get(
+        "id"
+    )
+    count = stash.find_galleries(
+        f={
+            "url": {"value": "", "modifier": "NOT_NULL"},
+            "tags": {
+                "depth": 0,
+                "excludes": [skip_submit_tag_id],
+                "modifier": "INCLUDES_ALL",
+                "value": [],
+            },
+        },
+        filter={"per_page": 1},
+        get_count=True,
+        fragment=scene_fgmt,
+    )[0]
     log.debug(count)
     i = 0
     for r in range(1, math.ceil(count / per_page) + 1):
-        log.info('submitting gallery: %s - %s %0.1f%%' % ((r - 1) * per_page, r * per_page, (i / count) * 100,))
-        galleries = stash.find_galleries(f={"url": {"value": "", "modifier": "NOT_NULL"},"tags":{"depth":0,"excludes":[skip_submit_tag_id],"modifier":"INCLUDES_ALL","value":[]}}, filter={"page": r, "per_page": per_page,'sort': 'created_at', 'direction': 'DESC'}, fragment=scene_fgmt)
+        log.info(
+            "submitting gallery: %s - %s %0.1f%%"
+            % (
+                (r - 1) * per_page,
+                r * per_page,
+                (i / count) * 100,
+            )
+        )
+        galleries = stash.find_galleries(
+            f={
+                "url": {"value": "", "modifier": "NOT_NULL"},
+                "tags": {
+                    "depth": 0,
+                    "excludes": [skip_submit_tag_id],
+                    "modifier": "INCLUDES_ALL",
+                    "value": [],
+                },
+            },
+            filter={
+                "page": r,
+                "per_page": per_page,
+                "sort": "created_at",
+                "direction": "DESC",
+            },
+            fragment=scene_fgmt,
+        )
         for g in galleries:
-            log.debug("submitting gallery: %s" %(g,))
-            request_s.post('https://timestamp.trade/submit-stash-gallery', json=g)
+            log.debug("submitting gallery: %s" % (g,))
+            request_s.post("https://timestamp.trade/submit-stash-gallery", json=g)
             i = i + 1
             log.progress((i / count))
             time.sleep(2)
 
+
 def processGalleries():
-    skip_sync_tag_id = stash.find_tag('[Timestamp: Skip Sync]', create=True).get("id")
-
-    count= stash.find_galleries(f={"url": {"value": "", "modifier": "IS_NULL"},
-                                  "tags": {"depth": 0, "excludes": [skip_sync_tag_id], "modifier": "INCLUDES_ALL",
-                                           "value": []}},filter={"per_page": 1},get_count=True)[0]
-    tag_cache={}
-
-    log.info('count %s '% (count,))
-    i=0
-    for r in range(1, math.ceil(count/per_page) + 1):
-        log.info('processing gallery scenes: %s - %s %0.1f%%' % ((r - 1) * per_page,r * per_page,(i/count)*100,))
-        galleries = stash.find_galleries(f={"url": {"value": "", "modifier": "IS_NULL"},
-                                  "tags": {"depth": 0, "excludes": [skip_sync_tag_id], "modifier": "INCLUDES_ALL",
-                                           "value": []}},
-                                         filter={"page": r, "per_page": 20,'sort': 'created_at', 'direction': 'DESC'})
+    skip_sync_tag_id = stash.find_tag("[Timestamp: Skip Sync]", create=True).get("id")
+
+    count = stash.find_galleries(
+        f={
+            "url": {"value": "", "modifier": "IS_NULL"},
+            "tags": {
+                "depth": 0,
+                "excludes": [skip_sync_tag_id],
+                "modifier": "INCLUDES_ALL",
+                "value": [],
+            },
+        },
+        filter={"per_page": 1},
+        get_count=True,
+    )[0]
+    tag_cache = {}
+
+    log.info("count %s " % (count,))
+    i = 0
+    for r in range(1, math.ceil(count / per_page) + 1):
+        log.info(
+            "processing gallery scenes: %s - %s %0.1f%%"
+            % (
+                (r - 1) * per_page,
+                r * per_page,
+                (i / count) * 100,
+            )
+        )
+        galleries = stash.find_galleries(
+            f={
+                "url": {"value": "", "modifier": "IS_NULL"},
+                "tags": {
+                    "depth": 0,
+                    "excludes": [skip_sync_tag_id],
+                    "modifier": "INCLUDES_ALL",
+                    "value": [],
+                },
+            },
+            filter={
+                "page": r,
+                "per_page": 20,
+                "sort": "created_at",
+                "direction": "DESC",
+            },
+        )
         for gal in galleries:
             processGallery(gal)
+
+
 def processGallery(gallery):
-    process=False
+    process = False
     # ignore galleries with a url
-    if len(gallery['urls']) ==0:
-        process=True
+    if len(gallery["urls"]) == 0:
+        process = True
     # Process the gallery if it has the [Timestamp: Tag Gallery] tag
-    tag_gallery_tag_id = stash.find_tag('[Timestamp: Tag Gallery]', create=True).get("id")
-    if tag_gallery_tag_id in gallery['tags']:
-        process=True
+    tag_gallery_tag_id = stash.find_tag("[Timestamp: Tag Gallery]", create=True).get(
+        "id"
+    )
+    if tag_gallery_tag_id in gallery["tags"]:
+        process = True
     if process:
-        for f in gallery['files']:
-            for fp in f['fingerprints']:
-                if fp['type']=='md5':
-                    log.debug('looking up galleries by file hash: %s ' % (fp['value'],))
-                    res = request_s.post('https://timestamp.trade/gallery-md5/' + fp['value'])
+        for f in gallery["files"]:
+            for fp in f["fingerprints"]:
+                if fp["type"] == "md5":
+                    log.debug("looking up galleries by file hash: %s " % (fp["value"],))
+                    res = request_s.post(
+                        "https://timestamp.trade/gallery-md5/" + fp["value"]
+                    )
                     if res.status_code == 200:
                         for g in res.json():
-                            log.debug('stash gallery=%s' % (gallery,))
-                            log.debug('tt gallery=%s' % (g,))
-
-                            new_gallery={
-                                'id':gallery['id'],
-                                'title':g['title'],
-                                'urls':[x['url'] for x in g['urls']],
-                                'date':g['release_date'],
-                                'rating100':gallery['rating100'],
-                                'studio_id':None,
-                                'performer_ids':[],
-                                'tag_ids':[],
-                                'scene_ids':[],
-                                'details':g['description']
+                            log.debug("stash gallery=%s" % (gallery,))
+                            log.debug("tt gallery=%s" % (g,))
+
+                            new_gallery = {
+                                "id": gallery["id"],
+                                "title": g["title"],
+                                "urls": [x["url"] for x in g["urls"]],
+                                "date": g["release_date"],
+                                "rating100": gallery["rating100"],
+                                "studio_id": None,
+                                "performer_ids": [],
+                                "tag_ids": [],
+                                "scene_ids": [],
+                                "details": g["description"],
                             }
-                            for p in g['performers']:
-                                performer_id=None
+                            for p in g["performers"]:
+                                performer_id = None
                                 # try looking up stashid
-                                for sid in p['stash_ids']:
-                                    performers=stash.find_performers(f={"stash_id_endpoint": {"endpoint": sid['endpoint'],"stash_id": sid['stash_id'],"modifier": "EQUALS"}})
-                                    if len(performers) >0:
-                                        performer_id=performers[0]['id']
-                                        log.debug('performer matched %s' % (performer_id,))
+                                for sid in p["stash_ids"]:
+                                    performers = stash.find_performers(
+                                        f={
+                                            "stash_id_endpoint": {
+                                                "endpoint": sid["endpoint"],
+                                                "stash_id": sid["stash_id"],
+                                                "modifier": "EQUALS",
+                                            }
+                                        }
+                                    )
+                                    if len(performers) > 0:
+                                        performer_id = performers[0]["id"]
+                                        log.debug(
+                                            "performer matched %s" % (performer_id,)
+                                        )
                                         break
                                 # look for the performer
                                 if not performer_id:
-                                    performers=stash.find_performers(q=p['name'])
+                                    performers = stash.find_performers(q=p["name"])
                                     for perf in performers:
-                                        if p['name'].lower() ==perf['name'].lower():
-                                            performer_id=perf['id']
-                                        for pa in perf['alias_list']:
-                                            if p['name'].lower()==pa.lower():
-                                                performer_id=perf['id']
-                                                log.debug('match alias')
+                                        if p["name"].lower() == perf["name"].lower():
+                                            performer_id = perf["id"]
+                                        for pa in perf["alias_list"]:
+                                            if p["name"].lower() == pa.lower():
+                                                performer_id = perf["id"]
+                                                log.debug("match alias")
 
                                 # performer does not exist, create the performer
                                 if not performer_id:
-                                    log.info('performer %s does not exist, creating' % (p['name'],))
-                                    new_perf=stash.create_performer(performer_in={'name':p['name'],'stash_ids':p['stash_ids']})
-                                    performer_id=new_perf['id']
+                                    log.info(
+                                        "performer %s does not exist, creating"
+                                        % (p["name"],)
+                                    )
+                                    new_perf = stash.create_performer(
+                                        performer_in={
+                                            "name": p["name"],
+                                            "stash_ids": p["stash_ids"],
+                                        }
+                                    )
+                                    performer_id = new_perf["id"]
                                     log.debug(new_perf)
-                                new_gallery['performer_ids'].append(performer_id)
+                                new_gallery["performer_ids"].append(performer_id)
                                 log.debug(performer_id)
 
-                            for tag in g['tags']:
-                                new_gallery['tag_ids'].append(stash.find_tag(tag['name'], create=True).get("id"))
-                            for sid in g['studio']['stash_ids']:
-                                stud=stash.find_studios(f={"stash_id_endpoint": {"endpoint": sid['endpoint'],"stash_id": sid['stash_id'],"modifier": "EQUALS"}})
-                                if len(stud) >0:
-                                    new_gallery['studio_id']=stud[0]['id']
+                            for tag in g["tags"]:
+                                new_gallery["tag_ids"].append(
+                                    stash.find_tag(tag["name"], create=True).get("id")
+                                )
+                            for sid in g["studio"]["stash_ids"]:
+                                stud = stash.find_studios(
+                                    f={
+                                        "stash_id_endpoint": {
+                                            "endpoint": sid["endpoint"],
+                                            "stash_id": sid["stash_id"],
+                                            "modifier": "EQUALS",
+                                        }
+                                    }
+                                )
+                                if len(stud) > 0:
+                                    new_gallery["studio_id"] = stud[0]["id"]
                                     break
-                            if new_gallery['studio_id'] is None:
-                                stud=stash.find_studios(q=g['studio']['name'])
+                            if new_gallery["studio_id"] is None:
+                                stud = stash.find_studios(q=g["studio"]["name"])
                                 for s in stud:
-                                    if s['name'].lower() == g['studio']['name'].lower():
-                                        new_gallery['studio_id'] = s['id']
+                                    if s["name"].lower() == g["studio"]["name"].lower():
+                                        new_gallery["studio_id"] = s["id"]
                                         break
-                                    for sa in s['aliases']:
-                                        if sa['name'].lower() == g['studio']['name'].lower():
-                                            new_gallery['studio_id'] = s['id']
+                                    for sa in s["aliases"]:
+                                        if (
+                                            sa["name"].lower()
+                                            == g["studio"]["name"].lower()
+                                        ):
+                                            new_gallery["studio_id"] = s["id"]
                                             break
 
                             log.debug(new_gallery)
@@ -435,66 +623,87 @@ def processGallery(gallery):
                             time.sleep(1)
 
                     else:
-                        log.debug('bad response from api')
+                        log.debug("bad response from api")
                         time.sleep(10)
 
 
 def getImages(gallery_id):
-    images=[]
-    res=stash.find_images(f={ "galleries": {"value": [gallery_id],"modifier": "INCLUDES_ALL"}})
+    images = []
+    res = stash.find_images(
+        f={"galleries": {"value": [gallery_id], "modifier": "INCLUDES_ALL"}}
+    )
     for r in res:
         print(r)
-        img={'title':r['title'],"filename":r['visual_files'][0]['basename'],'size':r['visual_files'][0]['size'],'width':r['visual_files'][0]['width'],'height':r['visual_files'][0]['height'],'md5':r['visual_files'][0]['fingerprints'][0]['value']}
+        img = {
+            "title": r["title"],
+            "filename": r["visual_files"][0]["basename"],
+            "size": r["visual_files"][0]["size"],
+            "width": r["visual_files"][0]["width"],
+            "height": r["visual_files"][0]["height"],
+            "md5": r["visual_files"][0]["fingerprints"][0]["value"],
+        }
         images.append(img)
         print(img)
     print(images)
 
+
 json_input = json.loads(sys.stdin.read())
 
 FRAGMENT_SERVER = json_input["server_connection"]
 stash = StashInterface(FRAGMENT_SERVER)
-config=stash.get_configuration()['plugins']
-settings={
-    'createGalleryFromScene':False,
-    'createMovieFromScene':False,
-    'extraUrls': False,
- }
-if 'timestampTrade' in config:
-    settings.update(config['timestampTrade'])
-log.debug('config: %s ' % (settings,))
-
-
-
-if 'mode' in json_input['args']:
-    PLUGIN_ARGS = json_input['args']["mode"]
-    if 'submitScene' in PLUGIN_ARGS:
-        skip_submit_tag_id = stash.find_tag('[Timestamp: Skip Submit]', create=True).get("id")
-        query={
+config = stash.get_configuration()["plugins"]
+settings = {
+    "createGalleryFromScene": False,
+    "createMovieFromScene": False,
+    "extraUrls": False,
+}
+if "timestampTrade" in config:
+    settings.update(config["timestampTrade"])
+log.debug("config: %s " % (settings,))
+
+
+if "mode" in json_input["args"]:
+    PLUGIN_ARGS = json_input["args"]["mode"]
+    if "submitScene" in PLUGIN_ARGS:
+        skip_submit_tag_id = stash.find_tag(
+            "[Timestamp: Skip Submit]", create=True
+        ).get("id")
+        query = {
             "has_markers": "true",
-            "tags": {"depth": 0, "excludes": [skip_submit_tag_id], "modifier": "INCLUDES_ALL","value": []}
+            "tags": {
+                "depth": 0,
+                "excludes": [skip_submit_tag_id],
+                "modifier": "INCLUDES_ALL",
+                "value": [],
+            },
         }
         submitScene(query)
-    elif 'submitMovieScene' in PLUGIN_ARGS:
-        skip_submit_tag_id = stash.find_tag('[Timestamp: Skip Submit]', create=True).get("id")
-        query={
-            "movies": {"modifier": "NOT_NULL", "value": [] },
-            "tags": {"depth": 0, "excludes": [skip_submit_tag_id], "modifier": "INCLUDES_ALL", "value": []}
+    elif "submitMovieScene" in PLUGIN_ARGS:
+        skip_submit_tag_id = stash.find_tag(
+            "[Timestamp: Skip Submit]", create=True
+        ).get("id")
+        query = {
+            "movies": {"modifier": "NOT_NULL", "value": []},
+            "tags": {
+                "depth": 0,
+                "excludes": [skip_submit_tag_id],
+                "modifier": "INCLUDES_ALL",
+                "value": [],
+            },
         }
         submitScene(query)
-    elif 'submitGallery' in PLUGIN_ARGS:
+    elif "submitGallery" in PLUGIN_ARGS:
         submitGallery()
-    elif 'processGallery' in  PLUGIN_ARGS:
+    elif "processGallery" in PLUGIN_ARGS:
         processGalleries()
-    elif 'processScene' in PLUGIN_ARGS:
+    elif "processScene" in PLUGIN_ARGS:
         processAll()
 
-elif 'hookContext' in json_input['args']:
-    id=json_input['args']['hookContext']['id']
-    if json_input['args']['hookContext']['type']=='Scene.Update.Post':
-        scene=stash.find_scene(id)
+elif "hookContext" in json_input["args"]:
+    id = json_input["args"]["hookContext"]["id"]
+    if json_input["args"]["hookContext"]["type"] == "Scene.Update.Post":
+        scene = stash.find_scene(id)
         processScene(scene)
-    if json_input['args']['hookContext']['type']=='Gallery.Update.Post':
-        gallery=stash.find_gallery(id)
+    if json_input["args"]["hookContext"]["type"] == "Gallery.Update.Post":
+        gallery = stash.find_gallery(id)
         processGallery(gallery)
-
-
diff --git a/plugins/timestampTrade/timestampTrade.yml b/plugins/timestampTrade/timestampTrade.yml
index bfa9ac79..621ad806 100644
--- a/plugins/timestampTrade/timestampTrade.yml
+++ b/plugins/timestampTrade/timestampTrade.yml
@@ -31,23 +31,23 @@ hooks:
       - Gallery.Create.Post
 
 tasks:
-  - name: 'Submit'
+  - name: "Submit"
     description: Submit markers to timestamp.trade
     defaultArgs:
       mode: submitScene
-  - name: 'Submit Scenes with linked movies'
+  - name: "Submit Scenes with linked movies"
     description: Submit movie information to timestamp.trade
     defaultArgs:
       mode: submitMovieScene
-  - name: 'Sync'
+  - name: "Sync"
     description: Get markers for all scenes with a stashid
     defaultArgs:
       mode: processScene
-  - name: 'Submit Gallery'
+  - name: "Submit Gallery"
     description: Submit gallery info to timestamp.trade
     defaultArgs:
       mode: submitGallery
-  - name: 'Sync Gallery'
+  - name: "Sync Gallery"
     description: get gallery info from timestamp.trade
     defaultArgs:
       mode: processGallery
diff --git a/plugins/titleFromFilename/config.py b/plugins/titleFromFilename/config.py
index 2586c84b..26fcc92f 100644
--- a/plugins/titleFromFilename/config.py
+++ b/plugins/titleFromFilename/config.py
@@ -1,2 +1,2 @@
 # strip file extension from title
-STRIP_EXT = True
\ No newline at end of file
+STRIP_EXT = True
diff --git a/plugins/titleFromFilename/graphql.py b/plugins/titleFromFilename/graphql.py
index e5146da7..a1a03534 100644
--- a/plugins/titleFromFilename/graphql.py
+++ b/plugins/titleFromFilename/graphql.py
@@ -3,6 +3,7 @@
 
 import requests
 
+
 def exit_plugin(msg=None, err=None):
     if msg is None and err is None:
         msg = "plugin ended"
@@ -10,32 +11,41 @@ def exit_plugin(msg=None, err=None):
     print(json.dumps(output_json))
     sys.exit()
 
-def doRequest(query, variables=None, port=9999, session=None, scheme="http", raise_exception=True):
+
+def doRequest(
+    query, variables=None, port=9999, session=None, scheme="http", raise_exception=True
+):
     # Session cookie for authentication
     graphql_port = port
     graphql_scheme = scheme
-    graphql_cookies = {
-        'session': session
-    }
+    graphql_cookies = {"session": session}
 
     graphql_headers = {
         "Accept-Encoding": "gzip, deflate",
         "Content-Type": "application/json",
         "Accept": "application/json",
         "Connection": "keep-alive",
-        "DNT": "1"
+        "DNT": "1",
     }
-    graphql_domain = 'localhost'
+    graphql_domain = "localhost"
     # Stash GraphQL endpoint
-    graphql_url = graphql_scheme + "://" + graphql_domain + ":" + str(graphql_port) + "/graphql"
+    graphql_url = (
+        graphql_scheme + "://" + graphql_domain + ":" + str(graphql_port) + "/graphql"
+    )
 
-    json = {'query': query}
+    json = {"query": query}
     if variables is not None:
-        json['variables'] = variables
+        json["variables"] = variables
     try:
-        response = requests.post(graphql_url, json=json,headers=graphql_headers, cookies=graphql_cookies, timeout=20)
+        response = requests.post(
+            graphql_url,
+            json=json,
+            headers=graphql_headers,
+            cookies=graphql_cookies,
+            timeout=20,
+        )
     except Exception as e:
-         exit_plugin(err=f"[FATAL] Exception with GraphQL request. {e}")
+        exit_plugin(err=f"[FATAL] Exception with GraphQL request. {e}")
     if response.status_code == 200:
         result = response.json()
         if result.get("error"):
@@ -50,7 +60,10 @@ def doRequest(query, variables=None, port=9999, session=None, scheme="http", rai
     elif response.status_code == 401:
         exit_plugin(err="HTTP Error 401, Unauthorised.")
     else:
-        raise ConnectionError(f"GraphQL query failed: {response.status_code} - {response.content}")
+        raise ConnectionError(
+            f"GraphQL query failed: {response.status_code} - {response.content}"
+        )
+
 
 def update_scene_title(scene_id, scene_title, port, session, scheme):
     query = """
@@ -62,12 +75,12 @@ def update_scene_title(scene_id, scene_title, port, session, scheme):
                   }
     }
     """
-    variables = {
-        "id": scene_id,
-        "title": scene_title
-    }
-    result = doRequest(query=query, variables=variables, port=port, session=session, scheme=scheme)
-    return result.get('sceneUpdate')
+    variables = {"id": scene_id, "title": scene_title}
+    result = doRequest(
+        query=query, variables=variables, port=port, session=session, scheme=scheme
+    )
+    return result.get("sceneUpdate")
+
 
 def get_scene_base(scene_id, port, session, scheme):
     query = """
@@ -79,11 +92,12 @@ def get_scene_base(scene_id, port, session, scheme):
         }
     }
     """
-    variables = {
-        "id": scene_id
-    }
-    result = doRequest(query=query, variables=variables, port=port, session=session, scheme=scheme)
-    return result.get('findScene')
+    variables = {"id": scene_id}
+    result = doRequest(
+        query=query, variables=variables, port=port, session=session, scheme=scheme
+    )
+    return result.get("findScene")
+
 
 def get_api_version(port, session, scheme):
     query = """
@@ -95,5 +109,4 @@ def get_api_version(port, session, scheme):
     }
     """
     result = doRequest(query=query, port=port, session=session, scheme=scheme)
-    return result.get('systemStatus')
-
+    return result.get("systemStatus")
diff --git a/plugins/titleFromFilename/log.py b/plugins/titleFromFilename/log.py
index f3812522..c73dbdba 100644
--- a/plugins/titleFromFilename/log.py
+++ b/plugins/titleFromFilename/log.py
@@ -12,41 +12,42 @@
 # messages. The LogProgress method is also intended for sending progress data.
 #
 
+
 def __prefix(level_char):
-	start_level_char = b'\x01'
-	end_level_char = b'\x02'
+    start_level_char = b"\x01"
+    end_level_char = b"\x02"
 
-	ret = start_level_char + level_char + end_level_char
-	return ret.decode()
+    ret = start_level_char + level_char + end_level_char
+    return ret.decode()
 
 
 def __log(level_char, s):
-	if level_char == "":
-		return
+    if level_char == "":
+        return
 
-	print(__prefix(level_char) + s + "\n", file=sys.stderr, flush=True)
+    print(__prefix(level_char) + s + "\n", file=sys.stderr, flush=True)
 
 
 def LogTrace(s):
-	__log(b't', s)
+    __log(b"t", s)
 
 
 def LogDebug(s):
-	__log(b'd', s)
+    __log(b"d", s)
 
 
 def LogInfo(s):
-	__log(b'i', s)
+    __log(b"i", s)
 
 
 def LogWarning(s):
-	__log(b'w', s)
+    __log(b"w", s)
 
 
 def LogError(s):
-	__log(b'e', s)
+    __log(b"e", s)
 
 
 def LogProgress(p):
-	progress = min(max(0, p), 1)
-	__log(b'p', str(progress))
+    progress = min(max(0, p), 1)
+    __log(b"p", str(progress))
diff --git a/plugins/titleFromFilename/titleFromFilename.py b/plugins/titleFromFilename/titleFromFilename.py
index e02e70fd..29f5f559 100644
--- a/plugins/titleFromFilename/titleFromFilename.py
+++ b/plugins/titleFromFilename/titleFromFilename.py
@@ -4,7 +4,8 @@
 import time
 
 import config
-#import log
+
+# import log
 import graphql
 
 API_VERSION_BF_FILES = 31  # APP/DB Schema version prior to files refactor PR
@@ -12,7 +13,7 @@
 SLEEP_RETRY = 0.5
 
 FRAGMENT = json.loads(sys.stdin.read())
-#log.LogDebug(json.dumps(FRAGMENT))
+# log.LogDebug(json.dumps(FRAGMENT))
 FRAGMENT_SERVER = FRAGMENT["server_connection"]
 FRAGMENT_SCENE_ID = FRAGMENT["args"].get("hookContext")
 
@@ -21,23 +22,25 @@
 else:
     graphql.exit_plugin("No ID found")
 
-graphql_port = FRAGMENT_SERVER['Port']
-graphql_scheme = FRAGMENT_SERVER['Scheme']
-graphql_session = FRAGMENT_SERVER.get('SessionCookie').get('Value')
+graphql_port = FRAGMENT_SERVER["Port"]
+graphql_scheme = FRAGMENT_SERVER["Scheme"]
+graphql_session = FRAGMENT_SERVER.get("SessionCookie").get("Value")
 
-system_status = graphql.get_api_version(port=graphql_port,
-                                        session=graphql_session,
-                                        scheme=graphql_scheme)
+system_status = graphql.get_api_version(
+    port=graphql_port, session=graphql_session, scheme=graphql_scheme
+)
 
 api_version = system_status.get("appSchema")
 
 basename = None
 
 if api_version > API_VERSION_BF_FILES:  # only needed for versions after files refactor
-    files_base = graphql.get_scene_base(scene_id=scene_id,
-                                        port=graphql_port,
-                                        session=graphql_session,
-                                        scheme=graphql_scheme)
+    files_base = graphql.get_scene_base(
+        scene_id=scene_id,
+        port=graphql_port,
+        session=graphql_session,
+        scheme=graphql_scheme,
+    )
     if len(files_base["files"]) > 0:
         basename = files_base["files"][0].get("basename")
 else:
@@ -53,13 +56,15 @@
 
 i = MAX_RETRY_COUNT
 while i >= 0:
-    #log.LogDebug(f"TitleFromFilename: Retry attempt {i}")
+    # log.LogDebug(f"TitleFromFilename: Retry attempt {i}")
     i -= 1
-    updated_scene = graphql.update_scene_title(scene_id,
-                                               basename,
-                                               port=graphql_port,
-                                               session=graphql_session,
-                                               scheme=graphql_scheme)
+    updated_scene = graphql.update_scene_title(
+        scene_id,
+        basename,
+        port=graphql_port,
+        session=graphql_session,
+        scheme=graphql_scheme,
+    )
     if updated_scene:
         graphql.exit_plugin(
             f"Scene title updated after {MAX_RETRY_COUNT - i} tries. Title:{updated_scene.get('title')}"
diff --git a/plugins/visage/visage.css b/plugins/visage/visage.css
index 50b62d4f..e1beb257 100644
--- a/plugins/visage/visage.css
+++ b/plugins/visage/visage.css
@@ -1 +1,132 @@
-button.svelte-1m5gxnd{background-color:var(--nav-color);border:0px}.scanner.svelte-1m5gxnd{animation:svelte-1m5gxnd-pulse 2s infinite}@keyframes svelte-1m5gxnd-pulse{0%{transform:scale(0.95);box-shadow:0 0 0 0 var(--light)}70%{transform:scale(1.1);box-shadow:0 0 0 10px var(--info)}100%{transform:scale(0.95);box-shadow:0 0 0 0 var(--primary)}}svg.svelte-1m5gxnd{fill:#ffffff}button.svelte-1m5gxnd{background-color:var(--nav-color);border:0px}.scanner.svelte-1m5gxnd{animation:svelte-1m5gxnd-pulse 2s infinite}@keyframes svelte-1m5gxnd-pulse{0%{transform:scale(0.95);box-shadow:0 0 0 0 var(--light)}70%{transform:scale(1.1);box-shadow:0 0 0 10px var(--info)}100%{transform:scale(0.95);box-shadow:0 0 0 0 var(--primary)}}svg.svelte-1m5gxnd{fill:#ffffff}.carousel.svelte-ssoxzi{display:flex;overflow-x:auto;overflow-y:auto;white-space:nowrap;overscroll-behavior-x:contain;overscroll-behavior-y:contain;scroll-snap-type:x mandatory;gap:1rem}.modal-header.svelte-ssoxzi{font-size:2.4rem;border-bottom:0px;padding:10px 10px 0px 10px}.modal-footer.svelte-ssoxzi{border-top:0px}.svelte-ssoxzi::-webkit-scrollbar{width:30px}.svelte-ssoxzi::-webkit-scrollbar-thumb{background:var(--orange);border-radius:20px}.card.svelte-ssoxzi{min-width:250px}.performer-card.svelte-ssoxzi{cursor:pointer}.assigned.svelte-ssoxzi{border:5px solid var(--green);animation:border 1s ease-in-out}.face-tab.svelte-ssoxzi{width:50px;height:50px;object-fit:cover}.selected.svelte-p95y28{border:2px solid #007bff}.face-tabs.svelte-p95y28{position:absolute;flex:0 0 450px;max-width:450px;min-width:450px;height:100%;overflow:auto;order:-1;background-color:var(--body-color)}.face-item.svelte-p95y28{width:160px;height:90px;border-radius:5px 5px 0px 0px;position:relative;cursor:pointer}.svelte-tabs__tab.svelte-1fbofsd{border:none;border-bottom:2px solid transparent;color:#000000;cursor:pointer;list-style:none;display:inline-block;padding:0.5em 0.75em}.svelte-tabs__tab.svelte-1fbofsd:focus{outline:thin dotted}.svelte-tabs__selected.svelte-1fbofsd{border-bottom:2px solid #4F81E5;color:#4F81E5}.svelte-tabs__tab-panel.svelte-epfyet{margin-top:0.5em}.svelte-tabs__tab-list.svelte-12yby2a{border-bottom:1px solid #CCCCCC;margin:0;padding:0}
\ No newline at end of file
+button.svelte-1m5gxnd {
+  background-color: var(--nav-color);
+  border: 0px;
+}
+.scanner.svelte-1m5gxnd {
+  animation: svelte-1m5gxnd-pulse 2s infinite;
+}
+@keyframes svelte-1m5gxnd-pulse {
+  0% {
+    transform: scale(0.95);
+    box-shadow: 0 0 0 0 var(--light);
+  }
+  70% {
+    transform: scale(1.1);
+    box-shadow: 0 0 0 10px var(--info);
+  }
+  100% {
+    transform: scale(0.95);
+    box-shadow: 0 0 0 0 var(--primary);
+  }
+}
+svg.svelte-1m5gxnd {
+  fill: #ffffff;
+}
+button.svelte-1m5gxnd {
+  background-color: var(--nav-color);
+  border: 0px;
+}
+.scanner.svelte-1m5gxnd {
+  animation: svelte-1m5gxnd-pulse 2s infinite;
+}
+@keyframes svelte-1m5gxnd-pulse {
+  0% {
+    transform: scale(0.95);
+    box-shadow: 0 0 0 0 var(--light);
+  }
+  70% {
+    transform: scale(1.1);
+    box-shadow: 0 0 0 10px var(--info);
+  }
+  100% {
+    transform: scale(0.95);
+    box-shadow: 0 0 0 0 var(--primary);
+  }
+}
+svg.svelte-1m5gxnd {
+  fill: #ffffff;
+}
+.carousel.svelte-ssoxzi {
+  display: flex;
+  overflow-x: auto;
+  overflow-y: auto;
+  white-space: nowrap;
+  overscroll-behavior-x: contain;
+  overscroll-behavior-y: contain;
+  scroll-snap-type: x mandatory;
+  gap: 1rem;
+}
+.modal-header.svelte-ssoxzi {
+  font-size: 2.4rem;
+  border-bottom: 0px;
+  padding: 10px 10px 0px 10px;
+}
+.modal-footer.svelte-ssoxzi {
+  border-top: 0px;
+}
+.svelte-ssoxzi::-webkit-scrollbar {
+  width: 30px;
+}
+.svelte-ssoxzi::-webkit-scrollbar-thumb {
+  background: var(--orange);
+  border-radius: 20px;
+}
+.card.svelte-ssoxzi {
+  min-width: 250px;
+}
+.performer-card.svelte-ssoxzi {
+  cursor: pointer;
+}
+.assigned.svelte-ssoxzi {
+  border: 5px solid var(--green);
+  animation: border 1s ease-in-out;
+}
+.face-tab.svelte-ssoxzi {
+  width: 50px;
+  height: 50px;
+  object-fit: cover;
+}
+.selected.svelte-p95y28 {
+  border: 2px solid #007bff;
+}
+.face-tabs.svelte-p95y28 {
+  position: absolute;
+  flex: 0 0 450px;
+  max-width: 450px;
+  min-width: 450px;
+  height: 100%;
+  overflow: auto;
+  order: -1;
+  background-color: var(--body-color);
+}
+.face-item.svelte-p95y28 {
+  width: 160px;
+  height: 90px;
+  border-radius: 5px 5px 0px 0px;
+  position: relative;
+  cursor: pointer;
+}
+.svelte-tabs__tab.svelte-1fbofsd {
+  border: none;
+  border-bottom: 2px solid transparent;
+  color: #000000;
+  cursor: pointer;
+  list-style: none;
+  display: inline-block;
+  padding: 0.5em 0.75em;
+}
+.svelte-tabs__tab.svelte-1fbofsd:focus {
+  outline: thin dotted;
+}
+.svelte-tabs__selected.svelte-1fbofsd {
+  border-bottom: 2px solid #4f81e5;
+  color: #4f81e5;
+}
+.svelte-tabs__tab-panel.svelte-epfyet {
+  margin-top: 0.5em;
+}
+.svelte-tabs__tab-list.svelte-12yby2a {
+  border-bottom: 1px solid #cccccc;
+  margin: 0;
+  padding: 0;
+}
diff --git a/plugins/visage/visage.js b/plugins/visage/visage.js
index 1e650e0b..80c447ed 100644
--- a/plugins/visage/visage.js
+++ b/plugins/visage/visage.js
@@ -1,11 +1,10 @@
 (function () {
-  'use strict';
+  "use strict";
 
   let VISAGE_API_URL = "https://cc1234-stashface.hf.space/api/predict";
   let THRESHOLD = 20.0; // remove matches with a distance higher than this
   let MAX_RESULTS = 12; // number of results to show, don't change this for now
 
-
   function waitForElm(selector) {
     return new Promise((resolve) => {
       if (document.querySelector(selector)) {
@@ -62,7 +61,6 @@
     return result.data.findScene.performers.map((p) => p.id);
   }
 
-
   async function getPerformersForImage(image_id) {
     const reqData = {
       query: `{
@@ -77,7 +75,6 @@
     return result.data.findImage.performers.map((p) => p.id);
   }
 
-
   async function updateScene(scene_id, performer_ids) {
     const reqData = {
       variables: { input: { id: scene_id, performer_ids: performer_ids } },
@@ -90,7 +87,6 @@
     return stash.callGQL(reqData);
   }
 
-
   async function updateImage(image_id, performer_ids) {
     const reqData = {
       variables: { input: { id: image_id, performer_ids: performer_ids } },
@@ -159,7 +155,7 @@
     };
     var result = await stash.callGQL(reqData);
     return result.data.scrapeSinglePerformer.filter(
-      (p) => p.remote_site_id === stash_id
+      (p) => p.remote_site_id === stash_id,
     )[0];
   }
 
@@ -176,42 +172,42 @@
   }
 
   function smoothload(node) {
-  	function load() {
-  		if (node.naturalWidth) return; // already loaded
-
-  		node.style.opacity = '0';
-  		node.style.transition = 'opacity 0.4s';
-
-  		node.addEventListener(
-  			'load',
-  			() => {
-  				node.style.opacity = '1';
-  			},
-  			{
-  				once: true
-  			}
-  		);
-  	}
-
-  	const observer = new MutationObserver((mutations) => {
-  		for (const mutation of mutations) {
-  			if (mutation.attributeName === 'src') {
-  				load();
-  			}
-  		}
-  	});
-
-  	observer.observe(node, {
-  		attributes: true
-  	});
-
-  	load();
-
-  	return {
-  		destroy() {
-  			observer.disconnect();
-  		}
-  	};
+    function load() {
+      if (node.naturalWidth) return; // already loaded
+
+      node.style.opacity = "0";
+      node.style.transition = "opacity 0.4s";
+
+      node.addEventListener(
+        "load",
+        () => {
+          node.style.opacity = "1";
+        },
+        {
+          once: true,
+        },
+      );
+    }
+
+    const observer = new MutationObserver((mutations) => {
+      for (const mutation of mutations) {
+        if (mutation.attributeName === "src") {
+          load();
+        }
+      }
+    });
+
+    observer.observe(node, {
+      attributes: true,
+    });
+
+    load();
+
+    return {
+      destroy() {
+        observer.disconnect();
+      },
+    };
   }
 
   /**
@@ -239,226 +235,240 @@
     }
   }
 
-  function noop() { }
-  const identity = x => x;
+  function noop() {}
+  const identity = (x) => x;
   function assign(tar, src) {
-      // @ts-ignore
-      for (const k in src)
-          tar[k] = src[k];
-      return tar;
+    // @ts-ignore
+    for (const k in src) tar[k] = src[k];
+    return tar;
   }
   function add_location(element, file, line, column, char) {
-      element.__svelte_meta = {
-          loc: { file, line, column, char }
-      };
+    element.__svelte_meta = {
+      loc: { file, line, column, char },
+    };
   }
   function run(fn) {
-      return fn();
+    return fn();
   }
   function blank_object() {
-      return Object.create(null);
+    return Object.create(null);
   }
   function run_all(fns) {
-      fns.forEach(run);
+    fns.forEach(run);
   }
   function is_function(thing) {
-      return typeof thing === 'function';
+    return typeof thing === "function";
   }
   function safe_not_equal(a, b) {
-      return a != a ? b == b : a !== b || ((a && typeof a === 'object') || typeof a === 'function');
+    return a != a
+      ? b == b
+      : a !== b || (a && typeof a === "object") || typeof a === "function";
   }
   let src_url_equal_anchor;
   function src_url_equal(element_src, url) {
-      if (!src_url_equal_anchor) {
-          src_url_equal_anchor = document.createElement('a');
-      }
-      src_url_equal_anchor.href = url;
-      return element_src === src_url_equal_anchor.href;
+    if (!src_url_equal_anchor) {
+      src_url_equal_anchor = document.createElement("a");
+    }
+    src_url_equal_anchor.href = url;
+    return element_src === src_url_equal_anchor.href;
   }
   function is_empty(obj) {
-      return Object.keys(obj).length === 0;
+    return Object.keys(obj).length === 0;
   }
   function validate_store(store, name) {
-      if (store != null && typeof store.subscribe !== 'function') {
-          throw new Error(`'${name}' is not a store with a 'subscribe' method`);
-      }
+    if (store != null && typeof store.subscribe !== "function") {
+      throw new Error(`'${name}' is not a store with a 'subscribe' method`);
+    }
   }
   function subscribe(store, ...callbacks) {
-      if (store == null) {
-          return noop;
-      }
-      const unsub = store.subscribe(...callbacks);
-      return unsub.unsubscribe ? () => unsub.unsubscribe() : unsub;
+    if (store == null) {
+      return noop;
+    }
+    const unsub = store.subscribe(...callbacks);
+    return unsub.unsubscribe ? () => unsub.unsubscribe() : unsub;
   }
   function component_subscribe(component, store, callback) {
-      component.$$.on_destroy.push(subscribe(store, callback));
+    component.$$.on_destroy.push(subscribe(store, callback));
   }
   function create_slot(definition, ctx, $$scope, fn) {
-      if (definition) {
-          const slot_ctx = get_slot_context(definition, ctx, $$scope, fn);
-          return definition[0](slot_ctx);
-      }
+    if (definition) {
+      const slot_ctx = get_slot_context(definition, ctx, $$scope, fn);
+      return definition[0](slot_ctx);
+    }
   }
   function get_slot_context(definition, ctx, $$scope, fn) {
-      return definition[1] && fn
-          ? assign($$scope.ctx.slice(), definition[1](fn(ctx)))
-          : $$scope.ctx;
+    return definition[1] && fn
+      ? assign($$scope.ctx.slice(), definition[1](fn(ctx)))
+      : $$scope.ctx;
   }
   function get_slot_changes(definition, $$scope, dirty, fn) {
-      if (definition[2] && fn) {
-          const lets = definition[2](fn(dirty));
-          if ($$scope.dirty === undefined) {
-              return lets;
-          }
-          if (typeof lets === 'object') {
-              const merged = [];
-              const len = Math.max($$scope.dirty.length, lets.length);
-              for (let i = 0; i < len; i += 1) {
-                  merged[i] = $$scope.dirty[i] | lets[i];
-              }
-              return merged;
-          }
-          return $$scope.dirty | lets;
+    if (definition[2] && fn) {
+      const lets = definition[2](fn(dirty));
+      if ($$scope.dirty === undefined) {
+        return lets;
       }
-      return $$scope.dirty;
-  }
-  function update_slot_base(slot, slot_definition, ctx, $$scope, slot_changes, get_slot_context_fn) {
-      if (slot_changes) {
-          const slot_context = get_slot_context(slot_definition, ctx, $$scope, get_slot_context_fn);
-          slot.p(slot_context, slot_changes);
+      if (typeof lets === "object") {
+        const merged = [];
+        const len = Math.max($$scope.dirty.length, lets.length);
+        for (let i = 0; i < len; i += 1) {
+          merged[i] = $$scope.dirty[i] | lets[i];
+        }
+        return merged;
       }
+      return $$scope.dirty | lets;
+    }
+    return $$scope.dirty;
+  }
+  function update_slot_base(
+    slot,
+    slot_definition,
+    ctx,
+    $$scope,
+    slot_changes,
+    get_slot_context_fn,
+  ) {
+    if (slot_changes) {
+      const slot_context = get_slot_context(
+        slot_definition,
+        ctx,
+        $$scope,
+        get_slot_context_fn,
+      );
+      slot.p(slot_context, slot_changes);
+    }
   }
   function get_all_dirty_from_scope($$scope) {
-      if ($$scope.ctx.length > 32) {
-          const dirty = [];
-          const length = $$scope.ctx.length / 32;
-          for (let i = 0; i < length; i++) {
-              dirty[i] = -1;
-          }
-          return dirty;
+    if ($$scope.ctx.length > 32) {
+      const dirty = [];
+      const length = $$scope.ctx.length / 32;
+      for (let i = 0; i < length; i++) {
+        dirty[i] = -1;
       }
-      return -1;
+      return dirty;
+    }
+    return -1;
   }
   function action_destroyer(action_result) {
-      return action_result && is_function(action_result.destroy) ? action_result.destroy : noop;
+    return action_result && is_function(action_result.destroy)
+      ? action_result.destroy
+      : noop;
   }
   function split_css_unit(value) {
-      const split = typeof value === 'string' && value.match(/^\s*(-?[\d.]+)([^\s]*)\s*$/);
-      return split ? [parseFloat(split[1]), split[2] || 'px'] : [value, 'px'];
+    const split =
+      typeof value === "string" && value.match(/^\s*(-?[\d.]+)([^\s]*)\s*$/);
+    return split ? [parseFloat(split[1]), split[2] || "px"] : [value, "px"];
   }
 
-  const is_client = typeof window !== 'undefined';
-  let now = is_client
-      ? () => window.performance.now()
-      : () => Date.now();
-  let raf = is_client ? cb => requestAnimationFrame(cb) : noop;
+  const is_client = typeof window !== "undefined";
+  let now = is_client ? () => window.performance.now() : () => Date.now();
+  let raf = is_client ? (cb) => requestAnimationFrame(cb) : noop;
 
   const tasks = new Set();
   function run_tasks(now) {
-      tasks.forEach(task => {
-          if (!task.c(now)) {
-              tasks.delete(task);
-              task.f();
-          }
-      });
-      if (tasks.size !== 0)
-          raf(run_tasks);
+    tasks.forEach((task) => {
+      if (!task.c(now)) {
+        tasks.delete(task);
+        task.f();
+      }
+    });
+    if (tasks.size !== 0) raf(run_tasks);
   }
   /**
    * Creates a new task that runs on each raf frame
    * until it returns a falsy value or is aborted
    */
   function loop(callback) {
-      let task;
-      if (tasks.size === 0)
-          raf(run_tasks);
-      return {
-          promise: new Promise(fulfill => {
-              tasks.add(task = { c: callback, f: fulfill });
-          }),
-          abort() {
-              tasks.delete(task);
-          }
-      };
+    let task;
+    if (tasks.size === 0) raf(run_tasks);
+    return {
+      promise: new Promise((fulfill) => {
+        tasks.add((task = { c: callback, f: fulfill }));
+      }),
+      abort() {
+        tasks.delete(task);
+      },
+    };
   }
 
-  const globals = (typeof window !== 'undefined'
+  const globals =
+    typeof window !== "undefined"
       ? window
-      : typeof globalThis !== 'undefined'
-          ? globalThis
-          : global);
+      : typeof globalThis !== "undefined"
+        ? globalThis
+        : global;
   function append(target, node) {
-      target.appendChild(node);
+    target.appendChild(node);
   }
   function get_root_for_style(node) {
-      if (!node)
-          return document;
-      const root = node.getRootNode ? node.getRootNode() : node.ownerDocument;
-      if (root && root.host) {
-          return root;
-      }
-      return node.ownerDocument;
+    if (!node) return document;
+    const root = node.getRootNode ? node.getRootNode() : node.ownerDocument;
+    if (root && root.host) {
+      return root;
+    }
+    return node.ownerDocument;
   }
   function append_empty_stylesheet(node) {
-      const style_element = element('style');
-      append_stylesheet(get_root_for_style(node), style_element);
-      return style_element.sheet;
+    const style_element = element("style");
+    append_stylesheet(get_root_for_style(node), style_element);
+    return style_element.sheet;
   }
   function append_stylesheet(node, style) {
-      append(node.head || node, style);
-      return style.sheet;
+    append(node.head || node, style);
+    return style.sheet;
   }
   function insert(target, node, anchor) {
-      target.insertBefore(node, anchor || null);
+    target.insertBefore(node, anchor || null);
   }
   function detach(node) {
-      if (node.parentNode) {
-          node.parentNode.removeChild(node);
-      }
+    if (node.parentNode) {
+      node.parentNode.removeChild(node);
+    }
   }
   function element(name) {
-      return document.createElement(name);
+    return document.createElement(name);
   }
   function svg_element(name) {
-      return document.createElementNS('http://www.w3.org/2000/svg', name);
+    return document.createElementNS("http://www.w3.org/2000/svg", name);
   }
   function text(data) {
-      return document.createTextNode(data);
+    return document.createTextNode(data);
   }
   function space() {
-      return text(' ');
+    return text(" ");
   }
   function empty() {
-      return text('');
+    return text("");
   }
   function listen(node, event, handler, options) {
-      node.addEventListener(event, handler, options);
-      return () => node.removeEventListener(event, handler, options);
+    node.addEventListener(event, handler, options);
+    return () => node.removeEventListener(event, handler, options);
   }
   function attr(node, attribute, value) {
-      if (value == null)
-          node.removeAttribute(attribute);
-      else if (node.getAttribute(attribute) !== value)
-          node.setAttribute(attribute, value);
+    if (value == null) node.removeAttribute(attribute);
+    else if (node.getAttribute(attribute) !== value)
+      node.setAttribute(attribute, value);
   }
   function children(element) {
-      return Array.from(element.childNodes);
+    return Array.from(element.childNodes);
   }
   function set_style(node, key, value, important) {
-      if (value == null) {
-          node.style.removeProperty(key);
-      }
-      else {
-          node.style.setProperty(key, value, important ? 'important' : '');
-      }
+    if (value == null) {
+      node.style.removeProperty(key);
+    } else {
+      node.style.setProperty(key, value, important ? "important" : "");
+    }
   }
   function toggle_class(element, name, toggle) {
-      element.classList[toggle ? 'add' : 'remove'](name);
+    element.classList[toggle ? "add" : "remove"](name);
   }
-  function custom_event(type, detail, { bubbles = false, cancelable = false } = {}) {
-      const e = document.createEvent('CustomEvent');
-      e.initCustomEvent(type, bubbles, cancelable, detail);
-      return e;
+  function custom_event(
+    type,
+    detail,
+    { bubbles = false, cancelable = false } = {},
+  ) {
+    const e = document.createEvent("CustomEvent");
+    e.initCustomEvent(type, bubbles, cancelable, detail);
+    return e;
   }
 
   // we need to store the information for multiple documents because a Svelte application could also contain iframes
@@ -467,142 +477,152 @@
   let active = 0;
   // https://github.com/darkskyapp/string-hash/blob/master/index.js
   function hash(str) {
-      let hash = 5381;
-      let i = str.length;
-      while (i--)
-          hash = ((hash << 5) - hash) ^ str.charCodeAt(i);
-      return hash >>> 0;
+    let hash = 5381;
+    let i = str.length;
+    while (i--) hash = ((hash << 5) - hash) ^ str.charCodeAt(i);
+    return hash >>> 0;
   }
   function create_style_information(doc, node) {
-      const info = { stylesheet: append_empty_stylesheet(node), rules: {} };
-      managed_styles.set(doc, info);
-      return info;
+    const info = { stylesheet: append_empty_stylesheet(node), rules: {} };
+    managed_styles.set(doc, info);
+    return info;
   }
   function create_rule(node, a, b, duration, delay, ease, fn, uid = 0) {
-      const step = 16.666 / duration;
-      let keyframes = '{\n';
-      for (let p = 0; p <= 1; p += step) {
-          const t = a + (b - a) * ease(p);
-          keyframes += p * 100 + `%{${fn(t, 1 - t)}}\n`;
-      }
-      const rule = keyframes + `100% {${fn(b, 1 - b)}}\n}`;
-      const name = `__svelte_${hash(rule)}_${uid}`;
-      const doc = get_root_for_style(node);
-      const { stylesheet, rules } = managed_styles.get(doc) || create_style_information(doc, node);
-      if (!rules[name]) {
-          rules[name] = true;
-          stylesheet.insertRule(`@keyframes ${name} ${rule}`, stylesheet.cssRules.length);
-      }
-      const animation = node.style.animation || '';
-      node.style.animation = `${animation ? `${animation}, ` : ''}${name} ${duration}ms linear ${delay}ms 1 both`;
-      active += 1;
-      return name;
+    const step = 16.666 / duration;
+    let keyframes = "{\n";
+    for (let p = 0; p <= 1; p += step) {
+      const t = a + (b - a) * ease(p);
+      keyframes += p * 100 + `%{${fn(t, 1 - t)}}\n`;
+    }
+    const rule = keyframes + `100% {${fn(b, 1 - b)}}\n}`;
+    const name = `__svelte_${hash(rule)}_${uid}`;
+    const doc = get_root_for_style(node);
+    const { stylesheet, rules } =
+      managed_styles.get(doc) || create_style_information(doc, node);
+    if (!rules[name]) {
+      rules[name] = true;
+      stylesheet.insertRule(
+        `@keyframes ${name} ${rule}`,
+        stylesheet.cssRules.length,
+      );
+    }
+    const animation = node.style.animation || "";
+    node.style.animation = `${animation ? `${animation}, ` : ""}${name} ${duration}ms linear ${delay}ms 1 both`;
+    active += 1;
+    return name;
   }
   function delete_rule(node, name) {
-      const previous = (node.style.animation || '').split(', ');
-      const next = previous.filter(name
-          ? anim => anim.indexOf(name) < 0 // remove specific animation
-          : anim => anim.indexOf('__svelte') === -1 // remove all Svelte animations
-      );
-      const deleted = previous.length - next.length;
-      if (deleted) {
-          node.style.animation = next.join(', ');
-          active -= deleted;
-          if (!active)
-              clear_rules();
-      }
+    const previous = (node.style.animation || "").split(", ");
+    const next = previous.filter(
+      name
+        ? (anim) => anim.indexOf(name) < 0 // remove specific animation
+        : (anim) => anim.indexOf("__svelte") === -1, // remove all Svelte animations
+    );
+    const deleted = previous.length - next.length;
+    if (deleted) {
+      node.style.animation = next.join(", ");
+      active -= deleted;
+      if (!active) clear_rules();
+    }
   }
   function clear_rules() {
-      raf(() => {
-          if (active)
-              return;
-          managed_styles.forEach(info => {
-              const { ownerNode } = info.stylesheet;
-              // there is no ownerNode if it runs on jsdom.
-              if (ownerNode)
-                  detach(ownerNode);
-          });
-          managed_styles.clear();
+    raf(() => {
+      if (active) return;
+      managed_styles.forEach((info) => {
+        const { ownerNode } = info.stylesheet;
+        // there is no ownerNode if it runs on jsdom.
+        if (ownerNode) detach(ownerNode);
       });
+      managed_styles.clear();
+    });
   }
 
   function create_animation(node, from, fn, params) {
-      if (!from)
-          return noop;
-      const to = node.getBoundingClientRect();
-      if (from.left === to.left && from.right === to.right && from.top === to.top && from.bottom === to.bottom)
-          return noop;
-      const { delay = 0, duration = 300, easing = identity, 
+    if (!from) return noop;
+    const to = node.getBoundingClientRect();
+    if (
+      from.left === to.left &&
+      from.right === to.right &&
+      from.top === to.top &&
+      from.bottom === to.bottom
+    )
+      return noop;
+    const {
+      delay = 0,
+      duration = 300,
+      easing = identity,
       // @ts-ignore todo: should this be separated from destructuring? Or start/end added to public api and documentation?
-      start: start_time = now() + delay, 
+      start: start_time = now() + delay,
       // @ts-ignore todo:
-      end = start_time + duration, tick = noop, css } = fn(node, { from, to }, params);
-      let running = true;
-      let started = false;
-      let name;
-      function start() {
-          if (css) {
-              name = create_rule(node, 0, 1, duration, delay, easing, css);
-          }
-          if (!delay) {
-              started = true;
-          }
+      end = start_time + duration,
+      tick = noop,
+      css,
+    } = fn(node, { from, to }, params);
+    let running = true;
+    let started = false;
+    let name;
+    function start() {
+      if (css) {
+        name = create_rule(node, 0, 1, duration, delay, easing, css);
       }
-      function stop() {
-          if (css)
-              delete_rule(node, name);
-          running = false;
+      if (!delay) {
+        started = true;
       }
-      loop(now => {
-          if (!started && now >= start_time) {
-              started = true;
-          }
-          if (started && now >= end) {
-              tick(1, 0);
-              stop();
-          }
-          if (!running) {
-              return false;
-          }
-          if (started) {
-              const p = now - start_time;
-              const t = 0 + 1 * easing(p / duration);
-              tick(t, 1 - t);
-          }
-          return true;
-      });
-      start();
-      tick(0, 1);
-      return stop;
+    }
+    function stop() {
+      if (css) delete_rule(node, name);
+      running = false;
+    }
+    loop((now) => {
+      if (!started && now >= start_time) {
+        started = true;
+      }
+      if (started && now >= end) {
+        tick(1, 0);
+        stop();
+      }
+      if (!running) {
+        return false;
+      }
+      if (started) {
+        const p = now - start_time;
+        const t = 0 + 1 * easing(p / duration);
+        tick(t, 1 - t);
+      }
+      return true;
+    });
+    start();
+    tick(0, 1);
+    return stop;
   }
   function fix_position(node) {
-      const style = getComputedStyle(node);
-      if (style.position !== 'absolute' && style.position !== 'fixed') {
-          const { width, height } = style;
-          const a = node.getBoundingClientRect();
-          node.style.position = 'absolute';
-          node.style.width = width;
-          node.style.height = height;
-          add_transform(node, a);
-      }
+    const style = getComputedStyle(node);
+    if (style.position !== "absolute" && style.position !== "fixed") {
+      const { width, height } = style;
+      const a = node.getBoundingClientRect();
+      node.style.position = "absolute";
+      node.style.width = width;
+      node.style.height = height;
+      add_transform(node, a);
+    }
   }
   function add_transform(node, a) {
-      const b = node.getBoundingClientRect();
-      if (a.left !== b.left || a.top !== b.top) {
-          const style = getComputedStyle(node);
-          const transform = style.transform === 'none' ? '' : style.transform;
-          node.style.transform = `${transform} translate(${a.left - b.left}px, ${a.top - b.top}px)`;
-      }
+    const b = node.getBoundingClientRect();
+    if (a.left !== b.left || a.top !== b.top) {
+      const style = getComputedStyle(node);
+      const transform = style.transform === "none" ? "" : style.transform;
+      node.style.transform = `${transform} translate(${a.left - b.left}px, ${a.top - b.top}px)`;
+    }
   }
 
   let current_component;
   function set_current_component(component) {
-      current_component = component;
+    current_component = component;
   }
   function get_current_component() {
-      if (!current_component)
-          throw new Error('Function called outside component initialization');
-      return current_component;
+    if (!current_component)
+      throw new Error("Function called outside component initialization");
+    return current_component;
   }
   /**
    * The `onMount` function schedules a callback to run as soon as the component has been mounted to the DOM.
@@ -614,7 +634,7 @@
    * https://svelte.dev/docs#run-time-svelte-onmount
    */
   function onMount(fn) {
-      get_current_component().$$.on_mount.push(fn);
+    get_current_component().$$.on_mount.push(fn);
   }
   /**
    * Schedules a callback to run immediately after the component has been updated.
@@ -622,7 +642,7 @@
    * The first time the callback runs will be after the initial `onMount`
    */
   function afterUpdate(fn) {
-      get_current_component().$$.after_update.push(fn);
+    get_current_component().$$.after_update.push(fn);
   }
   /**
    * Schedules a callback to run immediately before the component is unmounted.
@@ -633,7 +653,7 @@
    * https://svelte.dev/docs#run-time-svelte-ondestroy
    */
   function onDestroy(fn) {
-      get_current_component().$$.on_destroy.push(fn);
+    get_current_component().$$.on_destroy.push(fn);
   }
   /**
    * Associates an arbitrary `context` object with the current component and the specified `key`
@@ -645,8 +665,8 @@
    * https://svelte.dev/docs#run-time-svelte-setcontext
    */
   function setContext(key, context) {
-      get_current_component().$$.context.set(key, context);
-      return context;
+    get_current_component().$$.context.set(key, context);
+    return context;
   }
   /**
    * Retrieves the context that belongs to the closest parent component with the specified `key`.
@@ -655,7 +675,7 @@
    * https://svelte.dev/docs#run-time-svelte-getcontext
    */
   function getContext(key) {
-      return get_current_component().$$.context.get(key);
+    return get_current_component().$$.context.get(key);
   }
 
   const dirty_components = [];
@@ -665,20 +685,20 @@
   const resolved_promise = /* @__PURE__ */ Promise.resolve();
   let update_scheduled = false;
   function schedule_update() {
-      if (!update_scheduled) {
-          update_scheduled = true;
-          resolved_promise.then(flush);
-      }
+    if (!update_scheduled) {
+      update_scheduled = true;
+      resolved_promise.then(flush);
+    }
   }
   function tick() {
-      schedule_update();
-      return resolved_promise;
+    schedule_update();
+    return resolved_promise;
   }
   function add_render_callback(fn) {
-      render_callbacks.push(fn);
+    render_callbacks.push(fn);
   }
   function add_flush_callback(fn) {
-      flush_callbacks.push(fn);
+    flush_callbacks.push(fn);
   }
   // flush() calls callbacks in this order:
   // 1. All beforeUpdate callbacks, in order: parents before children
@@ -701,575 +721,630 @@
   const seen_callbacks = new Set();
   let flushidx = 0; // Do *not* move this inside the flush() function
   function flush() {
-      // Do not reenter flush while dirty components are updated, as this can
-      // result in an infinite loop. Instead, let the inner flush handle it.
-      // Reentrancy is ok afterwards for bindings etc.
-      if (flushidx !== 0) {
-          return;
+    // Do not reenter flush while dirty components are updated, as this can
+    // result in an infinite loop. Instead, let the inner flush handle it.
+    // Reentrancy is ok afterwards for bindings etc.
+    if (flushidx !== 0) {
+      return;
+    }
+    const saved_component = current_component;
+    do {
+      // first, call beforeUpdate functions
+      // and update components
+      try {
+        while (flushidx < dirty_components.length) {
+          const component = dirty_components[flushidx];
+          flushidx++;
+          set_current_component(component);
+          update(component.$$);
+        }
+      } catch (e) {
+        // reset dirty state to not end up in a deadlocked state and then rethrow
+        dirty_components.length = 0;
+        flushidx = 0;
+        throw e;
       }
-      const saved_component = current_component;
-      do {
-          // first, call beforeUpdate functions
-          // and update components
-          try {
-              while (flushidx < dirty_components.length) {
-                  const component = dirty_components[flushidx];
-                  flushidx++;
-                  set_current_component(component);
-                  update(component.$$);
-              }
-          }
-          catch (e) {
-              // reset dirty state to not end up in a deadlocked state and then rethrow
-              dirty_components.length = 0;
-              flushidx = 0;
-              throw e;
-          }
-          set_current_component(null);
-          dirty_components.length = 0;
-          flushidx = 0;
-          while (binding_callbacks.length)
-              binding_callbacks.pop()();
-          // then, once components are updated, call
-          // afterUpdate functions. This may cause
-          // subsequent updates...
-          for (let i = 0; i < render_callbacks.length; i += 1) {
-              const callback = render_callbacks[i];
-              if (!seen_callbacks.has(callback)) {
-                  // ...so guard against infinite loops
-                  seen_callbacks.add(callback);
-                  callback();
-              }
-          }
-          render_callbacks.length = 0;
-      } while (dirty_components.length);
-      while (flush_callbacks.length) {
-          flush_callbacks.pop()();
+      set_current_component(null);
+      dirty_components.length = 0;
+      flushidx = 0;
+      while (binding_callbacks.length) binding_callbacks.pop()();
+      // then, once components are updated, call
+      // afterUpdate functions. This may cause
+      // subsequent updates...
+      for (let i = 0; i < render_callbacks.length; i += 1) {
+        const callback = render_callbacks[i];
+        if (!seen_callbacks.has(callback)) {
+          // ...so guard against infinite loops
+          seen_callbacks.add(callback);
+          callback();
+        }
       }
-      update_scheduled = false;
-      seen_callbacks.clear();
-      set_current_component(saved_component);
+      render_callbacks.length = 0;
+    } while (dirty_components.length);
+    while (flush_callbacks.length) {
+      flush_callbacks.pop()();
+    }
+    update_scheduled = false;
+    seen_callbacks.clear();
+    set_current_component(saved_component);
   }
   function update($$) {
-      if ($$.fragment !== null) {
-          $$.update();
-          run_all($$.before_update);
-          const dirty = $$.dirty;
-          $$.dirty = [-1];
-          $$.fragment && $$.fragment.p($$.ctx, dirty);
-          $$.after_update.forEach(add_render_callback);
-      }
+    if ($$.fragment !== null) {
+      $$.update();
+      run_all($$.before_update);
+      const dirty = $$.dirty;
+      $$.dirty = [-1];
+      $$.fragment && $$.fragment.p($$.ctx, dirty);
+      $$.after_update.forEach(add_render_callback);
+    }
   }
   /**
    * Useful for example to execute remaining `afterUpdate` callbacks before executing `destroy`.
    */
   function flush_render_callbacks(fns) {
-      const filtered = [];
-      const targets = [];
-      render_callbacks.forEach((c) => fns.indexOf(c) === -1 ? filtered.push(c) : targets.push(c));
-      targets.forEach((c) => c());
-      render_callbacks = filtered;
+    const filtered = [];
+    const targets = [];
+    render_callbacks.forEach((c) =>
+      fns.indexOf(c) === -1 ? filtered.push(c) : targets.push(c),
+    );
+    targets.forEach((c) => c());
+    render_callbacks = filtered;
   }
 
   let promise;
   function wait() {
-      if (!promise) {
-          promise = Promise.resolve();
-          promise.then(() => {
-              promise = null;
-          });
-      }
-      return promise;
+    if (!promise) {
+      promise = Promise.resolve();
+      promise.then(() => {
+        promise = null;
+      });
+    }
+    return promise;
   }
   function dispatch(node, direction, kind) {
-      node.dispatchEvent(custom_event(`${direction ? 'intro' : 'outro'}${kind}`));
+    node.dispatchEvent(custom_event(`${direction ? "intro" : "outro"}${kind}`));
   }
   const outroing = new Set();
   let outros;
   function group_outros() {
-      outros = {
-          r: 0,
-          c: [],
-          p: outros // parent group
-      };
+    outros = {
+      r: 0,
+      c: [],
+      p: outros, // parent group
+    };
   }
   function check_outros() {
-      if (!outros.r) {
-          run_all(outros.c);
-      }
-      outros = outros.p;
+    if (!outros.r) {
+      run_all(outros.c);
+    }
+    outros = outros.p;
   }
   function transition_in(block, local) {
-      if (block && block.i) {
-          outroing.delete(block);
-          block.i(local);
-      }
+    if (block && block.i) {
+      outroing.delete(block);
+      block.i(local);
+    }
   }
   function transition_out(block, local, detach, callback) {
-      if (block && block.o) {
-          if (outroing.has(block))
-              return;
-          outroing.add(block);
-          outros.c.push(() => {
-              outroing.delete(block);
-              if (callback) {
-                  if (detach)
-                      block.d(1);
-                  callback();
-              }
-          });
-          block.o(local);
-      }
-      else if (callback) {
+    if (block && block.o) {
+      if (outroing.has(block)) return;
+      outroing.add(block);
+      outros.c.push(() => {
+        outroing.delete(block);
+        if (callback) {
+          if (detach) block.d(1);
           callback();
-      }
+        }
+      });
+      block.o(local);
+    } else if (callback) {
+      callback();
+    }
   }
   const null_transition = { duration: 0 };
   function create_in_transition(node, fn, params) {
-      const options = { direction: 'in' };
-      let config = fn(node, params, options);
-      let running = false;
-      let animation_name;
-      let task;
-      let uid = 0;
-      function cleanup() {
-          if (animation_name)
-              delete_rule(node, animation_name);
-      }
-      function go() {
-          const { delay = 0, duration = 300, easing = identity, tick = noop, css } = config || null_transition;
-          if (css)
-              animation_name = create_rule(node, 0, 1, duration, delay, easing, css, uid++);
-          tick(0, 1);
-          const start_time = now() + delay;
-          const end_time = start_time + duration;
-          if (task)
-              task.abort();
-          running = true;
-          add_render_callback(() => dispatch(node, true, 'start'));
-          task = loop(now => {
-              if (running) {
-                  if (now >= end_time) {
-                      tick(1, 0);
-                      dispatch(node, true, 'end');
-                      cleanup();
-                      return running = false;
-                  }
-                  if (now >= start_time) {
-                      const t = easing((now - start_time) / duration);
-                      tick(t, 1 - t);
-                  }
-              }
-              return running;
-          });
-      }
-      let started = false;
-      return {
-          start() {
-              if (started)
-                  return;
-              started = true;
-              delete_rule(node);
-              if (is_function(config)) {
-                  config = config(options);
-                  wait().then(go);
-              }
-              else {
-                  go();
-              }
-          },
-          invalidate() {
-              started = false;
-          },
-          end() {
-              if (running) {
-                  cleanup();
-                  running = false;
-              }
+    const options = { direction: "in" };
+    let config = fn(node, params, options);
+    let running = false;
+    let animation_name;
+    let task;
+    let uid = 0;
+    function cleanup() {
+      if (animation_name) delete_rule(node, animation_name);
+    }
+    function go() {
+      const {
+        delay = 0,
+        duration = 300,
+        easing = identity,
+        tick = noop,
+        css,
+      } = config || null_transition;
+      if (css)
+        animation_name = create_rule(
+          node,
+          0,
+          1,
+          duration,
+          delay,
+          easing,
+          css,
+          uid++,
+        );
+      tick(0, 1);
+      const start_time = now() + delay;
+      const end_time = start_time + duration;
+      if (task) task.abort();
+      running = true;
+      add_render_callback(() => dispatch(node, true, "start"));
+      task = loop((now) => {
+        if (running) {
+          if (now >= end_time) {
+            tick(1, 0);
+            dispatch(node, true, "end");
+            cleanup();
+            return (running = false);
+          }
+          if (now >= start_time) {
+            const t = easing((now - start_time) / duration);
+            tick(t, 1 - t);
           }
-      };
+        }
+        return running;
+      });
+    }
+    let started = false;
+    return {
+      start() {
+        if (started) return;
+        started = true;
+        delete_rule(node);
+        if (is_function(config)) {
+          config = config(options);
+          wait().then(go);
+        } else {
+          go();
+        }
+      },
+      invalidate() {
+        started = false;
+      },
+      end() {
+        if (running) {
+          cleanup();
+          running = false;
+        }
+      },
+    };
   }
   function create_out_transition(node, fn, params) {
-      const options = { direction: 'out' };
-      let config = fn(node, params, options);
-      let running = true;
-      let animation_name;
-      const group = outros;
-      group.r += 1;
-      function go() {
-          const { delay = 0, duration = 300, easing = identity, tick = noop, css } = config || null_transition;
-          if (css)
-              animation_name = create_rule(node, 1, 0, duration, delay, easing, css);
-          const start_time = now() + delay;
-          const end_time = start_time + duration;
-          add_render_callback(() => dispatch(node, false, 'start'));
-          loop(now => {
-              if (running) {
-                  if (now >= end_time) {
-                      tick(0, 1);
-                      dispatch(node, false, 'end');
-                      if (!--group.r) {
-                          // this will result in `end()` being called,
-                          // so we don't need to clean up here
-                          run_all(group.c);
-                      }
-                      return false;
-                  }
-                  if (now >= start_time) {
-                      const t = easing((now - start_time) / duration);
-                      tick(1 - t, t);
-                  }
-              }
-              return running;
-          });
-      }
-      if (is_function(config)) {
-          wait().then(() => {
-              // @ts-ignore
-              config = config(options);
-              go();
-          });
-      }
-      else {
-          go();
-      }
-      return {
-          end(reset) {
-              if (reset && config.tick) {
-                  config.tick(1, 0);
-              }
-              if (running) {
-                  if (animation_name)
-                      delete_rule(node, animation_name);
-                  running = false;
-              }
+    const options = { direction: "out" };
+    let config = fn(node, params, options);
+    let running = true;
+    let animation_name;
+    const group = outros;
+    group.r += 1;
+    function go() {
+      const {
+        delay = 0,
+        duration = 300,
+        easing = identity,
+        tick = noop,
+        css,
+      } = config || null_transition;
+      if (css)
+        animation_name = create_rule(node, 1, 0, duration, delay, easing, css);
+      const start_time = now() + delay;
+      const end_time = start_time + duration;
+      add_render_callback(() => dispatch(node, false, "start"));
+      loop((now) => {
+        if (running) {
+          if (now >= end_time) {
+            tick(0, 1);
+            dispatch(node, false, "end");
+            if (!--group.r) {
+              // this will result in `end()` being called,
+              // so we don't need to clean up here
+              run_all(group.c);
+            }
+            return false;
+          }
+          if (now >= start_time) {
+            const t = easing((now - start_time) / duration);
+            tick(1 - t, t);
           }
-      };
+        }
+        return running;
+      });
+    }
+    if (is_function(config)) {
+      wait().then(() => {
+        // @ts-ignore
+        config = config(options);
+        go();
+      });
+    } else {
+      go();
+    }
+    return {
+      end(reset) {
+        if (reset && config.tick) {
+          config.tick(1, 0);
+        }
+        if (running) {
+          if (animation_name) delete_rule(node, animation_name);
+          running = false;
+        }
+      },
+    };
   }
 
   function destroy_block(block, lookup) {
-      block.d(1);
-      lookup.delete(block.key);
+    block.d(1);
+    lookup.delete(block.key);
   }
   function outro_and_destroy_block(block, lookup) {
-      transition_out(block, 1, 1, () => {
-          lookup.delete(block.key);
-      });
+    transition_out(block, 1, 1, () => {
+      lookup.delete(block.key);
+    });
   }
   function fix_and_outro_and_destroy_block(block, lookup) {
-      block.f();
-      outro_and_destroy_block(block, lookup);
-  }
-  function update_keyed_each(old_blocks, dirty, get_key, dynamic, ctx, list, lookup, node, destroy, create_each_block, next, get_context) {
-      let o = old_blocks.length;
-      let n = list.length;
-      let i = o;
-      const old_indexes = {};
-      while (i--)
-          old_indexes[old_blocks[i].key] = i;
-      const new_blocks = [];
-      const new_lookup = new Map();
-      const deltas = new Map();
-      const updates = [];
-      i = n;
-      while (i--) {
-          const child_ctx = get_context(ctx, list, i);
-          const key = get_key(child_ctx);
-          let block = lookup.get(key);
-          if (!block) {
-              block = create_each_block(key, child_ctx);
-              block.c();
-          }
-          else if (dynamic) {
-              // defer updates until all the DOM shuffling is done
-              updates.push(() => block.p(child_ctx, dirty));
-          }
-          new_lookup.set(key, new_blocks[i] = block);
-          if (key in old_indexes)
-              deltas.set(key, Math.abs(i - old_indexes[key]));
-      }
-      const will_move = new Set();
-      const did_move = new Set();
-      function insert(block) {
-          transition_in(block, 1);
-          block.m(node, next);
-          lookup.set(block.key, block);
-          next = block.first;
-          n--;
+    block.f();
+    outro_and_destroy_block(block, lookup);
+  }
+  function update_keyed_each(
+    old_blocks,
+    dirty,
+    get_key,
+    dynamic,
+    ctx,
+    list,
+    lookup,
+    node,
+    destroy,
+    create_each_block,
+    next,
+    get_context,
+  ) {
+    let o = old_blocks.length;
+    let n = list.length;
+    let i = o;
+    const old_indexes = {};
+    while (i--) old_indexes[old_blocks[i].key] = i;
+    const new_blocks = [];
+    const new_lookup = new Map();
+    const deltas = new Map();
+    const updates = [];
+    i = n;
+    while (i--) {
+      const child_ctx = get_context(ctx, list, i);
+      const key = get_key(child_ctx);
+      let block = lookup.get(key);
+      if (!block) {
+        block = create_each_block(key, child_ctx);
+        block.c();
+      } else if (dynamic) {
+        // defer updates until all the DOM shuffling is done
+        updates.push(() => block.p(child_ctx, dirty));
       }
-      while (o && n) {
-          const new_block = new_blocks[n - 1];
-          const old_block = old_blocks[o - 1];
-          const new_key = new_block.key;
-          const old_key = old_block.key;
-          if (new_block === old_block) {
-              // do nothing
-              next = new_block.first;
-              o--;
-              n--;
-          }
-          else if (!new_lookup.has(old_key)) {
-              // remove old block
-              destroy(old_block, lookup);
-              o--;
-          }
-          else if (!lookup.has(new_key) || will_move.has(new_key)) {
-              insert(new_block);
-          }
-          else if (did_move.has(old_key)) {
-              o--;
-          }
-          else if (deltas.get(new_key) > deltas.get(old_key)) {
-              did_move.add(new_key);
-              insert(new_block);
-          }
-          else {
-              will_move.add(old_key);
-              o--;
-          }
-      }
-      while (o--) {
-          const old_block = old_blocks[o];
-          if (!new_lookup.has(old_block.key))
-              destroy(old_block, lookup);
+      new_lookup.set(key, (new_blocks[i] = block));
+      if (key in old_indexes) deltas.set(key, Math.abs(i - old_indexes[key]));
+    }
+    const will_move = new Set();
+    const did_move = new Set();
+    function insert(block) {
+      transition_in(block, 1);
+      block.m(node, next);
+      lookup.set(block.key, block);
+      next = block.first;
+      n--;
+    }
+    while (o && n) {
+      const new_block = new_blocks[n - 1];
+      const old_block = old_blocks[o - 1];
+      const new_key = new_block.key;
+      const old_key = old_block.key;
+      if (new_block === old_block) {
+        // do nothing
+        next = new_block.first;
+        o--;
+        n--;
+      } else if (!new_lookup.has(old_key)) {
+        // remove old block
+        destroy(old_block, lookup);
+        o--;
+      } else if (!lookup.has(new_key) || will_move.has(new_key)) {
+        insert(new_block);
+      } else if (did_move.has(old_key)) {
+        o--;
+      } else if (deltas.get(new_key) > deltas.get(old_key)) {
+        did_move.add(new_key);
+        insert(new_block);
+      } else {
+        will_move.add(old_key);
+        o--;
       }
-      while (n)
-          insert(new_blocks[n - 1]);
-      run_all(updates);
-      return new_blocks;
+    }
+    while (o--) {
+      const old_block = old_blocks[o];
+      if (!new_lookup.has(old_block.key)) destroy(old_block, lookup);
+    }
+    while (n) insert(new_blocks[n - 1]);
+    run_all(updates);
+    return new_blocks;
   }
   function validate_each_keys(ctx, list, get_context, get_key) {
-      const keys = new Set();
-      for (let i = 0; i < list.length; i++) {
-          const key = get_key(get_context(ctx, list, i));
-          if (keys.has(key)) {
-              throw new Error('Cannot have duplicate keys in a keyed each');
-          }
-          keys.add(key);
+    const keys = new Set();
+    for (let i = 0; i < list.length; i++) {
+      const key = get_key(get_context(ctx, list, i));
+      if (keys.has(key)) {
+        throw new Error("Cannot have duplicate keys in a keyed each");
       }
+      keys.add(key);
+    }
   }
 
   function bind(component, name, callback) {
-      const index = component.$$.props[name];
-      if (index !== undefined) {
-          component.$$.bound[index] = callback;
-          callback(component.$$.ctx[index]);
-      }
+    const index = component.$$.props[name];
+    if (index !== undefined) {
+      component.$$.bound[index] = callback;
+      callback(component.$$.ctx[index]);
+    }
   }
   function create_component(block) {
-      block && block.c();
+    block && block.c();
   }
   function mount_component(component, target, anchor, customElement) {
-      const { fragment, after_update } = component.$$;
-      fragment && fragment.m(target, anchor);
-      if (!customElement) {
-          // onMount happens before the initial afterUpdate
-          add_render_callback(() => {
-              const new_on_destroy = component.$$.on_mount.map(run).filter(is_function);
-              // if the component was destroyed immediately
-              // it will update the `$$.on_destroy` reference to `null`.
-              // the destructured on_destroy may still reference to the old array
-              if (component.$$.on_destroy) {
-                  component.$$.on_destroy.push(...new_on_destroy);
-              }
-              else {
-                  // Edge case - component was destroyed immediately,
-                  // most likely as a result of a binding initialising
-                  run_all(new_on_destroy);
-              }
-              component.$$.on_mount = [];
-          });
-      }
-      after_update.forEach(add_render_callback);
+    const { fragment, after_update } = component.$$;
+    fragment && fragment.m(target, anchor);
+    if (!customElement) {
+      // onMount happens before the initial afterUpdate
+      add_render_callback(() => {
+        const new_on_destroy = component.$$.on_mount
+          .map(run)
+          .filter(is_function);
+        // if the component was destroyed immediately
+        // it will update the `$$.on_destroy` reference to `null`.
+        // the destructured on_destroy may still reference to the old array
+        if (component.$$.on_destroy) {
+          component.$$.on_destroy.push(...new_on_destroy);
+        } else {
+          // Edge case - component was destroyed immediately,
+          // most likely as a result of a binding initialising
+          run_all(new_on_destroy);
+        }
+        component.$$.on_mount = [];
+      });
+    }
+    after_update.forEach(add_render_callback);
   }
   function destroy_component(component, detaching) {
-      const $$ = component.$$;
-      if ($$.fragment !== null) {
-          flush_render_callbacks($$.after_update);
-          run_all($$.on_destroy);
-          $$.fragment && $$.fragment.d(detaching);
-          // TODO null out other refs, including component.$$ (but need to
-          // preserve final state?)
-          $$.on_destroy = $$.fragment = null;
-          $$.ctx = [];
-      }
+    const $$ = component.$$;
+    if ($$.fragment !== null) {
+      flush_render_callbacks($$.after_update);
+      run_all($$.on_destroy);
+      $$.fragment && $$.fragment.d(detaching);
+      // TODO null out other refs, including component.$$ (but need to
+      // preserve final state?)
+      $$.on_destroy = $$.fragment = null;
+      $$.ctx = [];
+    }
   }
   function make_dirty(component, i) {
-      if (component.$$.dirty[0] === -1) {
-          dirty_components.push(component);
-          schedule_update();
-          component.$$.dirty.fill(0);
-      }
-      component.$$.dirty[(i / 31) | 0] |= (1 << (i % 31));
-  }
-  function init(component, options, instance, create_fragment, not_equal, props, append_styles, dirty = [-1]) {
-      const parent_component = current_component;
-      set_current_component(component);
-      const $$ = component.$$ = {
-          fragment: null,
-          ctx: [],
-          // state
-          props,
-          update: noop,
-          not_equal,
-          bound: blank_object(),
-          // lifecycle
-          on_mount: [],
-          on_destroy: [],
-          on_disconnect: [],
-          before_update: [],
-          after_update: [],
-          context: new Map(options.context || (parent_component ? parent_component.$$.context : [])),
-          // everything else
-          callbacks: blank_object(),
-          dirty,
-          skip_bound: false,
-          root: options.target || parent_component.$$.root
-      };
-      append_styles && append_styles($$.root);
-      let ready = false;
-      $$.ctx = instance
-          ? instance(component, options.props || {}, (i, ret, ...rest) => {
-              const value = rest.length ? rest[0] : ret;
-              if ($$.ctx && not_equal($$.ctx[i], $$.ctx[i] = value)) {
-                  if (!$$.skip_bound && $$.bound[i])
-                      $$.bound[i](value);
-                  if (ready)
-                      make_dirty(component, i);
-              }
-              return ret;
-          })
-          : [];
-      $$.update();
-      ready = true;
-      run_all($$.before_update);
-      // `false` as a special case of no DOM component
-      $$.fragment = create_fragment ? create_fragment($$.ctx) : false;
-      if (options.target) {
-          if (options.hydrate) {
-              const nodes = children(options.target);
-              // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-              $$.fragment && $$.fragment.l(nodes);
-              nodes.forEach(detach);
-          }
-          else {
-              // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-              $$.fragment && $$.fragment.c();
-          }
-          if (options.intro)
-              transition_in(component.$$.fragment);
-          mount_component(component, options.target, options.anchor, options.customElement);
-          flush();
+    if (component.$$.dirty[0] === -1) {
+      dirty_components.push(component);
+      schedule_update();
+      component.$$.dirty.fill(0);
+    }
+    component.$$.dirty[(i / 31) | 0] |= 1 << i % 31;
+  }
+  function init(
+    component,
+    options,
+    instance,
+    create_fragment,
+    not_equal,
+    props,
+    append_styles,
+    dirty = [-1],
+  ) {
+    const parent_component = current_component;
+    set_current_component(component);
+    const $$ = (component.$$ = {
+      fragment: null,
+      ctx: [],
+      // state
+      props,
+      update: noop,
+      not_equal,
+      bound: blank_object(),
+      // lifecycle
+      on_mount: [],
+      on_destroy: [],
+      on_disconnect: [],
+      before_update: [],
+      after_update: [],
+      context: new Map(
+        options.context ||
+          (parent_component ? parent_component.$$.context : []),
+      ),
+      // everything else
+      callbacks: blank_object(),
+      dirty,
+      skip_bound: false,
+      root: options.target || parent_component.$$.root,
+    });
+    append_styles && append_styles($$.root);
+    let ready = false;
+    $$.ctx = instance
+      ? instance(component, options.props || {}, (i, ret, ...rest) => {
+          const value = rest.length ? rest[0] : ret;
+          if ($$.ctx && not_equal($$.ctx[i], ($$.ctx[i] = value))) {
+            if (!$$.skip_bound && $$.bound[i]) $$.bound[i](value);
+            if (ready) make_dirty(component, i);
+          }
+          return ret;
+        })
+      : [];
+    $$.update();
+    ready = true;
+    run_all($$.before_update);
+    // `false` as a special case of no DOM component
+    $$.fragment = create_fragment ? create_fragment($$.ctx) : false;
+    if (options.target) {
+      if (options.hydrate) {
+        const nodes = children(options.target);
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+        $$.fragment && $$.fragment.l(nodes);
+        nodes.forEach(detach);
+      } else {
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+        $$.fragment && $$.fragment.c();
       }
-      set_current_component(parent_component);
+      if (options.intro) transition_in(component.$$.fragment);
+      mount_component(
+        component,
+        options.target,
+        options.anchor,
+        options.customElement,
+      );
+      flush();
+    }
+    set_current_component(parent_component);
   }
   /**
    * Base class for Svelte components. Used when dev=false.
    */
   class SvelteComponent {
-      $destroy() {
-          destroy_component(this, 1);
-          this.$destroy = noop;
-      }
-      $on(type, callback) {
-          if (!is_function(callback)) {
-              return noop;
-          }
-          const callbacks = (this.$$.callbacks[type] || (this.$$.callbacks[type] = []));
-          callbacks.push(callback);
-          return () => {
-              const index = callbacks.indexOf(callback);
-              if (index !== -1)
-                  callbacks.splice(index, 1);
-          };
+    $destroy() {
+      destroy_component(this, 1);
+      this.$destroy = noop;
+    }
+    $on(type, callback) {
+      if (!is_function(callback)) {
+        return noop;
       }
-      $set($$props) {
-          if (this.$$set && !is_empty($$props)) {
-              this.$$.skip_bound = true;
-              this.$$set($$props);
-              this.$$.skip_bound = false;
-          }
+      const callbacks =
+        this.$$.callbacks[type] || (this.$$.callbacks[type] = []);
+      callbacks.push(callback);
+      return () => {
+        const index = callbacks.indexOf(callback);
+        if (index !== -1) callbacks.splice(index, 1);
+      };
+    }
+    $set($$props) {
+      if (this.$$set && !is_empty($$props)) {
+        this.$$.skip_bound = true;
+        this.$$set($$props);
+        this.$$.skip_bound = false;
       }
+    }
   }
 
   function dispatch_dev(type, detail) {
-      document.dispatchEvent(custom_event(type, Object.assign({ version: '3.59.2' }, detail), { bubbles: true }));
+    document.dispatchEvent(
+      custom_event(type, Object.assign({ version: "3.59.2" }, detail), {
+        bubbles: true,
+      }),
+    );
   }
   function append_dev(target, node) {
-      dispatch_dev('SvelteDOMInsert', { target, node });
-      append(target, node);
+    dispatch_dev("SvelteDOMInsert", { target, node });
+    append(target, node);
   }
   function insert_dev(target, node, anchor) {
-      dispatch_dev('SvelteDOMInsert', { target, node, anchor });
-      insert(target, node, anchor);
+    dispatch_dev("SvelteDOMInsert", { target, node, anchor });
+    insert(target, node, anchor);
   }
   function detach_dev(node) {
-      dispatch_dev('SvelteDOMRemove', { node });
-      detach(node);
-  }
-  function listen_dev(node, event, handler, options, has_prevent_default, has_stop_propagation, has_stop_immediate_propagation) {
-      const modifiers = options === true ? ['capture'] : options ? Array.from(Object.keys(options)) : [];
-      if (has_prevent_default)
-          modifiers.push('preventDefault');
-      if (has_stop_propagation)
-          modifiers.push('stopPropagation');
-      if (has_stop_immediate_propagation)
-          modifiers.push('stopImmediatePropagation');
-      dispatch_dev('SvelteDOMAddEventListener', { node, event, handler, modifiers });
-      const dispose = listen(node, event, handler, options);
-      return () => {
-          dispatch_dev('SvelteDOMRemoveEventListener', { node, event, handler, modifiers });
-          dispose();
-      };
+    dispatch_dev("SvelteDOMRemove", { node });
+    detach(node);
+  }
+  function listen_dev(
+    node,
+    event,
+    handler,
+    options,
+    has_prevent_default,
+    has_stop_propagation,
+    has_stop_immediate_propagation,
+  ) {
+    const modifiers =
+      options === true
+        ? ["capture"]
+        : options
+          ? Array.from(Object.keys(options))
+          : [];
+    if (has_prevent_default) modifiers.push("preventDefault");
+    if (has_stop_propagation) modifiers.push("stopPropagation");
+    if (has_stop_immediate_propagation)
+      modifiers.push("stopImmediatePropagation");
+    dispatch_dev("SvelteDOMAddEventListener", {
+      node,
+      event,
+      handler,
+      modifiers,
+    });
+    const dispose = listen(node, event, handler, options);
+    return () => {
+      dispatch_dev("SvelteDOMRemoveEventListener", {
+        node,
+        event,
+        handler,
+        modifiers,
+      });
+      dispose();
+    };
   }
   function attr_dev(node, attribute, value) {
-      attr(node, attribute, value);
-      if (value == null)
-          dispatch_dev('SvelteDOMRemoveAttribute', { node, attribute });
-      else
-          dispatch_dev('SvelteDOMSetAttribute', { node, attribute, value });
+    attr(node, attribute, value);
+    if (value == null)
+      dispatch_dev("SvelteDOMRemoveAttribute", { node, attribute });
+    else dispatch_dev("SvelteDOMSetAttribute", { node, attribute, value });
   }
   function set_data_dev(text, data) {
-      data = '' + data;
-      if (text.data === data)
-          return;
-      dispatch_dev('SvelteDOMSetData', { node: text, data });
-      text.data = data;
+    data = "" + data;
+    if (text.data === data) return;
+    dispatch_dev("SvelteDOMSetData", { node: text, data });
+    text.data = data;
   }
   function validate_each_argument(arg) {
-      if (typeof arg !== 'string' && !(arg && typeof arg === 'object' && 'length' in arg)) {
-          let msg = '{#each} only iterates over array-like objects.';
-          if (typeof Symbol === 'function' && arg && Symbol.iterator in arg) {
-              msg += ' You can use a spread to convert this iterable into an array.';
-          }
-          throw new Error(msg);
+    if (
+      typeof arg !== "string" &&
+      !(arg && typeof arg === "object" && "length" in arg)
+    ) {
+      let msg = "{#each} only iterates over array-like objects.";
+      if (typeof Symbol === "function" && arg && Symbol.iterator in arg) {
+        msg += " You can use a spread to convert this iterable into an array.";
       }
+      throw new Error(msg);
+    }
   }
   function validate_slots(name, slot, keys) {
-      for (const slot_key of Object.keys(slot)) {
-          if (!~keys.indexOf(slot_key)) {
-              console.warn(`<${name}> received an unexpected slot "${slot_key}".`);
-          }
+    for (const slot_key of Object.keys(slot)) {
+      if (!~keys.indexOf(slot_key)) {
+        console.warn(`<${name}> received an unexpected slot "${slot_key}".`);
       }
+    }
   }
   /**
    * Base class for Svelte components with some minor dev-enhancements. Used when dev=true.
    */
   class SvelteComponentDev extends SvelteComponent {
-      constructor(options) {
-          if (!options || (!options.target && !options.$$inline)) {
-              throw new Error("'target' is a required option");
-          }
-          super();
-      }
-      $destroy() {
-          super.$destroy();
-          this.$destroy = () => {
-              console.warn('Component was already destroyed'); // eslint-disable-line no-console
-          };
+    constructor(options) {
+      if (!options || (!options.target && !options.$$inline)) {
+        throw new Error("'target' is a required option");
       }
-      $capture_state() { }
-      $inject_state() { }
+      super();
+    }
+    $destroy() {
+      super.$destroy();
+      this.$destroy = () => {
+        console.warn("Component was already destroyed"); // eslint-disable-line no-console
+      };
+    }
+    $capture_state() {}
+    $inject_state() {}
   }
 
   let id = 1;
@@ -1285,495 +1360,586 @@
    * @param {StartStopNotifier=} start
    */
   function writable(value, start = noop) {
-      let stop;
-      const subscribers = new Set();
-      function set(new_value) {
-          if (safe_not_equal(value, new_value)) {
-              value = new_value;
-              if (stop) { // store is ready
-                  const run_queue = !subscriber_queue.length;
-                  for (const subscriber of subscribers) {
-                      subscriber[1]();
-                      subscriber_queue.push(subscriber, value);
-                  }
-                  if (run_queue) {
-                      for (let i = 0; i < subscriber_queue.length; i += 2) {
-                          subscriber_queue[i][0](subscriber_queue[i + 1]);
-                      }
-                      subscriber_queue.length = 0;
-                  }
-              }
+    let stop;
+    const subscribers = new Set();
+    function set(new_value) {
+      if (safe_not_equal(value, new_value)) {
+        value = new_value;
+        if (stop) {
+          // store is ready
+          const run_queue = !subscriber_queue.length;
+          for (const subscriber of subscribers) {
+            subscriber[1]();
+            subscriber_queue.push(subscriber, value);
+          }
+          if (run_queue) {
+            for (let i = 0; i < subscriber_queue.length; i += 2) {
+              subscriber_queue[i][0](subscriber_queue[i + 1]);
+            }
+            subscriber_queue.length = 0;
           }
+        }
       }
-      function update(fn) {
-          set(fn(value));
-      }
-      function subscribe(run, invalidate = noop) {
-          const subscriber = [run, invalidate];
-          subscribers.add(subscriber);
-          if (subscribers.size === 1) {
-              stop = start(set) || noop;
-          }
-          run(value);
-          return () => {
-              subscribers.delete(subscriber);
-              if (subscribers.size === 0 && stop) {
-                  stop();
-                  stop = null;
-              }
-          };
+    }
+    function update(fn) {
+      set(fn(value));
+    }
+    function subscribe(run, invalidate = noop) {
+      const subscriber = [run, invalidate];
+      subscribers.add(subscriber);
+      if (subscribers.size === 1) {
+        stop = start(set) || noop;
       }
-      return { set, update, subscribe };
+      run(value);
+      return () => {
+        subscribers.delete(subscriber);
+        if (subscribers.size === 0 && stop) {
+          stop();
+          stop = null;
+        }
+      };
+    }
+    return { set, update, subscribe };
   }
 
   /* node_modules/svelte-tabs/src/Tabs.svelte generated by Svelte v3.59.2 */
   const file$7 = "node_modules/svelte-tabs/src/Tabs.svelte";
 
   function create_fragment$7(ctx) {
-  	let div;
-  	let current;
-  	let mounted;
-  	let dispose;
-  	const default_slot_template = /*#slots*/ ctx[4].default;
-  	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[3], null);
-
-  	const block = {
-  		c: function create() {
-  			div = element("div");
-  			if (default_slot) default_slot.c();
-  			attr_dev(div, "class", "svelte-tabs");
-  			add_location(div, file$7, 97, 0, 2405);
-  		},
-  		l: function claim(nodes) {
-  			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
-  		},
-  		m: function mount(target, anchor) {
-  			insert_dev(target, div, anchor);
-
-  			if (default_slot) {
-  				default_slot.m(div, null);
-  			}
-
-  			current = true;
-
-  			if (!mounted) {
-  				dispose = listen_dev(div, "keydown", /*handleKeyDown*/ ctx[1], false, false, false, false);
-  				mounted = true;
-  			}
-  		},
-  		p: function update(ctx, [dirty]) {
-  			if (default_slot) {
-  				if (default_slot.p && (!current || dirty & /*$$scope*/ 8)) {
-  					update_slot_base(
-  						default_slot,
-  						default_slot_template,
-  						ctx,
-  						/*$$scope*/ ctx[3],
-  						!current
-  						? get_all_dirty_from_scope(/*$$scope*/ ctx[3])
-  						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[3], dirty, null),
-  						null
-  					);
-  				}
-  			}
-  		},
-  		i: function intro(local) {
-  			if (current) return;
-  			transition_in(default_slot, local);
-  			current = true;
-  		},
-  		o: function outro(local) {
-  			transition_out(default_slot, local);
-  			current = false;
-  		},
-  		d: function destroy(detaching) {
-  			if (detaching) detach_dev(div);
-  			if (default_slot) default_slot.d(detaching);
-  			mounted = false;
-  			dispose();
-  		}
-  	};
-
-  	dispatch_dev("SvelteRegisterBlock", {
-  		block,
-  		id: create_fragment$7.name,
-  		type: "component",
-  		source: "",
-  		ctx
-  	});
-
-  	return block;
-  }
+    let div;
+    let current;
+    let mounted;
+    let dispose;
+    const default_slot_template = /*#slots*/ ctx[4].default;
+    const default_slot = create_slot(
+      default_slot_template,
+      ctx,
+      /*$$scope*/ ctx[3],
+      null,
+    );
+
+    const block = {
+      c: function create() {
+        div = element("div");
+        if (default_slot) default_slot.c();
+        attr_dev(div, "class", "svelte-tabs");
+        add_location(div, file$7, 97, 0, 2405);
+      },
+      l: function claim(nodes) {
+        throw new Error(
+          "options.hydrate only works if the component was compiled with the `hydratable: true` option",
+        );
+      },
+      m: function mount(target, anchor) {
+        insert_dev(target, div, anchor);
+
+        if (default_slot) {
+          default_slot.m(div, null);
+        }
+
+        current = true;
+
+        if (!mounted) {
+          dispose = listen_dev(
+            div,
+            "keydown",
+            /*handleKeyDown*/ ctx[1],
+            false,
+            false,
+            false,
+            false,
+          );
+          mounted = true;
+        }
+      },
+      p: function update(ctx, [dirty]) {
+        if (default_slot) {
+          if (default_slot.p && (!current || dirty & /*$$scope*/ 8)) {
+            update_slot_base(
+              default_slot,
+              default_slot_template,
+              ctx,
+              /*$$scope*/ ctx[3],
+              !current
+                ? get_all_dirty_from_scope(/*$$scope*/ ctx[3])
+                : get_slot_changes(
+                    default_slot_template,
+                    /*$$scope*/ ctx[3],
+                    dirty,
+                    null,
+                  ),
+              null,
+            );
+          }
+        }
+      },
+      i: function intro(local) {
+        if (current) return;
+        transition_in(default_slot, local);
+        current = true;
+      },
+      o: function outro(local) {
+        transition_out(default_slot, local);
+        current = false;
+      },
+      d: function destroy(detaching) {
+        if (detaching) detach_dev(div);
+        if (default_slot) default_slot.d(detaching);
+        mounted = false;
+        dispose();
+      },
+    };
+
+    dispatch_dev("SvelteRegisterBlock", {
+      block,
+      id: create_fragment$7.name,
+      type: "component",
+      source: "",
+      ctx,
+    });
+
+    return block;
+  }
 
   const TABS = {};
 
   function removeAndUpdateSelected(arr, item, selectedStore) {
-  	const index = arr.indexOf(item);
-  	arr.splice(index, 1);
+    const index = arr.indexOf(item);
+    arr.splice(index, 1);
 
-  	selectedStore.update(selected => selected === item
-  	? arr[index] || arr[arr.length - 1]
-  	: selected);
+    selectedStore.update((selected) =>
+      selected === item ? arr[index] || arr[arr.length - 1] : selected,
+    );
   }
 
   function instance$7($$self, $$props, $$invalidate) {
-  	let $selectedTab;
-  	let { $$slots: slots = {}, $$scope } = $$props;
-  	validate_slots('Tabs', slots, ['default']);
-  	let { initialSelectedIndex = 0 } = $$props;
-  	const tabElements = [];
-  	const tabs = [];
-  	const panels = [];
-  	const controls = writable({});
-  	const labeledBy = writable({});
-  	const selectedTab = writable(null);
-  	validate_store(selectedTab, 'selectedTab');
-  	component_subscribe($$self, selectedTab, value => $$invalidate(5, $selectedTab = value));
-  	const selectedPanel = writable(null);
-
-  	function registerItem(arr, item, selectedStore) {
-  		arr.push(item);
-  		selectedStore.update(selected => selected || item);
-  		onDestroy(() => removeAndUpdateSelected(arr, item, selectedStore));
-  	}
-
-  	function selectTab(tab) {
-  		const index = tabs.indexOf(tab);
-  		selectedTab.set(tab);
-  		selectedPanel.set(panels[index]);
-  	}
-
-  	setContext(TABS, {
-  		registerTab(tab) {
-  			registerItem(tabs, tab, selectedTab);
-  		},
-  		registerTabElement(tabElement) {
-  			tabElements.push(tabElement);
-  		},
-  		registerPanel(panel) {
-  			registerItem(panels, panel, selectedPanel);
-  		},
-  		selectTab,
-  		selectedTab,
-  		selectedPanel,
-  		controls,
-  		labeledBy
-  	});
-
-  	onMount(() => {
-  		selectTab(tabs[initialSelectedIndex]);
-  	});
-
-  	afterUpdate(() => {
-  		for (let i = 0; i < tabs.length; i++) {
-  			controls.update(controlsData => ({
-  				...controlsData,
-  				[tabs[i].id]: panels[i].id
-  			}));
-
-  			labeledBy.update(labeledByData => ({
-  				...labeledByData,
-  				[panels[i].id]: tabs[i].id
-  			}));
-  		}
-  	});
-
-  	async function handleKeyDown(event) {
-  		if (event.target.classList.contains('svelte-tabs__tab')) {
-  			let selectedIndex = tabs.indexOf($selectedTab);
-
-  			switch (event.key) {
-  				case 'ArrowRight':
-  					selectedIndex += 1;
-  					if (selectedIndex > tabs.length - 1) {
-  						selectedIndex = 0;
-  					}
-  					selectTab(tabs[selectedIndex]);
-  					tabElements[selectedIndex].focus();
-  					break;
-  				case 'ArrowLeft':
-  					selectedIndex -= 1;
-  					if (selectedIndex < 0) {
-  						selectedIndex = tabs.length - 1;
-  					}
-  					selectTab(tabs[selectedIndex]);
-  					tabElements[selectedIndex].focus();
-  			}
-  		}
-  	}
-
-  	const writable_props = ['initialSelectedIndex'];
-
-  	Object.keys($$props).forEach(key => {
-  		if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console.warn(`<Tabs> was created with unknown prop '${key}'`);
-  	});
-
-  	$$self.$$set = $$props => {
-  		if ('initialSelectedIndex' in $$props) $$invalidate(2, initialSelectedIndex = $$props.initialSelectedIndex);
-  		if ('$$scope' in $$props) $$invalidate(3, $$scope = $$props.$$scope);
-  	};
-
-  	$$self.$capture_state = () => ({
-  		TABS,
-  		afterUpdate,
-  		setContext,
-  		onDestroy,
-  		onMount,
-  		tick,
-  		writable,
-  		initialSelectedIndex,
-  		tabElements,
-  		tabs,
-  		panels,
-  		controls,
-  		labeledBy,
-  		selectedTab,
-  		selectedPanel,
-  		removeAndUpdateSelected,
-  		registerItem,
-  		selectTab,
-  		handleKeyDown,
-  		$selectedTab
-  	});
-
-  	$$self.$inject_state = $$props => {
-  		if ('initialSelectedIndex' in $$props) $$invalidate(2, initialSelectedIndex = $$props.initialSelectedIndex);
-  	};
-
-  	if ($$props && "$$inject" in $$props) {
-  		$$self.$inject_state($$props.$$inject);
-  	}
-
-  	return [selectedTab, handleKeyDown, initialSelectedIndex, $$scope, slots];
+    let $selectedTab;
+    let { $$slots: slots = {}, $$scope } = $$props;
+    validate_slots("Tabs", slots, ["default"]);
+    let { initialSelectedIndex = 0 } = $$props;
+    const tabElements = [];
+    const tabs = [];
+    const panels = [];
+    const controls = writable({});
+    const labeledBy = writable({});
+    const selectedTab = writable(null);
+    validate_store(selectedTab, "selectedTab");
+    component_subscribe($$self, selectedTab, (value) =>
+      $$invalidate(5, ($selectedTab = value)),
+    );
+    const selectedPanel = writable(null);
+
+    function registerItem(arr, item, selectedStore) {
+      arr.push(item);
+      selectedStore.update((selected) => selected || item);
+      onDestroy(() => removeAndUpdateSelected(arr, item, selectedStore));
+    }
+
+    function selectTab(tab) {
+      const index = tabs.indexOf(tab);
+      selectedTab.set(tab);
+      selectedPanel.set(panels[index]);
+    }
+
+    setContext(TABS, {
+      registerTab(tab) {
+        registerItem(tabs, tab, selectedTab);
+      },
+      registerTabElement(tabElement) {
+        tabElements.push(tabElement);
+      },
+      registerPanel(panel) {
+        registerItem(panels, panel, selectedPanel);
+      },
+      selectTab,
+      selectedTab,
+      selectedPanel,
+      controls,
+      labeledBy,
+    });
+
+    onMount(() => {
+      selectTab(tabs[initialSelectedIndex]);
+    });
+
+    afterUpdate(() => {
+      for (let i = 0; i < tabs.length; i++) {
+        controls.update((controlsData) => ({
+          ...controlsData,
+          [tabs[i].id]: panels[i].id,
+        }));
+
+        labeledBy.update((labeledByData) => ({
+          ...labeledByData,
+          [panels[i].id]: tabs[i].id,
+        }));
+      }
+    });
+
+    async function handleKeyDown(event) {
+      if (event.target.classList.contains("svelte-tabs__tab")) {
+        let selectedIndex = tabs.indexOf($selectedTab);
+
+        switch (event.key) {
+          case "ArrowRight":
+            selectedIndex += 1;
+            if (selectedIndex > tabs.length - 1) {
+              selectedIndex = 0;
+            }
+            selectTab(tabs[selectedIndex]);
+            tabElements[selectedIndex].focus();
+            break;
+          case "ArrowLeft":
+            selectedIndex -= 1;
+            if (selectedIndex < 0) {
+              selectedIndex = tabs.length - 1;
+            }
+            selectTab(tabs[selectedIndex]);
+            tabElements[selectedIndex].focus();
+        }
+      }
+    }
+
+    const writable_props = ["initialSelectedIndex"];
+
+    Object.keys($$props).forEach((key) => {
+      if (
+        !~writable_props.indexOf(key) &&
+        key.slice(0, 2) !== "$$" &&
+        key !== "slot"
+      )
+        console.warn(`<Tabs> was created with unknown prop '${key}'`);
+    });
+
+    $$self.$$set = ($$props) => {
+      if ("initialSelectedIndex" in $$props)
+        $$invalidate(2, (initialSelectedIndex = $$props.initialSelectedIndex));
+      if ("$$scope" in $$props) $$invalidate(3, ($$scope = $$props.$$scope));
+    };
+
+    $$self.$capture_state = () => ({
+      TABS,
+      afterUpdate,
+      setContext,
+      onDestroy,
+      onMount,
+      tick,
+      writable,
+      initialSelectedIndex,
+      tabElements,
+      tabs,
+      panels,
+      controls,
+      labeledBy,
+      selectedTab,
+      selectedPanel,
+      removeAndUpdateSelected,
+      registerItem,
+      selectTab,
+      handleKeyDown,
+      $selectedTab,
+    });
+
+    $$self.$inject_state = ($$props) => {
+      if ("initialSelectedIndex" in $$props)
+        $$invalidate(2, (initialSelectedIndex = $$props.initialSelectedIndex));
+    };
+
+    if ($$props && "$$inject" in $$props) {
+      $$self.$inject_state($$props.$$inject);
+    }
+
+    return [selectedTab, handleKeyDown, initialSelectedIndex, $$scope, slots];
   }
 
   class Tabs extends SvelteComponentDev {
-  	constructor(options) {
-  		super(options);
-  		init(this, options, instance$7, create_fragment$7, safe_not_equal, { initialSelectedIndex: 2 });
+    constructor(options) {
+      super(options);
+      init(this, options, instance$7, create_fragment$7, safe_not_equal, {
+        initialSelectedIndex: 2,
+      });
 
-  		dispatch_dev("SvelteRegisterComponent", {
-  			component: this,
-  			tagName: "Tabs",
-  			options,
-  			id: create_fragment$7.name
-  		});
-  	}
+      dispatch_dev("SvelteRegisterComponent", {
+        component: this,
+        tagName: "Tabs",
+        options,
+        id: create_fragment$7.name,
+      });
+    }
 
-  	get initialSelectedIndex() {
-  		throw new Error("<Tabs>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
-  	}
+    get initialSelectedIndex() {
+      throw new Error(
+        "<Tabs>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+      );
+    }
 
-  	set initialSelectedIndex(value) {
-  		throw new Error("<Tabs>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
-  	}
+    set initialSelectedIndex(value) {
+      throw new Error(
+        "<Tabs>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+      );
+    }
   }
 
   /* node_modules/svelte-tabs/src/Tab.svelte generated by Svelte v3.59.2 */
   const file$6 = "node_modules/svelte-tabs/src/Tab.svelte";
 
   function create_fragment$6(ctx) {
-  	let li;
-  	let li_aria_controls_value;
-  	let li_tabindex_value;
-  	let current;
-  	let mounted;
-  	let dispose;
-  	const default_slot_template = /*#slots*/ ctx[9].default;
-  	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[8], null);
-
-  	const block = {
-  		c: function create() {
-  			li = element("li");
-  			if (default_slot) default_slot.c();
-  			attr_dev(li, "role", "tab");
-  			attr_dev(li, "id", /*tab*/ ctx[3].id);
-  			attr_dev(li, "aria-controls", li_aria_controls_value = /*$controls*/ ctx[2][/*tab*/ ctx[3].id]);
-  			attr_dev(li, "aria-selected", /*isSelected*/ ctx[1]);
-  			attr_dev(li, "tabindex", li_tabindex_value = /*isSelected*/ ctx[1] ? 0 : -1);
-  			attr_dev(li, "class", "svelte-tabs__tab svelte-1fbofsd");
-  			toggle_class(li, "svelte-tabs__selected", /*isSelected*/ ctx[1]);
-  			add_location(li, file$6, 45, 0, 812);
-  		},
-  		l: function claim(nodes) {
-  			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
-  		},
-  		m: function mount(target, anchor) {
-  			insert_dev(target, li, anchor);
-
-  			if (default_slot) {
-  				default_slot.m(li, null);
-  			}
-
-  			/*li_binding*/ ctx[10](li);
-  			current = true;
-
-  			if (!mounted) {
-  				dispose = listen_dev(li, "click", /*click_handler*/ ctx[11], false, false, false, false);
-  				mounted = true;
-  			}
-  		},
-  		p: function update(ctx, [dirty]) {
-  			if (default_slot) {
-  				if (default_slot.p && (!current || dirty & /*$$scope*/ 256)) {
-  					update_slot_base(
-  						default_slot,
-  						default_slot_template,
-  						ctx,
-  						/*$$scope*/ ctx[8],
-  						!current
-  						? get_all_dirty_from_scope(/*$$scope*/ ctx[8])
-  						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[8], dirty, null),
-  						null
-  					);
-  				}
-  			}
-
-  			if (!current || dirty & /*$controls*/ 4 && li_aria_controls_value !== (li_aria_controls_value = /*$controls*/ ctx[2][/*tab*/ ctx[3].id])) {
-  				attr_dev(li, "aria-controls", li_aria_controls_value);
-  			}
-
-  			if (!current || dirty & /*isSelected*/ 2) {
-  				attr_dev(li, "aria-selected", /*isSelected*/ ctx[1]);
-  			}
-
-  			if (!current || dirty & /*isSelected*/ 2 && li_tabindex_value !== (li_tabindex_value = /*isSelected*/ ctx[1] ? 0 : -1)) {
-  				attr_dev(li, "tabindex", li_tabindex_value);
-  			}
-
-  			if (!current || dirty & /*isSelected*/ 2) {
-  				toggle_class(li, "svelte-tabs__selected", /*isSelected*/ ctx[1]);
-  			}
-  		},
-  		i: function intro(local) {
-  			if (current) return;
-  			transition_in(default_slot, local);
-  			current = true;
-  		},
-  		o: function outro(local) {
-  			transition_out(default_slot, local);
-  			current = false;
-  		},
-  		d: function destroy(detaching) {
-  			if (detaching) detach_dev(li);
-  			if (default_slot) default_slot.d(detaching);
-  			/*li_binding*/ ctx[10](null);
-  			mounted = false;
-  			dispose();
-  		}
-  	};
-
-  	dispatch_dev("SvelteRegisterBlock", {
-  		block,
-  		id: create_fragment$6.name,
-  		type: "component",
-  		source: "",
-  		ctx
-  	});
-
-  	return block;
+    let li;
+    let li_aria_controls_value;
+    let li_tabindex_value;
+    let current;
+    let mounted;
+    let dispose;
+    const default_slot_template = /*#slots*/ ctx[9].default;
+    const default_slot = create_slot(
+      default_slot_template,
+      ctx,
+      /*$$scope*/ ctx[8],
+      null,
+    );
+
+    const block = {
+      c: function create() {
+        li = element("li");
+        if (default_slot) default_slot.c();
+        attr_dev(li, "role", "tab");
+        attr_dev(li, "id", /*tab*/ ctx[3].id);
+        attr_dev(
+          li,
+          "aria-controls",
+          (li_aria_controls_value = /*$controls*/ ctx[2][/*tab*/ ctx[3].id]),
+        );
+        attr_dev(li, "aria-selected", /*isSelected*/ ctx[1]);
+        attr_dev(
+          li,
+          "tabindex",
+          (li_tabindex_value = /*isSelected*/ ctx[1] ? 0 : -1),
+        );
+        attr_dev(li, "class", "svelte-tabs__tab svelte-1fbofsd");
+        toggle_class(li, "svelte-tabs__selected", /*isSelected*/ ctx[1]);
+        add_location(li, file$6, 45, 0, 812);
+      },
+      l: function claim(nodes) {
+        throw new Error(
+          "options.hydrate only works if the component was compiled with the `hydratable: true` option",
+        );
+      },
+      m: function mount(target, anchor) {
+        insert_dev(target, li, anchor);
+
+        if (default_slot) {
+          default_slot.m(li, null);
+        }
+
+        /*li_binding*/ ctx[10](li);
+        current = true;
+
+        if (!mounted) {
+          dispose = listen_dev(
+            li,
+            "click",
+            /*click_handler*/ ctx[11],
+            false,
+            false,
+            false,
+            false,
+          );
+          mounted = true;
+        }
+      },
+      p: function update(ctx, [dirty]) {
+        if (default_slot) {
+          if (default_slot.p && (!current || dirty & /*$$scope*/ 256)) {
+            update_slot_base(
+              default_slot,
+              default_slot_template,
+              ctx,
+              /*$$scope*/ ctx[8],
+              !current
+                ? get_all_dirty_from_scope(/*$$scope*/ ctx[8])
+                : get_slot_changes(
+                    default_slot_template,
+                    /*$$scope*/ ctx[8],
+                    dirty,
+                    null,
+                  ),
+              null,
+            );
+          }
+        }
+
+        if (
+          !current ||
+          (dirty & /*$controls*/ 4 &&
+            li_aria_controls_value !==
+              (li_aria_controls_value =
+                /*$controls*/ ctx[2][/*tab*/ ctx[3].id]))
+        ) {
+          attr_dev(li, "aria-controls", li_aria_controls_value);
+        }
+
+        if (!current || dirty & /*isSelected*/ 2) {
+          attr_dev(li, "aria-selected", /*isSelected*/ ctx[1]);
+        }
+
+        if (
+          !current ||
+          (dirty & /*isSelected*/ 2 &&
+            li_tabindex_value !==
+              (li_tabindex_value = /*isSelected*/ ctx[1] ? 0 : -1))
+        ) {
+          attr_dev(li, "tabindex", li_tabindex_value);
+        }
+
+        if (!current || dirty & /*isSelected*/ 2) {
+          toggle_class(li, "svelte-tabs__selected", /*isSelected*/ ctx[1]);
+        }
+      },
+      i: function intro(local) {
+        if (current) return;
+        transition_in(default_slot, local);
+        current = true;
+      },
+      o: function outro(local) {
+        transition_out(default_slot, local);
+        current = false;
+      },
+      d: function destroy(detaching) {
+        if (detaching) detach_dev(li);
+        if (default_slot) default_slot.d(detaching);
+        /*li_binding*/ ctx[10](null);
+        mounted = false;
+        dispose();
+      },
+    };
+
+    dispatch_dev("SvelteRegisterBlock", {
+      block,
+      id: create_fragment$6.name,
+      type: "component",
+      source: "",
+      ctx,
+    });
+
+    return block;
   }
 
   function instance$6($$self, $$props, $$invalidate) {
-  	let $selectedTab;
-  	let $controls;
-  	let { $$slots: slots = {}, $$scope } = $$props;
-  	validate_slots('Tab', slots, ['default']);
-  	let tabEl;
-  	const tab = { id: getId() };
-  	const { registerTab, registerTabElement, selectTab, selectedTab, controls } = getContext(TABS);
-  	validate_store(selectedTab, 'selectedTab');
-  	component_subscribe($$self, selectedTab, value => $$invalidate(7, $selectedTab = value));
-  	validate_store(controls, 'controls');
-  	component_subscribe($$self, controls, value => $$invalidate(2, $controls = value));
-  	let isSelected;
-  	registerTab(tab);
-
-  	onMount(async () => {
-  		await tick();
-  		registerTabElement(tabEl);
-  	});
-
-  	const writable_props = [];
-
-  	Object.keys($$props).forEach(key => {
-  		if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console.warn(`<Tab> was created with unknown prop '${key}'`);
-  	});
-
-  	function li_binding($$value) {
-  		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
-  			tabEl = $$value;
-  			$$invalidate(0, tabEl);
-  		});
-  	}
-
-  	const click_handler = () => selectTab(tab);
-
-  	$$self.$$set = $$props => {
-  		if ('$$scope' in $$props) $$invalidate(8, $$scope = $$props.$$scope);
-  	};
-
-  	$$self.$capture_state = () => ({
-  		getContext,
-  		onMount,
-  		tick,
-  		getId,
-  		TABS,
-  		tabEl,
-  		tab,
-  		registerTab,
-  		registerTabElement,
-  		selectTab,
-  		selectedTab,
-  		controls,
-  		isSelected,
-  		$selectedTab,
-  		$controls
-  	});
-
-  	$$self.$inject_state = $$props => {
-  		if ('tabEl' in $$props) $$invalidate(0, tabEl = $$props.tabEl);
-  		if ('isSelected' in $$props) $$invalidate(1, isSelected = $$props.isSelected);
-  	};
-
-  	if ($$props && "$$inject" in $$props) {
-  		$$self.$inject_state($$props.$$inject);
-  	}
-
-  	$$self.$$.update = () => {
-  		if ($$self.$$.dirty & /*$selectedTab*/ 128) {
-  			$$invalidate(1, isSelected = $selectedTab === tab);
-  		}
-  	};
-
-  	return [
-  		tabEl,
-  		isSelected,
-  		$controls,
-  		tab,
-  		selectTab,
-  		selectedTab,
-  		controls,
-  		$selectedTab,
-  		$$scope,
-  		slots,
-  		li_binding,
-  		click_handler
-  	];
+    let $selectedTab;
+    let $controls;
+    let { $$slots: slots = {}, $$scope } = $$props;
+    validate_slots("Tab", slots, ["default"]);
+    let tabEl;
+    const tab = { id: getId() };
+    const {
+      registerTab,
+      registerTabElement,
+      selectTab,
+      selectedTab,
+      controls,
+    } = getContext(TABS);
+    validate_store(selectedTab, "selectedTab");
+    component_subscribe($$self, selectedTab, (value) =>
+      $$invalidate(7, ($selectedTab = value)),
+    );
+    validate_store(controls, "controls");
+    component_subscribe($$self, controls, (value) =>
+      $$invalidate(2, ($controls = value)),
+    );
+    let isSelected;
+    registerTab(tab);
+
+    onMount(async () => {
+      await tick();
+      registerTabElement(tabEl);
+    });
+
+    const writable_props = [];
+
+    Object.keys($$props).forEach((key) => {
+      if (
+        !~writable_props.indexOf(key) &&
+        key.slice(0, 2) !== "$$" &&
+        key !== "slot"
+      )
+        console.warn(`<Tab> was created with unknown prop '${key}'`);
+    });
+
+    function li_binding($$value) {
+      binding_callbacks[$$value ? "unshift" : "push"](() => {
+        tabEl = $$value;
+        $$invalidate(0, tabEl);
+      });
+    }
+
+    const click_handler = () => selectTab(tab);
+
+    $$self.$$set = ($$props) => {
+      if ("$$scope" in $$props) $$invalidate(8, ($$scope = $$props.$$scope));
+    };
+
+    $$self.$capture_state = () => ({
+      getContext,
+      onMount,
+      tick,
+      getId,
+      TABS,
+      tabEl,
+      tab,
+      registerTab,
+      registerTabElement,
+      selectTab,
+      selectedTab,
+      controls,
+      isSelected,
+      $selectedTab,
+      $controls,
+    });
+
+    $$self.$inject_state = ($$props) => {
+      if ("tabEl" in $$props) $$invalidate(0, (tabEl = $$props.tabEl));
+      if ("isSelected" in $$props)
+        $$invalidate(1, (isSelected = $$props.isSelected));
+    };
+
+    if ($$props && "$$inject" in $$props) {
+      $$self.$inject_state($$props.$$inject);
+    }
+
+    $$self.$$.update = () => {
+      if ($$self.$$.dirty & /*$selectedTab*/ 128) {
+        $$invalidate(1, (isSelected = $selectedTab === tab));
+      }
+    };
+
+    return [
+      tabEl,
+      isSelected,
+      $controls,
+      tab,
+      selectTab,
+      selectedTab,
+      controls,
+      $selectedTab,
+      $$scope,
+      slots,
+      li_binding,
+      click_handler,
+    ];
   }
 
   class Tab extends SvelteComponentDev {
-  	constructor(options) {
-  		super(options);
-  		init(this, options, instance$6, create_fragment$6, safe_not_equal, {});
-
-  		dispatch_dev("SvelteRegisterComponent", {
-  			component: this,
-  			tagName: "Tab",
-  			options,
-  			id: create_fragment$6.name
-  		});
-  	}
+    constructor(options) {
+      super(options);
+      init(this, options, instance$6, create_fragment$6, safe_not_equal, {});
+
+      dispatch_dev("SvelteRegisterComponent", {
+        component: this,
+        tagName: "Tab",
+        options,
+        id: create_fragment$6.name,
+      });
+    }
   }
 
   /* node_modules/svelte-tabs/src/TabList.svelte generated by Svelte v3.59.2 */
@@ -1781,101 +1947,118 @@
   const file$5 = "node_modules/svelte-tabs/src/TabList.svelte";
 
   function create_fragment$5(ctx) {
-  	let ul;
-  	let current;
-  	const default_slot_template = /*#slots*/ ctx[1].default;
-  	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[0], null);
-
-  	const block = {
-  		c: function create() {
-  			ul = element("ul");
-  			if (default_slot) default_slot.c();
-  			attr_dev(ul, "role", "tablist");
-  			attr_dev(ul, "class", "svelte-tabs__tab-list svelte-12yby2a");
-  			add_location(ul, file$5, 8, 0, 116);
-  		},
-  		l: function claim(nodes) {
-  			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
-  		},
-  		m: function mount(target, anchor) {
-  			insert_dev(target, ul, anchor);
-
-  			if (default_slot) {
-  				default_slot.m(ul, null);
-  			}
-
-  			current = true;
-  		},
-  		p: function update(ctx, [dirty]) {
-  			if (default_slot) {
-  				if (default_slot.p && (!current || dirty & /*$$scope*/ 1)) {
-  					update_slot_base(
-  						default_slot,
-  						default_slot_template,
-  						ctx,
-  						/*$$scope*/ ctx[0],
-  						!current
-  						? get_all_dirty_from_scope(/*$$scope*/ ctx[0])
-  						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[0], dirty, null),
-  						null
-  					);
-  				}
-  			}
-  		},
-  		i: function intro(local) {
-  			if (current) return;
-  			transition_in(default_slot, local);
-  			current = true;
-  		},
-  		o: function outro(local) {
-  			transition_out(default_slot, local);
-  			current = false;
-  		},
-  		d: function destroy(detaching) {
-  			if (detaching) detach_dev(ul);
-  			if (default_slot) default_slot.d(detaching);
-  		}
-  	};
-
-  	dispatch_dev("SvelteRegisterBlock", {
-  		block,
-  		id: create_fragment$5.name,
-  		type: "component",
-  		source: "",
-  		ctx
-  	});
-
-  	return block;
+    let ul;
+    let current;
+    const default_slot_template = /*#slots*/ ctx[1].default;
+    const default_slot = create_slot(
+      default_slot_template,
+      ctx,
+      /*$$scope*/ ctx[0],
+      null,
+    );
+
+    const block = {
+      c: function create() {
+        ul = element("ul");
+        if (default_slot) default_slot.c();
+        attr_dev(ul, "role", "tablist");
+        attr_dev(ul, "class", "svelte-tabs__tab-list svelte-12yby2a");
+        add_location(ul, file$5, 8, 0, 116);
+      },
+      l: function claim(nodes) {
+        throw new Error(
+          "options.hydrate only works if the component was compiled with the `hydratable: true` option",
+        );
+      },
+      m: function mount(target, anchor) {
+        insert_dev(target, ul, anchor);
+
+        if (default_slot) {
+          default_slot.m(ul, null);
+        }
+
+        current = true;
+      },
+      p: function update(ctx, [dirty]) {
+        if (default_slot) {
+          if (default_slot.p && (!current || dirty & /*$$scope*/ 1)) {
+            update_slot_base(
+              default_slot,
+              default_slot_template,
+              ctx,
+              /*$$scope*/ ctx[0],
+              !current
+                ? get_all_dirty_from_scope(/*$$scope*/ ctx[0])
+                : get_slot_changes(
+                    default_slot_template,
+                    /*$$scope*/ ctx[0],
+                    dirty,
+                    null,
+                  ),
+              null,
+            );
+          }
+        }
+      },
+      i: function intro(local) {
+        if (current) return;
+        transition_in(default_slot, local);
+        current = true;
+      },
+      o: function outro(local) {
+        transition_out(default_slot, local);
+        current = false;
+      },
+      d: function destroy(detaching) {
+        if (detaching) detach_dev(ul);
+        if (default_slot) default_slot.d(detaching);
+      },
+    };
+
+    dispatch_dev("SvelteRegisterBlock", {
+      block,
+      id: create_fragment$5.name,
+      type: "component",
+      source: "",
+      ctx,
+    });
+
+    return block;
   }
 
   function instance$5($$self, $$props, $$invalidate) {
-  	let { $$slots: slots = {}, $$scope } = $$props;
-  	validate_slots('TabList', slots, ['default']);
-  	const writable_props = [];
-
-  	Object.keys($$props).forEach(key => {
-  		if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console.warn(`<TabList> was created with unknown prop '${key}'`);
-  	});
+    let { $$slots: slots = {}, $$scope } = $$props;
+    validate_slots("TabList", slots, ["default"]);
+    const writable_props = [];
+
+    Object.keys($$props).forEach((key) => {
+      if (
+        !~writable_props.indexOf(key) &&
+        key.slice(0, 2) !== "$$" &&
+        key !== "slot"
+      )
+        console.warn(`<TabList> was created with unknown prop '${key}'`);
+    });
 
-  	$$self.$$set = $$props => {
-  		if ('$$scope' in $$props) $$invalidate(0, $$scope = $$props.$$scope);
-  	};
+    $$self.$$set = ($$props) => {
+      if ("$$scope" in $$props) $$invalidate(0, ($$scope = $$props.$$scope));
+    };
 
-  	return [$$scope, slots];
+    return [$$scope, slots];
   }
 
   class TabList extends SvelteComponentDev {
-  	constructor(options) {
-  		super(options);
-  		init(this, options, instance$5, create_fragment$5, safe_not_equal, {});
-
-  		dispatch_dev("SvelteRegisterComponent", {
-  			component: this,
-  			tagName: "TabList",
-  			options,
-  			id: create_fragment$5.name
-  		});
-  	}
+    constructor(options) {
+      super(options);
+      init(this, options, instance$5, create_fragment$5, safe_not_equal, {});
+
+      dispatch_dev("SvelteRegisterComponent", {
+        component: this,
+        tagName: "TabList",
+        options,
+        id: create_fragment$5.name,
+      });
+    }
   }
 
   /* node_modules/svelte-tabs/src/TabPanel.svelte generated by Svelte v3.59.2 */
@@ -1883,223 +2066,274 @@
 
   // (26:2) {#if $selectedPanel === panel}
   function create_if_block$1(ctx) {
-  	let current;
-  	const default_slot_template = /*#slots*/ ctx[6].default;
-  	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[5], null);
-
-  	const block = {
-  		c: function create() {
-  			if (default_slot) default_slot.c();
-  		},
-  		m: function mount(target, anchor) {
-  			if (default_slot) {
-  				default_slot.m(target, anchor);
-  			}
-
-  			current = true;
-  		},
-  		p: function update(ctx, dirty) {
-  			if (default_slot) {
-  				if (default_slot.p && (!current || dirty & /*$$scope*/ 32)) {
-  					update_slot_base(
-  						default_slot,
-  						default_slot_template,
-  						ctx,
-  						/*$$scope*/ ctx[5],
-  						!current
-  						? get_all_dirty_from_scope(/*$$scope*/ ctx[5])
-  						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[5], dirty, null),
-  						null
-  					);
-  				}
-  			}
-  		},
-  		i: function intro(local) {
-  			if (current) return;
-  			transition_in(default_slot, local);
-  			current = true;
-  		},
-  		o: function outro(local) {
-  			transition_out(default_slot, local);
-  			current = false;
-  		},
-  		d: function destroy(detaching) {
-  			if (default_slot) default_slot.d(detaching);
-  		}
-  	};
-
-  	dispatch_dev("SvelteRegisterBlock", {
-  		block,
-  		id: create_if_block$1.name,
-  		type: "if",
-  		source: "(26:2) {#if $selectedPanel === panel}",
-  		ctx
-  	});
-
-  	return block;
+    let current;
+    const default_slot_template = /*#slots*/ ctx[6].default;
+    const default_slot = create_slot(
+      default_slot_template,
+      ctx,
+      /*$$scope*/ ctx[5],
+      null,
+    );
+
+    const block = {
+      c: function create() {
+        if (default_slot) default_slot.c();
+      },
+      m: function mount(target, anchor) {
+        if (default_slot) {
+          default_slot.m(target, anchor);
+        }
+
+        current = true;
+      },
+      p: function update(ctx, dirty) {
+        if (default_slot) {
+          if (default_slot.p && (!current || dirty & /*$$scope*/ 32)) {
+            update_slot_base(
+              default_slot,
+              default_slot_template,
+              ctx,
+              /*$$scope*/ ctx[5],
+              !current
+                ? get_all_dirty_from_scope(/*$$scope*/ ctx[5])
+                : get_slot_changes(
+                    default_slot_template,
+                    /*$$scope*/ ctx[5],
+                    dirty,
+                    null,
+                  ),
+              null,
+            );
+          }
+        }
+      },
+      i: function intro(local) {
+        if (current) return;
+        transition_in(default_slot, local);
+        current = true;
+      },
+      o: function outro(local) {
+        transition_out(default_slot, local);
+        current = false;
+      },
+      d: function destroy(detaching) {
+        if (default_slot) default_slot.d(detaching);
+      },
+    };
+
+    dispatch_dev("SvelteRegisterBlock", {
+      block,
+      id: create_if_block$1.name,
+      type: "if",
+      source: "(26:2) {#if $selectedPanel === panel}",
+      ctx,
+    });
+
+    return block;
   }
 
   function create_fragment$4(ctx) {
-  	let div;
-  	let div_aria_labelledby_value;
-  	let current;
-  	let if_block = /*$selectedPanel*/ ctx[1] === /*panel*/ ctx[2] && create_if_block$1(ctx);
-
-  	const block = {
-  		c: function create() {
-  			div = element("div");
-  			if (if_block) if_block.c();
-  			attr_dev(div, "id", /*panel*/ ctx[2].id);
-  			attr_dev(div, "aria-labelledby", div_aria_labelledby_value = /*$labeledBy*/ ctx[0][/*panel*/ ctx[2].id]);
-  			attr_dev(div, "class", "svelte-tabs__tab-panel svelte-epfyet");
-  			attr_dev(div, "role", "tabpanel");
-  			add_location(div, file$4, 20, 0, 338);
-  		},
-  		l: function claim(nodes) {
-  			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
-  		},
-  		m: function mount(target, anchor) {
-  			insert_dev(target, div, anchor);
-  			if (if_block) if_block.m(div, null);
-  			current = true;
-  		},
-  		p: function update(ctx, [dirty]) {
-  			if (/*$selectedPanel*/ ctx[1] === /*panel*/ ctx[2]) {
-  				if (if_block) {
-  					if_block.p(ctx, dirty);
-
-  					if (dirty & /*$selectedPanel*/ 2) {
-  						transition_in(if_block, 1);
-  					}
-  				} else {
-  					if_block = create_if_block$1(ctx);
-  					if_block.c();
-  					transition_in(if_block, 1);
-  					if_block.m(div, null);
-  				}
-  			} else if (if_block) {
-  				group_outros();
-
-  				transition_out(if_block, 1, 1, () => {
-  					if_block = null;
-  				});
-
-  				check_outros();
-  			}
-
-  			if (!current || dirty & /*$labeledBy*/ 1 && div_aria_labelledby_value !== (div_aria_labelledby_value = /*$labeledBy*/ ctx[0][/*panel*/ ctx[2].id])) {
-  				attr_dev(div, "aria-labelledby", div_aria_labelledby_value);
-  			}
-  		},
-  		i: function intro(local) {
-  			if (current) return;
-  			transition_in(if_block);
-  			current = true;
-  		},
-  		o: function outro(local) {
-  			transition_out(if_block);
-  			current = false;
-  		},
-  		d: function destroy(detaching) {
-  			if (detaching) detach_dev(div);
-  			if (if_block) if_block.d();
-  		}
-  	};
-
-  	dispatch_dev("SvelteRegisterBlock", {
-  		block,
-  		id: create_fragment$4.name,
-  		type: "component",
-  		source: "",
-  		ctx
-  	});
-
-  	return block;
+    let div;
+    let div_aria_labelledby_value;
+    let current;
+    let if_block =
+      /*$selectedPanel*/ ctx[1] === /*panel*/ ctx[2] && create_if_block$1(ctx);
+
+    const block = {
+      c: function create() {
+        div = element("div");
+        if (if_block) if_block.c();
+        attr_dev(div, "id", /*panel*/ ctx[2].id);
+        attr_dev(
+          div,
+          "aria-labelledby",
+          (div_aria_labelledby_value =
+            /*$labeledBy*/ ctx[0][/*panel*/ ctx[2].id]),
+        );
+        attr_dev(div, "class", "svelte-tabs__tab-panel svelte-epfyet");
+        attr_dev(div, "role", "tabpanel");
+        add_location(div, file$4, 20, 0, 338);
+      },
+      l: function claim(nodes) {
+        throw new Error(
+          "options.hydrate only works if the component was compiled with the `hydratable: true` option",
+        );
+      },
+      m: function mount(target, anchor) {
+        insert_dev(target, div, anchor);
+        if (if_block) if_block.m(div, null);
+        current = true;
+      },
+      p: function update(ctx, [dirty]) {
+        if (/*$selectedPanel*/ ctx[1] === /*panel*/ ctx[2]) {
+          if (if_block) {
+            if_block.p(ctx, dirty);
+
+            if (dirty & /*$selectedPanel*/ 2) {
+              transition_in(if_block, 1);
+            }
+          } else {
+            if_block = create_if_block$1(ctx);
+            if_block.c();
+            transition_in(if_block, 1);
+            if_block.m(div, null);
+          }
+        } else if (if_block) {
+          group_outros();
+
+          transition_out(if_block, 1, 1, () => {
+            if_block = null;
+          });
+
+          check_outros();
+        }
+
+        if (
+          !current ||
+          (dirty & /*$labeledBy*/ 1 &&
+            div_aria_labelledby_value !==
+              (div_aria_labelledby_value =
+                /*$labeledBy*/ ctx[0][/*panel*/ ctx[2].id]))
+        ) {
+          attr_dev(div, "aria-labelledby", div_aria_labelledby_value);
+        }
+      },
+      i: function intro(local) {
+        if (current) return;
+        transition_in(if_block);
+        current = true;
+      },
+      o: function outro(local) {
+        transition_out(if_block);
+        current = false;
+      },
+      d: function destroy(detaching) {
+        if (detaching) detach_dev(div);
+        if (if_block) if_block.d();
+      },
+    };
+
+    dispatch_dev("SvelteRegisterBlock", {
+      block,
+      id: create_fragment$4.name,
+      type: "component",
+      source: "",
+      ctx,
+    });
+
+    return block;
   }
 
   function instance$4($$self, $$props, $$invalidate) {
-  	let $labeledBy;
-  	let $selectedPanel;
-  	let { $$slots: slots = {}, $$scope } = $$props;
-  	validate_slots('TabPanel', slots, ['default']);
-  	const panel = { id: getId() };
-  	const { registerPanel, selectedPanel, labeledBy } = getContext(TABS);
-  	validate_store(selectedPanel, 'selectedPanel');
-  	component_subscribe($$self, selectedPanel, value => $$invalidate(1, $selectedPanel = value));
-  	validate_store(labeledBy, 'labeledBy');
-  	component_subscribe($$self, labeledBy, value => $$invalidate(0, $labeledBy = value));
-  	registerPanel(panel);
-  	const writable_props = [];
-
-  	Object.keys($$props).forEach(key => {
-  		if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console.warn(`<TabPanel> was created with unknown prop '${key}'`);
-  	});
-
-  	$$self.$$set = $$props => {
-  		if ('$$scope' in $$props) $$invalidate(5, $$scope = $$props.$$scope);
-  	};
-
-  	$$self.$capture_state = () => ({
-  		getContext,
-  		getId,
-  		TABS,
-  		panel,
-  		registerPanel,
-  		selectedPanel,
-  		labeledBy,
-  		$labeledBy,
-  		$selectedPanel
-  	});
-
-  	return [$labeledBy, $selectedPanel, panel, selectedPanel, labeledBy, $$scope, slots];
+    let $labeledBy;
+    let $selectedPanel;
+    let { $$slots: slots = {}, $$scope } = $$props;
+    validate_slots("TabPanel", slots, ["default"]);
+    const panel = { id: getId() };
+    const { registerPanel, selectedPanel, labeledBy } = getContext(TABS);
+    validate_store(selectedPanel, "selectedPanel");
+    component_subscribe($$self, selectedPanel, (value) =>
+      $$invalidate(1, ($selectedPanel = value)),
+    );
+    validate_store(labeledBy, "labeledBy");
+    component_subscribe($$self, labeledBy, (value) =>
+      $$invalidate(0, ($labeledBy = value)),
+    );
+    registerPanel(panel);
+    const writable_props = [];
+
+    Object.keys($$props).forEach((key) => {
+      if (
+        !~writable_props.indexOf(key) &&
+        key.slice(0, 2) !== "$$" &&
+        key !== "slot"
+      )
+        console.warn(`<TabPanel> was created with unknown prop '${key}'`);
+    });
+
+    $$self.$$set = ($$props) => {
+      if ("$$scope" in $$props) $$invalidate(5, ($$scope = $$props.$$scope));
+    };
+
+    $$self.$capture_state = () => ({
+      getContext,
+      getId,
+      TABS,
+      panel,
+      registerPanel,
+      selectedPanel,
+      labeledBy,
+      $labeledBy,
+      $selectedPanel,
+    });
+
+    return [
+      $labeledBy,
+      $selectedPanel,
+      panel,
+      selectedPanel,
+      labeledBy,
+      $$scope,
+      slots,
+    ];
   }
 
   class TabPanel extends SvelteComponentDev {
-  	constructor(options) {
-  		super(options);
-  		init(this, options, instance$4, create_fragment$4, safe_not_equal, {});
-
-  		dispatch_dev("SvelteRegisterComponent", {
-  			component: this,
-  			tagName: "TabPanel",
-  			options,
-  			id: create_fragment$4.name
-  		});
-  	}
+    constructor(options) {
+      super(options);
+      init(this, options, instance$4, create_fragment$4, safe_not_equal, {});
+
+      dispatch_dev("SvelteRegisterComponent", {
+        component: this,
+        tagName: "TabPanel",
+        options,
+        id: create_fragment$4.name,
+      });
+    }
   }
 
   function cubicOut(t) {
-      const f = t - 1.0;
-      return f * f * f + 1.0;
+    const f = t - 1.0;
+    return f * f * f + 1.0;
   }
   function quintOut(t) {
-      return --t * t * t * t * t + 1;
+    return --t * t * t * t * t + 1;
   }
 
   function fade(node, { delay = 0, duration = 400, easing = identity } = {}) {
-      const o = +getComputedStyle(node).opacity;
-      return {
-          delay,
-          duration,
-          easing,
-          css: t => `opacity: ${t * o}`
-      };
+    const o = +getComputedStyle(node).opacity;
+    return {
+      delay,
+      duration,
+      easing,
+      css: (t) => `opacity: ${t * o}`,
+    };
   }
-  function fly(node, { delay = 0, duration = 400, easing = cubicOut, x = 0, y = 0, opacity = 0 } = {}) {
-      const style = getComputedStyle(node);
-      const target_opacity = +style.opacity;
-      const transform = style.transform === 'none' ? '' : style.transform;
-      const od = target_opacity * (1 - opacity);
-      const [xValue, xUnit] = split_css_unit(x);
-      const [yValue, yUnit] = split_css_unit(y);
-      return {
-          delay,
-          duration,
-          easing,
-          css: (t, u) => `
+  function fly(
+    node,
+    {
+      delay = 0,
+      duration = 400,
+      easing = cubicOut,
+      x = 0,
+      y = 0,
+      opacity = 0,
+    } = {},
+  ) {
+    const style = getComputedStyle(node);
+    const target_opacity = +style.opacity;
+    const transform = style.transform === "none" ? "" : style.transform;
+    const od = target_opacity * (1 - opacity);
+    const [xValue, xUnit] = split_css_unit(x);
+    const [yValue, yUnit] = split_css_unit(y);
+    return {
+      delay,
+      duration,
+      easing,
+      css: (t, u) => `
 			transform: ${transform} translate(${(1 - t) * xValue}${xUnit}, ${(1 - t) * yValue}${yUnit});
-			opacity: ${target_opacity - (od * u)}`
-      };
+			opacity: ${target_opacity - od * u}`,
+    };
   }
 
   /* src/Match.svelte generated by Svelte v3.59.2 */
@@ -2109,1180 +2343,1484 @@
   const file$3 = "src/Match.svelte";
 
   function get_each_context$1(ctx, list, i) {
-  	const child_ctx = ctx.slice();
-  	child_ctx[10] = list[i];
-  	child_ctx[13] = i;
-  	const constants_0 = /*face*/ child_ctx[10].performers;
-  	child_ctx[11] = constants_0;
-  	return child_ctx;
+    const child_ctx = ctx.slice();
+    child_ctx[10] = list[i];
+    child_ctx[13] = i;
+    const constants_0 = /*face*/ child_ctx[10].performers;
+    child_ctx[11] = constants_0;
+    return child_ctx;
   }
 
   function get_each_context_1(ctx, list, i) {
-  	const child_ctx = ctx.slice();
-  	child_ctx[14] = list[i];
-  	child_ctx[13] = i;
-  	return child_ctx;
+    const child_ctx = ctx.slice();
+    child_ctx[14] = list[i];
+    child_ctx[13] = i;
+    return child_ctx;
   }
 
   function get_each_context_2(ctx, list, i) {
-  	const child_ctx = ctx.slice();
-  	child_ctx[10] = list[i];
-  	child_ctx[13] = i;
-  	return child_ctx;
+    const child_ctx = ctx.slice();
+    child_ctx[10] = list[i];
+    child_ctx[13] = i;
+    return child_ctx;
   }
 
   // (125:0) {#if visible}
   function create_if_block(ctx) {
-  	let div5;
-  	let div4;
-  	let div3;
-  	let div0;
-  	let tabs;
-  	let t0;
-  	let div2;
-  	let div1;
-  	let button0;
-  	let t2;
-  	let button1;
-  	let div5_intro;
-  	let div5_outro;
-  	let current;
-  	let mounted;
-  	let dispose;
-
-  	tabs = new Tabs({
-  			props: {
-  				$$slots: { default: [create_default_slot] },
-  				$$scope: { ctx }
-  			},
-  			$$inline: true
-  		});
-
-  	const block = {
-  		c: function create() {
-  			div5 = element("div");
-  			div4 = element("div");
-  			div3 = element("div");
-  			div0 = element("div");
-  			create_component(tabs.$$.fragment);
-  			t0 = space();
-  			div2 = element("div");
-  			div1 = element("div");
-  			button0 = element("button");
-  			button0.textContent = "Close";
-  			t2 = space();
-  			button1 = element("button");
-  			button1.textContent = "Toggle Visibility";
-  			attr_dev(div0, "class", "modal-body svelte-ssoxzi");
-  			add_location(div0, file$3, 137, 8, 3599);
-  			attr_dev(button0, "id", "face_close");
-  			attr_dev(button0, "type", "button");
-  			attr_dev(button0, "class", "ml-2 btn btn-secondary svelte-ssoxzi");
-  			add_location(button0, file$3, 202, 12, 6147);
-  			attr_dev(button1, "id", "face_toggle");
-  			attr_dev(button1, "type", "button");
-  			attr_dev(button1, "class", "ml-2 btn btn-secondary svelte-ssoxzi");
-  			add_location(button1, file$3, 208, 12, 6329);
-  			attr_dev(div1, "class", "svelte-ssoxzi");
-  			add_location(div1, file$3, 201, 10, 6129);
-  			attr_dev(div2, "class", "ModalFooter modal-footer svelte-ssoxzi");
-  			add_location(div2, file$3, 200, 8, 6080);
-  			attr_dev(div3, "class", "modal-content svelte-ssoxzi");
-  			add_location(div3, file$3, 136, 6, 3563);
-  			attr_dev(div4, "class", "modal-dialog modal-xl svelte-ssoxzi");
-  			add_location(div4, file$3, 135, 4, 3521);
-  			attr_dev(div5, "role", "dialog");
-  			attr_dev(div5, "aria-modal", "true");
-  			attr_dev(div5, "class", "fade ModalComponent modal show svelte-ssoxzi");
-  			attr_dev(div5, "tabindex", "-1");
-  			set_style(div5, "display", "block");
-  			add_location(div5, file$3, 125, 2, 3278);
-  		},
-  		m: function mount(target, anchor) {
-  			insert_dev(target, div5, anchor);
-  			append_dev(div5, div4);
-  			append_dev(div4, div3);
-  			append_dev(div3, div0);
-  			mount_component(tabs, div0, null);
-  			append_dev(div3, t0);
-  			append_dev(div3, div2);
-  			append_dev(div2, div1);
-  			append_dev(div1, button0);
-  			append_dev(div1, t2);
-  			append_dev(div1, button1);
-  			/*div5_binding*/ ctx[8](div5);
-  			current = true;
-
-  			if (!mounted) {
-  				dispose = [
-  					listen_dev(button0, "click", /*close*/ ctx[3], false, false, false, false),
-  					listen_dev(button1, "click", /*toggle*/ ctx[4], false, false, false, false)
-  				];
-
-  				mounted = true;
-  			}
-  		},
-  		p: function update(ctx, dirty) {
-  			const tabs_changes = {};
-
-  			if (dirty & /*$$scope, matches*/ 131073) {
-  				tabs_changes.$$scope = { dirty, ctx };
-  			}
-
-  			tabs.$set(tabs_changes);
-  		},
-  		i: function intro(local) {
-  			if (current) return;
-  			transition_in(tabs.$$.fragment, local);
-
-  			add_render_callback(() => {
-  				if (!current) return;
-  				if (div5_outro) div5_outro.end(1);
-  				div5_intro = create_in_transition(div5, fly, { y: 100, duration: 400 });
-  				div5_intro.start();
-  			});
-
-  			current = true;
-  		},
-  		o: function outro(local) {
-  			transition_out(tabs.$$.fragment, local);
-  			if (div5_intro) div5_intro.invalidate();
-  			div5_outro = create_out_transition(div5, fly, { y: -100, duration: 400 });
-  			current = false;
-  		},
-  		d: function destroy(detaching) {
-  			if (detaching) detach_dev(div5);
-  			destroy_component(tabs);
-  			/*div5_binding*/ ctx[8](null);
-  			if (detaching && div5_outro) div5_outro.end();
-  			mounted = false;
-  			run_all(dispose);
-  		}
-  	};
-
-  	dispatch_dev("SvelteRegisterBlock", {
-  		block,
-  		id: create_if_block.name,
-  		type: "if",
-  		source: "(125:0) {#if visible}",
-  		ctx
-  	});
-
-  	return block;
+    let div5;
+    let div4;
+    let div3;
+    let div0;
+    let tabs;
+    let t0;
+    let div2;
+    let div1;
+    let button0;
+    let t2;
+    let button1;
+    let div5_intro;
+    let div5_outro;
+    let current;
+    let mounted;
+    let dispose;
+
+    tabs = new Tabs({
+      props: {
+        $$slots: { default: [create_default_slot] },
+        $$scope: { ctx },
+      },
+      $$inline: true,
+    });
+
+    const block = {
+      c: function create() {
+        div5 = element("div");
+        div4 = element("div");
+        div3 = element("div");
+        div0 = element("div");
+        create_component(tabs.$$.fragment);
+        t0 = space();
+        div2 = element("div");
+        div1 = element("div");
+        button0 = element("button");
+        button0.textContent = "Close";
+        t2 = space();
+        button1 = element("button");
+        button1.textContent = "Toggle Visibility";
+        attr_dev(div0, "class", "modal-body svelte-ssoxzi");
+        add_location(div0, file$3, 137, 8, 3599);
+        attr_dev(button0, "id", "face_close");
+        attr_dev(button0, "type", "button");
+        attr_dev(button0, "class", "ml-2 btn btn-secondary svelte-ssoxzi");
+        add_location(button0, file$3, 202, 12, 6147);
+        attr_dev(button1, "id", "face_toggle");
+        attr_dev(button1, "type", "button");
+        attr_dev(button1, "class", "ml-2 btn btn-secondary svelte-ssoxzi");
+        add_location(button1, file$3, 208, 12, 6329);
+        attr_dev(div1, "class", "svelte-ssoxzi");
+        add_location(div1, file$3, 201, 10, 6129);
+        attr_dev(div2, "class", "ModalFooter modal-footer svelte-ssoxzi");
+        add_location(div2, file$3, 200, 8, 6080);
+        attr_dev(div3, "class", "modal-content svelte-ssoxzi");
+        add_location(div3, file$3, 136, 6, 3563);
+        attr_dev(div4, "class", "modal-dialog modal-xl svelte-ssoxzi");
+        add_location(div4, file$3, 135, 4, 3521);
+        attr_dev(div5, "role", "dialog");
+        attr_dev(div5, "aria-modal", "true");
+        attr_dev(div5, "class", "fade ModalComponent modal show svelte-ssoxzi");
+        attr_dev(div5, "tabindex", "-1");
+        set_style(div5, "display", "block");
+        add_location(div5, file$3, 125, 2, 3278);
+      },
+      m: function mount(target, anchor) {
+        insert_dev(target, div5, anchor);
+        append_dev(div5, div4);
+        append_dev(div4, div3);
+        append_dev(div3, div0);
+        mount_component(tabs, div0, null);
+        append_dev(div3, t0);
+        append_dev(div3, div2);
+        append_dev(div2, div1);
+        append_dev(div1, button0);
+        append_dev(div1, t2);
+        append_dev(div1, button1);
+        /*div5_binding*/ ctx[8](div5);
+        current = true;
+
+        if (!mounted) {
+          dispose = [
+            listen_dev(
+              button0,
+              "click",
+              /*close*/ ctx[3],
+              false,
+              false,
+              false,
+              false,
+            ),
+            listen_dev(
+              button1,
+              "click",
+              /*toggle*/ ctx[4],
+              false,
+              false,
+              false,
+              false,
+            ),
+          ];
+
+          mounted = true;
+        }
+      },
+      p: function update(ctx, dirty) {
+        const tabs_changes = {};
+
+        if (dirty & /*$$scope, matches*/ 131073) {
+          tabs_changes.$$scope = { dirty, ctx };
+        }
+
+        tabs.$set(tabs_changes);
+      },
+      i: function intro(local) {
+        if (current) return;
+        transition_in(tabs.$$.fragment, local);
+
+        add_render_callback(() => {
+          if (!current) return;
+          if (div5_outro) div5_outro.end(1);
+          div5_intro = create_in_transition(div5, fly, {
+            y: 100,
+            duration: 400,
+          });
+          div5_intro.start();
+        });
+
+        current = true;
+      },
+      o: function outro(local) {
+        transition_out(tabs.$$.fragment, local);
+        if (div5_intro) div5_intro.invalidate();
+        div5_outro = create_out_transition(div5, fly, {
+          y: -100,
+          duration: 400,
+        });
+        current = false;
+      },
+      d: function destroy(detaching) {
+        if (detaching) detach_dev(div5);
+        destroy_component(tabs);
+        /*div5_binding*/ ctx[8](null);
+        if (detaching && div5_outro) div5_outro.end();
+        mounted = false;
+        run_all(dispose);
+      },
+    };
+
+    dispatch_dev("SvelteRegisterBlock", {
+      block,
+      id: create_if_block.name,
+      type: "if",
+      source: "(125:0) {#if visible}",
+      ctx,
+    });
+
+    return block;
   }
 
   // (142:16) <Tab>
   function create_default_slot_3(ctx) {
-  	let img;
-  	let img_src_value;
-  	let t;
-
-  	const block = {
-  		c: function create() {
-  			img = element("img");
-  			t = space();
-  			if (!src_url_equal(img.src, img_src_value = "data:image/jpg;base64," + /*face*/ ctx[10].image)) attr_dev(img, "src", img_src_value);
-  			attr_dev(img, "alt", "");
-  			attr_dev(img, "class", "face-tab svelte-ssoxzi");
-  			add_location(img, file$3, 142, 18, 3757);
-  		},
-  		m: function mount(target, anchor) {
-  			insert_dev(target, img, anchor);
-  			insert_dev(target, t, anchor);
-  		},
-  		p: function update(ctx, dirty) {
-  			if (dirty & /*matches*/ 1 && !src_url_equal(img.src, img_src_value = "data:image/jpg;base64," + /*face*/ ctx[10].image)) {
-  				attr_dev(img, "src", img_src_value);
-  			}
-  		},
-  		d: function destroy(detaching) {
-  			if (detaching) detach_dev(img);
-  			if (detaching) detach_dev(t);
-  		}
-  	};
-
-  	dispatch_dev("SvelteRegisterBlock", {
-  		block,
-  		id: create_default_slot_3.name,
-  		type: "slot",
-  		source: "(142:16) <Tab>",
-  		ctx
-  	});
-
-  	return block;
+    let img;
+    let img_src_value;
+    let t;
+
+    const block = {
+      c: function create() {
+        img = element("img");
+        t = space();
+        if (
+          !src_url_equal(
+            img.src,
+            (img_src_value = "data:image/jpg;base64," + /*face*/ ctx[10].image),
+          )
+        )
+          attr_dev(img, "src", img_src_value);
+        attr_dev(img, "alt", "");
+        attr_dev(img, "class", "face-tab svelte-ssoxzi");
+        add_location(img, file$3, 142, 18, 3757);
+      },
+      m: function mount(target, anchor) {
+        insert_dev(target, img, anchor);
+        insert_dev(target, t, anchor);
+      },
+      p: function update(ctx, dirty) {
+        if (
+          dirty & /*matches*/ 1 &&
+          !src_url_equal(
+            img.src,
+            (img_src_value = "data:image/jpg;base64," + /*face*/ ctx[10].image),
+          )
+        ) {
+          attr_dev(img, "src", img_src_value);
+        }
+      },
+      d: function destroy(detaching) {
+        if (detaching) detach_dev(img);
+        if (detaching) detach_dev(t);
+      },
+    };
+
+    dispatch_dev("SvelteRegisterBlock", {
+      block,
+      id: create_default_slot_3.name,
+      type: "slot",
+      source: "(142:16) <Tab>",
+      ctx,
+    });
+
+    return block;
   }
 
   // (141:14) {#each matches as face, i (face.image)}
   function create_each_block_2(key_1, ctx) {
-  	let first;
-  	let tab;
-  	let current;
-
-  	tab = new Tab({
-  			props: {
-  				$$slots: { default: [create_default_slot_3] },
-  				$$scope: { ctx }
-  			},
-  			$$inline: true
-  		});
-
-  	const block = {
-  		key: key_1,
-  		first: null,
-  		c: function create() {
-  			first = empty();
-  			create_component(tab.$$.fragment);
-  			this.first = first;
-  		},
-  		m: function mount(target, anchor) {
-  			insert_dev(target, first, anchor);
-  			mount_component(tab, target, anchor);
-  			current = true;
-  		},
-  		p: function update(new_ctx, dirty) {
-  			ctx = new_ctx;
-  			const tab_changes = {};
-
-  			if (dirty & /*$$scope, matches*/ 131073) {
-  				tab_changes.$$scope = { dirty, ctx };
-  			}
-
-  			tab.$set(tab_changes);
-  		},
-  		i: function intro(local) {
-  			if (current) return;
-  			transition_in(tab.$$.fragment, local);
-  			current = true;
-  		},
-  		o: function outro(local) {
-  			transition_out(tab.$$.fragment, local);
-  			current = false;
-  		},
-  		d: function destroy(detaching) {
-  			if (detaching) detach_dev(first);
-  			destroy_component(tab, detaching);
-  		}
-  	};
-
-  	dispatch_dev("SvelteRegisterBlock", {
-  		block,
-  		id: create_each_block_2.name,
-  		type: "each",
-  		source: "(141:14) {#each matches as face, i (face.image)}",
-  		ctx
-  	});
-
-  	return block;
-  }
+    let first;
+    let tab;
+    let current;
+
+    tab = new Tab({
+      props: {
+        $$slots: { default: [create_default_slot_3] },
+        $$scope: { ctx },
+      },
+      $$inline: true,
+    });
 
-  // (140:12) <TabList>
-  function create_default_slot_2(ctx) {
-  	let each_blocks = [];
-  	let each_1_lookup = new Map();
-  	let each_1_anchor;
-  	let current;
-  	let each_value_2 = /*matches*/ ctx[0];
-  	validate_each_argument(each_value_2);
-  	const get_key = ctx => /*face*/ ctx[10].image;
-  	validate_each_keys(ctx, each_value_2, get_each_context_2, get_key);
-
-  	for (let i = 0; i < each_value_2.length; i += 1) {
-  		let child_ctx = get_each_context_2(ctx, each_value_2, i);
-  		let key = get_key(child_ctx);
-  		each_1_lookup.set(key, each_blocks[i] = create_each_block_2(key, child_ctx));
-  	}
-
-  	const block = {
-  		c: function create() {
-  			for (let i = 0; i < each_blocks.length; i += 1) {
-  				each_blocks[i].c();
-  			}
-
-  			each_1_anchor = empty();
-  		},
-  		m: function mount(target, anchor) {
-  			for (let i = 0; i < each_blocks.length; i += 1) {
-  				if (each_blocks[i]) {
-  					each_blocks[i].m(target, anchor);
-  				}
-  			}
-
-  			insert_dev(target, each_1_anchor, anchor);
-  			current = true;
-  		},
-  		p: function update(ctx, dirty) {
-  			if (dirty & /*matches*/ 1) {
-  				each_value_2 = /*matches*/ ctx[0];
-  				validate_each_argument(each_value_2);
-  				group_outros();
-  				validate_each_keys(ctx, each_value_2, get_each_context_2, get_key);
-  				each_blocks = update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value_2, each_1_lookup, each_1_anchor.parentNode, outro_and_destroy_block, create_each_block_2, each_1_anchor, get_each_context_2);
-  				check_outros();
-  			}
-  		},
-  		i: function intro(local) {
-  			if (current) return;
-
-  			for (let i = 0; i < each_value_2.length; i += 1) {
-  				transition_in(each_blocks[i]);
-  			}
-
-  			current = true;
-  		},
-  		o: function outro(local) {
-  			for (let i = 0; i < each_blocks.length; i += 1) {
-  				transition_out(each_blocks[i]);
-  			}
-
-  			current = false;
-  		},
-  		d: function destroy(detaching) {
-  			for (let i = 0; i < each_blocks.length; i += 1) {
-  				each_blocks[i].d(detaching);
-  			}
-
-  			if (detaching) detach_dev(each_1_anchor);
-  		}
-  	};
-
-  	dispatch_dev("SvelteRegisterBlock", {
-  		block,
-  		id: create_default_slot_2.name,
-  		type: "slot",
-  		source: "(140:12) <TabList>",
-  		ctx
-  	});
-
-  	return block;
-  }
+    const block = {
+      key: key_1,
+      first: null,
+      c: function create() {
+        first = empty();
+        create_component(tab.$$.fragment);
+        this.first = first;
+      },
+      m: function mount(target, anchor) {
+        insert_dev(target, first, anchor);
+        mount_component(tab, target, anchor);
+        current = true;
+      },
+      p: function update(new_ctx, dirty) {
+        ctx = new_ctx;
+        const tab_changes = {};
 
-  // (157:20) {#each performers as match, i (match.id)}
-  function create_each_block_1(key_1, ctx) {
-  	let div4;
-  	let div0;
-  	let img;
-  	let img_alt_value;
-  	let img_src_value;
-  	let t0;
-  	let span0;
-  	let span0_class_value;
-  	let t1;
-  	let div3;
-  	let h5;
-  	let div2;
-  	let a;
-  	let t2_value = /*match*/ ctx[14].name + "";
-  	let t2;
-  	let a_href_value;
-  	let t3;
-  	let span1;
-  	let div1;
-  	let t4_value = /*match*/ ctx[14].confidence + "";
-  	let t4;
-  	let t5;
-  	let t6;
-  	let div4_id_value;
-  	let mounted;
-  	let dispose;
-
-  	function click_handler(...args) {
-  		return /*click_handler*/ ctx[6](/*match*/ ctx[14], ...args);
-  	}
-
-  	function keypress_handler(...args) {
-  		return /*keypress_handler*/ ctx[7](/*match*/ ctx[14], ...args);
-  	}
-
-  	const block = {
-  		key: key_1,
-  		first: null,
-  		c: function create() {
-  			div4 = element("div");
-  			div0 = element("div");
-  			img = element("img");
-  			t0 = space();
-  			span0 = element("span");
-  			t1 = space();
-  			div3 = element("div");
-  			h5 = element("h5");
-  			div2 = element("div");
-  			a = element("a");
-  			t2 = text(t2_value);
-  			t3 = space();
-  			span1 = element("span");
-  			div1 = element("div");
-  			t4 = text(t4_value);
-  			t5 = text("%");
-  			t6 = space();
-  			attr_dev(img, "class", "performer-card-image svelte-ssoxzi");
-  			attr_dev(img, "alt", img_alt_value = /*match*/ ctx[14].name);
-  			if (!src_url_equal(img.src, img_src_value = /*match*/ ctx[14].image)) attr_dev(img, "src", img_src_value);
-  			add_location(img, file$3, 167, 26, 4739);
-  			attr_dev(span0, "class", span0_class_value = "performer-card__country-flag fi fi-" + /*match*/ ctx[14].country?.toLowerCase() + " svelte-ssoxzi");
-  			add_location(span0, file$3, 173, 26, 4990);
-  			attr_dev(div0, "class", "thumbnail-section svelte-ssoxzi");
-  			add_location(div0, file$3, 166, 24, 4681);
-  			attr_dev(a, "href", a_href_value = "https://stashdb.org/performers/" + /*match*/ ctx[14].id);
-  			attr_dev(a, "target", "_blank");
-  			attr_dev(a, "class", "svelte-ssoxzi");
-  			add_location(a, file$3, 180, 30, 5374);
-  			attr_dev(div1, "class", "svelte-ssoxzi");
-  			add_location(div1, file$3, 187, 33, 5721);
-  			attr_dev(span1, "class", "tag-item badge badge-pill svelte-ssoxzi");
-  			add_location(span1, file$3, 186, 30, 5648);
-  			set_style(div2, "-webkit-line-clamp", "2");
-  			attr_dev(div2, "class", "svelte-ssoxzi");
-  			add_location(div2, file$3, 179, 28, 5308);
-  			attr_dev(h5, "class", "card-section-title flex-aligned svelte-ssoxzi");
-  			add_location(h5, file$3, 178, 26, 5235);
-  			attr_dev(div3, "class", "card-section svelte-ssoxzi");
-  			add_location(div3, file$3, 177, 24, 5182);
-  			attr_dev(div4, "draggable", "false");
-  			attr_dev(div4, "class", "performer-card grid-card card svelte-ssoxzi");
-  			attr_dev(div4, "id", div4_id_value = "face-" + /*i*/ ctx[13]);
-  			add_location(div4, file$3, 157, 22, 4265);
-  			this.first = div4;
-  		},
-  		m: function mount(target, anchor) {
-  			insert_dev(target, div4, anchor);
-  			append_dev(div4, div0);
-  			append_dev(div0, img);
-  			append_dev(div0, t0);
-  			append_dev(div0, span0);
-  			append_dev(div4, t1);
-  			append_dev(div4, div3);
-  			append_dev(div3, h5);
-  			append_dev(h5, div2);
-  			append_dev(div2, a);
-  			append_dev(a, t2);
-  			append_dev(div2, t3);
-  			append_dev(div2, span1);
-  			append_dev(span1, div1);
-  			append_dev(div1, t4);
-  			append_dev(div1, t5);
-  			append_dev(div4, t6);
-
-  			if (!mounted) {
-  				dispose = [
-  					action_destroyer(smoothload.call(null, img)),
-  					listen_dev(div4, "click", click_handler, false, false, false, false),
-  					listen_dev(div4, "keypress", keypress_handler, false, false, false, false)
-  				];
-
-  				mounted = true;
-  			}
-  		},
-  		p: function update(new_ctx, dirty) {
-  			ctx = new_ctx;
-
-  			if (dirty & /*matches*/ 1 && img_alt_value !== (img_alt_value = /*match*/ ctx[14].name)) {
-  				attr_dev(img, "alt", img_alt_value);
-  			}
-
-  			if (dirty & /*matches*/ 1 && !src_url_equal(img.src, img_src_value = /*match*/ ctx[14].image)) {
-  				attr_dev(img, "src", img_src_value);
-  			}
-
-  			if (dirty & /*matches*/ 1 && span0_class_value !== (span0_class_value = "performer-card__country-flag fi fi-" + /*match*/ ctx[14].country?.toLowerCase() + " svelte-ssoxzi")) {
-  				attr_dev(span0, "class", span0_class_value);
-  			}
-
-  			if (dirty & /*matches*/ 1 && t2_value !== (t2_value = /*match*/ ctx[14].name + "")) set_data_dev(t2, t2_value);
-
-  			if (dirty & /*matches*/ 1 && a_href_value !== (a_href_value = "https://stashdb.org/performers/" + /*match*/ ctx[14].id)) {
-  				attr_dev(a, "href", a_href_value);
-  			}
-
-  			if (dirty & /*matches*/ 1 && t4_value !== (t4_value = /*match*/ ctx[14].confidence + "")) set_data_dev(t4, t4_value);
-
-  			if (dirty & /*matches*/ 1 && div4_id_value !== (div4_id_value = "face-" + /*i*/ ctx[13])) {
-  				attr_dev(div4, "id", div4_id_value);
-  			}
-  		},
-  		d: function destroy(detaching) {
-  			if (detaching) detach_dev(div4);
-  			mounted = false;
-  			run_all(dispose);
-  		}
-  	};
-
-  	dispatch_dev("SvelteRegisterBlock", {
-  		block,
-  		id: create_each_block_1.name,
-  		type: "each",
-  		source: "(157:20) {#each performers as match, i (match.id)}",
-  		ctx
-  	});
-
-  	return block;
-  }
+        if (dirty & /*$$scope, matches*/ 131073) {
+          tab_changes.$$scope = { dirty, ctx };
+        }
 
-  // (154:14) <TabPanel>
-  function create_default_slot_1(ctx) {
-  	let div1;
-  	let div0;
-  	let each_blocks = [];
-  	let each_1_lookup = new Map();
-  	let t;
-  	let each_value_1 = /*performers*/ ctx[11];
-  	validate_each_argument(each_value_1);
-  	const get_key = ctx => /*match*/ ctx[14].id;
-  	validate_each_keys(ctx, each_value_1, get_each_context_1, get_key);
-
-  	for (let i = 0; i < each_value_1.length; i += 1) {
-  		let child_ctx = get_each_context_1(ctx, each_value_1, i);
-  		let key = get_key(child_ctx);
-  		each_1_lookup.set(key, each_blocks[i] = create_each_block_1(key, child_ctx));
-  	}
-
-  	const block = {
-  		c: function create() {
-  			div1 = element("div");
-  			div0 = element("div");
-
-  			for (let i = 0; i < each_blocks.length; i += 1) {
-  				each_blocks[i].c();
-  			}
-
-  			t = space();
-  			attr_dev(div0, "class", "carousel svelte-ssoxzi");
-  			add_location(div0, file$3, 155, 18, 4158);
-  			attr_dev(div1, "class", "row svelte-ssoxzi");
-  			add_location(div1, file$3, 154, 16, 4122);
-  		},
-  		m: function mount(target, anchor) {
-  			insert_dev(target, div1, anchor);
-  			append_dev(div1, div0);
-
-  			for (let i = 0; i < each_blocks.length; i += 1) {
-  				if (each_blocks[i]) {
-  					each_blocks[i].m(div0, null);
-  				}
-  			}
-
-  			insert_dev(target, t, anchor);
-  		},
-  		p: function update(ctx, dirty) {
-  			if (dirty & /*matches, addPerformer*/ 33) {
-  				each_value_1 = /*performers*/ ctx[11];
-  				validate_each_argument(each_value_1);
-  				validate_each_keys(ctx, each_value_1, get_each_context_1, get_key);
-  				each_blocks = update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value_1, each_1_lookup, div0, destroy_block, create_each_block_1, null, get_each_context_1);
-  			}
-  		},
-  		d: function destroy(detaching) {
-  			if (detaching) detach_dev(div1);
-
-  			for (let i = 0; i < each_blocks.length; i += 1) {
-  				each_blocks[i].d();
-  			}
-
-  			if (detaching) detach_dev(t);
-  		}
-  	};
-
-  	dispatch_dev("SvelteRegisterBlock", {
-  		block,
-  		id: create_default_slot_1.name,
-  		type: "slot",
-  		source: "(154:14) <TabPanel>",
-  		ctx
-  	});
-
-  	return block;
-  }
+        tab.$set(tab_changes);
+      },
+      i: function intro(local) {
+        if (current) return;
+        transition_in(tab.$$.fragment, local);
+        current = true;
+      },
+      o: function outro(local) {
+        transition_out(tab.$$.fragment, local);
+        current = false;
+      },
+      d: function destroy(detaching) {
+        if (detaching) detach_dev(first);
+        destroy_component(tab, detaching);
+      },
+    };
 
-  // (152:12) {#each matches as face, i (face.image)}
-  function create_each_block$1(key_1, ctx) {
-  	let first;
-  	let tabpanel;
-  	let current;
-
-  	tabpanel = new TabPanel({
-  			props: {
-  				$$slots: { default: [create_default_slot_1] },
-  				$$scope: { ctx }
-  			},
-  			$$inline: true
-  		});
-
-  	const block = {
-  		key: key_1,
-  		first: null,
-  		c: function create() {
-  			first = empty();
-  			create_component(tabpanel.$$.fragment);
-  			this.first = first;
-  		},
-  		m: function mount(target, anchor) {
-  			insert_dev(target, first, anchor);
-  			mount_component(tabpanel, target, anchor);
-  			current = true;
-  		},
-  		p: function update(new_ctx, dirty) {
-  			ctx = new_ctx;
-  			const tabpanel_changes = {};
-
-  			if (dirty & /*$$scope, matches*/ 131073) {
-  				tabpanel_changes.$$scope = { dirty, ctx };
-  			}
-
-  			tabpanel.$set(tabpanel_changes);
-  		},
-  		i: function intro(local) {
-  			if (current) return;
-  			transition_in(tabpanel.$$.fragment, local);
-  			current = true;
-  		},
-  		o: function outro(local) {
-  			transition_out(tabpanel.$$.fragment, local);
-  			current = false;
-  		},
-  		d: function destroy(detaching) {
-  			if (detaching) detach_dev(first);
-  			destroy_component(tabpanel, detaching);
-  		}
-  	};
-
-  	dispatch_dev("SvelteRegisterBlock", {
-  		block,
-  		id: create_each_block$1.name,
-  		type: "each",
-  		source: "(152:12) {#each matches as face, i (face.image)}",
-  		ctx
-  	});
-
-  	return block;
-  }
+    dispatch_dev("SvelteRegisterBlock", {
+      block,
+      id: create_each_block_2.name,
+      type: "each",
+      source: "(141:14) {#each matches as face, i (face.image)}",
+      ctx,
+    });
 
-  // (139:10) <Tabs>
-  function create_default_slot(ctx) {
-  	let tablist;
-  	let t;
-  	let each_blocks = [];
-  	let each_1_lookup = new Map();
-  	let each_1_anchor;
-  	let current;
-
-  	tablist = new TabList({
-  			props: {
-  				$$slots: { default: [create_default_slot_2] },
-  				$$scope: { ctx }
-  			},
-  			$$inline: true
-  		});
-
-  	let each_value = /*matches*/ ctx[0];
-  	validate_each_argument(each_value);
-  	const get_key = ctx => /*face*/ ctx[10].image;
-  	validate_each_keys(ctx, each_value, get_each_context$1, get_key);
-
-  	for (let i = 0; i < each_value.length; i += 1) {
-  		let child_ctx = get_each_context$1(ctx, each_value, i);
-  		let key = get_key(child_ctx);
-  		each_1_lookup.set(key, each_blocks[i] = create_each_block$1(key, child_ctx));
-  	}
-
-  	const block = {
-  		c: function create() {
-  			create_component(tablist.$$.fragment);
-  			t = space();
-
-  			for (let i = 0; i < each_blocks.length; i += 1) {
-  				each_blocks[i].c();
-  			}
-
-  			each_1_anchor = empty();
-  		},
-  		m: function mount(target, anchor) {
-  			mount_component(tablist, target, anchor);
-  			insert_dev(target, t, anchor);
-
-  			for (let i = 0; i < each_blocks.length; i += 1) {
-  				if (each_blocks[i]) {
-  					each_blocks[i].m(target, anchor);
-  				}
-  			}
-
-  			insert_dev(target, each_1_anchor, anchor);
-  			current = true;
-  		},
-  		p: function update(ctx, dirty) {
-  			const tablist_changes = {};
-
-  			if (dirty & /*$$scope, matches*/ 131073) {
-  				tablist_changes.$$scope = { dirty, ctx };
-  			}
-
-  			tablist.$set(tablist_changes);
-
-  			if (dirty & /*matches, addPerformer*/ 33) {
-  				each_value = /*matches*/ ctx[0];
-  				validate_each_argument(each_value);
-  				group_outros();
-  				validate_each_keys(ctx, each_value, get_each_context$1, get_key);
-  				each_blocks = update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, each_1_anchor.parentNode, outro_and_destroy_block, create_each_block$1, each_1_anchor, get_each_context$1);
-  				check_outros();
-  			}
-  		},
-  		i: function intro(local) {
-  			if (current) return;
-  			transition_in(tablist.$$.fragment, local);
-
-  			for (let i = 0; i < each_value.length; i += 1) {
-  				transition_in(each_blocks[i]);
-  			}
-
-  			current = true;
-  		},
-  		o: function outro(local) {
-  			transition_out(tablist.$$.fragment, local);
-
-  			for (let i = 0; i < each_blocks.length; i += 1) {
-  				transition_out(each_blocks[i]);
-  			}
-
-  			current = false;
-  		},
-  		d: function destroy(detaching) {
-  			destroy_component(tablist, detaching);
-  			if (detaching) detach_dev(t);
-
-  			for (let i = 0; i < each_blocks.length; i += 1) {
-  				each_blocks[i].d(detaching);
-  			}
-
-  			if (detaching) detach_dev(each_1_anchor);
-  		}
-  	};
-
-  	dispatch_dev("SvelteRegisterBlock", {
-  		block,
-  		id: create_default_slot.name,
-  		type: "slot",
-  		source: "(139:10) <Tabs>",
-  		ctx
-  	});
-
-  	return block;
+    return block;
   }
 
-  function create_fragment$3(ctx) {
-  	let if_block_anchor;
-  	let current;
-  	let if_block = /*visible*/ ctx[1] && create_if_block(ctx);
-
-  	const block = {
-  		c: function create() {
-  			if (if_block) if_block.c();
-  			if_block_anchor = empty();
-  		},
-  		l: function claim(nodes) {
-  			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
-  		},
-  		m: function mount(target, anchor) {
-  			if (if_block) if_block.m(target, anchor);
-  			insert_dev(target, if_block_anchor, anchor);
-  			current = true;
-  		},
-  		p: function update(ctx, [dirty]) {
-  			if (/*visible*/ ctx[1]) {
-  				if (if_block) {
-  					if_block.p(ctx, dirty);
-
-  					if (dirty & /*visible*/ 2) {
-  						transition_in(if_block, 1);
-  					}
-  				} else {
-  					if_block = create_if_block(ctx);
-  					if_block.c();
-  					transition_in(if_block, 1);
-  					if_block.m(if_block_anchor.parentNode, if_block_anchor);
-  				}
-  			} else if (if_block) {
-  				group_outros();
-
-  				transition_out(if_block, 1, 1, () => {
-  					if_block = null;
-  				});
-
-  				check_outros();
-  			}
-  		},
-  		i: function intro(local) {
-  			if (current) return;
-  			transition_in(if_block);
-  			current = true;
-  		},
-  		o: function outro(local) {
-  			transition_out(if_block);
-  			current = false;
-  		},
-  		d: function destroy(detaching) {
-  			if (if_block) if_block.d(detaching);
-  			if (detaching) detach_dev(if_block_anchor);
-  		}
-  	};
-
-  	dispatch_dev("SvelteRegisterBlock", {
-  		block,
-  		id: create_fragment$3.name,
-  		type: "component",
-  		source: "",
-  		ctx
-  	});
-
-  	return block;
-  }
+  // (140:12) <TabList>
+  function create_default_slot_2(ctx) {
+    let each_blocks = [];
+    let each_1_lookup = new Map();
+    let each_1_anchor;
+    let current;
+    let each_value_2 = /*matches*/ ctx[0];
+    validate_each_argument(each_value_2);
+    const get_key = (ctx) => /*face*/ ctx[10].image;
+    validate_each_keys(ctx, each_value_2, get_each_context_2, get_key);
+
+    for (let i = 0; i < each_value_2.length; i += 1) {
+      let child_ctx = get_each_context_2(ctx, each_value_2, i);
+      let key = get_key(child_ctx);
+      each_1_lookup.set(
+        key,
+        (each_blocks[i] = create_each_block_2(key, child_ctx)),
+      );
+    }
 
-  function instance$3($$self, $$props, $$invalidate) {
-  	let { $$slots: slots = {}, $$scope } = $$props;
-  	validate_slots('Match', slots, []);
-  	let { matches = [] } = $$props;
-  	let matchesSelected = 0;
-  	let visible = false;
-  	let modal;
-
-  	onMount(() => {
-  		$$invalidate(1, visible = true);
-  	});
-
-  	async function close() {
-  		$$invalidate(1, visible = false);
-
-  		setTimeout(
-  			() => {
-  				modal.remove();
-  			},
-  			400
-  		);
-  	}
-
-  	function toggle() {
-  		$$invalidate(2, modal.style.opacity = modal.style.opacity == "0.1" ? "1.0" : "0.1", modal);
-  	}
-
-  	async function addPerformer(current, id_) {
-  		var performers = await getPerformers(id_);
-  		current.classList.add("assigned");
-
-  		// if the users doesn't have a performer with the same stash id, get the data from stash box and create a new performer
-  		if (performers.length === 0) {
-  			var performer = await getPerformerDataFromStashID(id_);
-
-  			if (performer === undefined) {
-  				current.classList.remove("assigned");
-  				alert("Could not retrieve performer data from stash box");
-  				return;
-  			}
-
-  			performer.image = performer.images[0];
-  			var endpoint = await getStashboxEndpoint();
-
-  			// delete some fields that are not needed and will not be accepted by local stash instance
-  			delete performer.images;
-
-  			delete performer.remote_site_id;
-
-  			if (performer.height) {
-  				performer.height_cm = performer.height;
-  				delete performer.height;
-  			}
-
-  			if (performer.aliases) {
-  				performer.alias_list = performer.aliases;
-  				delete performer.aliases;
-  			}
-
-  			// Remove attributes that are set to null
-  			Object.keys(performer).forEach(key => {
-  				if (performer[key] === null) {
-  					delete performer[key];
-  				}
-  			});
-
-  			performer.stash_ids = [{ endpoint, stash_id: id_ }];
-  			id_ = await createPerformer(performer);
-
-  			if ("errors" in id_) {
-  				current.classList.remove("assigned");
-  				alert("Error while creating performer:" + id_.errors[0].message);
-  				return;
-  			}
-
-  			id_ = id_.data.performerCreate.id;
-  		} else {
-  			id_ = performers[0].id;
-  		}
-
-  		let [scenario, scenarioId] = getScenarioAndID();
-  		var performIds;
-
-  		if (scenario === "scenes") {
-  			performIds = await getPerformersForScene(scenarioId);
-
-  			if (performIds.includes(id_)) {
-  				current.classList.remove("assigned");
-  				alert("Performer already assigned to scene");
-  				return;
-  			}
-
-  			performIds.push(id_);
-  			await updateScene(scenarioId, performIds);
-  		} else if (scenario === "images") {
-  			performIds = await getPerformersForImage(scenarioId);
-
-  			if (performIds.includes(id_)) {
-  				current.classList.remove("assigned");
-  				alert("Performer already assigned to image");
-  				return;
-  			}
-
-  			performIds.push(id_);
-  			await updateImage(scenarioId, performIds);
-  		}
-
-  		matchesSelected += 1;
-
-  		if (matchesSelected === matches.length) {
-  			close();
-  			window.location.reload();
-  		}
-  	}
-
-  	const writable_props = ['matches'];
-
-  	Object_1.keys($$props).forEach(key => {
-  		if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console.warn(`<Match> was created with unknown prop '${key}'`);
-  	});
-
-  	const click_handler = (match, event) => addPerformer(event.target, match.id);
-  	const keypress_handler = (match, event) => addPerformer(event.target, match.id);
-
-  	function div5_binding($$value) {
-  		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
-  			modal = $$value;
-  			$$invalidate(2, modal);
-  		});
-  	}
-
-  	$$self.$$set = $$props => {
-  		if ('matches' in $$props) $$invalidate(0, matches = $$props.matches);
-  	};
-
-  	$$self.$capture_state = () => ({
-  		onMount,
-  		Tab,
-  		TabList,
-  		TabPanel,
-  		Tabs,
-  		fly,
-  		createPerformer,
-  		getPerformerDataFromStashID,
-  		getPerformers,
-  		getPerformersForImage,
-  		getPerformersForScene,
-  		getScenarioAndID,
-  		getStashboxEndpoint,
-  		smoothload,
-  		updateImage,
-  		updateScene,
-  		matches,
-  		matchesSelected,
-  		visible,
-  		modal,
-  		close,
-  		toggle,
-  		addPerformer
-  	});
-
-  	$$self.$inject_state = $$props => {
-  		if ('matches' in $$props) $$invalidate(0, matches = $$props.matches);
-  		if ('matchesSelected' in $$props) matchesSelected = $$props.matchesSelected;
-  		if ('visible' in $$props) $$invalidate(1, visible = $$props.visible);
-  		if ('modal' in $$props) $$invalidate(2, modal = $$props.modal);
-  	};
-
-  	if ($$props && "$$inject" in $$props) {
-  		$$self.$inject_state($$props.$$inject);
-  	}
-
-  	return [
-  		matches,
-  		visible,
-  		modal,
-  		close,
-  		toggle,
-  		addPerformer,
-  		click_handler,
-  		keypress_handler,
-  		div5_binding
-  	];
-  }
+    const block = {
+      c: function create() {
+        for (let i = 0; i < each_blocks.length; i += 1) {
+          each_blocks[i].c();
+        }
 
-  class Match extends SvelteComponentDev {
-  	constructor(options) {
-  		super(options);
-  		init(this, options, instance$3, create_fragment$3, safe_not_equal, { matches: 0 });
+        each_1_anchor = empty();
+      },
+      m: function mount(target, anchor) {
+        for (let i = 0; i < each_blocks.length; i += 1) {
+          if (each_blocks[i]) {
+            each_blocks[i].m(target, anchor);
+          }
+        }
 
-  		dispatch_dev("SvelteRegisterComponent", {
-  			component: this,
-  			tagName: "Match",
-  			options,
-  			id: create_fragment$3.name
-  		});
-  	}
+        insert_dev(target, each_1_anchor, anchor);
+        current = true;
+      },
+      p: function update(ctx, dirty) {
+        if (dirty & /*matches*/ 1) {
+          each_value_2 = /*matches*/ ctx[0];
+          validate_each_argument(each_value_2);
+          group_outros();
+          validate_each_keys(ctx, each_value_2, get_each_context_2, get_key);
+          each_blocks = update_keyed_each(
+            each_blocks,
+            dirty,
+            get_key,
+            1,
+            ctx,
+            each_value_2,
+            each_1_lookup,
+            each_1_anchor.parentNode,
+            outro_and_destroy_block,
+            create_each_block_2,
+            each_1_anchor,
+            get_each_context_2,
+          );
+          check_outros();
+        }
+      },
+      i: function intro(local) {
+        if (current) return;
 
-  	get matches() {
-  		throw new Error("<Match>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
-  	}
+        for (let i = 0; i < each_value_2.length; i += 1) {
+          transition_in(each_blocks[i]);
+        }
 
-  	set matches(value) {
-  		throw new Error("<Match>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
-  	}
-  }
+        current = true;
+      },
+      o: function outro(local) {
+        for (let i = 0; i < each_blocks.length; i += 1) {
+          transition_out(each_blocks[i]);
+        }
 
-  var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+        current = false;
+      },
+      d: function destroy(detaching) {
+        for (let i = 0; i < each_blocks.length; i += 1) {
+          each_blocks[i].d(detaching);
+        }
 
-  function createCommonjsModule(fn) {
-    var module = { exports: {} };
-  	return fn(module, module.exports), module.exports;
-  }
+        if (detaching) detach_dev(each_1_anchor);
+      },
+    };
 
-  /*!
+    dispatch_dev("SvelteRegisterBlock", {
+      block,
+      id: create_default_slot_2.name,
+      type: "slot",
+      source: "(140:12) <TabList>",
+      ctx,
+    });
+
+    return block;
+  }
+
+  // (157:20) {#each performers as match, i (match.id)}
+  function create_each_block_1(key_1, ctx) {
+    let div4;
+    let div0;
+    let img;
+    let img_alt_value;
+    let img_src_value;
+    let t0;
+    let span0;
+    let span0_class_value;
+    let t1;
+    let div3;
+    let h5;
+    let div2;
+    let a;
+    let t2_value = /*match*/ ctx[14].name + "";
+    let t2;
+    let a_href_value;
+    let t3;
+    let span1;
+    let div1;
+    let t4_value = /*match*/ ctx[14].confidence + "";
+    let t4;
+    let t5;
+    let t6;
+    let div4_id_value;
+    let mounted;
+    let dispose;
+
+    function click_handler(...args) {
+      return /*click_handler*/ ctx[6](/*match*/ ctx[14], ...args);
+    }
+
+    function keypress_handler(...args) {
+      return /*keypress_handler*/ ctx[7](/*match*/ ctx[14], ...args);
+    }
+
+    const block = {
+      key: key_1,
+      first: null,
+      c: function create() {
+        div4 = element("div");
+        div0 = element("div");
+        img = element("img");
+        t0 = space();
+        span0 = element("span");
+        t1 = space();
+        div3 = element("div");
+        h5 = element("h5");
+        div2 = element("div");
+        a = element("a");
+        t2 = text(t2_value);
+        t3 = space();
+        span1 = element("span");
+        div1 = element("div");
+        t4 = text(t4_value);
+        t5 = text("%");
+        t6 = space();
+        attr_dev(img, "class", "performer-card-image svelte-ssoxzi");
+        attr_dev(img, "alt", (img_alt_value = /*match*/ ctx[14].name));
+        if (!src_url_equal(img.src, (img_src_value = /*match*/ ctx[14].image)))
+          attr_dev(img, "src", img_src_value);
+        add_location(img, file$3, 167, 26, 4739);
+        attr_dev(
+          span0,
+          "class",
+          (span0_class_value =
+            "performer-card__country-flag fi fi-" +
+            /*match*/ ctx[14].country?.toLowerCase() +
+            " svelte-ssoxzi"),
+        );
+        add_location(span0, file$3, 173, 26, 4990);
+        attr_dev(div0, "class", "thumbnail-section svelte-ssoxzi");
+        add_location(div0, file$3, 166, 24, 4681);
+        attr_dev(
+          a,
+          "href",
+          (a_href_value =
+            "https://stashdb.org/performers/" + /*match*/ ctx[14].id),
+        );
+        attr_dev(a, "target", "_blank");
+        attr_dev(a, "class", "svelte-ssoxzi");
+        add_location(a, file$3, 180, 30, 5374);
+        attr_dev(div1, "class", "svelte-ssoxzi");
+        add_location(div1, file$3, 187, 33, 5721);
+        attr_dev(span1, "class", "tag-item badge badge-pill svelte-ssoxzi");
+        add_location(span1, file$3, 186, 30, 5648);
+        set_style(div2, "-webkit-line-clamp", "2");
+        attr_dev(div2, "class", "svelte-ssoxzi");
+        add_location(div2, file$3, 179, 28, 5308);
+        attr_dev(h5, "class", "card-section-title flex-aligned svelte-ssoxzi");
+        add_location(h5, file$3, 178, 26, 5235);
+        attr_dev(div3, "class", "card-section svelte-ssoxzi");
+        add_location(div3, file$3, 177, 24, 5182);
+        attr_dev(div4, "draggable", "false");
+        attr_dev(div4, "class", "performer-card grid-card card svelte-ssoxzi");
+        attr_dev(div4, "id", (div4_id_value = "face-" + /*i*/ ctx[13]));
+        add_location(div4, file$3, 157, 22, 4265);
+        this.first = div4;
+      },
+      m: function mount(target, anchor) {
+        insert_dev(target, div4, anchor);
+        append_dev(div4, div0);
+        append_dev(div0, img);
+        append_dev(div0, t0);
+        append_dev(div0, span0);
+        append_dev(div4, t1);
+        append_dev(div4, div3);
+        append_dev(div3, h5);
+        append_dev(h5, div2);
+        append_dev(div2, a);
+        append_dev(a, t2);
+        append_dev(div2, t3);
+        append_dev(div2, span1);
+        append_dev(span1, div1);
+        append_dev(div1, t4);
+        append_dev(div1, t5);
+        append_dev(div4, t6);
+
+        if (!mounted) {
+          dispose = [
+            action_destroyer(smoothload.call(null, img)),
+            listen_dev(
+              div4,
+              "click",
+              click_handler,
+              false,
+              false,
+              false,
+              false,
+            ),
+            listen_dev(
+              div4,
+              "keypress",
+              keypress_handler,
+              false,
+              false,
+              false,
+              false,
+            ),
+          ];
+
+          mounted = true;
+        }
+      },
+      p: function update(new_ctx, dirty) {
+        ctx = new_ctx;
+
+        if (
+          dirty & /*matches*/ 1 &&
+          img_alt_value !== (img_alt_value = /*match*/ ctx[14].name)
+        ) {
+          attr_dev(img, "alt", img_alt_value);
+        }
+
+        if (
+          dirty & /*matches*/ 1 &&
+          !src_url_equal(img.src, (img_src_value = /*match*/ ctx[14].image))
+        ) {
+          attr_dev(img, "src", img_src_value);
+        }
+
+        if (
+          dirty & /*matches*/ 1 &&
+          span0_class_value !==
+            (span0_class_value =
+              "performer-card__country-flag fi fi-" +
+              /*match*/ ctx[14].country?.toLowerCase() +
+              " svelte-ssoxzi")
+        ) {
+          attr_dev(span0, "class", span0_class_value);
+        }
+
+        if (
+          dirty & /*matches*/ 1 &&
+          t2_value !== (t2_value = /*match*/ ctx[14].name + "")
+        )
+          set_data_dev(t2, t2_value);
+
+        if (
+          dirty & /*matches*/ 1 &&
+          a_href_value !==
+            (a_href_value =
+              "https://stashdb.org/performers/" + /*match*/ ctx[14].id)
+        ) {
+          attr_dev(a, "href", a_href_value);
+        }
+
+        if (
+          dirty & /*matches*/ 1 &&
+          t4_value !== (t4_value = /*match*/ ctx[14].confidence + "")
+        )
+          set_data_dev(t4, t4_value);
+
+        if (
+          dirty & /*matches*/ 1 &&
+          div4_id_value !== (div4_id_value = "face-" + /*i*/ ctx[13])
+        ) {
+          attr_dev(div4, "id", div4_id_value);
+        }
+      },
+      d: function destroy(detaching) {
+        if (detaching) detach_dev(div4);
+        mounted = false;
+        run_all(dispose);
+      },
+    };
+
+    dispatch_dev("SvelteRegisterBlock", {
+      block,
+      id: create_each_block_1.name,
+      type: "each",
+      source: "(157:20) {#each performers as match, i (match.id)}",
+      ctx,
+    });
+
+    return block;
+  }
+
+  // (154:14) <TabPanel>
+  function create_default_slot_1(ctx) {
+    let div1;
+    let div0;
+    let each_blocks = [];
+    let each_1_lookup = new Map();
+    let t;
+    let each_value_1 = /*performers*/ ctx[11];
+    validate_each_argument(each_value_1);
+    const get_key = (ctx) => /*match*/ ctx[14].id;
+    validate_each_keys(ctx, each_value_1, get_each_context_1, get_key);
+
+    for (let i = 0; i < each_value_1.length; i += 1) {
+      let child_ctx = get_each_context_1(ctx, each_value_1, i);
+      let key = get_key(child_ctx);
+      each_1_lookup.set(
+        key,
+        (each_blocks[i] = create_each_block_1(key, child_ctx)),
+      );
+    }
+
+    const block = {
+      c: function create() {
+        div1 = element("div");
+        div0 = element("div");
+
+        for (let i = 0; i < each_blocks.length; i += 1) {
+          each_blocks[i].c();
+        }
+
+        t = space();
+        attr_dev(div0, "class", "carousel svelte-ssoxzi");
+        add_location(div0, file$3, 155, 18, 4158);
+        attr_dev(div1, "class", "row svelte-ssoxzi");
+        add_location(div1, file$3, 154, 16, 4122);
+      },
+      m: function mount(target, anchor) {
+        insert_dev(target, div1, anchor);
+        append_dev(div1, div0);
+
+        for (let i = 0; i < each_blocks.length; i += 1) {
+          if (each_blocks[i]) {
+            each_blocks[i].m(div0, null);
+          }
+        }
+
+        insert_dev(target, t, anchor);
+      },
+      p: function update(ctx, dirty) {
+        if (dirty & /*matches, addPerformer*/ 33) {
+          each_value_1 = /*performers*/ ctx[11];
+          validate_each_argument(each_value_1);
+          validate_each_keys(ctx, each_value_1, get_each_context_1, get_key);
+          each_blocks = update_keyed_each(
+            each_blocks,
+            dirty,
+            get_key,
+            1,
+            ctx,
+            each_value_1,
+            each_1_lookup,
+            div0,
+            destroy_block,
+            create_each_block_1,
+            null,
+            get_each_context_1,
+          );
+        }
+      },
+      d: function destroy(detaching) {
+        if (detaching) detach_dev(div1);
+
+        for (let i = 0; i < each_blocks.length; i += 1) {
+          each_blocks[i].d();
+        }
+
+        if (detaching) detach_dev(t);
+      },
+    };
+
+    dispatch_dev("SvelteRegisterBlock", {
+      block,
+      id: create_default_slot_1.name,
+      type: "slot",
+      source: "(154:14) <TabPanel>",
+      ctx,
+    });
+
+    return block;
+  }
+
+  // (152:12) {#each matches as face, i (face.image)}
+  function create_each_block$1(key_1, ctx) {
+    let first;
+    let tabpanel;
+    let current;
+
+    tabpanel = new TabPanel({
+      props: {
+        $$slots: { default: [create_default_slot_1] },
+        $$scope: { ctx },
+      },
+      $$inline: true,
+    });
+
+    const block = {
+      key: key_1,
+      first: null,
+      c: function create() {
+        first = empty();
+        create_component(tabpanel.$$.fragment);
+        this.first = first;
+      },
+      m: function mount(target, anchor) {
+        insert_dev(target, first, anchor);
+        mount_component(tabpanel, target, anchor);
+        current = true;
+      },
+      p: function update(new_ctx, dirty) {
+        ctx = new_ctx;
+        const tabpanel_changes = {};
+
+        if (dirty & /*$$scope, matches*/ 131073) {
+          tabpanel_changes.$$scope = { dirty, ctx };
+        }
+
+        tabpanel.$set(tabpanel_changes);
+      },
+      i: function intro(local) {
+        if (current) return;
+        transition_in(tabpanel.$$.fragment, local);
+        current = true;
+      },
+      o: function outro(local) {
+        transition_out(tabpanel.$$.fragment, local);
+        current = false;
+      },
+      d: function destroy(detaching) {
+        if (detaching) detach_dev(first);
+        destroy_component(tabpanel, detaching);
+      },
+    };
+
+    dispatch_dev("SvelteRegisterBlock", {
+      block,
+      id: create_each_block$1.name,
+      type: "each",
+      source: "(152:12) {#each matches as face, i (face.image)}",
+      ctx,
+    });
+
+    return block;
+  }
+
+  // (139:10) <Tabs>
+  function create_default_slot(ctx) {
+    let tablist;
+    let t;
+    let each_blocks = [];
+    let each_1_lookup = new Map();
+    let each_1_anchor;
+    let current;
+
+    tablist = new TabList({
+      props: {
+        $$slots: { default: [create_default_slot_2] },
+        $$scope: { ctx },
+      },
+      $$inline: true,
+    });
+
+    let each_value = /*matches*/ ctx[0];
+    validate_each_argument(each_value);
+    const get_key = (ctx) => /*face*/ ctx[10].image;
+    validate_each_keys(ctx, each_value, get_each_context$1, get_key);
+
+    for (let i = 0; i < each_value.length; i += 1) {
+      let child_ctx = get_each_context$1(ctx, each_value, i);
+      let key = get_key(child_ctx);
+      each_1_lookup.set(
+        key,
+        (each_blocks[i] = create_each_block$1(key, child_ctx)),
+      );
+    }
+
+    const block = {
+      c: function create() {
+        create_component(tablist.$$.fragment);
+        t = space();
+
+        for (let i = 0; i < each_blocks.length; i += 1) {
+          each_blocks[i].c();
+        }
+
+        each_1_anchor = empty();
+      },
+      m: function mount(target, anchor) {
+        mount_component(tablist, target, anchor);
+        insert_dev(target, t, anchor);
+
+        for (let i = 0; i < each_blocks.length; i += 1) {
+          if (each_blocks[i]) {
+            each_blocks[i].m(target, anchor);
+          }
+        }
+
+        insert_dev(target, each_1_anchor, anchor);
+        current = true;
+      },
+      p: function update(ctx, dirty) {
+        const tablist_changes = {};
+
+        if (dirty & /*$$scope, matches*/ 131073) {
+          tablist_changes.$$scope = { dirty, ctx };
+        }
+
+        tablist.$set(tablist_changes);
+
+        if (dirty & /*matches, addPerformer*/ 33) {
+          each_value = /*matches*/ ctx[0];
+          validate_each_argument(each_value);
+          group_outros();
+          validate_each_keys(ctx, each_value, get_each_context$1, get_key);
+          each_blocks = update_keyed_each(
+            each_blocks,
+            dirty,
+            get_key,
+            1,
+            ctx,
+            each_value,
+            each_1_lookup,
+            each_1_anchor.parentNode,
+            outro_and_destroy_block,
+            create_each_block$1,
+            each_1_anchor,
+            get_each_context$1,
+          );
+          check_outros();
+        }
+      },
+      i: function intro(local) {
+        if (current) return;
+        transition_in(tablist.$$.fragment, local);
+
+        for (let i = 0; i < each_value.length; i += 1) {
+          transition_in(each_blocks[i]);
+        }
+
+        current = true;
+      },
+      o: function outro(local) {
+        transition_out(tablist.$$.fragment, local);
+
+        for (let i = 0; i < each_blocks.length; i += 1) {
+          transition_out(each_blocks[i]);
+        }
+
+        current = false;
+      },
+      d: function destroy(detaching) {
+        destroy_component(tablist, detaching);
+        if (detaching) detach_dev(t);
+
+        for (let i = 0; i < each_blocks.length; i += 1) {
+          each_blocks[i].d(detaching);
+        }
+
+        if (detaching) detach_dev(each_1_anchor);
+      },
+    };
+
+    dispatch_dev("SvelteRegisterBlock", {
+      block,
+      id: create_default_slot.name,
+      type: "slot",
+      source: "(139:10) <Tabs>",
+      ctx,
+    });
+
+    return block;
+  }
+
+  function create_fragment$3(ctx) {
+    let if_block_anchor;
+    let current;
+    let if_block = /*visible*/ ctx[1] && create_if_block(ctx);
+
+    const block = {
+      c: function create() {
+        if (if_block) if_block.c();
+        if_block_anchor = empty();
+      },
+      l: function claim(nodes) {
+        throw new Error(
+          "options.hydrate only works if the component was compiled with the `hydratable: true` option",
+        );
+      },
+      m: function mount(target, anchor) {
+        if (if_block) if_block.m(target, anchor);
+        insert_dev(target, if_block_anchor, anchor);
+        current = true;
+      },
+      p: function update(ctx, [dirty]) {
+        if (/*visible*/ ctx[1]) {
+          if (if_block) {
+            if_block.p(ctx, dirty);
+
+            if (dirty & /*visible*/ 2) {
+              transition_in(if_block, 1);
+            }
+          } else {
+            if_block = create_if_block(ctx);
+            if_block.c();
+            transition_in(if_block, 1);
+            if_block.m(if_block_anchor.parentNode, if_block_anchor);
+          }
+        } else if (if_block) {
+          group_outros();
+
+          transition_out(if_block, 1, 1, () => {
+            if_block = null;
+          });
+
+          check_outros();
+        }
+      },
+      i: function intro(local) {
+        if (current) return;
+        transition_in(if_block);
+        current = true;
+      },
+      o: function outro(local) {
+        transition_out(if_block);
+        current = false;
+      },
+      d: function destroy(detaching) {
+        if (if_block) if_block.d(detaching);
+        if (detaching) detach_dev(if_block_anchor);
+      },
+    };
+
+    dispatch_dev("SvelteRegisterBlock", {
+      block,
+      id: create_fragment$3.name,
+      type: "component",
+      source: "",
+      ctx,
+    });
+
+    return block;
+  }
+
+  function instance$3($$self, $$props, $$invalidate) {
+    let { $$slots: slots = {}, $$scope } = $$props;
+    validate_slots("Match", slots, []);
+    let { matches = [] } = $$props;
+    let matchesSelected = 0;
+    let visible = false;
+    let modal;
+
+    onMount(() => {
+      $$invalidate(1, (visible = true));
+    });
+
+    async function close() {
+      $$invalidate(1, (visible = false));
+
+      setTimeout(() => {
+        modal.remove();
+      }, 400);
+    }
+
+    function toggle() {
+      $$invalidate(
+        2,
+        (modal.style.opacity = modal.style.opacity == "0.1" ? "1.0" : "0.1"),
+        modal,
+      );
+    }
+
+    async function addPerformer(current, id_) {
+      var performers = await getPerformers(id_);
+      current.classList.add("assigned");
+
+      // if the users doesn't have a performer with the same stash id, get the data from stash box and create a new performer
+      if (performers.length === 0) {
+        var performer = await getPerformerDataFromStashID(id_);
+
+        if (performer === undefined) {
+          current.classList.remove("assigned");
+          alert("Could not retrieve performer data from stash box");
+          return;
+        }
+
+        performer.image = performer.images[0];
+        var endpoint = await getStashboxEndpoint();
+
+        // delete some fields that are not needed and will not be accepted by local stash instance
+        delete performer.images;
+
+        delete performer.remote_site_id;
+
+        if (performer.height) {
+          performer.height_cm = performer.height;
+          delete performer.height;
+        }
+
+        if (performer.aliases) {
+          performer.alias_list = performer.aliases;
+          delete performer.aliases;
+        }
+
+        // Remove attributes that are set to null
+        Object.keys(performer).forEach((key) => {
+          if (performer[key] === null) {
+            delete performer[key];
+          }
+        });
+
+        performer.stash_ids = [{ endpoint, stash_id: id_ }];
+        id_ = await createPerformer(performer);
+
+        if ("errors" in id_) {
+          current.classList.remove("assigned");
+          alert("Error while creating performer:" + id_.errors[0].message);
+          return;
+        }
+
+        id_ = id_.data.performerCreate.id;
+      } else {
+        id_ = performers[0].id;
+      }
+
+      let [scenario, scenarioId] = getScenarioAndID();
+      var performIds;
+
+      if (scenario === "scenes") {
+        performIds = await getPerformersForScene(scenarioId);
+
+        if (performIds.includes(id_)) {
+          current.classList.remove("assigned");
+          alert("Performer already assigned to scene");
+          return;
+        }
+
+        performIds.push(id_);
+        await updateScene(scenarioId, performIds);
+      } else if (scenario === "images") {
+        performIds = await getPerformersForImage(scenarioId);
+
+        if (performIds.includes(id_)) {
+          current.classList.remove("assigned");
+          alert("Performer already assigned to image");
+          return;
+        }
+
+        performIds.push(id_);
+        await updateImage(scenarioId, performIds);
+      }
+
+      matchesSelected += 1;
+
+      if (matchesSelected === matches.length) {
+        close();
+        window.location.reload();
+      }
+    }
+
+    const writable_props = ["matches"];
+
+    Object_1.keys($$props).forEach((key) => {
+      if (
+        !~writable_props.indexOf(key) &&
+        key.slice(0, 2) !== "$$" &&
+        key !== "slot"
+      )
+        console.warn(`<Match> was created with unknown prop '${key}'`);
+    });
+
+    const click_handler = (match, event) =>
+      addPerformer(event.target, match.id);
+    const keypress_handler = (match, event) =>
+      addPerformer(event.target, match.id);
+
+    function div5_binding($$value) {
+      binding_callbacks[$$value ? "unshift" : "push"](() => {
+        modal = $$value;
+        $$invalidate(2, modal);
+      });
+    }
+
+    $$self.$$set = ($$props) => {
+      if ("matches" in $$props) $$invalidate(0, (matches = $$props.matches));
+    };
+
+    $$self.$capture_state = () => ({
+      onMount,
+      Tab,
+      TabList,
+      TabPanel,
+      Tabs,
+      fly,
+      createPerformer,
+      getPerformerDataFromStashID,
+      getPerformers,
+      getPerformersForImage,
+      getPerformersForScene,
+      getScenarioAndID,
+      getStashboxEndpoint,
+      smoothload,
+      updateImage,
+      updateScene,
+      matches,
+      matchesSelected,
+      visible,
+      modal,
+      close,
+      toggle,
+      addPerformer,
+    });
+
+    $$self.$inject_state = ($$props) => {
+      if ("matches" in $$props) $$invalidate(0, (matches = $$props.matches));
+      if ("matchesSelected" in $$props)
+        matchesSelected = $$props.matchesSelected;
+      if ("visible" in $$props) $$invalidate(1, (visible = $$props.visible));
+      if ("modal" in $$props) $$invalidate(2, (modal = $$props.modal));
+    };
+
+    if ($$props && "$$inject" in $$props) {
+      $$self.$inject_state($$props.$$inject);
+    }
+
+    return [
+      matches,
+      visible,
+      modal,
+      close,
+      toggle,
+      addPerformer,
+      click_handler,
+      keypress_handler,
+      div5_binding,
+    ];
+  }
+
+  class Match extends SvelteComponentDev {
+    constructor(options) {
+      super(options);
+      init(this, options, instance$3, create_fragment$3, safe_not_equal, {
+        matches: 0,
+      });
+
+      dispatch_dev("SvelteRegisterComponent", {
+        component: this,
+        tagName: "Match",
+        options,
+        id: create_fragment$3.name,
+      });
+    }
+
+    get matches() {
+      throw new Error(
+        "<Match>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+      );
+    }
+
+    set matches(value) {
+      throw new Error(
+        "<Match>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+      );
+    }
+  }
+
+  var commonjsGlobal =
+    typeof globalThis !== "undefined"
+      ? globalThis
+      : typeof window !== "undefined"
+        ? window
+        : typeof global !== "undefined"
+          ? global
+          : typeof self !== "undefined"
+            ? self
+            : {};
+
+  function createCommonjsModule(fn) {
+    var module = { exports: {} };
+    return fn(module, module.exports), module.exports;
+  }
+
+  /*!
    * html2canvas 1.4.1 <https://html2canvas.hertzen.com>
    * Copyright (c) 2022 Niklas von Hertzen <https://hertzen.com>
    * Released under MIT License
    */
 
   var html2canvas = createCommonjsModule(function (module, exports) {
-  (function (global, factory) {
-      module.exports = factory() ;
-  }(commonjsGlobal, (function () {
-      /*! *****************************************************************************
-      Copyright (c) Microsoft Corporation.
-
-      Permission to use, copy, modify, and/or distribute this software for any
-      purpose with or without fee is hereby granted.
-
-      THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-      REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-      AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-      INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-      LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-      OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-      PERFORMANCE OF THIS SOFTWARE.
-      ***************************************************************************** */
-      /* global Reflect, Promise */
-
-      var extendStatics = function(d, b) {
-          extendStatics = Object.setPrototypeOf ||
-              ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-              function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-          return extendStatics(d, b);
-      };
-
-      function __extends(d, b) {
-          if (typeof b !== "function" && b !== null)
-              throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-          extendStatics(d, b);
-          function __() { this.constructor = d; }
-          d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-      }
-
-      var __assign = function() {
-          __assign = Object.assign || function __assign(t) {
-              for (var s, i = 1, n = arguments.length; i < n; i++) {
-                  s = arguments[i];
-                  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-              }
-              return t;
-          };
-          return __assign.apply(this, arguments);
-      };
-
-      function __awaiter(thisArg, _arguments, P, generator) {
-          function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-          return new (P || (P = Promise))(function (resolve, reject) {
-              function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-              function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-              function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-              step((generator = generator.apply(thisArg, _arguments || [])).next());
-          });
-      }
-
-      function __generator(thisArg, body) {
-          var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-          return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-          function verb(n) { return function (v) { return step([n, v]); }; }
-          function step(op) {
-              if (f) throw new TypeError("Generator is already executing.");
-              while (_) try {
-                  if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-                  if (y = 0, t) op = [op[0] & 2, t.value];
-                  switch (op[0]) {
-                      case 0: case 1: t = op; break;
-                      case 4: _.label++; return { value: op[1], done: false };
-                      case 5: _.label++; y = op[1]; op = [0]; continue;
-                      case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                      default:
-                          if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                          if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                          if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                          if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                          if (t[2]) _.ops.pop();
-                          _.trys.pop(); continue;
-                  }
-                  op = body.call(thisArg, _);
-              } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-              if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-          }
-      }
-
-      function __spreadArray(to, from, pack) {
-          if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-              if (ar || !(i in from)) {
-                  if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-                  ar[i] = from[i];
-              }
-          }
-          return to.concat(ar || from);
+    (function (global, factory) {
+      module.exports = factory();
+    })(commonjsGlobal, function () {
+      /*! *****************************************************************************
+      Copyright (c) Microsoft Corporation.
+
+      Permission to use, copy, modify, and/or distribute this software for any
+      purpose with or without fee is hereby granted.
+
+      THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+      REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+      AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+      INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+      LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+      OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+      PERFORMANCE OF THIS SOFTWARE.
+      ***************************************************************************** */
+      /* global Reflect, Promise */
+
+      var extendStatics = function (d, b) {
+        extendStatics =
+          Object.setPrototypeOf ||
+          ({ __proto__: [] } instanceof Array &&
+            function (d, b) {
+              d.__proto__ = b;
+            }) ||
+          function (d, b) {
+            for (var p in b)
+              if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];
+          };
+        return extendStatics(d, b);
+      };
+
+      function __extends(d, b) {
+        if (typeof b !== "function" && b !== null)
+          throw new TypeError(
+            "Class extends value " +
+              String(b) +
+              " is not a constructor or null",
+          );
+        extendStatics(d, b);
+        function __() {
+          this.constructor = d;
+        }
+        d.prototype =
+          b === null
+            ? Object.create(b)
+            : ((__.prototype = b.prototype), new __());
       }
 
-      var Bounds = /** @class */ (function () {
-          function Bounds(left, top, width, height) {
-              this.left = left;
-              this.top = top;
-              this.width = width;
-              this.height = height;
-          }
-          Bounds.prototype.add = function (x, y, w, h) {
-              return new Bounds(this.left + x, this.top + y, this.width + w, this.height + h);
+      var __assign = function () {
+        __assign =
+          Object.assign ||
+          function __assign(t) {
+            for (var s, i = 1, n = arguments.length; i < n; i++) {
+              s = arguments[i];
+              for (var p in s)
+                if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+            }
+            return t;
           };
-          Bounds.fromClientRect = function (context, clientRect) {
-              return new Bounds(clientRect.left + context.windowBounds.left, clientRect.top + context.windowBounds.top, clientRect.width, clientRect.height);
-          };
-          Bounds.fromDOMRectList = function (context, domRectList) {
-              var domRect = Array.from(domRectList).find(function (rect) { return rect.width !== 0; });
-              return domRect
-                  ? new Bounds(domRect.left + context.windowBounds.left, domRect.top + context.windowBounds.top, domRect.width, domRect.height)
-                  : Bounds.EMPTY;
+        return __assign.apply(this, arguments);
+      };
+
+      function __awaiter(thisArg, _arguments, P, generator) {
+        function adopt(value) {
+          return value instanceof P
+            ? value
+            : new P(function (resolve) {
+                resolve(value);
+              });
+        }
+        return new (P || (P = Promise))(function (resolve, reject) {
+          function fulfilled(value) {
+            try {
+              step(generator.next(value));
+            } catch (e) {
+              reject(e);
+            }
+          }
+          function rejected(value) {
+            try {
+              step(generator["throw"](value));
+            } catch (e) {
+              reject(e);
+            }
+          }
+          function step(result) {
+            result.done
+              ? resolve(result.value)
+              : adopt(result.value).then(fulfilled, rejected);
+          }
+          step((generator = generator.apply(thisArg, _arguments || [])).next());
+        });
+      }
+
+      function __generator(thisArg, body) {
+        var _ = {
+            label: 0,
+            sent: function () {
+              if (t[0] & 1) throw t[1];
+              return t[1];
+            },
+            trys: [],
+            ops: [],
+          },
+          f,
+          y,
+          t,
+          g;
+        return (
+          (g = { next: verb(0), throw: verb(1), return: verb(2) }),
+          typeof Symbol === "function" &&
+            (g[Symbol.iterator] = function () {
+              return this;
+            }),
+          g
+        );
+        function verb(n) {
+          return function (v) {
+            return step([n, v]);
           };
-          Bounds.EMPTY = new Bounds(0, 0, 0, 0);
-          return Bounds;
-      }());
+        }
+        function step(op) {
+          if (f) throw new TypeError("Generator is already executing.");
+          while (_)
+            try {
+              if (
+                ((f = 1),
+                y &&
+                  (t =
+                    op[0] & 2
+                      ? y["return"]
+                      : op[0]
+                        ? y["throw"] || ((t = y["return"]) && t.call(y), 0)
+                        : y.next) &&
+                  !(t = t.call(y, op[1])).done)
+              )
+                return t;
+              if (((y = 0), t)) op = [op[0] & 2, t.value];
+              switch (op[0]) {
+                case 0:
+                case 1:
+                  t = op;
+                  break;
+                case 4:
+                  _.label++;
+                  return { value: op[1], done: false };
+                case 5:
+                  _.label++;
+                  y = op[1];
+                  op = [0];
+                  continue;
+                case 7:
+                  op = _.ops.pop();
+                  _.trys.pop();
+                  continue;
+                default:
+                  if (
+                    !((t = _.trys), (t = t.length > 0 && t[t.length - 1])) &&
+                    (op[0] === 6 || op[0] === 2)
+                  ) {
+                    _ = 0;
+                    continue;
+                  }
+                  if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) {
+                    _.label = op[1];
+                    break;
+                  }
+                  if (op[0] === 6 && _.label < t[1]) {
+                    _.label = t[1];
+                    t = op;
+                    break;
+                  }
+                  if (t && _.label < t[2]) {
+                    _.label = t[2];
+                    _.ops.push(op);
+                    break;
+                  }
+                  if (t[2]) _.ops.pop();
+                  _.trys.pop();
+                  continue;
+              }
+              op = body.call(thisArg, _);
+            } catch (e) {
+              op = [6, e];
+              y = 0;
+            } finally {
+              f = t = 0;
+            }
+          if (op[0] & 5) throw op[1];
+          return { value: op[0] ? op[1] : void 0, done: true };
+        }
+      }
+
+      function __spreadArray(to, from, pack) {
+        if (pack || arguments.length === 2)
+          for (var i = 0, l = from.length, ar; i < l; i++) {
+            if (ar || !(i in from)) {
+              if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+              ar[i] = from[i];
+            }
+          }
+        return to.concat(ar || from);
+      }
+
+      var Bounds = /** @class */ (function () {
+        function Bounds(left, top, width, height) {
+          this.left = left;
+          this.top = top;
+          this.width = width;
+          this.height = height;
+        }
+        Bounds.prototype.add = function (x, y, w, h) {
+          return new Bounds(
+            this.left + x,
+            this.top + y,
+            this.width + w,
+            this.height + h,
+          );
+        };
+        Bounds.fromClientRect = function (context, clientRect) {
+          return new Bounds(
+            clientRect.left + context.windowBounds.left,
+            clientRect.top + context.windowBounds.top,
+            clientRect.width,
+            clientRect.height,
+          );
+        };
+        Bounds.fromDOMRectList = function (context, domRectList) {
+          var domRect = Array.from(domRectList).find(function (rect) {
+            return rect.width !== 0;
+          });
+          return domRect
+            ? new Bounds(
+                domRect.left + context.windowBounds.left,
+                domRect.top + context.windowBounds.top,
+                domRect.width,
+                domRect.height,
+              )
+            : Bounds.EMPTY;
+        };
+        Bounds.EMPTY = new Bounds(0, 0, 0, 0);
+        return Bounds;
+      })();
       var parseBounds = function (context, node) {
-          return Bounds.fromClientRect(context, node.getBoundingClientRect());
+        return Bounds.fromClientRect(context, node.getBoundingClientRect());
       };
       var parseDocumentSize = function (document) {
-          var body = document.body;
-          var documentElement = document.documentElement;
-          if (!body || !documentElement) {
-              throw new Error("Unable to get document size");
-          }
-          var width = Math.max(Math.max(body.scrollWidth, documentElement.scrollWidth), Math.max(body.offsetWidth, documentElement.offsetWidth), Math.max(body.clientWidth, documentElement.clientWidth));
-          var height = Math.max(Math.max(body.scrollHeight, documentElement.scrollHeight), Math.max(body.offsetHeight, documentElement.offsetHeight), Math.max(body.clientHeight, documentElement.clientHeight));
-          return new Bounds(0, 0, width, height);
+        var body = document.body;
+        var documentElement = document.documentElement;
+        if (!body || !documentElement) {
+          throw new Error("Unable to get document size");
+        }
+        var width = Math.max(
+          Math.max(body.scrollWidth, documentElement.scrollWidth),
+          Math.max(body.offsetWidth, documentElement.offsetWidth),
+          Math.max(body.clientWidth, documentElement.clientWidth),
+        );
+        var height = Math.max(
+          Math.max(body.scrollHeight, documentElement.scrollHeight),
+          Math.max(body.offsetHeight, documentElement.offsetHeight),
+          Math.max(body.clientHeight, documentElement.clientHeight),
+        );
+        return new Bounds(0, 0, width, height);
       };
 
       /*
@@ -3291,63 +3829,67 @@
        * Released under MIT License
        */
       var toCodePoints$1 = function (str) {
-          var codePoints = [];
-          var i = 0;
-          var length = str.length;
-          while (i < length) {
-              var value = str.charCodeAt(i++);
-              if (value >= 0xd800 && value <= 0xdbff && i < length) {
-                  var extra = str.charCodeAt(i++);
-                  if ((extra & 0xfc00) === 0xdc00) {
-                      codePoints.push(((value & 0x3ff) << 10) + (extra & 0x3ff) + 0x10000);
-                  }
-                  else {
-                      codePoints.push(value);
-                      i--;
-                  }
-              }
-              else {
-                  codePoints.push(value);
-              }
+        var codePoints = [];
+        var i = 0;
+        var length = str.length;
+        while (i < length) {
+          var value = str.charCodeAt(i++);
+          if (value >= 0xd800 && value <= 0xdbff && i < length) {
+            var extra = str.charCodeAt(i++);
+            if ((extra & 0xfc00) === 0xdc00) {
+              codePoints.push(
+                ((value & 0x3ff) << 10) + (extra & 0x3ff) + 0x10000,
+              );
+            } else {
+              codePoints.push(value);
+              i--;
+            }
+          } else {
+            codePoints.push(value);
           }
-          return codePoints;
+        }
+        return codePoints;
       };
       var fromCodePoint$1 = function () {
-          var codePoints = [];
-          for (var _i = 0; _i < arguments.length; _i++) {
-              codePoints[_i] = arguments[_i];
-          }
-          if (String.fromCodePoint) {
-              return String.fromCodePoint.apply(String, codePoints);
-          }
-          var length = codePoints.length;
-          if (!length) {
-              return '';
-          }
-          var codeUnits = [];
-          var index = -1;
-          var result = '';
-          while (++index < length) {
-              var codePoint = codePoints[index];
-              if (codePoint <= 0xffff) {
-                  codeUnits.push(codePoint);
-              }
-              else {
-                  codePoint -= 0x10000;
-                  codeUnits.push((codePoint >> 10) + 0xd800, (codePoint % 0x400) + 0xdc00);
-              }
-              if (index + 1 === length || codeUnits.length > 0x4000) {
-                  result += String.fromCharCode.apply(String, codeUnits);
-                  codeUnits.length = 0;
-              }
+        var codePoints = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+          codePoints[_i] = arguments[_i];
+        }
+        if (String.fromCodePoint) {
+          return String.fromCodePoint.apply(String, codePoints);
+        }
+        var length = codePoints.length;
+        if (!length) {
+          return "";
+        }
+        var codeUnits = [];
+        var index = -1;
+        var result = "";
+        while (++index < length) {
+          var codePoint = codePoints[index];
+          if (codePoint <= 0xffff) {
+            codeUnits.push(codePoint);
+          } else {
+            codePoint -= 0x10000;
+            codeUnits.push(
+              (codePoint >> 10) + 0xd800,
+              (codePoint % 0x400) + 0xdc00,
+            );
+          }
+          if (index + 1 === length || codeUnits.length > 0x4000) {
+            result += String.fromCharCode.apply(String, codeUnits);
+            codeUnits.length = 0;
           }
-          return result;
+        }
+        return result;
       };
-      var chars$2 = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/';
+      var chars$2 =
+        "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";
       // Use a lookup table to find the index.
-      var lookup$2 = typeof Uint8Array === 'undefined' ? [] : new Uint8Array(256);
+      var lookup$2 =
+        typeof Uint8Array === "undefined" ? [] : new Uint8Array(256);
       for (var i$2 = 0; i$2 < chars$2.length; i$2++) {
-          lookup$2[chars$2.charCodeAt(i$2)] = i$2;
+        lookup$2[chars$2.charCodeAt(i$2)] = i$2;
       }
 
       /*
@@ -3355,52 +3897,67 @@
        * Copyright (c) 2022 Niklas von Hertzen <https://hertzen.com>
        * Released under MIT License
        */
-      var chars$1$1 = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/';
+      var chars$1$1 =
+        "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";
       // Use a lookup table to find the index.
-      var lookup$1$1 = typeof Uint8Array === 'undefined' ? [] : new Uint8Array(256);
+      var lookup$1$1 =
+        typeof Uint8Array === "undefined" ? [] : new Uint8Array(256);
       for (var i$1$1 = 0; i$1$1 < chars$1$1.length; i$1$1++) {
-          lookup$1$1[chars$1$1.charCodeAt(i$1$1)] = i$1$1;
+        lookup$1$1[chars$1$1.charCodeAt(i$1$1)] = i$1$1;
       }
       var decode$1 = function (base64) {
-          var bufferLength = base64.length * 0.75, len = base64.length, i, p = 0, encoded1, encoded2, encoded3, encoded4;
-          if (base64[base64.length - 1] === '=') {
-              bufferLength--;
-              if (base64[base64.length - 2] === '=') {
-                  bufferLength--;
-              }
+        var bufferLength = base64.length * 0.75,
+          len = base64.length,
+          i,
+          p = 0,
+          encoded1,
+          encoded2,
+          encoded3,
+          encoded4;
+        if (base64[base64.length - 1] === "=") {
+          bufferLength--;
+          if (base64[base64.length - 2] === "=") {
+            bufferLength--;
           }
-          var buffer = typeof ArrayBuffer !== 'undefined' &&
-              typeof Uint8Array !== 'undefined' &&
-              typeof Uint8Array.prototype.slice !== 'undefined'
-              ? new ArrayBuffer(bufferLength)
-              : new Array(bufferLength);
-          var bytes = Array.isArray(buffer) ? buffer : new Uint8Array(buffer);
-          for (i = 0; i < len; i += 4) {
-              encoded1 = lookup$1$1[base64.charCodeAt(i)];
-              encoded2 = lookup$1$1[base64.charCodeAt(i + 1)];
-              encoded3 = lookup$1$1[base64.charCodeAt(i + 2)];
-              encoded4 = lookup$1$1[base64.charCodeAt(i + 3)];
-              bytes[p++] = (encoded1 << 2) | (encoded2 >> 4);
-              bytes[p++] = ((encoded2 & 15) << 4) | (encoded3 >> 2);
-              bytes[p++] = ((encoded3 & 3) << 6) | (encoded4 & 63);
-          }
-          return buffer;
-      };
+        }
+        var buffer =
+          typeof ArrayBuffer !== "undefined" &&
+          typeof Uint8Array !== "undefined" &&
+          typeof Uint8Array.prototype.slice !== "undefined"
+            ? new ArrayBuffer(bufferLength)
+            : new Array(bufferLength);
+        var bytes = Array.isArray(buffer) ? buffer : new Uint8Array(buffer);
+        for (i = 0; i < len; i += 4) {
+          encoded1 = lookup$1$1[base64.charCodeAt(i)];
+          encoded2 = lookup$1$1[base64.charCodeAt(i + 1)];
+          encoded3 = lookup$1$1[base64.charCodeAt(i + 2)];
+          encoded4 = lookup$1$1[base64.charCodeAt(i + 3)];
+          bytes[p++] = (encoded1 << 2) | (encoded2 >> 4);
+          bytes[p++] = ((encoded2 & 15) << 4) | (encoded3 >> 2);
+          bytes[p++] = ((encoded3 & 3) << 6) | (encoded4 & 63);
+        }
+        return buffer;
+      };
       var polyUint16Array$1 = function (buffer) {
-          var length = buffer.length;
-          var bytes = [];
-          for (var i = 0; i < length; i += 2) {
-              bytes.push((buffer[i + 1] << 8) | buffer[i]);
-          }
-          return bytes;
+        var length = buffer.length;
+        var bytes = [];
+        for (var i = 0; i < length; i += 2) {
+          bytes.push((buffer[i + 1] << 8) | buffer[i]);
+        }
+        return bytes;
       };
       var polyUint32Array$1 = function (buffer) {
-          var length = buffer.length;
-          var bytes = [];
-          for (var i = 0; i < length; i += 4) {
-              bytes.push((buffer[i + 3] << 24) | (buffer[i + 2] << 16) | (buffer[i + 1] << 8) | buffer[i]);
-          }
-          return bytes;
+        var length = buffer.length;
+        var bytes = [];
+        for (var i = 0; i < length; i += 4) {
+          bytes.push(
+            (buffer[i + 3] << 24) |
+              (buffer[i + 2] << 16) |
+              (buffer[i + 1] << 8) |
+              buffer[i],
+          );
+        }
+        return bytes;
       };
 
       /** Shift size for getting the index-2 table offset. */
@@ -3432,13 +3989,15 @@
       var UTRIE2_DATA_MASK$1 = UTRIE2_DATA_BLOCK_LENGTH$1 - 1;
       var UTRIE2_LSCP_INDEX_2_LENGTH$1 = 0x400 >> UTRIE2_SHIFT_2$1;
       /** Count the lengths of both BMP pieces. 2080=0x820 */
-      var UTRIE2_INDEX_2_BMP_LENGTH$1 = UTRIE2_LSCP_INDEX_2_OFFSET$1 + UTRIE2_LSCP_INDEX_2_LENGTH$1;
+      var UTRIE2_INDEX_2_BMP_LENGTH$1 =
+        UTRIE2_LSCP_INDEX_2_OFFSET$1 + UTRIE2_LSCP_INDEX_2_LENGTH$1;
       /**
        * The 2-byte UTF-8 version of the index-2 table follows at offset 2080=0x820.
        * Length 32=0x20 for lead bytes C0..DF, regardless of UTRIE2_SHIFT_2.
        */
       var UTRIE2_UTF8_2B_INDEX_2_OFFSET$1 = UTRIE2_INDEX_2_BMP_LENGTH$1;
-      var UTRIE2_UTF8_2B_INDEX_2_LENGTH$1 = 0x800 >> 6; /* U+0800 is the first code point after 2-byte UTF-8 */
+      var UTRIE2_UTF8_2B_INDEX_2_LENGTH$1 =
+        0x800 >> 6; /* U+0800 is the first code point after 2-byte UTF-8 */
       /**
        * The index-1 table, only used for supplementary code points, at offset 2112=0x840.
        * Variable length, for code points up to highStart, where the last single-value range starts.
@@ -3451,7 +4010,8 @@
        * Both the index-1 table and the following part of the index-2 table
        * are omitted completely if there is only BMP data.
        */
-      var UTRIE2_INDEX_1_OFFSET$1 = UTRIE2_UTF8_2B_INDEX_2_OFFSET$1 + UTRIE2_UTF8_2B_INDEX_2_LENGTH$1;
+      var UTRIE2_INDEX_1_OFFSET$1 =
+        UTRIE2_UTF8_2B_INDEX_2_OFFSET$1 + UTRIE2_UTF8_2B_INDEX_2_LENGTH$1;
       /**
        * Number of index-1 entries for the BMP. 32=0x20
        * This part of the index-1 table is omitted from the serialized form.
@@ -3462,97 +4022,132 @@
       /** Mask for getting the lower bits for the in-index-2-block offset. */
       var UTRIE2_INDEX_2_MASK$1 = UTRIE2_INDEX_2_BLOCK_LENGTH$1 - 1;
       var slice16$1 = function (view, start, end) {
-          if (view.slice) {
-              return view.slice(start, end);
-          }
-          return new Uint16Array(Array.prototype.slice.call(view, start, end));
+        if (view.slice) {
+          return view.slice(start, end);
+        }
+        return new Uint16Array(Array.prototype.slice.call(view, start, end));
       };
       var slice32$1 = function (view, start, end) {
-          if (view.slice) {
-              return view.slice(start, end);
-          }
-          return new Uint32Array(Array.prototype.slice.call(view, start, end));
+        if (view.slice) {
+          return view.slice(start, end);
+        }
+        return new Uint32Array(Array.prototype.slice.call(view, start, end));
       };
       var createTrieFromBase64$1 = function (base64, _byteLength) {
-          var buffer = decode$1(base64);
-          var view32 = Array.isArray(buffer) ? polyUint32Array$1(buffer) : new Uint32Array(buffer);
-          var view16 = Array.isArray(buffer) ? polyUint16Array$1(buffer) : new Uint16Array(buffer);
-          var headerLength = 24;
-          var index = slice16$1(view16, headerLength / 2, view32[4] / 2);
-          var data = view32[5] === 2
-              ? slice16$1(view16, (headerLength + view32[4]) / 2)
-              : slice32$1(view32, Math.ceil((headerLength + view32[4]) / 4));
-          return new Trie$1(view32[0], view32[1], view32[2], view32[3], index, data);
+        var buffer = decode$1(base64);
+        var view32 = Array.isArray(buffer)
+          ? polyUint32Array$1(buffer)
+          : new Uint32Array(buffer);
+        var view16 = Array.isArray(buffer)
+          ? polyUint16Array$1(buffer)
+          : new Uint16Array(buffer);
+        var headerLength = 24;
+        var index = slice16$1(view16, headerLength / 2, view32[4] / 2);
+        var data =
+          view32[5] === 2
+            ? slice16$1(view16, (headerLength + view32[4]) / 2)
+            : slice32$1(view32, Math.ceil((headerLength + view32[4]) / 4));
+        return new Trie$1(
+          view32[0],
+          view32[1],
+          view32[2],
+          view32[3],
+          index,
+          data,
+        );
       };
       var Trie$1 = /** @class */ (function () {
-          function Trie(initialValue, errorValue, highStart, highValueIndex, index, data) {
-              this.initialValue = initialValue;
-              this.errorValue = errorValue;
-              this.highStart = highStart;
-              this.highValueIndex = highValueIndex;
-              this.index = index;
-              this.data = data;
-          }
-          /**
-           * Get the value for a code point as stored in the Trie.
-           *
-           * @param codePoint the code point
-           * @return the value
-           */
-          Trie.prototype.get = function (codePoint) {
-              var ix;
-              if (codePoint >= 0) {
-                  if (codePoint < 0x0d800 || (codePoint > 0x0dbff && codePoint <= 0x0ffff)) {
-                      // Ordinary BMP code point, excluding leading surrogates.
-                      // BMP uses a single level lookup.  BMP index starts at offset 0 in the Trie2 index.
-                      // 16 bit data is stored in the index array itself.
-                      ix = this.index[codePoint >> UTRIE2_SHIFT_2$1];
-                      ix = (ix << UTRIE2_INDEX_SHIFT$1) + (codePoint & UTRIE2_DATA_MASK$1);
-                      return this.data[ix];
-                  }
-                  if (codePoint <= 0xffff) {
-                      // Lead Surrogate Code Point.  A Separate index section is stored for
-                      // lead surrogate code units and code points.
-                      //   The main index has the code unit data.
-                      //   For this function, we need the code point data.
-                      // Note: this expression could be refactored for slightly improved efficiency, but
-                      //       surrogate code points will be so rare in practice that it's not worth it.
-                      ix = this.index[UTRIE2_LSCP_INDEX_2_OFFSET$1 + ((codePoint - 0xd800) >> UTRIE2_SHIFT_2$1)];
-                      ix = (ix << UTRIE2_INDEX_SHIFT$1) + (codePoint & UTRIE2_DATA_MASK$1);
-                      return this.data[ix];
-                  }
-                  if (codePoint < this.highStart) {
-                      // Supplemental code point, use two-level lookup.
-                      ix = UTRIE2_INDEX_1_OFFSET$1 - UTRIE2_OMITTED_BMP_INDEX_1_LENGTH$1 + (codePoint >> UTRIE2_SHIFT_1$1);
-                      ix = this.index[ix];
-                      ix += (codePoint >> UTRIE2_SHIFT_2$1) & UTRIE2_INDEX_2_MASK$1;
-                      ix = this.index[ix];
-                      ix = (ix << UTRIE2_INDEX_SHIFT$1) + (codePoint & UTRIE2_DATA_MASK$1);
-                      return this.data[ix];
-                  }
-                  if (codePoint <= 0x10ffff) {
-                      return this.data[this.highValueIndex];
-                  }
-              }
-              // Fall through.  The code point is outside of the legal range of 0..0x10ffff.
-              return this.errorValue;
-          };
-          return Trie;
-      }());
+        function Trie(
+          initialValue,
+          errorValue,
+          highStart,
+          highValueIndex,
+          index,
+          data,
+        ) {
+          this.initialValue = initialValue;
+          this.errorValue = errorValue;
+          this.highStart = highStart;
+          this.highValueIndex = highValueIndex;
+          this.index = index;
+          this.data = data;
+        }
+        /**
+         * Get the value for a code point as stored in the Trie.
+         *
+         * @param codePoint the code point
+         * @return the value
+         */
+        Trie.prototype.get = function (codePoint) {
+          var ix;
+          if (codePoint >= 0) {
+            if (
+              codePoint < 0x0d800 ||
+              (codePoint > 0x0dbff && codePoint <= 0x0ffff)
+            ) {
+              // Ordinary BMP code point, excluding leading surrogates.
+              // BMP uses a single level lookup.  BMP index starts at offset 0 in the Trie2 index.
+              // 16 bit data is stored in the index array itself.
+              ix = this.index[codePoint >> UTRIE2_SHIFT_2$1];
+              ix =
+                (ix << UTRIE2_INDEX_SHIFT$1) + (codePoint & UTRIE2_DATA_MASK$1);
+              return this.data[ix];
+            }
+            if (codePoint <= 0xffff) {
+              // Lead Surrogate Code Point.  A Separate index section is stored for
+              // lead surrogate code units and code points.
+              //   The main index has the code unit data.
+              //   For this function, we need the code point data.
+              // Note: this expression could be refactored for slightly improved efficiency, but
+              //       surrogate code points will be so rare in practice that it's not worth it.
+              ix =
+                this.index[
+                  UTRIE2_LSCP_INDEX_2_OFFSET$1 +
+                    ((codePoint - 0xd800) >> UTRIE2_SHIFT_2$1)
+                ];
+              ix =
+                (ix << UTRIE2_INDEX_SHIFT$1) + (codePoint & UTRIE2_DATA_MASK$1);
+              return this.data[ix];
+            }
+            if (codePoint < this.highStart) {
+              // Supplemental code point, use two-level lookup.
+              ix =
+                UTRIE2_INDEX_1_OFFSET$1 -
+                UTRIE2_OMITTED_BMP_INDEX_1_LENGTH$1 +
+                (codePoint >> UTRIE2_SHIFT_1$1);
+              ix = this.index[ix];
+              ix += (codePoint >> UTRIE2_SHIFT_2$1) & UTRIE2_INDEX_2_MASK$1;
+              ix = this.index[ix];
+              ix =
+                (ix << UTRIE2_INDEX_SHIFT$1) + (codePoint & UTRIE2_DATA_MASK$1);
+              return this.data[ix];
+            }
+            if (codePoint <= 0x10ffff) {
+              return this.data[this.highValueIndex];
+            }
+          }
+          // Fall through.  The code point is outside of the legal range of 0..0x10ffff.
+          return this.errorValue;
+        };
+        return Trie;
+      })();
 
       /*
        * base64-arraybuffer 1.0.2 <https://github.com/niklasvh/base64-arraybuffer>
        * Copyright (c) 2022 Niklas von Hertzen <https://hertzen.com>
        * Released under MIT License
        */
-      var chars$3 = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/';
+      var chars$3 =
+        "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";
       // Use a lookup table to find the index.
-      var lookup$3 = typeof Uint8Array === 'undefined' ? [] : new Uint8Array(256);
+      var lookup$3 =
+        typeof Uint8Array === "undefined" ? [] : new Uint8Array(256);
       for (var i$3 = 0; i$3 < chars$3.length; i$3++) {
-          lookup$3[chars$3.charCodeAt(i$3)] = i$3;
+        lookup$3[chars$3.charCodeAt(i$3)] = i$3;
       }
 
-      var base64$1 = 'KwAAAAAAAAAACA4AUD0AADAgAAACAAAAAAAIABAAGABAAEgAUABYAGAAaABgAGgAYgBqAF8AZwBgAGgAcQB5AHUAfQCFAI0AlQCdAKIAqgCyALoAYABoAGAAaABgAGgAwgDKAGAAaADGAM4A0wDbAOEA6QDxAPkAAQEJAQ8BFwF1AH0AHAEkASwBNAE6AUIBQQFJAVEBWQFhAWgBcAF4ATAAgAGGAY4BlQGXAZ8BpwGvAbUBvQHFAc0B0wHbAeMB6wHxAfkBAQIJAvEBEQIZAiECKQIxAjgCQAJGAk4CVgJeAmQCbAJ0AnwCgQKJApECmQKgAqgCsAK4ArwCxAIwAMwC0wLbAjAA4wLrAvMC+AIAAwcDDwMwABcDHQMlAy0DNQN1AD0DQQNJA0kDSQNRA1EDVwNZA1kDdQB1AGEDdQBpA20DdQN1AHsDdQCBA4kDkQN1AHUAmQOhA3UAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AKYDrgN1AHUAtgO+A8YDzgPWAxcD3gPjA+sD8wN1AHUA+wMDBAkEdQANBBUEHQQlBCoEFwMyBDgEYABABBcDSARQBFgEYARoBDAAcAQzAXgEgASIBJAEdQCXBHUAnwSnBK4EtgS6BMIEyAR1AHUAdQB1AHUAdQCVANAEYABgAGAAYABgAGAAYABgANgEYADcBOQEYADsBPQE/AQEBQwFFAUcBSQFLAU0BWQEPAVEBUsFUwVbBWAAYgVgAGoFcgV6BYIFigWRBWAAmQWfBaYFYABgAGAAYABgAKoFYACxBbAFuQW6BcEFwQXHBcEFwQXPBdMF2wXjBeoF8gX6BQIGCgYSBhoGIgYqBjIGOgZgAD4GRgZMBmAAUwZaBmAAYABgAGAAYABgAGAAYABgAGAAYABgAGIGYABpBnAGYABgAGAAYABgAGAAYABgAGAAYAB4Bn8GhQZgAGAAYAB1AHcDFQSLBmAAYABgAJMGdQA9A3UAmwajBqsGqwaVALMGuwbDBjAAywbSBtIG1QbSBtIG0gbSBtIG0gbdBuMG6wbzBvsGAwcLBxMHAwcbByMHJwcsBywHMQcsB9IGOAdAB0gHTgfSBkgHVgfSBtIG0gbSBtIG0gbSBtIG0gbSBiwHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAdgAGAALAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAdbB2MHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsB2kH0gZwB64EdQB1AHUAdQB1AHUAdQB1AHUHfQdgAIUHjQd1AHUAlQedB2AAYAClB6sHYACzB7YHvgfGB3UAzgfWBzMB3gfmB1EB7gf1B/0HlQENAQUIDQh1ABUIHQglCBcDLQg1CD0IRQhNCEEDUwh1AHUAdQBbCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIcAh3CHoIMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwAIIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIgggwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAALAcsBywHLAcsBywHLAcsBywHLAcsB4oILAcsB44I0gaWCJ4Ipgh1AHUAqgiyCHUAdQB1AHUAdQB1AHUAdQB1AHUAtwh8AXUAvwh1AMUIyQjRCNkI4AjoCHUAdQB1AO4I9gj+CAYJDgkTCS0HGwkjCYIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIggiAAIAAAAFAAYABgAGIAXwBgAHEAdQBFAJUAogCyAKAAYABgAEIA4ABGANMA4QDxAMEBDwE1AFwBLAE6AQEBUQF4QkhCmEKoQrhCgAHIQsAB0MLAAcABwAHAAeDC6ABoAHDCwMMAAcABwAHAAdDDGMMAAcAB6MM4wwjDWMNow3jDaABoAGgAaABoAGgAaABoAGgAaABoAGgAaABoAGgAaABoAGgAaABoAEjDqABWw6bDqABpg6gAaABoAHcDvwOPA+gAaABfA/8DvwO/A78DvwO/A78DvwO/A78DvwO/A78DvwO/A78DvwO/A78DvwO/A78DvwO/A78DvwO/A78DpcPAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcAB9cPKwkyCToJMAB1AHUAdQBCCUoJTQl1AFUJXAljCWcJawkwADAAMAAwAHMJdQB2CX4JdQCECYoJjgmWCXUAngkwAGAAYABxAHUApgn3A64JtAl1ALkJdQDACTAAMAAwADAAdQB1AHUAdQB1AHUAdQB1AHUAowYNBMUIMAAwADAAMADICcsJ0wnZCRUE4QkwAOkJ8An4CTAAMAB1AAAKvwh1AAgKDwoXCh8KdQAwACcKLgp1ADYKqAmICT4KRgowADAAdQB1AE4KMAB1AFYKdQBeCnUAZQowADAAMAAwADAAMAAwADAAMAAVBHUAbQowADAAdQC5CXUKMAAwAHwBxAijBogEMgF9CoQKiASMCpQKmgqIBKIKqgquCogEDQG2Cr4KxgrLCjAAMADTCtsKCgHjCusK8Qr5CgELMAAwADAAMAB1AIsECQsRC3UANAEZCzAAMAAwADAAMAB1ACELKQswAHUANAExCzkLdQBBC0kLMABRC1kLMAAwADAAMAAwADAAdQBhCzAAMAAwAGAAYABpC3ELdwt/CzAAMACHC4sLkwubC58Lpwt1AK4Ltgt1APsDMAAwADAAMAAwADAAMAAwAL4LwwvLC9IL1wvdCzAAMADlC+kL8Qv5C/8LSQswADAAMAAwADAAMAAwADAAMAAHDDAAMAAwADAAMAAODBYMHgx1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1ACYMMAAwADAAdQB1AHUALgx1AHUAdQB1AHUAdQA2DDAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwAHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AD4MdQBGDHUAdQB1AHUAdQB1AEkMdQB1AHUAdQB1AFAMMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwAHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQBYDHUAdQB1AF8MMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAB1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AHUA+wMVBGcMMAAwAHwBbwx1AHcMfwyHDI8MMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAYABgAJcMMAAwADAAdQB1AJ8MlQClDDAAMACtDCwHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsB7UMLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHdQB1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AA0EMAC9DDAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAsBywHLAcsBywHLAcsBywHLQcwAMEMyAwsBywHLAcsBywHLAcsBywHLAcsBywHzAwwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwAHUAdQB1ANQM2QzhDDAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMABgAGAAYABgAGAAYABgAOkMYADxDGAA+AwADQYNYABhCWAAYAAODTAAMAAwADAAFg1gAGAAHg37AzAAMAAwADAAYABgACYNYAAsDTQNPA1gAEMNPg1LDWAAYABgAGAAYABgAGAAYABgAGAAUg1aDYsGVglhDV0NcQBnDW0NdQ15DWAAYABgAGAAYABgAGAAYABgAGAAYABgAGAAYABgAGAAlQCBDZUAiA2PDZcNMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAnw2nDTAAMAAwADAAMAAwAHUArw23DTAAMAAwADAAMAAwADAAMAAwADAAMAB1AL8NMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAB1AHUAdQB1AHUAdQDHDTAAYABgAM8NMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAA1w11ANwNMAAwAD0B5A0wADAAMAAwADAAMADsDfQN/A0EDgwOFA4wABsOMAAwADAAMAAwADAAMAAwANIG0gbSBtIG0gbSBtIG0gYjDigOwQUuDsEFMw7SBjoO0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIGQg5KDlIOVg7SBtIGXg5lDm0OdQ7SBtIGfQ6EDooOjQ6UDtIGmg6hDtIG0gaoDqwO0ga0DrwO0gZgAGAAYADEDmAAYAAkBtIGzA5gANIOYADaDokO0gbSBt8O5w7SBu8O0gb1DvwO0gZgAGAAxA7SBtIG0gbSBtIGYABgAGAAYAAED2AAsAUMD9IG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIGFA8sBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAccD9IGLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHJA8sBywHLAcsBywHLAccDywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywPLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAc0D9IG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIGLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAccD9IG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIGFA8sBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHPA/SBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gYUD0QPlQCVAJUAMAAwADAAMACVAJUAlQCVAJUAlQCVAEwPMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAA//8EAAQABAAEAAQABAAEAAQABAANAAMAAQABAAIABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQACgATABcAHgAbABoAHgAXABYAEgAeABsAGAAPABgAHABLAEsASwBLAEsASwBLAEsASwBLABgAGAAeAB4AHgATAB4AUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQABYAGwASAB4AHgAeAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAWAA0AEQAeAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAAQABAAEAAQABAAFAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAJABYAGgAbABsAGwAeAB0AHQAeAE8AFwAeAA0AHgAeABoAGwBPAE8ADgBQAB0AHQAdAE8ATwAXAE8ATwBPABYAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAB0AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAdAFAAUABQAFAAUABQAFAAUAAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAFAAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAeAB4AHgAeAFAATwBAAE8ATwBPAEAATwBQAFAATwBQAB4AHgAeAB4AHgAeAB0AHQAdAB0AHgAdAB4ADgBQAFAAUABQAFAAHgAeAB4AHgAeAB4AHgBQAB4AUAAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4ABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAJAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAkACQAJAAkACQAJAAkABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAeAB4AHgAeAFAAHgAeAB4AKwArAFAAUABQAFAAGABQACsAKwArACsAHgAeAFAAHgBQAFAAUAArAFAAKwAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4ABAAEAAQABAAEAAQABAAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAUAAeAB4AHgAeAB4AHgBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAYAA0AKwArAB4AHgAbACsABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQADQAEAB4ABAAEAB4ABAAEABMABAArACsAKwArACsAKwArACsAVgBWAFYAVgBWAFYAVgBWAFYAVgBWAFYAVgBWAFYAVgBWAFYAVgBWAFYAVgBWAFYAVgBWAFYAKwArACsAKwBWAFYAVgBWAB4AHgArACsAKwArACsAKwArACsAKwArACsAHgAeAB4AHgAeAB4AHgAeAB4AGgAaABoAGAAYAB4AHgAEAAQABAAEAAQABAAEAAQABAAEAAQAEwAEACsAEwATAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABABLAEsASwBLAEsASwBLAEsASwBLABoAGQAZAB4AUABQAAQAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQABMAUAAEAAQABAAEAAQABAAEAB4AHgAEAAQABAAEAAQABABQAFAABAAEAB4ABAAEAAQABABQAFAASwBLAEsASwBLAEsASwBLAEsASwBQAFAAUAAeAB4AUAAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwAeAFAABABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAEAAQABAAEAAQABAAEAAQABAAEAFAAKwArACsAKwArACsAKwArACsAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAEAAQABAAEAAQABAAEAAQAUABQAB4AHgAYABMAUAArACsABAAbABsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAFAABAAEAAQABAAEAFAABAAEAAQAUAAEAAQABAAEAAQAKwArAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAArACsAHgArAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAKwArACsAKwArACsAKwArAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAB4ABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQABAAEAFAABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQAUAAEAAQABAAEAAQABAAEAFAAUABQAFAAUABQAFAAUABQAFAABAAEAA0ADQBLAEsASwBLAEsASwBLAEsASwBLAB4AUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAArAFAAUABQAFAAUABQAFAAUAArACsAUABQACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAFAAUABQACsAUAArACsAKwBQAFAAUABQACsAKwAEAFAABAAEAAQABAAEAAQABAArACsABAAEACsAKwAEAAQABABQACsAKwArACsAKwArACsAKwAEACsAKwArACsAUABQACsAUABQAFAABAAEACsAKwBLAEsASwBLAEsASwBLAEsASwBLAFAAUAAaABoAUABQAFAAUABQAEwAHgAbAFAAHgAEACsAKwAEAAQABAArAFAAUABQAFAAUABQACsAKwArACsAUABQACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAFAAUABQACsAUABQACsAUABQACsAUABQACsAKwAEACsABAAEAAQABAAEACsAKwArACsABAAEACsAKwAEAAQABAArACsAKwAEACsAKwArACsAKwArACsAUABQAFAAUAArAFAAKwArACsAKwArACsAKwBLAEsASwBLAEsASwBLAEsASwBLAAQABABQAFAAUAAEAB4AKwArACsAKwArACsAKwArACsAKwAEAAQABAArAFAAUABQAFAAUABQAFAAUABQACsAUABQAFAAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAFAAUABQACsAUABQACsAUABQAFAAUABQACsAKwAEAFAABAAEAAQABAAEAAQABAAEACsABAAEAAQAKwAEAAQABAArACsAUAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwBQAFAABAAEACsAKwBLAEsASwBLAEsASwBLAEsASwBLAB4AGwArACsAKwArACsAKwArAFAABAAEAAQABAAEAAQAKwAEAAQABAArAFAAUABQAFAAUABQAFAAUAArACsAUABQACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQABAAEAAQABAArACsABAAEACsAKwAEAAQABAArACsAKwArACsAKwArAAQABAAEACsAKwArACsAUABQACsAUABQAFAABAAEACsAKwBLAEsASwBLAEsASwBLAEsASwBLAB4AUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArAAQAUAArAFAAUABQAFAAUABQACsAKwArAFAAUABQACsAUABQAFAAUAArACsAKwBQAFAAKwBQACsAUABQACsAKwArAFAAUAArACsAKwBQAFAAUAArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArAAQABAAEAAQABAArACsAKwAEAAQABAArAAQABAAEAAQAKwArAFAAKwArACsAKwArACsABAArACsAKwArACsAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAUABQAFAAHgAeAB4AHgAeAB4AGwAeACsAKwArACsAKwAEAAQABAAEAAQAUABQAFAAUABQAFAAUABQACsAUABQAFAAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAUAAEAAQABAAEAAQABAAEACsABAAEAAQAKwAEAAQABAAEACsAKwArACsAKwArACsABAAEACsAUABQAFAAKwArACsAKwArAFAAUAAEAAQAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsAKwAOAFAAUABQAFAAUABQAFAAHgBQAAQABAAEAA4AUABQAFAAUABQAFAAUABQACsAUABQAFAAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArAFAAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAFAAKwArAAQAUAAEAAQABAAEAAQABAAEACsABAAEAAQAKwAEAAQABAAEACsAKwArACsAKwArACsABAAEACsAKwArACsAKwArACsAUAArAFAAUAAEAAQAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwBQAFAAKwArACsAKwArACsAKwArACsAKwArACsAKwAEAAQABAAEAFAAUABQAFAAUABQAFAAUABQACsAUABQAFAAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAEAFAABAAEAAQABAAEAAQABAArAAQABAAEACsABAAEAAQABABQAB4AKwArACsAKwBQAFAAUAAEAFAAUABQAFAAUABQAFAAUABQAFAABAAEACsAKwBLAEsASwBLAEsASwBLAEsASwBLAFAAUABQAFAAUABQAFAAUABQABoAUABQAFAAUABQAFAAKwAEAAQABAArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArAFAAUABQAFAAUABQAFAAUABQACsAUAArACsAUABQAFAAUABQAFAAUAArACsAKwAEACsAKwArACsABAAEAAQABAAEAAQAKwAEACsABAAEAAQABAAEAAQABAAEACsAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArAAQABAAeACsAKwArACsAKwArACsAKwArACsAKwArAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXAAqAFwAXAAqACoAKgAqACoAKgAqACsAKwArACsAGwBcAFwAXABcAFwAXABcACoAKgAqACoAKgAqACoAKgAeAEsASwBLAEsASwBLAEsASwBLAEsADQANACsAKwArACsAKwBcAFwAKwBcACsAXABcAFwAXABcACsAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcACsAXAArAFwAXABcAFwAXABcAFwAXABcAFwAKgBcAFwAKgAqACoAKgAqACoAKgAqACoAXAArACsAXABcAFwAXABcACsAXAArACoAKgAqACoAKgAqACsAKwBLAEsASwBLAEsASwBLAEsASwBLACsAKwBcAFwAXABcAFAADgAOAA4ADgAeAA4ADgAJAA4ADgANAAkAEwATABMAEwATAAkAHgATAB4AHgAeAAQABAAeAB4AHgAeAB4AHgBLAEsASwBLAEsASwBLAEsASwBLAFAAUABQAFAAUABQAFAAUABQAFAADQAEAB4ABAAeAAQAFgARABYAEQAEAAQAUABQAFAAUABQAFAAUABQACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAKwAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQADQAEAAQABAAEAAQADQAEAAQAUABQAFAAUABQAAQABAAEAAQABAAEAAQABAAEAAQABAArAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAArAA0ADQAeAB4AHgAeAB4AHgAEAB4AHgAeAB4AHgAeACsAHgAeAA4ADgANAA4AHgAeAB4AHgAeAAkACQArACsAKwArACsAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgBcAEsASwBLAEsASwBLAEsASwBLAEsADQANAB4AHgAeAB4AXABcAFwAXABcAFwAKgAqACoAKgBcAFwAXABcACoAKgAqAFwAKgAqACoAXABcACoAKgAqACoAKgAqACoAXABcAFwAKgAqACoAKgBcAFwAXABcAFwAXABcAFwAXABcAFwAXABcACoAKgAqACoAKgAqACoAKgAqACoAKgAqAFwAKgBLAEsASwBLAEsASwBLAEsASwBLACoAKgAqACoAKgAqAFAAUABQAFAAUABQACsAUAArACsAKwArACsAUAArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAHgBQAFAAUABQAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABZAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBZAFkAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFAAUABQAFAAUABQAFAAUABQACsAUABQAFAAUAArACsAUABQAFAAUABQAFAAUAArAFAAKwBQAFAAUABQACsAKwBQAFAAUABQAFAAUABQAFAAUAArAFAAUABQAFAAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArAFAAUABQAFAAKwArAFAAUABQAFAAUABQAFAAKwBQACsAUABQAFAAUAArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAUABQACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsABAAEAAQAHgANAB4AHgAeAB4AHgAeAB4AUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAHgAeAB4AHgAeAB4AHgAeAB4AHgArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwBQAFAAUABQAFAAUAArACsADQBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAHgAeAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAANAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAWABEAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAA0ADQANAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAAQABAAEACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAANAA0AKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAEACsAKwArACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAUAArAAQABAArACsAKwArACsAKwArACsAKwArACsAKwBcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqAA0ADQAVAFwADQAeAA0AGwBcACoAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwAeAB4AEwATAA0ADQAOAB4AEwATAB4ABAAEAAQACQArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArAFAAUABQAFAAUAAEAAQAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQAUAArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwAEAAQABAAEAAQABAAEAAQABAAEAAQABAArACsAKwArAAQABAAEAAQABAAEAAQABAAEAAQABAAEACsAKwArACsAHgArACsAKwATABMASwBLAEsASwBLAEsASwBLAEsASwBcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXAArACsAXABcAFwAXABcACsAKwArACsAKwArACsAKwArACsAKwBcAFwAXABcAFwAXABcAFwAXABcAFwAXAArACsAKwArAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcACsAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAXAArACsAKwAqACoAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQABAAEAAQABAArACsAHgAeAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcACoAKgAqACoAKgAqACoAKgAqACoAKwAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKwArAAQASwBLAEsASwBLAEsASwBLAEsASwArACsAKwArACsAKwBLAEsASwBLAEsASwBLAEsASwBLACsAKwArACsAKwArACoAKgAqACoAKgAqACoAXAAqACoAKgAqACoAKgArACsABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsABAAEAAQABAAEAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQABAAEAAQABABQAFAAUABQAFAAUABQACsAKwArACsASwBLAEsASwBLAEsASwBLAEsASwANAA0AHgANAA0ADQANAB4AHgAeAB4AHgAeAB4AHgAeAB4ABAAEAAQABAAEAAQABAAEAAQAHgAeAB4AHgAeAB4AHgAeAB4AKwArACsABAAEAAQAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAEAAQABAAEAAQABAAEAAQABAAEAAQABABQAFAASwBLAEsASwBLAEsASwBLAEsASwBQAFAAUABQAFAAUABQAFAABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEACsAKwArACsAKwArACsAKwAeAB4AHgAeAFAAUABQAFAABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEACsAKwArAA0ADQANAA0ADQBLAEsASwBLAEsASwBLAEsASwBLACsAKwArAFAAUABQAEsASwBLAEsASwBLAEsASwBLAEsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAA0ADQBQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwBQAFAAUAAeAB4AHgAeAB4AHgAeAB4AKwArACsAKwArACsAKwArAAQABAAEAB4ABAAEAAQABAAEAAQABAAEAAQABAAEAAQABABQAFAAUABQAAQAUABQAFAAUABQAFAABABQAFAABAAEAAQAUAArACsAKwArACsABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEACsABAAEAAQABAAEAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwArAFAAUABQAFAAUABQACsAKwBQAFAAUABQAFAAUABQAFAAKwBQACsAUAArAFAAKwAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeACsAKwAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgArAB4AHgAeAB4AHgAeAB4AHgBQAB4AHgAeAFAAUABQACsAHgAeAB4AHgAeAB4AHgAeAB4AHgBQAFAAUABQACsAKwAeAB4AHgAeAB4AHgArAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwArAFAAUABQACsAHgAeAB4AHgAeAB4AHgAOAB4AKwANAA0ADQANAA0ADQANAAkADQANAA0ACAAEAAsABAAEAA0ACQANAA0ADAAdAB0AHgAXABcAFgAXABcAFwAWABcAHQAdAB4AHgAUABQAFAANAAEAAQAEAAQABAAEAAQACQAaABoAGgAaABoAGgAaABoAHgAXABcAHQAVABUAHgAeAB4AHgAeAB4AGAAWABEAFQAVABUAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4ADQAeAA0ADQANAA0AHgANAA0ADQAHAB4AHgAeAB4AKwAEAAQABAAEAAQABAAEAAQABAAEAFAAUAArACsATwBQAFAAUABQAFAAHgAeAB4AFgARAE8AUABPAE8ATwBPAFAAUABQAFAAUAAeAB4AHgAWABEAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArABsAGwAbABsAGwAbABsAGgAbABsAGwAbABsAGwAbABsAGwAbABsAGwAbABsAGgAbABsAGwAbABoAGwAbABoAGwAbABsAGwAbABsAGwAbABsAGwAbABsAGwAbABsAGwAbAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQAHgAeAFAAGgAeAB0AHgBQAB4AGgAeAB4AHgAeAB4AHgAeAB4AHgBPAB4AUAAbAB4AHgBQAFAAUABQAFAAHgAeAB4AHQAdAB4AUAAeAFAAHgBQAB4AUABPAFAAUAAeAB4AHgAeAB4AHgAeAFAAUABQAFAAUAAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAFAAHgBQAFAAUABQAE8ATwBQAFAAUABQAFAATwBQAFAATwBQAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAFAAUABQAFAATwBPAE8ATwBPAE8ATwBPAE8ATwBQAFAAUABQAFAAUABQAFAAUAAeAB4AUABQAFAAUABPAB4AHgArACsAKwArAB0AHQAdAB0AHQAdAB0AHQAdAB0AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB0AHgAdAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAdAB4AHQAdAB4AHgAeAB0AHQAeAB4AHQAeAB4AHgAdAB4AHQAbABsAHgAdAB4AHgAeAB4AHQAeAB4AHQAdAB0AHQAeAB4AHQAeAB0AHgAdAB0AHQAdAB0AHQAeAB0AHgAeAB4AHgAeAB0AHQAdAB0AHgAeAB4AHgAdAB0AHgAeAB4AHgAeAB4AHgAeAB4AHgAdAB4AHgAeAB0AHgAeAB4AHgAeAB0AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAdAB0AHgAeAB0AHQAdAB0AHgAeAB0AHQAeAB4AHQAdAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB0AHQAeAB4AHQAdAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHQAeAB4AHgAdAB4AHgAeAB4AHgAeAB4AHQAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB0AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AFAAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeABYAEQAWABEAHgAeAB4AHgAeAB4AHQAeAB4AHgAeAB4AHgAeACUAJQAeAB4AHgAeAB4AHgAeAB4AHgAWABEAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AJQAlACUAJQAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAFAAHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHgAeAB4AHgAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAeAB4AHQAdAB0AHQAeAB4AHgAeAB4AHgAeAB4AHgAeAB0AHQAeAB0AHQAdAB0AHQAdAB0AHgAeAB4AHgAeAB4AHgAeAB0AHQAeAB4AHQAdAB4AHgAeAB4AHQAdAB4AHgAeAB4AHQAdAB0AHgAeAB0AHgAeAB0AHQAdAB0AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAdAB0AHQAdAB4AHgAeAB4AHgAeAB4AHgAeAB0AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAlACUAJQAlAB4AHQAdAB4AHgAdAB4AHgAeAB4AHQAdAB4AHgAeAB4AJQAlAB0AHQAlAB4AJQAlACUAIAAlACUAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAlACUAJQAeAB4AHgAeAB0AHgAdAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAdAB0AHgAdAB0AHQAeAB0AJQAdAB0AHgAdAB0AHgAdAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeACUAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHQAdAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAlACUAJQAlACUAJQAlACUAJQAlACUAJQAdAB0AHQAdACUAHgAlACUAJQAdACUAJQAdAB0AHQAlACUAHQAdACUAHQAdACUAJQAlAB4AHQAeAB4AHgAeAB0AHQAlAB0AHQAdAB0AHQAdACUAJQAlACUAJQAdACUAJQAgACUAHQAdACUAJQAlACUAJQAlACUAJQAeAB4AHgAlACUAIAAgACAAIAAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB0AHgAeAB4AFwAXABcAFwAXABcAHgATABMAJQAeAB4AHgAWABEAFgARABYAEQAWABEAFgARABYAEQAWABEATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeABYAEQAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAWABEAFgARABYAEQAWABEAFgARAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AFgARABYAEQAWABEAFgARABYAEQAWABEAFgARABYAEQAWABEAFgARABYAEQAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAWABEAFgARAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AFgARAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAdAB0AHQAdAB0AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgArACsAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AUABQAFAAUAAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAEAAQABAAeAB4AKwArACsAKwArABMADQANAA0AUAATAA0AUABQAFAAUABQAFAAUABQACsAKwArACsAKwArACsAUAANACsAKwArACsAKwArACsAKwArACsAKwArACsAKwAEAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQACsAUABQAFAAUABQAFAAUAArAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAFAAUABQACsAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXAA0ADQANAA0ADQANAA0ADQAeAA0AFgANAB4AHgAXABcAHgAeABcAFwAWABEAFgARABYAEQAWABEADQANAA0ADQATAFAADQANAB4ADQANAB4AHgAeAB4AHgAMAAwADQANAA0AHgANAA0AFgANAA0ADQANAA0ADQANAA0AHgANAB4ADQANAB4AHgAeACsAKwArACsAKwArACsAKwArACsAKwArACsAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACsAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAKwArACsAKwArACsAKwArACsAKwArACsAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwAlACUAJQAlACUAJQAlACUAJQAlACUAJQArACsAKwArAA0AEQARACUAJQBHAFcAVwAWABEAFgARABYAEQAWABEAFgARACUAJQAWABEAFgARABYAEQAWABEAFQAWABEAEQAlAFcAVwBXAFcAVwBXAFcAVwBXAAQABAAEAAQABAAEACUAVwBXAFcAVwA2ACUAJQBXAFcAVwBHAEcAJQAlACUAKwBRAFcAUQBXAFEAVwBRAFcAUQBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFEAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBRAFcAUQBXAFEAVwBXAFcAVwBXAFcAUQBXAFcAVwBXAFcAVwBRAFEAKwArAAQABAAVABUARwBHAFcAFQBRAFcAUQBXAFEAVwBRAFcAUQBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFEAVwBRAFcAUQBXAFcAVwBXAFcAVwBRAFcAVwBXAFcAVwBXAFEAUQBXAFcAVwBXABUAUQBHAEcAVwArACsAKwArACsAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAKwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAKwAlACUAVwBXAFcAVwAlACUAJQAlACUAJQAlACUAJQAlACsAKwArACsAKwArACsAKwArACsAKwArAFEAUQBRAFEAUQBRAFEAUQBRAFEAUQBRAFEAUQBRAFEAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQArAFcAVwBXAFcAVwBXAFcAVwBXAFcAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQBPAE8ATwBPAE8ATwBPAE8AJQBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXACUAJQAlAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAEcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAKwArACsAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAADQATAA0AUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABLAEsASwBLAEsASwBLAEsASwBLAFAAUAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAFAABAAEAAQABAAeAAQABAAEAAQABAAEAAQABAAEAAQAHgBQAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AUABQAAQABABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQABAAeAA0ADQANAA0ADQArACsAKwArACsAKwArACsAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAFAAUABQAFAAUABQAFAAUABQAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AUAAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgBQAB4AHgAeAB4AHgAeAFAAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgArACsAHgAeAB4AHgAeAB4AHgAeAB4AKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwAeAB4AUABQAFAAUABQAFAAUABQAFAAUABQAAQAUABQAFAABABQAFAAUABQAAQAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQABAAEAAQABAAeAB4AHgAeAAQAKwArACsAUABQAFAAUABQAFAAHgAeABoAHgArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAADgAOABMAEwArACsAKwArACsAKwArACsABAAEAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQABAAEAAQABAAEACsAKwArACsAKwArACsAKwANAA0ASwBLAEsASwBLAEsASwBLAEsASwArACsAKwArACsAKwAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABABQAFAAUABQAFAAUAAeAB4AHgBQAA4AUABQAAQAUABQAFAAUABQAFAABAAEAAQABAAEAAQABAAEAA0ADQBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQAKwArACsAKwArACsAKwArACsAKwArAB4AWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYACsAKwArAAQAHgAeAB4AHgAeAB4ADQANAA0AHgAeAB4AHgArAFAASwBLAEsASwBLAEsASwBLAEsASwArACsAKwArAB4AHgBcAFwAXABcAFwAKgBcAFwAXABcAFwAXABcAFwAXABcAEsASwBLAEsASwBLAEsASwBLAEsAXABcAFwAXABcACsAUABQAFAAUABQAFAAUABQAFAABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEACsAKwArACsAKwArACsAKwArAFAAUABQAAQAUABQAFAAUABQAFAAUABQAAQABAArACsASwBLAEsASwBLAEsASwBLAEsASwArACsAHgANAA0ADQBcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAKgAqACoAXAAqACoAKgBcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXAAqAFwAKgAqACoAXABcACoAKgBcAFwAXABcAFwAKgAqAFwAKgBcACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAFwAXABcACoAKgBQAFAAUABQAFAAUABQAFAAUABQAFAABAAEAAQABAAEAA0ADQBQAFAAUAAEAAQAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUAArACsAUABQAFAAUABQAFAAKwArAFAAUABQAFAAUABQACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAFAAUABQACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAHgAeACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEAAQADQAEAAQAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsAVABVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBUAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVACsAKwArACsAKwArACsAKwArACsAKwArAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBZAFkAKwArACsAKwBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAKwArACsAKwAGAAYABgAGAAYABgAGAAYABgAGAAYABgAGAAYABgAGAAYABgAGAAYABgAGAAYABgAGAAYABgAGAAYABgAGAAYAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXACUAJQBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAJQAlACUAJQAlACUAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAKwArACsAKwArAFYABABWAFYAVgBWAFYAVgBWAFYAVgBWAB4AVgBWAFYAVgBWAFYAVgBWAFYAVgBWAFYAVgArAFYAVgBWAFYAVgArAFYAKwBWAFYAKwBWAFYAKwBWAFYAVgBWAFYAVgBWAFYAVgBWAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAEQAWAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUAAaAB4AKwArAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQAGAARABEAGAAYABMAEwAWABEAFAArACsAKwArACsAKwAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEACUAJQAlACUAJQAWABEAFgARABYAEQAWABEAFgARABYAEQAlACUAFgARACUAJQAlACUAJQAlACUAEQAlABEAKwAVABUAEwATACUAFgARABYAEQAWABEAJQAlACUAJQAlACUAJQAlACsAJQAbABoAJQArACsAKwArAFAAUABQAFAAUAArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArAAcAKwATACUAJQAbABoAJQAlABYAEQAlACUAEQAlABEAJQBXAFcAVwBXAFcAVwBXAFcAVwBXABUAFQAlACUAJQATACUAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXABYAJQARACUAJQAlAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwAWACUAEQAlABYAEQARABYAEQARABUAVwBRAFEAUQBRAFEAUQBRAFEAUQBRAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAEcARwArACsAVwBXAFcAVwBXAFcAKwArAFcAVwBXAFcAVwBXACsAKwBXAFcAVwBXAFcAVwArACsAVwBXAFcAKwArACsAGgAbACUAJQAlABsAGwArAB4AHgAeAB4AHgAeAB4AKwArACsAKwArACsAKwArACsAKwAEAAQABAAQAB0AKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsADQANAA0AKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArAB4AHgAeAB4AHgAeAB4AHgAeAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgBQAFAAHgAeAB4AKwAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAAQAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwAEAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAEAAQABAAEACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArAA0AUABQAFAAUAArACsAKwArAFAAUABQAFAAUABQAFAAUAANAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAKwArACsAKwArACsAKwAeACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAKwArAFAAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArAFAAUAArACsAKwBQACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwANAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAeAB4AUABQAFAAUABQAFAAUAArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArAFAAUAArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArAA0AUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAKwAeAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAUABQAFAAUABQAAQABAAEACsABAAEACsAKwArACsAKwAEAAQABAAEAFAAUABQAFAAKwBQAFAAUAArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArAAQABAAEACsAKwArACsABABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArAA0ADQANAA0ADQANAA0ADQAeACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAeAFAAUABQAFAAUABQAFAAUAAeAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQABAArACsAKwArAFAAUABQAFAAUAANAA0ADQANAA0ADQAUACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsADQANAA0ADQANAA0ADQBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArAB4AHgAeAB4AKwArACsAKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArAFAAUABQAFAAUABQAAQABAAEAAQAKwArACsAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUAArAAQABAANACsAKwBQAFAAKwArACsAKwArACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAAQABAAEAAQABAAEAAQABAAEAAQABABQAFAAUABQAB4AHgAeAB4AHgArACsAKwArACsAKwAEAAQABAAEAAQABAAEAA0ADQAeAB4AHgAeAB4AKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsABABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQABAAEAAQABAAEAAQABAAEAAQABAAeAB4AHgANAA0ADQANACsAKwArACsAKwArACsAKwArACsAKwAeACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAKwArACsAKwBLAEsASwBLAEsASwBLAEsASwBLACsAKwArACsAKwArAFAAUABQAFAAUABQAFAABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEACsASwBLAEsASwBLAEsASwBLAEsASwANAA0ADQANAFAABAAEAFAAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAeAA4AUAArACsAKwArACsAKwArACsAKwAEAFAAUABQAFAADQANAB4ADQAEAAQABAAEAB4ABAAEAEsASwBLAEsASwBLAEsASwBLAEsAUAAOAFAADQANAA0AKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEAAQABAAEAAQABAANAA0AHgANAA0AHgAEACsAUABQAFAAUABQAFAAUAArAFAAKwBQAFAAUABQACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAFAAUABQAFAAUABQAA0AKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEAAQABAAEAAQAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsABAAEAAQABAArAFAAUABQAFAAUABQAFAAUAArACsAUABQACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAFAAUABQACsAUABQACsAUABQAFAAUABQACsABAAEAFAABAAEAAQABAAEAAQABAArACsABAAEACsAKwAEAAQABAArACsAUAArACsAKwArACsAKwAEACsAKwArACsAKwBQAFAAUABQAFAABAAEACsAKwAEAAQABAAEAAQABAAEACsAKwArAAQABAAEAAQABAArACsAKwArACsAKwArACsAKwArACsABAAEAAQABAAEAAQABABQAFAAUABQAA0ADQANAA0AHgBLAEsASwBLAEsASwBLAEsASwBLAA0ADQArAB4ABABQAFAAUAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwAEAAQABAAEAFAAUAAeAFAAKwArACsAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAEAAQABAAEAAQABAArACsABAAEAAQABAAEAAQABAAEAAQADgANAA0AEwATAB4AHgAeAA0ADQANAA0ADQANAA0ADQANAA0ADQANAA0ADQANAFAAUABQAFAABAAEACsAKwAEAA0ADQAeAFAAKwArACsAKwArACsAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAFAAKwArACsAKwArACsAKwBLAEsASwBLAEsASwBLAEsASwBLACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAKwArACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACsAKwArACsASwBLAEsASwBLAEsASwBLAEsASwBcAFwADQANAA0AKgBQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAeACsAKwArACsASwBLAEsASwBLAEsASwBLAEsASwBQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAKwArAFAAKwArAFAAUABQAFAAUABQAFAAUAArAFAAUAArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAEAAQABAAEAAQAKwAEAAQAKwArAAQABAAEAAQAUAAEAFAABAAEAA0ADQANACsAKwArACsAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAEAAQABAAEAAQABAArACsABAAEAAQABAAEAAQABABQAA4AUAAEACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAFAABAAEAAQABAAEAAQABAAEAAQABABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEAFAABAAEAAQABAAOAB4ADQANAA0ADQAOAB4ABAArACsAKwArACsAKwArACsAUAAEAAQABAAEAAQABAAEAAQABAAEAAQAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAA0ADQANAFAADgAOAA4ADQANACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUAArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAEAAQABAAEAAQABAAEACsABAAEAAQABAAEAAQABAAEAFAADQANAA0ADQANACsAKwArACsAKwArACsAKwArACsASwBLAEsASwBLAEsASwBLAEsASwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwAOABMAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAArAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQACsAUABQACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAArACsAKwAEACsABAAEACsABAAEAAQABAAEAAQABABQAAQAKwArACsAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsAUABQAFAAUABQAFAAKwBQAFAAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQAKwAEAAQAKwAEAAQABAAEAAQAUAArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAEAAQABAAeAB4AKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwBQACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAB4AHgAeAB4AHgAeAB4AHgAaABoAGgAaAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgArACsAKwArACsAKwArACsAKwArACsAKwArAA0AUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsADQANAA0ADQANACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAASABIAEgAQwBDAEMAUABQAFAAUABDAFAAUABQAEgAQwBIAEMAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAASABDAEMAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwAJAAkACQAJAAkACQAJABYAEQArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABIAEMAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwANAA0AKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArAAQABAAEAAQABAANACsAKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEAA0ADQANAB4AHgAeAB4AHgAeAFAAUABQAFAADQAeACsAKwArACsAKwArACsAKwArACsASwBLAEsASwBLAEsASwBLAEsASwArAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAANAA0AHgAeACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAKwAEAFAABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQAKwArACsAKwArACsAKwAEAAQABAAEAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAARwBHABUARwAJACsAKwArACsAKwArACsAKwArACsAKwAEAAQAKwArACsAKwArACsAKwArACsAKwArACsAKwArAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXACsAKwArACsAKwArACsAKwBXAFcAVwBXAFcAVwBXAFcAVwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAUQBRAFEAKwArACsAKwArACsAKwArACsAKwArACsAKwBRAFEAUQBRACsAKwArACsAKwArACsAKwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUAArACsAHgAEAAQADQAEAAQABAAEACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgArACsAKwArACsAKwArACsAKwArAB4AHgAeAB4AHgAeAB4AKwArAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAAQABAAEAAQABAAeAB4AHgAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAB4AHgAEAAQABAAEAAQABAAEAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4ABAAEAAQABAAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4ABAAEAAQAHgArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAKwArACsAKwArACsAKwArAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgArACsAKwArACsAKwArACsAKwAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgArAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwBQAFAAKwArAFAAKwArAFAAUAArACsAUABQAFAAUAArAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeACsAUAArAFAAUABQAFAAUABQAFAAKwAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwBQAFAAUABQACsAKwBQAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAFAAUABQACsAHgAeAFAAUABQAFAAUAArAFAAKwArACsAUABQAFAAUABQAFAAUAArAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAHgBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgBQAFAAUABQAFAAUABQAFAAUABQAFAAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAB4AHgAeAB4AHgAeAB4AHgAeACsAKwBLAEsASwBLAEsASwBLAEsASwBLAEsASwBLAEsASwBLAEsASwBLAEsASwBLAEsASwBLAEsASwBLAEsASwBLAEsASwBLAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAeAB4AHgAeAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAeAB4AHgAeAB4AHgAeAB4ABAAeAB4AHgAeAB4AHgAeAB4AHgAeAAQAHgAeAA0ADQANAA0AHgArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwAEAAQABAAEAAQAKwAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAAQABAAEAAQABAAEAAQAKwAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQAKwArAAQABAAEAAQABAAEAAQAKwAEAAQAKwAEAAQABAAEAAQAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwAEAAQABAAEAAQABAAEAFAAUABQAFAAUABQAFAAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwBQAB4AKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArABsAUABQAFAAUABQACsAKwBQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEACsAKwArACsAKwArACsAKwArAB4AHgAeAB4ABAAEAAQABAAEAAQABABQACsAKwArACsASwBLAEsASwBLAEsASwBLAEsASwArACsAKwArABYAFgArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAGgBQAFAAUAAaAFAAUABQAFAAKwArACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAeAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwBQAFAAUABQACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAKwBQACsAKwBQACsAUABQAFAAUABQAFAAUABQAFAAUAArAFAAUABQAFAAKwBQACsAUAArACsAKwArACsAKwBQACsAKwArACsAUAArAFAAKwBQACsAUABQAFAAKwBQAFAAKwBQACsAKwBQACsAUAArAFAAKwBQACsAUAArAFAAUAArAFAAKwArAFAAUABQAFAAKwBQAFAAUABQAFAAUABQACsAUABQAFAAUAArAFAAUABQAFAAKwBQACsAUABQAFAAUABQAFAAUABQAFAAUAArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAUABQAFAAKwBQAFAAUABQAFAAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwAeAB4AKwArACsAKwArACsAKwArACsAKwArACsAKwArAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8AJQAlACUAHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHgAeAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB4AHgAeACUAJQAlAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQApACkAKQApACkAKQApACkAKQApACkAKQApACkAKQApACkAKQApACkAKQApACkAKQApACkAJQAlACUAJQAlACAAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAeAB4AJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlAB4AHgAlACUAJQAlACUAHgAlACUAJQAlACUAIAAgACAAJQAlACAAJQAlACAAIAAgACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACEAIQAhACEAIQAlACUAIAAgACUAJQAgACAAIAAgACAAIAAgACAAIAAgACAAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAJQAlACUAIAAlACUAJQAlACAAIAAgACUAIAAgACAAJQAlACUAJQAlACUAJQAgACUAIAAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAHgAlAB4AJQAeACUAJQAlACUAJQAgACUAJQAlACUAHgAlAB4AHgAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlAB4AHgAeAB4AHgAeAB4AJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAeAB4AHgAeAB4AHgAeAB4AHgAeACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACAAIAAlACUAJQAlACAAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACAAJQAlACUAJQAgACAAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAHgAeAB4AHgAeAB4AHgAeACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAeAB4AHgAeAB4AHgAlACUAJQAlACUAJQAlACAAIAAgACUAJQAlACAAIAAgACAAIAAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeABcAFwAXABUAFQAVAB4AHgAeAB4AJQAlACUAIAAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACAAIAAgACUAJQAlACUAJQAlACUAJQAlACAAJQAlACUAJQAlACUAJQAlACUAJQAlACAAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AJQAlACUAJQAlACUAJQAlACUAJQAlACUAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AJQAlACUAJQAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeACUAJQAlACUAJQAlACUAJQAeAB4AHgAeAB4AHgAeAB4AHgAeACUAJQAlACUAJQAlAB4AHgAeAB4AHgAeAB4AHgAlACUAJQAlACUAJQAlACUAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAgACUAJQAgACUAJQAlACUAJQAlACUAJQAgACAAIAAgACAAIAAgACAAJQAlACUAJQAlACUAIAAlACUAJQAlACUAJQAlACUAJQAgACAAIAAgACAAIAAgACAAIAAgACUAJQAgACAAIAAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAgACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACAAIAAlACAAIAAlACAAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAgACAAIAAlACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAJQAlAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAKwArAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXACUAJQBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwAlACUAJQAlACUAJQAlACUAJQAlACUAVwBXACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAKwAEACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAA==';
+      var base64$1 =
+        "KwAAAAAAAAAACA4AUD0AADAgAAACAAAAAAAIABAAGABAAEgAUABYAGAAaABgAGgAYgBqAF8AZwBgAGgAcQB5AHUAfQCFAI0AlQCdAKIAqgCyALoAYABoAGAAaABgAGgAwgDKAGAAaADGAM4A0wDbAOEA6QDxAPkAAQEJAQ8BFwF1AH0AHAEkASwBNAE6AUIBQQFJAVEBWQFhAWgBcAF4ATAAgAGGAY4BlQGXAZ8BpwGvAbUBvQHFAc0B0wHbAeMB6wHxAfkBAQIJAvEBEQIZAiECKQIxAjgCQAJGAk4CVgJeAmQCbAJ0AnwCgQKJApECmQKgAqgCsAK4ArwCxAIwAMwC0wLbAjAA4wLrAvMC+AIAAwcDDwMwABcDHQMlAy0DNQN1AD0DQQNJA0kDSQNRA1EDVwNZA1kDdQB1AGEDdQBpA20DdQN1AHsDdQCBA4kDkQN1AHUAmQOhA3UAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AKYDrgN1AHUAtgO+A8YDzgPWAxcD3gPjA+sD8wN1AHUA+wMDBAkEdQANBBUEHQQlBCoEFwMyBDgEYABABBcDSARQBFgEYARoBDAAcAQzAXgEgASIBJAEdQCXBHUAnwSnBK4EtgS6BMIEyAR1AHUAdQB1AHUAdQCVANAEYABgAGAAYABgAGAAYABgANgEYADcBOQEYADsBPQE/AQEBQwFFAUcBSQFLAU0BWQEPAVEBUsFUwVbBWAAYgVgAGoFcgV6BYIFigWRBWAAmQWfBaYFYABgAGAAYABgAKoFYACxBbAFuQW6BcEFwQXHBcEFwQXPBdMF2wXjBeoF8gX6BQIGCgYSBhoGIgYqBjIGOgZgAD4GRgZMBmAAUwZaBmAAYABgAGAAYABgAGAAYABgAGAAYABgAGIGYABpBnAGYABgAGAAYABgAGAAYABgAGAAYAB4Bn8GhQZgAGAAYAB1AHcDFQSLBmAAYABgAJMGdQA9A3UAmwajBqsGqwaVALMGuwbDBjAAywbSBtIG1QbSBtIG0gbSBtIG0gbdBuMG6wbzBvsGAwcLBxMHAwcbByMHJwcsBywHMQcsB9IGOAdAB0gHTgfSBkgHVgfSBtIG0gbSBtIG0gbSBtIG0gbSBiwHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAdgAGAALAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAdbB2MHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsB2kH0gZwB64EdQB1AHUAdQB1AHUAdQB1AHUHfQdgAIUHjQd1AHUAlQedB2AAYAClB6sHYACzB7YHvgfGB3UAzgfWBzMB3gfmB1EB7gf1B/0HlQENAQUIDQh1ABUIHQglCBcDLQg1CD0IRQhNCEEDUwh1AHUAdQBbCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIaQhjCGQIZQhmCGcIaAhpCGMIZAhlCGYIZwhoCGkIYwhkCGUIZghnCGgIcAh3CHoIMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwAIIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIgggwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAALAcsBywHLAcsBywHLAcsBywHLAcsB4oILAcsB44I0gaWCJ4Ipgh1AHUAqgiyCHUAdQB1AHUAdQB1AHUAdQB1AHUAtwh8AXUAvwh1AMUIyQjRCNkI4AjoCHUAdQB1AO4I9gj+CAYJDgkTCS0HGwkjCYIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIggiCCIIIggiAAIAAAAFAAYABgAGIAXwBgAHEAdQBFAJUAogCyAKAAYABgAEIA4ABGANMA4QDxAMEBDwE1AFwBLAE6AQEBUQF4QkhCmEKoQrhCgAHIQsAB0MLAAcABwAHAAeDC6ABoAHDCwMMAAcABwAHAAdDDGMMAAcAB6MM4wwjDWMNow3jDaABoAGgAaABoAGgAaABoAGgAaABoAGgAaABoAGgAaABoAGgAaABoAEjDqABWw6bDqABpg6gAaABoAHcDvwOPA+gAaABfA/8DvwO/A78DvwO/A78DvwO/A78DvwO/A78DvwO/A78DvwO/A78DvwO/A78DvwO/A78DvwO/A78DpcPAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcAB9cPKwkyCToJMAB1AHUAdQBCCUoJTQl1AFUJXAljCWcJawkwADAAMAAwAHMJdQB2CX4JdQCECYoJjgmWCXUAngkwAGAAYABxAHUApgn3A64JtAl1ALkJdQDACTAAMAAwADAAdQB1AHUAdQB1AHUAdQB1AHUAowYNBMUIMAAwADAAMADICcsJ0wnZCRUE4QkwAOkJ8An4CTAAMAB1AAAKvwh1AAgKDwoXCh8KdQAwACcKLgp1ADYKqAmICT4KRgowADAAdQB1AE4KMAB1AFYKdQBeCnUAZQowADAAMAAwADAAMAAwADAAMAAVBHUAbQowADAAdQC5CXUKMAAwAHwBxAijBogEMgF9CoQKiASMCpQKmgqIBKIKqgquCogEDQG2Cr4KxgrLCjAAMADTCtsKCgHjCusK8Qr5CgELMAAwADAAMAB1AIsECQsRC3UANAEZCzAAMAAwADAAMAB1ACELKQswAHUANAExCzkLdQBBC0kLMABRC1kLMAAwADAAMAAwADAAdQBhCzAAMAAwAGAAYABpC3ELdwt/CzAAMACHC4sLkwubC58Lpwt1AK4Ltgt1APsDMAAwADAAMAAwADAAMAAwAL4LwwvLC9IL1wvdCzAAMADlC+kL8Qv5C/8LSQswADAAMAAwADAAMAAwADAAMAAHDDAAMAAwADAAMAAODBYMHgx1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1ACYMMAAwADAAdQB1AHUALgx1AHUAdQB1AHUAdQA2DDAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwAHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AD4MdQBGDHUAdQB1AHUAdQB1AEkMdQB1AHUAdQB1AFAMMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwAHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQBYDHUAdQB1AF8MMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAB1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AHUA+wMVBGcMMAAwAHwBbwx1AHcMfwyHDI8MMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAYABgAJcMMAAwADAAdQB1AJ8MlQClDDAAMACtDCwHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsB7UMLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHdQB1AHUAdQB1AHUAdQB1AHUAdQB1AHUAdQB1AA0EMAC9DDAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAsBywHLAcsBywHLAcsBywHLQcwAMEMyAwsBywHLAcsBywHLAcsBywHLAcsBywHzAwwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwAHUAdQB1ANQM2QzhDDAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMABgAGAAYABgAGAAYABgAOkMYADxDGAA+AwADQYNYABhCWAAYAAODTAAMAAwADAAFg1gAGAAHg37AzAAMAAwADAAYABgACYNYAAsDTQNPA1gAEMNPg1LDWAAYABgAGAAYABgAGAAYABgAGAAUg1aDYsGVglhDV0NcQBnDW0NdQ15DWAAYABgAGAAYABgAGAAYABgAGAAYABgAGAAYABgAGAAlQCBDZUAiA2PDZcNMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAnw2nDTAAMAAwADAAMAAwAHUArw23DTAAMAAwADAAMAAwADAAMAAwADAAMAB1AL8NMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAB1AHUAdQB1AHUAdQDHDTAAYABgAM8NMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAA1w11ANwNMAAwAD0B5A0wADAAMAAwADAAMADsDfQN/A0EDgwOFA4wABsOMAAwADAAMAAwADAAMAAwANIG0gbSBtIG0gbSBtIG0gYjDigOwQUuDsEFMw7SBjoO0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIGQg5KDlIOVg7SBtIGXg5lDm0OdQ7SBtIGfQ6EDooOjQ6UDtIGmg6hDtIG0gaoDqwO0ga0DrwO0gZgAGAAYADEDmAAYAAkBtIGzA5gANIOYADaDokO0gbSBt8O5w7SBu8O0gb1DvwO0gZgAGAAxA7SBtIG0gbSBtIGYABgAGAAYAAED2AAsAUMD9IG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIGFA8sBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAccD9IGLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHJA8sBywHLAcsBywHLAccDywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywPLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAc0D9IG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIGLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAccD9IG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIGFA8sBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHLAcsBywHPA/SBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gbSBtIG0gYUD0QPlQCVAJUAMAAwADAAMACVAJUAlQCVAJUAlQCVAEwPMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAA//8EAAQABAAEAAQABAAEAAQABAANAAMAAQABAAIABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQACgATABcAHgAbABoAHgAXABYAEgAeABsAGAAPABgAHABLAEsASwBLAEsASwBLAEsASwBLABgAGAAeAB4AHgATAB4AUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQABYAGwASAB4AHgAeAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAWAA0AEQAeAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAAQABAAEAAQABAAFAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAJABYAGgAbABsAGwAeAB0AHQAeAE8AFwAeAA0AHgAeABoAGwBPAE8ADgBQAB0AHQAdAE8ATwAXAE8ATwBPABYAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAB0AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAdAFAAUABQAFAAUABQAFAAUAAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAFAAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAeAB4AHgAeAFAATwBAAE8ATwBPAEAATwBQAFAATwBQAB4AHgAeAB4AHgAeAB0AHQAdAB0AHgAdAB4ADgBQAFAAUABQAFAAHgAeAB4AHgAeAB4AHgBQAB4AUAAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4ABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAJAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAkACQAJAAkACQAJAAkABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAeAB4AHgAeAFAAHgAeAB4AKwArAFAAUABQAFAAGABQACsAKwArACsAHgAeAFAAHgBQAFAAUAArAFAAKwAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4ABAAEAAQABAAEAAQABAAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAUAAeAB4AHgAeAB4AHgBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAYAA0AKwArAB4AHgAbACsABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQADQAEAB4ABAAEAB4ABAAEABMABAArACsAKwArACsAKwArACsAVgBWAFYAVgBWAFYAVgBWAFYAVgBWAFYAVgBWAFYAVgBWAFYAVgBWAFYAVgBWAFYAVgBWAFYAKwArACsAKwBWAFYAVgBWAB4AHgArACsAKwArACsAKwArACsAKwArACsAHgAeAB4AHgAeAB4AHgAeAB4AGgAaABoAGAAYAB4AHgAEAAQABAAEAAQABAAEAAQABAAEAAQAEwAEACsAEwATAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABABLAEsASwBLAEsASwBLAEsASwBLABoAGQAZAB4AUABQAAQAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQABMAUAAEAAQABAAEAAQABAAEAB4AHgAEAAQABAAEAAQABABQAFAABAAEAB4ABAAEAAQABABQAFAASwBLAEsASwBLAEsASwBLAEsASwBQAFAAUAAeAB4AUAAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwAeAFAABABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAEAAQABAAEAAQABAAEAAQABAAEAFAAKwArACsAKwArACsAKwArACsAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAEAAQABAAEAAQABAAEAAQAUABQAB4AHgAYABMAUAArACsABAAbABsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAFAABAAEAAQABAAEAFAABAAEAAQAUAAEAAQABAAEAAQAKwArAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAArACsAHgArAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAKwArACsAKwArACsAKwArAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAB4ABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQABAAEAFAABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQAUAAEAAQABAAEAAQABAAEAFAAUABQAFAAUABQAFAAUABQAFAABAAEAA0ADQBLAEsASwBLAEsASwBLAEsASwBLAB4AUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAArAFAAUABQAFAAUABQAFAAUAArACsAUABQACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAFAAUABQACsAUAArACsAKwBQAFAAUABQACsAKwAEAFAABAAEAAQABAAEAAQABAArACsABAAEACsAKwAEAAQABABQACsAKwArACsAKwArACsAKwAEACsAKwArACsAUABQACsAUABQAFAABAAEACsAKwBLAEsASwBLAEsASwBLAEsASwBLAFAAUAAaABoAUABQAFAAUABQAEwAHgAbAFAAHgAEACsAKwAEAAQABAArAFAAUABQAFAAUABQACsAKwArACsAUABQACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAFAAUABQACsAUABQACsAUABQACsAUABQACsAKwAEACsABAAEAAQABAAEACsAKwArACsABAAEACsAKwAEAAQABAArACsAKwAEACsAKwArACsAKwArACsAUABQAFAAUAArAFAAKwArACsAKwArACsAKwBLAEsASwBLAEsASwBLAEsASwBLAAQABABQAFAAUAAEAB4AKwArACsAKwArACsAKwArACsAKwAEAAQABAArAFAAUABQAFAAUABQAFAAUABQACsAUABQAFAAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAFAAUABQACsAUABQACsAUABQAFAAUABQACsAKwAEAFAABAAEAAQABAAEAAQABAAEACsABAAEAAQAKwAEAAQABAArACsAUAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwBQAFAABAAEACsAKwBLAEsASwBLAEsASwBLAEsASwBLAB4AGwArACsAKwArACsAKwArAFAABAAEAAQABAAEAAQAKwAEAAQABAArAFAAUABQAFAAUABQAFAAUAArACsAUABQACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQABAAEAAQABAArACsABAAEACsAKwAEAAQABAArACsAKwArACsAKwArAAQABAAEACsAKwArACsAUABQACsAUABQAFAABAAEACsAKwBLAEsASwBLAEsASwBLAEsASwBLAB4AUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArAAQAUAArAFAAUABQAFAAUABQACsAKwArAFAAUABQACsAUABQAFAAUAArACsAKwBQAFAAKwBQACsAUABQACsAKwArAFAAUAArACsAKwBQAFAAUAArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArAAQABAAEAAQABAArACsAKwAEAAQABAArAAQABAAEAAQAKwArAFAAKwArACsAKwArACsABAArACsAKwArACsAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAUABQAFAAHgAeAB4AHgAeAB4AGwAeACsAKwArACsAKwAEAAQABAAEAAQAUABQAFAAUABQAFAAUABQACsAUABQAFAAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAUAAEAAQABAAEAAQABAAEACsABAAEAAQAKwAEAAQABAAEACsAKwArACsAKwArACsABAAEACsAUABQAFAAKwArACsAKwArAFAAUAAEAAQAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsAKwAOAFAAUABQAFAAUABQAFAAHgBQAAQABAAEAA4AUABQAFAAUABQAFAAUABQACsAUABQAFAAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArAFAAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAFAAKwArAAQAUAAEAAQABAAEAAQABAAEACsABAAEAAQAKwAEAAQABAAEACsAKwArACsAKwArACsABAAEACsAKwArACsAKwArACsAUAArAFAAUAAEAAQAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwBQAFAAKwArACsAKwArACsAKwArACsAKwArACsAKwAEAAQABAAEAFAAUABQAFAAUABQAFAAUABQACsAUABQAFAAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAEAFAABAAEAAQABAAEAAQABAArAAQABAAEACsABAAEAAQABABQAB4AKwArACsAKwBQAFAAUAAEAFAAUABQAFAAUABQAFAAUABQAFAABAAEACsAKwBLAEsASwBLAEsASwBLAEsASwBLAFAAUABQAFAAUABQAFAAUABQABoAUABQAFAAUABQAFAAKwAEAAQABAArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArAFAAUABQAFAAUABQAFAAUABQACsAUAArACsAUABQAFAAUABQAFAAUAArACsAKwAEACsAKwArACsABAAEAAQABAAEAAQAKwAEACsABAAEAAQABAAEAAQABAAEACsAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArAAQABAAeACsAKwArACsAKwArACsAKwArACsAKwArAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXAAqAFwAXAAqACoAKgAqACoAKgAqACsAKwArACsAGwBcAFwAXABcAFwAXABcACoAKgAqACoAKgAqACoAKgAeAEsASwBLAEsASwBLAEsASwBLAEsADQANACsAKwArACsAKwBcAFwAKwBcACsAXABcAFwAXABcACsAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcACsAXAArAFwAXABcAFwAXABcAFwAXABcAFwAKgBcAFwAKgAqACoAKgAqACoAKgAqACoAXAArACsAXABcAFwAXABcACsAXAArACoAKgAqACoAKgAqACsAKwBLAEsASwBLAEsASwBLAEsASwBLACsAKwBcAFwAXABcAFAADgAOAA4ADgAeAA4ADgAJAA4ADgANAAkAEwATABMAEwATAAkAHgATAB4AHgAeAAQABAAeAB4AHgAeAB4AHgBLAEsASwBLAEsASwBLAEsASwBLAFAAUABQAFAAUABQAFAAUABQAFAADQAEAB4ABAAeAAQAFgARABYAEQAEAAQAUABQAFAAUABQAFAAUABQACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAKwAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQADQAEAAQABAAEAAQADQAEAAQAUABQAFAAUABQAAQABAAEAAQABAAEAAQABAAEAAQABAArAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAArAA0ADQAeAB4AHgAeAB4AHgAEAB4AHgAeAB4AHgAeACsAHgAeAA4ADgANAA4AHgAeAB4AHgAeAAkACQArACsAKwArACsAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgBcAEsASwBLAEsASwBLAEsASwBLAEsADQANAB4AHgAeAB4AXABcAFwAXABcAFwAKgAqACoAKgBcAFwAXABcACoAKgAqAFwAKgAqACoAXABcACoAKgAqACoAKgAqACoAXABcAFwAKgAqACoAKgBcAFwAXABcAFwAXABcAFwAXABcAFwAXABcACoAKgAqACoAKgAqACoAKgAqACoAKgAqAFwAKgBLAEsASwBLAEsASwBLAEsASwBLACoAKgAqACoAKgAqAFAAUABQAFAAUABQACsAUAArACsAKwArACsAUAArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAHgBQAFAAUABQAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABZAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBZAFkAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFAAUABQAFAAUABQAFAAUABQACsAUABQAFAAUAArACsAUABQAFAAUABQAFAAUAArAFAAKwBQAFAAUABQACsAKwBQAFAAUABQAFAAUABQAFAAUAArAFAAUABQAFAAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArAFAAUABQAFAAKwArAFAAUABQAFAAUABQAFAAKwBQACsAUABQAFAAUAArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAUABQACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsABAAEAAQAHgANAB4AHgAeAB4AHgAeAB4AUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAHgAeAB4AHgAeAB4AHgAeAB4AHgArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwBQAFAAUABQAFAAUAArACsADQBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAHgAeAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAANAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAWABEAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAA0ADQANAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAAQABAAEACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAANAA0AKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAEACsAKwArACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAUAArAAQABAArACsAKwArACsAKwArACsAKwArACsAKwBcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqAA0ADQAVAFwADQAeAA0AGwBcACoAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwAeAB4AEwATAA0ADQAOAB4AEwATAB4ABAAEAAQACQArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArAFAAUABQAFAAUAAEAAQAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQAUAArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwAEAAQABAAEAAQABAAEAAQABAAEAAQABAArACsAKwArAAQABAAEAAQABAAEAAQABAAEAAQABAAEACsAKwArACsAHgArACsAKwATABMASwBLAEsASwBLAEsASwBLAEsASwBcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXAArACsAXABcAFwAXABcACsAKwArACsAKwArACsAKwArACsAKwBcAFwAXABcAFwAXABcAFwAXABcAFwAXAArACsAKwArAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcACsAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAXAArACsAKwAqACoAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQABAAEAAQABAArACsAHgAeAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcACoAKgAqACoAKgAqACoAKgAqACoAKwAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKwArAAQASwBLAEsASwBLAEsASwBLAEsASwArACsAKwArACsAKwBLAEsASwBLAEsASwBLAEsASwBLACsAKwArACsAKwArACoAKgAqACoAKgAqACoAXAAqACoAKgAqACoAKgArACsABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsABAAEAAQABAAEAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQABAAEAAQABABQAFAAUABQAFAAUABQACsAKwArACsASwBLAEsASwBLAEsASwBLAEsASwANAA0AHgANAA0ADQANAB4AHgAeAB4AHgAeAB4AHgAeAB4ABAAEAAQABAAEAAQABAAEAAQAHgAeAB4AHgAeAB4AHgAeAB4AKwArACsABAAEAAQAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAEAAQABAAEAAQABAAEAAQABAAEAAQABABQAFAASwBLAEsASwBLAEsASwBLAEsASwBQAFAAUABQAFAAUABQAFAABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEACsAKwArACsAKwArACsAKwAeAB4AHgAeAFAAUABQAFAABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEACsAKwArAA0ADQANAA0ADQBLAEsASwBLAEsASwBLAEsASwBLACsAKwArAFAAUABQAEsASwBLAEsASwBLAEsASwBLAEsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAA0ADQBQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwBQAFAAUAAeAB4AHgAeAB4AHgAeAB4AKwArACsAKwArACsAKwArAAQABAAEAB4ABAAEAAQABAAEAAQABAAEAAQABAAEAAQABABQAFAAUABQAAQAUABQAFAAUABQAFAABABQAFAABAAEAAQAUAArACsAKwArACsABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEACsABAAEAAQABAAEAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwArAFAAUABQAFAAUABQACsAKwBQAFAAUABQAFAAUABQAFAAKwBQACsAUAArAFAAKwAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeACsAKwAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgArAB4AHgAeAB4AHgAeAB4AHgBQAB4AHgAeAFAAUABQACsAHgAeAB4AHgAeAB4AHgAeAB4AHgBQAFAAUABQACsAKwAeAB4AHgAeAB4AHgArAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwArAFAAUABQACsAHgAeAB4AHgAeAB4AHgAOAB4AKwANAA0ADQANAA0ADQANAAkADQANAA0ACAAEAAsABAAEAA0ACQANAA0ADAAdAB0AHgAXABcAFgAXABcAFwAWABcAHQAdAB4AHgAUABQAFAANAAEAAQAEAAQABAAEAAQACQAaABoAGgAaABoAGgAaABoAHgAXABcAHQAVABUAHgAeAB4AHgAeAB4AGAAWABEAFQAVABUAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4ADQAeAA0ADQANAA0AHgANAA0ADQAHAB4AHgAeAB4AKwAEAAQABAAEAAQABAAEAAQABAAEAFAAUAArACsATwBQAFAAUABQAFAAHgAeAB4AFgARAE8AUABPAE8ATwBPAFAAUABQAFAAUAAeAB4AHgAWABEAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArABsAGwAbABsAGwAbABsAGgAbABsAGwAbABsAGwAbABsAGwAbABsAGwAbABsAGgAbABsAGwAbABoAGwAbABoAGwAbABsAGwAbABsAGwAbABsAGwAbABsAGwAbABsAGwAbAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQAHgAeAFAAGgAeAB0AHgBQAB4AGgAeAB4AHgAeAB4AHgAeAB4AHgBPAB4AUAAbAB4AHgBQAFAAUABQAFAAHgAeAB4AHQAdAB4AUAAeAFAAHgBQAB4AUABPAFAAUAAeAB4AHgAeAB4AHgAeAFAAUABQAFAAUAAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAFAAHgBQAFAAUABQAE8ATwBQAFAAUABQAFAATwBQAFAATwBQAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAFAAUABQAFAATwBPAE8ATwBPAE8ATwBPAE8ATwBQAFAAUABQAFAAUABQAFAAUAAeAB4AUABQAFAAUABPAB4AHgArACsAKwArAB0AHQAdAB0AHQAdAB0AHQAdAB0AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB0AHgAdAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAdAB4AHQAdAB4AHgAeAB0AHQAeAB4AHQAeAB4AHgAdAB4AHQAbABsAHgAdAB4AHgAeAB4AHQAeAB4AHQAdAB0AHQAeAB4AHQAeAB0AHgAdAB0AHQAdAB0AHQAeAB0AHgAeAB4AHgAeAB0AHQAdAB0AHgAeAB4AHgAdAB0AHgAeAB4AHgAeAB4AHgAeAB4AHgAdAB4AHgAeAB0AHgAeAB4AHgAeAB0AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAdAB0AHgAeAB0AHQAdAB0AHgAeAB0AHQAeAB4AHQAdAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB0AHQAeAB4AHQAdAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHQAeAB4AHgAdAB4AHgAeAB4AHgAeAB4AHQAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB0AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AFAAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeABYAEQAWABEAHgAeAB4AHgAeAB4AHQAeAB4AHgAeAB4AHgAeACUAJQAeAB4AHgAeAB4AHgAeAB4AHgAWABEAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AJQAlACUAJQAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAFAAHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHgAeAB4AHgAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAeAB4AHQAdAB0AHQAeAB4AHgAeAB4AHgAeAB4AHgAeAB0AHQAeAB0AHQAdAB0AHQAdAB0AHgAeAB4AHgAeAB4AHgAeAB0AHQAeAB4AHQAdAB4AHgAeAB4AHQAdAB4AHgAeAB4AHQAdAB0AHgAeAB0AHgAeAB0AHQAdAB0AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAdAB0AHQAdAB4AHgAeAB4AHgAeAB4AHgAeAB0AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAlACUAJQAlAB4AHQAdAB4AHgAdAB4AHgAeAB4AHQAdAB4AHgAeAB4AJQAlAB0AHQAlAB4AJQAlACUAIAAlACUAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAlACUAJQAeAB4AHgAeAB0AHgAdAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAdAB0AHgAdAB0AHQAeAB0AJQAdAB0AHgAdAB0AHgAdAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeACUAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHQAdAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAlACUAJQAlACUAJQAlACUAJQAlACUAJQAdAB0AHQAdACUAHgAlACUAJQAdACUAJQAdAB0AHQAlACUAHQAdACUAHQAdACUAJQAlAB4AHQAeAB4AHgAeAB0AHQAlAB0AHQAdAB0AHQAdACUAJQAlACUAJQAdACUAJQAgACUAHQAdACUAJQAlACUAJQAlACUAJQAeAB4AHgAlACUAIAAgACAAIAAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB0AHgAeAB4AFwAXABcAFwAXABcAHgATABMAJQAeAB4AHgAWABEAFgARABYAEQAWABEAFgARABYAEQAWABEATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeABYAEQAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAWABEAFgARABYAEQAWABEAFgARAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AFgARABYAEQAWABEAFgARABYAEQAWABEAFgARABYAEQAWABEAFgARABYAEQAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAWABEAFgARAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AFgARAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAdAB0AHQAdAB0AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgArACsAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AUABQAFAAUAAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAEAAQABAAeAB4AKwArACsAKwArABMADQANAA0AUAATAA0AUABQAFAAUABQAFAAUABQACsAKwArACsAKwArACsAUAANACsAKwArACsAKwArACsAKwArACsAKwArACsAKwAEAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQACsAUABQAFAAUABQAFAAUAArAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAFAAUABQACsAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXAA0ADQANAA0ADQANAA0ADQAeAA0AFgANAB4AHgAXABcAHgAeABcAFwAWABEAFgARABYAEQAWABEADQANAA0ADQATAFAADQANAB4ADQANAB4AHgAeAB4AHgAMAAwADQANAA0AHgANAA0AFgANAA0ADQANAA0ADQANAA0AHgANAB4ADQANAB4AHgAeACsAKwArACsAKwArACsAKwArACsAKwArACsAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACsAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAKwArACsAKwArACsAKwArACsAKwArACsAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwAlACUAJQAlACUAJQAlACUAJQAlACUAJQArACsAKwArAA0AEQARACUAJQBHAFcAVwAWABEAFgARABYAEQAWABEAFgARACUAJQAWABEAFgARABYAEQAWABEAFQAWABEAEQAlAFcAVwBXAFcAVwBXAFcAVwBXAAQABAAEAAQABAAEACUAVwBXAFcAVwA2ACUAJQBXAFcAVwBHAEcAJQAlACUAKwBRAFcAUQBXAFEAVwBRAFcAUQBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFEAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBRAFcAUQBXAFEAVwBXAFcAVwBXAFcAUQBXAFcAVwBXAFcAVwBRAFEAKwArAAQABAAVABUARwBHAFcAFQBRAFcAUQBXAFEAVwBRAFcAUQBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFEAVwBRAFcAUQBXAFcAVwBXAFcAVwBRAFcAVwBXAFcAVwBXAFEAUQBXAFcAVwBXABUAUQBHAEcAVwArACsAKwArACsAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAKwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAKwAlACUAVwBXAFcAVwAlACUAJQAlACUAJQAlACUAJQAlACsAKwArACsAKwArACsAKwArACsAKwArAFEAUQBRAFEAUQBRAFEAUQBRAFEAUQBRAFEAUQBRAFEAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQArAFcAVwBXAFcAVwBXAFcAVwBXAFcAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQBPAE8ATwBPAE8ATwBPAE8AJQBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXACUAJQAlAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAEcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAKwArACsAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAADQATAA0AUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABLAEsASwBLAEsASwBLAEsASwBLAFAAUAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAFAABAAEAAQABAAeAAQABAAEAAQABAAEAAQABAAEAAQAHgBQAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AUABQAAQABABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQABAAeAA0ADQANAA0ADQArACsAKwArACsAKwArACsAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAFAAUABQAFAAUABQAFAAUABQAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AUAAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgBQAB4AHgAeAB4AHgAeAFAAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgArACsAHgAeAB4AHgAeAB4AHgAeAB4AKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwAeAB4AUABQAFAAUABQAFAAUABQAFAAUABQAAQAUABQAFAABABQAFAAUABQAAQAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQABAAEAAQABAAeAB4AHgAeAAQAKwArACsAUABQAFAAUABQAFAAHgAeABoAHgArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAADgAOABMAEwArACsAKwArACsAKwArACsABAAEAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQABAAEAAQABAAEACsAKwArACsAKwArACsAKwANAA0ASwBLAEsASwBLAEsASwBLAEsASwArACsAKwArACsAKwAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABABQAFAAUABQAFAAUAAeAB4AHgBQAA4AUABQAAQAUABQAFAAUABQAFAABAAEAAQABAAEAAQABAAEAA0ADQBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQAKwArACsAKwArACsAKwArACsAKwArAB4AWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYAFgAWABYACsAKwArAAQAHgAeAB4AHgAeAB4ADQANAA0AHgAeAB4AHgArAFAASwBLAEsASwBLAEsASwBLAEsASwArACsAKwArAB4AHgBcAFwAXABcAFwAKgBcAFwAXABcAFwAXABcAFwAXABcAEsASwBLAEsASwBLAEsASwBLAEsAXABcAFwAXABcACsAUABQAFAAUABQAFAAUABQAFAABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEACsAKwArACsAKwArACsAKwArAFAAUABQAAQAUABQAFAAUABQAFAAUABQAAQABAArACsASwBLAEsASwBLAEsASwBLAEsASwArACsAHgANAA0ADQBcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAKgAqACoAXAAqACoAKgBcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXAAqAFwAKgAqACoAXABcACoAKgBcAFwAXABcAFwAKgAqAFwAKgBcACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAFwAXABcACoAKgBQAFAAUABQAFAAUABQAFAAUABQAFAABAAEAAQABAAEAA0ADQBQAFAAUAAEAAQAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUAArACsAUABQAFAAUABQAFAAKwArAFAAUABQAFAAUABQACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAFAAUABQACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAHgAeACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEAAQADQAEAAQAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsAVABVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBUAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVAFUAVQBVACsAKwArACsAKwArACsAKwArACsAKwArAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBZAFkAWQBZAFkAKwArACsAKwBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAKwArACsAKwAGAAYABgAGAAYABgAGAAYABgAGAAYABgAGAAYABgAGAAYABgAGAAYABgAGAAYABgAGAAYABgAGAAYABgAGAAYAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXACUAJQBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAJQAlACUAJQAlACUAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAKwArACsAKwArAFYABABWAFYAVgBWAFYAVgBWAFYAVgBWAB4AVgBWAFYAVgBWAFYAVgBWAFYAVgBWAFYAVgArAFYAVgBWAFYAVgArAFYAKwBWAFYAKwBWAFYAKwBWAFYAVgBWAFYAVgBWAFYAVgBWAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAEQAWAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUAAaAB4AKwArAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQAGAARABEAGAAYABMAEwAWABEAFAArACsAKwArACsAKwAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEACUAJQAlACUAJQAWABEAFgARABYAEQAWABEAFgARABYAEQAlACUAFgARACUAJQAlACUAJQAlACUAEQAlABEAKwAVABUAEwATACUAFgARABYAEQAWABEAJQAlACUAJQAlACUAJQAlACsAJQAbABoAJQArACsAKwArAFAAUABQAFAAUAArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArAAcAKwATACUAJQAbABoAJQAlABYAEQAlACUAEQAlABEAJQBXAFcAVwBXAFcAVwBXAFcAVwBXABUAFQAlACUAJQATACUAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXABYAJQARACUAJQAlAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwAWACUAEQAlABYAEQARABYAEQARABUAVwBRAFEAUQBRAFEAUQBRAFEAUQBRAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAEcARwArACsAVwBXAFcAVwBXAFcAKwArAFcAVwBXAFcAVwBXACsAKwBXAFcAVwBXAFcAVwArACsAVwBXAFcAKwArACsAGgAbACUAJQAlABsAGwArAB4AHgAeAB4AHgAeAB4AKwArACsAKwArACsAKwArACsAKwAEAAQABAAQAB0AKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsADQANAA0AKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArAB4AHgAeAB4AHgAeAB4AHgAeAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgBQAFAAHgAeAB4AKwAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAAQAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwAEAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAEAAQABAAEACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArAA0AUABQAFAAUAArACsAKwArAFAAUABQAFAAUABQAFAAUAANAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAKwArACsAKwArACsAKwAeACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAKwArAFAAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArAFAAUAArACsAKwBQACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwANAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAeAB4AUABQAFAAUABQAFAAUAArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArAFAAUAArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArAA0AUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAKwAeAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAUABQAFAAUABQAAQABAAEACsABAAEACsAKwArACsAKwAEAAQABAAEAFAAUABQAFAAKwBQAFAAUAArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArAAQABAAEACsAKwArACsABABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArAA0ADQANAA0ADQANAA0ADQAeACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAeAFAAUABQAFAAUABQAFAAUAAeAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQABAArACsAKwArAFAAUABQAFAAUAANAA0ADQANAA0ADQAUACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsADQANAA0ADQANAA0ADQBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArAB4AHgAeAB4AKwArACsAKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArAFAAUABQAFAAUABQAAQABAAEAAQAKwArACsAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUAArAAQABAANACsAKwBQAFAAKwArACsAKwArACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAAQABAAEAAQABAAEAAQABAAEAAQABABQAFAAUABQAB4AHgAeAB4AHgArACsAKwArACsAKwAEAAQABAAEAAQABAAEAA0ADQAeAB4AHgAeAB4AKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsABABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAQABAAEAAQABAAEAAQABAAEAAQABAAeAB4AHgANAA0ADQANACsAKwArACsAKwArACsAKwArACsAKwAeACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAKwArACsAKwBLAEsASwBLAEsASwBLAEsASwBLACsAKwArACsAKwArAFAAUABQAFAAUABQAFAABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEACsASwBLAEsASwBLAEsASwBLAEsASwANAA0ADQANAFAABAAEAFAAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAeAA4AUAArACsAKwArACsAKwArACsAKwAEAFAAUABQAFAADQANAB4ADQAEAAQABAAEAB4ABAAEAEsASwBLAEsASwBLAEsASwBLAEsAUAAOAFAADQANAA0AKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEAAQABAAEAAQABAANAA0AHgANAA0AHgAEACsAUABQAFAAUABQAFAAUAArAFAAKwBQAFAAUABQACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAFAAUABQAFAAUABQAA0AKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEAAQABAAEAAQAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsABAAEAAQABAArAFAAUABQAFAAUABQAFAAUAArACsAUABQACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAFAAUABQACsAUABQACsAUABQAFAAUABQACsABAAEAFAABAAEAAQABAAEAAQABAArACsABAAEACsAKwAEAAQABAArACsAUAArACsAKwArACsAKwAEACsAKwArACsAKwBQAFAAUABQAFAABAAEACsAKwAEAAQABAAEAAQABAAEACsAKwArAAQABAAEAAQABAArACsAKwArACsAKwArACsAKwArACsABAAEAAQABAAEAAQABABQAFAAUABQAA0ADQANAA0AHgBLAEsASwBLAEsASwBLAEsASwBLAA0ADQArAB4ABABQAFAAUAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwAEAAQABAAEAFAAUAAeAFAAKwArACsAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAEAAQABAAEAAQABAArACsABAAEAAQABAAEAAQABAAEAAQADgANAA0AEwATAB4AHgAeAA0ADQANAA0ADQANAA0ADQANAA0ADQANAA0ADQANAFAAUABQAFAABAAEACsAKwAEAA0ADQAeAFAAKwArACsAKwArACsAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAFAAKwArACsAKwArACsAKwBLAEsASwBLAEsASwBLAEsASwBLACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAXABcAFwAKwArACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACsAKwArACsASwBLAEsASwBLAEsASwBLAEsASwBcAFwADQANAA0AKgBQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAeACsAKwArACsASwBLAEsASwBLAEsASwBLAEsASwBQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAKwArAFAAKwArAFAAUABQAFAAUABQAFAAUAArAFAAUAArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAEAAQABAAEAAQAKwAEAAQAKwArAAQABAAEAAQAUAAEAFAABAAEAA0ADQANACsAKwArACsAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAEAAQABAAEAAQABAArACsABAAEAAQABAAEAAQABABQAA4AUAAEACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAFAABAAEAAQABAAEAAQABAAEAAQABABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEAFAABAAEAAQABAAOAB4ADQANAA0ADQAOAB4ABAArACsAKwArACsAKwArACsAUAAEAAQABAAEAAQABAAEAAQABAAEAAQAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAA0ADQANAFAADgAOAA4ADQANACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUAArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAEAAQABAAEAAQABAAEACsABAAEAAQABAAEAAQABAAEAFAADQANAA0ADQANACsAKwArACsAKwArACsAKwArACsASwBLAEsASwBLAEsASwBLAEsASwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwAOABMAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAArAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQACsAUABQACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAArACsAKwAEACsABAAEACsABAAEAAQABAAEAAQABABQAAQAKwArACsAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsAUABQAFAAUABQAFAAKwBQAFAAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQAKwAEAAQAKwAEAAQABAAEAAQAUAArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAABAAEAAQABAAeAB4AKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwBQACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAB4AHgAeAB4AHgAeAB4AHgAaABoAGgAaAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgArACsAKwArACsAKwArACsAKwArACsAKwArAA0AUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsADQANAA0ADQANACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAASABIAEgAQwBDAEMAUABQAFAAUABDAFAAUABQAEgAQwBIAEMAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAASABDAEMAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwAJAAkACQAJAAkACQAJABYAEQArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABIAEMAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwANAA0AKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArAAQABAAEAAQABAANACsAKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEAA0ADQANAB4AHgAeAB4AHgAeAFAAUABQAFAADQAeACsAKwArACsAKwArACsAKwArACsASwBLAEsASwBLAEsASwBLAEsASwArAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAANAA0AHgAeACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAKwAEAFAABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQAKwArACsAKwArACsAKwAEAAQABAAEAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAARwBHABUARwAJACsAKwArACsAKwArACsAKwArACsAKwAEAAQAKwArACsAKwArACsAKwArACsAKwArACsAKwArAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXACsAKwArACsAKwArACsAKwBXAFcAVwBXAFcAVwBXAFcAVwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAUQBRAFEAKwArACsAKwArACsAKwArACsAKwArACsAKwBRAFEAUQBRACsAKwArACsAKwArACsAKwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUAArACsAHgAEAAQADQAEAAQABAAEACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgArACsAKwArACsAKwArACsAKwArAB4AHgAeAB4AHgAeAB4AKwArAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAAQABAAEAAQABAAeAB4AHgAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAB4AHgAEAAQABAAEAAQABAAEAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4ABAAEAAQABAAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4ABAAEAAQAHgArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwArACsAKwArACsAKwArACsAKwArAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgArACsAKwArACsAKwArACsAKwAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgArAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwBQAFAAKwArAFAAKwArAFAAUAArACsAUABQAFAAUAArAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeACsAUAArAFAAUABQAFAAUABQAFAAKwAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwBQAFAAUABQACsAKwBQAFAAUABQAFAAUABQAFAAKwBQAFAAUABQAFAAUABQACsAHgAeAFAAUABQAFAAUAArAFAAKwArACsAUABQAFAAUABQAFAAUAArAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAHgBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgBQAFAAUABQAFAAUABQAFAAUABQAFAAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAB4AHgAeAB4AHgAeAB4AHgAeACsAKwBLAEsASwBLAEsASwBLAEsASwBLAEsASwBLAEsASwBLAEsASwBLAEsASwBLAEsASwBLAEsASwBLAEsASwBLAEsASwBLAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAeAB4AHgAeAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAeAB4AHgAeAB4AHgAeAB4ABAAeAB4AHgAeAB4AHgAeAB4AHgAeAAQAHgAeAA0ADQANAA0AHgArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwAEAAQABAAEAAQAKwAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAAQABAAEAAQABAAEAAQAKwAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQAKwArAAQABAAEAAQABAAEAAQAKwAEAAQAKwAEAAQABAAEAAQAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwAEAAQABAAEAAQABAAEAFAAUABQAFAAUABQAFAAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwBQAB4AKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArABsAUABQAFAAUABQACsAKwBQAFAAUABQAFAAUABQAFAAUAAEAAQABAAEAAQABAAEACsAKwArACsAKwArACsAKwArAB4AHgAeAB4ABAAEAAQABAAEAAQABABQACsAKwArACsASwBLAEsASwBLAEsASwBLAEsASwArACsAKwArABYAFgArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAGgBQAFAAUAAaAFAAUABQAFAAKwArACsAKwArACsAKwArACsAKwArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAeAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQACsAKwBQAFAAUABQACsAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwBQAFAAKwBQACsAKwBQACsAUABQAFAAUABQAFAAUABQAFAAUAArAFAAUABQAFAAKwBQACsAUAArACsAKwArACsAKwBQACsAKwArACsAUAArAFAAKwBQACsAUABQAFAAKwBQAFAAKwBQACsAKwBQACsAUAArAFAAKwBQACsAUAArAFAAUAArAFAAKwArAFAAUABQAFAAKwBQAFAAUABQAFAAUABQACsAUABQAFAAUAArAFAAUABQAFAAKwBQACsAUABQAFAAUABQAFAAUABQAFAAUAArAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAArACsAKwArACsAUABQAFAAKwBQAFAAUABQAFAAKwBQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwAeAB4AKwArACsAKwArACsAKwArACsAKwArACsAKwArAE8ATwBPAE8ATwBPAE8ATwBPAE8ATwBPAE8AJQAlACUAHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHgAeAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB4AHgAeACUAJQAlAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAdAB0AHQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQApACkAKQApACkAKQApACkAKQApACkAKQApACkAKQApACkAKQApACkAKQApACkAKQApACkAJQAlACUAJQAlACAAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAeAB4AJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlAB4AHgAlACUAJQAlACUAHgAlACUAJQAlACUAIAAgACAAJQAlACAAJQAlACAAIAAgACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACEAIQAhACEAIQAlACUAIAAgACUAJQAgACAAIAAgACAAIAAgACAAIAAgACAAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAJQAlACUAIAAlACUAJQAlACAAIAAgACUAIAAgACAAJQAlACUAJQAlACUAJQAgACUAIAAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAHgAlAB4AJQAeACUAJQAlACUAJQAgACUAJQAlACUAHgAlAB4AHgAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlAB4AHgAeAB4AHgAeAB4AJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAeAB4AHgAeAB4AHgAeAB4AHgAeACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACAAIAAlACUAJQAlACAAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACAAJQAlACUAJQAgACAAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAHgAeAB4AHgAeAB4AHgAeACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAeAB4AHgAeAB4AHgAlACUAJQAlACUAJQAlACAAIAAgACUAJQAlACAAIAAgACAAIAAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeABcAFwAXABUAFQAVAB4AHgAeAB4AJQAlACUAIAAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACAAIAAgACUAJQAlACUAJQAlACUAJQAlACAAJQAlACUAJQAlACUAJQAlACUAJQAlACAAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AJQAlACUAJQAlACUAJQAlACUAJQAlACUAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AJQAlACUAJQAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeACUAJQAlACUAJQAlACUAJQAeAB4AHgAeAB4AHgAeAB4AHgAeACUAJQAlACUAJQAlAB4AHgAeAB4AHgAeAB4AHgAlACUAJQAlACUAJQAlACUAHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAgACUAJQAgACUAJQAlACUAJQAlACUAJQAgACAAIAAgACAAIAAgACAAJQAlACUAJQAlACUAIAAlACUAJQAlACUAJQAlACUAJQAgACAAIAAgACAAIAAgACAAIAAgACUAJQAgACAAIAAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAgACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACAAIAAlACAAIAAlACAAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAgACAAIAAlACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAJQAlAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AKwAeAB4AHgAeAB4AHgAeAB4AHgAeAB4AHgArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAEsASwBLAEsASwBLAEsASwBLAEsAKwArACsAKwArACsAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAKwArAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXACUAJQBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwAlACUAJQAlACUAJQAlACUAJQAlACUAVwBXACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQBXAFcAVwBXAFcAVwBXAFcAVwBXAFcAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAJQAlACUAKwAEACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArACsAKwArAA==";
 
       var LETTER_NUMBER_MODIFIER = 50;
       // Non-tailorable Line Breaking Classes
@@ -3603,9 +4198,9 @@
       var SA = 42; //  Provide a line break opportunity contingent on additional, language-specific context analysis
       var XX = 43; //  Have as yet unknown line breaking behavior or unassigned code positions
       var ea_OP = [0x2329, 0xff08];
-      var BREAK_MANDATORY = '!';
-      var BREAK_NOT_ALLOWED$1 = '×';
-      var BREAK_ALLOWED$1 = '÷';
+      var BREAK_MANDATORY = "!";
+      var BREAK_NOT_ALLOWED$1 = "×";
+      var BREAK_ALLOWED$1 = "÷";
       var UnicodeTrie$1 = createTrieFromBase64$1(base64$1);
       var ALPHABETICS = [AL, HL];
       var HARD_LINE_BREAKS = [BK, CR$1, LF$1, NL];
@@ -3615,378 +4210,443 @@
       var KOREAN_SYLLABLE_BLOCK = [JL, JV, JT, H2, H3];
       var HYPHEN = [HY, BA];
       var codePointsToCharacterClasses = function (codePoints, lineBreak) {
-          if (lineBreak === void 0) { lineBreak = 'strict'; }
-          var types = [];
-          var indices = [];
-          var categories = [];
-          codePoints.forEach(function (codePoint, index) {
-              var classType = UnicodeTrie$1.get(codePoint);
-              if (classType > LETTER_NUMBER_MODIFIER) {
-                  categories.push(true);
-                  classType -= LETTER_NUMBER_MODIFIER;
-              }
-              else {
-                  categories.push(false);
-              }
-              if (['normal', 'auto', 'loose'].indexOf(lineBreak) !== -1) {
-                  // U+2010, – U+2013, 〜 U+301C, ゠ U+30A0
-                  if ([0x2010, 0x2013, 0x301c, 0x30a0].indexOf(codePoint) !== -1) {
-                      indices.push(index);
-                      return types.push(CB);
-                  }
-              }
-              if (classType === CM || classType === ZWJ$1) {
-                  // LB10 Treat any remaining combining mark or ZWJ as AL.
-                  if (index === 0) {
-                      indices.push(index);
-                      return types.push(AL);
-                  }
-                  // LB9 Do not break a combining character sequence; treat it as if it has the line breaking class of
-                  // the base character in all of the following rules. Treat ZWJ as if it were CM.
-                  var prev = types[index - 1];
-                  if (LINE_BREAKS.indexOf(prev) === -1) {
-                      indices.push(indices[index - 1]);
-                      return types.push(prev);
-                  }
-                  indices.push(index);
-                  return types.push(AL);
-              }
+        if (lineBreak === void 0) {
+          lineBreak = "strict";
+        }
+        var types = [];
+        var indices = [];
+        var categories = [];
+        codePoints.forEach(function (codePoint, index) {
+          var classType = UnicodeTrie$1.get(codePoint);
+          if (classType > LETTER_NUMBER_MODIFIER) {
+            categories.push(true);
+            classType -= LETTER_NUMBER_MODIFIER;
+          } else {
+            categories.push(false);
+          }
+          if (["normal", "auto", "loose"].indexOf(lineBreak) !== -1) {
+            // U+2010, – U+2013, 〜 U+301C, ゠ U+30A0
+            if ([0x2010, 0x2013, 0x301c, 0x30a0].indexOf(codePoint) !== -1) {
               indices.push(index);
-              if (classType === CJ) {
-                  return types.push(lineBreak === 'strict' ? NS : ID);
-              }
-              if (classType === SA) {
-                  return types.push(AL);
-              }
-              if (classType === AI) {
-                  return types.push(AL);
-              }
-              // For supplementary characters, a useful default is to treat characters in the range 10000..1FFFD as AL
-              // and characters in the ranges 20000..2FFFD and 30000..3FFFD as ID, until the implementation can be revised
-              // to take into account the actual line breaking properties for these characters.
-              if (classType === XX) {
-                  if ((codePoint >= 0x20000 && codePoint <= 0x2fffd) || (codePoint >= 0x30000 && codePoint <= 0x3fffd)) {
-                      return types.push(ID);
-                  }
-                  else {
-                      return types.push(AL);
-                  }
-              }
-              types.push(classType);
-          });
-          return [indices, types, categories];
-      };
-      var isAdjacentWithSpaceIgnored = function (a, b, currentIndex, classTypes) {
-          var current = classTypes[currentIndex];
-          if (Array.isArray(a) ? a.indexOf(current) !== -1 : a === current) {
-              var i = currentIndex;
-              while (i <= classTypes.length) {
-                  i++;
-                  var next = classTypes[i];
-                  if (next === b) {
-                      return true;
-                  }
-                  if (next !== SP) {
-                      break;
-                  }
-              }
+              return types.push(CB);
+            }
           }
-          if (current === SP) {
-              var i = currentIndex;
-              while (i > 0) {
-                  i--;
-                  var prev = classTypes[i];
-                  if (Array.isArray(a) ? a.indexOf(prev) !== -1 : a === prev) {
-                      var n = currentIndex;
-                      while (n <= classTypes.length) {
-                          n++;
-                          var next = classTypes[n];
-                          if (next === b) {
-                              return true;
-                          }
-                          if (next !== SP) {
-                              break;
-                          }
-                      }
-                  }
-                  if (prev !== SP) {
-                      break;
-                  }
-              }
+          if (classType === CM || classType === ZWJ$1) {
+            // LB10 Treat any remaining combining mark or ZWJ as AL.
+            if (index === 0) {
+              indices.push(index);
+              return types.push(AL);
+            }
+            // LB9 Do not break a combining character sequence; treat it as if it has the line breaking class of
+            // the base character in all of the following rules. Treat ZWJ as if it were CM.
+            var prev = types[index - 1];
+            if (LINE_BREAKS.indexOf(prev) === -1) {
+              indices.push(indices[index - 1]);
+              return types.push(prev);
+            }
+            indices.push(index);
+            return types.push(AL);
+          }
+          indices.push(index);
+          if (classType === CJ) {
+            return types.push(lineBreak === "strict" ? NS : ID);
+          }
+          if (classType === SA) {
+            return types.push(AL);
+          }
+          if (classType === AI) {
+            return types.push(AL);
+          }
+          // For supplementary characters, a useful default is to treat characters in the range 10000..1FFFD as AL
+          // and characters in the ranges 20000..2FFFD and 30000..3FFFD as ID, until the implementation can be revised
+          // to take into account the actual line breaking properties for these characters.
+          if (classType === XX) {
+            if (
+              (codePoint >= 0x20000 && codePoint <= 0x2fffd) ||
+              (codePoint >= 0x30000 && codePoint <= 0x3fffd)
+            ) {
+              return types.push(ID);
+            } else {
+              return types.push(AL);
+            }
+          }
+          types.push(classType);
+        });
+        return [indices, types, categories];
+      };
+      var isAdjacentWithSpaceIgnored = function (
+        a,
+        b,
+        currentIndex,
+        classTypes,
+      ) {
+        var current = classTypes[currentIndex];
+        if (Array.isArray(a) ? a.indexOf(current) !== -1 : a === current) {
+          var i = currentIndex;
+          while (i <= classTypes.length) {
+            i++;
+            var next = classTypes[i];
+            if (next === b) {
+              return true;
+            }
+            if (next !== SP) {
+              break;
+            }
           }
-          return false;
-      };
-      var previousNonSpaceClassType = function (currentIndex, classTypes) {
+        }
+        if (current === SP) {
           var i = currentIndex;
-          while (i >= 0) {
-              var type = classTypes[i];
-              if (type === SP) {
-                  i--;
-              }
-              else {
-                  return type;
+          while (i > 0) {
+            i--;
+            var prev = classTypes[i];
+            if (Array.isArray(a) ? a.indexOf(prev) !== -1 : a === prev) {
+              var n = currentIndex;
+              while (n <= classTypes.length) {
+                n++;
+                var next = classTypes[n];
+                if (next === b) {
+                  return true;
+                }
+                if (next !== SP) {
+                  break;
+                }
               }
+            }
+            if (prev !== SP) {
+              break;
+            }
           }
-          return 0;
+        }
+        return false;
       };
-      var _lineBreakAtIndex = function (codePoints, classTypes, indicies, index, forbiddenBreaks) {
-          if (indicies[index] === 0) {
-              return BREAK_NOT_ALLOWED$1;
-          }
-          var currentIndex = index - 1;
-          if (Array.isArray(forbiddenBreaks) && forbiddenBreaks[currentIndex] === true) {
-              return BREAK_NOT_ALLOWED$1;
-          }
-          var beforeIndex = currentIndex - 1;
-          var afterIndex = currentIndex + 1;
-          var current = classTypes[currentIndex];
-          // LB4 Always break after hard line breaks.
-          // LB5 Treat CR followed by LF, as well as CR, LF, and NL as hard line breaks.
-          var before = beforeIndex >= 0 ? classTypes[beforeIndex] : 0;
-          var next = classTypes[afterIndex];
-          if (current === CR$1 && next === LF$1) {
-              return BREAK_NOT_ALLOWED$1;
-          }
-          if (HARD_LINE_BREAKS.indexOf(current) !== -1) {
-              return BREAK_MANDATORY;
-          }
-          // LB6 Do not break before hard line breaks.
-          if (HARD_LINE_BREAKS.indexOf(next) !== -1) {
-              return BREAK_NOT_ALLOWED$1;
-          }
-          // LB7 Do not break before spaces or zero width space.
-          if (SPACE$1.indexOf(next) !== -1) {
-              return BREAK_NOT_ALLOWED$1;
-          }
-          // LB8 Break before any character following a zero-width space, even if one or more spaces intervene.
-          if (previousNonSpaceClassType(currentIndex, classTypes) === ZW) {
-              return BREAK_ALLOWED$1;
-          }
-          // LB8a Do not break after a zero width joiner.
-          if (UnicodeTrie$1.get(codePoints[currentIndex]) === ZWJ$1) {
-              return BREAK_NOT_ALLOWED$1;
-          }
-          // zwj emojis
-          if ((current === EB || current === EM) && UnicodeTrie$1.get(codePoints[afterIndex]) === ZWJ$1) {
-              return BREAK_NOT_ALLOWED$1;
-          }
-          // LB11 Do not break before or after Word joiner and related characters.
-          if (current === WJ || next === WJ) {
-              return BREAK_NOT_ALLOWED$1;
-          }
-          // LB12 Do not break after NBSP and related characters.
-          if (current === GL) {
-              return BREAK_NOT_ALLOWED$1;
-          }
-          // LB12a Do not break before NBSP and related characters, except after spaces and hyphens.
-          if ([SP, BA, HY].indexOf(current) === -1 && next === GL) {
-              return BREAK_NOT_ALLOWED$1;
-          }
-          // LB13 Do not break before ‘]’ or ‘!’ or ‘;’ or ‘/’, even after spaces.
-          if ([CL, CP, EX, IS, SY].indexOf(next) !== -1) {
-              return BREAK_NOT_ALLOWED$1;
-          }
-          // LB14 Do not break after ‘[’, even after spaces.
-          if (previousNonSpaceClassType(currentIndex, classTypes) === OP) {
-              return BREAK_NOT_ALLOWED$1;
-          }
-          // LB15 Do not break within ‘”[’, even with intervening spaces.
-          if (isAdjacentWithSpaceIgnored(QU, OP, currentIndex, classTypes)) {
-              return BREAK_NOT_ALLOWED$1;
-          }
-          // LB16 Do not break between closing punctuation and a nonstarter (lb=NS), even with intervening spaces.
-          if (isAdjacentWithSpaceIgnored([CL, CP], NS, currentIndex, classTypes)) {
-              return BREAK_NOT_ALLOWED$1;
-          }
-          // LB17 Do not break within ‘——’, even with intervening spaces.
-          if (isAdjacentWithSpaceIgnored(B2, B2, currentIndex, classTypes)) {
-              return BREAK_NOT_ALLOWED$1;
-          }
-          // LB18 Break after spaces.
-          if (current === SP) {
-              return BREAK_ALLOWED$1;
-          }
-          // LB19 Do not break before or after quotation marks, such as ‘ ” ’.
-          if (current === QU || next === QU) {
-              return BREAK_NOT_ALLOWED$1;
-          }
-          // LB20 Break before and after unresolved CB.
-          if (next === CB || current === CB) {
-              return BREAK_ALLOWED$1;
-          }
-          // LB21 Do not break before hyphen-minus, other hyphens, fixed-width spaces, small kana, and other non-starters, or after acute accents.
-          if ([BA, HY, NS].indexOf(next) !== -1 || current === BB) {
-              return BREAK_NOT_ALLOWED$1;
-          }
-          // LB21a Don't break after Hebrew + Hyphen.
-          if (before === HL && HYPHEN.indexOf(current) !== -1) {
-              return BREAK_NOT_ALLOWED$1;
-          }
-          // LB21b Don’t break between Solidus and Hebrew letters.
-          if (current === SY && next === HL) {
-              return BREAK_NOT_ALLOWED$1;
-          }
-          // LB22 Do not break before ellipsis.
-          if (next === IN) {
-              return BREAK_NOT_ALLOWED$1;
-          }
-          // LB23 Do not break between digits and letters.
-          if ((ALPHABETICS.indexOf(next) !== -1 && current === NU) || (ALPHABETICS.indexOf(current) !== -1 && next === NU)) {
-              return BREAK_NOT_ALLOWED$1;
-          }
-          // LB23a Do not break between numeric prefixes and ideographs, or between ideographs and numeric postfixes.
-          if ((current === PR && [ID, EB, EM].indexOf(next) !== -1) ||
-              ([ID, EB, EM].indexOf(current) !== -1 && next === PO)) {
-              return BREAK_NOT_ALLOWED$1;
-          }
-          // LB24 Do not break between numeric prefix/postfix and letters, or between letters and prefix/postfix.
-          if ((ALPHABETICS.indexOf(current) !== -1 && PREFIX_POSTFIX.indexOf(next) !== -1) ||
-              (PREFIX_POSTFIX.indexOf(current) !== -1 && ALPHABETICS.indexOf(next) !== -1)) {
-              return BREAK_NOT_ALLOWED$1;
+      var previousNonSpaceClassType = function (currentIndex, classTypes) {
+        var i = currentIndex;
+        while (i >= 0) {
+          var type = classTypes[i];
+          if (type === SP) {
+            i--;
+          } else {
+            return type;
           }
-          // LB25 Do not break between the following pairs of classes relevant to numbers:
-          if (
+        }
+        return 0;
+      };
+      var _lineBreakAtIndex = function (
+        codePoints,
+        classTypes,
+        indicies,
+        index,
+        forbiddenBreaks,
+      ) {
+        if (indicies[index] === 0) {
+          return BREAK_NOT_ALLOWED$1;
+        }
+        var currentIndex = index - 1;
+        if (
+          Array.isArray(forbiddenBreaks) &&
+          forbiddenBreaks[currentIndex] === true
+        ) {
+          return BREAK_NOT_ALLOWED$1;
+        }
+        var beforeIndex = currentIndex - 1;
+        var afterIndex = currentIndex + 1;
+        var current = classTypes[currentIndex];
+        // LB4 Always break after hard line breaks.
+        // LB5 Treat CR followed by LF, as well as CR, LF, and NL as hard line breaks.
+        var before = beforeIndex >= 0 ? classTypes[beforeIndex] : 0;
+        var next = classTypes[afterIndex];
+        if (current === CR$1 && next === LF$1) {
+          return BREAK_NOT_ALLOWED$1;
+        }
+        if (HARD_LINE_BREAKS.indexOf(current) !== -1) {
+          return BREAK_MANDATORY;
+        }
+        // LB6 Do not break before hard line breaks.
+        if (HARD_LINE_BREAKS.indexOf(next) !== -1) {
+          return BREAK_NOT_ALLOWED$1;
+        }
+        // LB7 Do not break before spaces or zero width space.
+        if (SPACE$1.indexOf(next) !== -1) {
+          return BREAK_NOT_ALLOWED$1;
+        }
+        // LB8 Break before any character following a zero-width space, even if one or more spaces intervene.
+        if (previousNonSpaceClassType(currentIndex, classTypes) === ZW) {
+          return BREAK_ALLOWED$1;
+        }
+        // LB8a Do not break after a zero width joiner.
+        if (UnicodeTrie$1.get(codePoints[currentIndex]) === ZWJ$1) {
+          return BREAK_NOT_ALLOWED$1;
+        }
+        // zwj emojis
+        if (
+          (current === EB || current === EM) &&
+          UnicodeTrie$1.get(codePoints[afterIndex]) === ZWJ$1
+        ) {
+          return BREAK_NOT_ALLOWED$1;
+        }
+        // LB11 Do not break before or after Word joiner and related characters.
+        if (current === WJ || next === WJ) {
+          return BREAK_NOT_ALLOWED$1;
+        }
+        // LB12 Do not break after NBSP and related characters.
+        if (current === GL) {
+          return BREAK_NOT_ALLOWED$1;
+        }
+        // LB12a Do not break before NBSP and related characters, except after spaces and hyphens.
+        if ([SP, BA, HY].indexOf(current) === -1 && next === GL) {
+          return BREAK_NOT_ALLOWED$1;
+        }
+        // LB13 Do not break before ‘]’ or ‘!’ or ‘;’ or ‘/’, even after spaces.
+        if ([CL, CP, EX, IS, SY].indexOf(next) !== -1) {
+          return BREAK_NOT_ALLOWED$1;
+        }
+        // LB14 Do not break after ‘[’, even after spaces.
+        if (previousNonSpaceClassType(currentIndex, classTypes) === OP) {
+          return BREAK_NOT_ALLOWED$1;
+        }
+        // LB15 Do not break within ‘”[’, even with intervening spaces.
+        if (isAdjacentWithSpaceIgnored(QU, OP, currentIndex, classTypes)) {
+          return BREAK_NOT_ALLOWED$1;
+        }
+        // LB16 Do not break between closing punctuation and a nonstarter (lb=NS), even with intervening spaces.
+        if (
+          isAdjacentWithSpaceIgnored([CL, CP], NS, currentIndex, classTypes)
+        ) {
+          return BREAK_NOT_ALLOWED$1;
+        }
+        // LB17 Do not break within ‘——’, even with intervening spaces.
+        if (isAdjacentWithSpaceIgnored(B2, B2, currentIndex, classTypes)) {
+          return BREAK_NOT_ALLOWED$1;
+        }
+        // LB18 Break after spaces.
+        if (current === SP) {
+          return BREAK_ALLOWED$1;
+        }
+        // LB19 Do not break before or after quotation marks, such as ‘ ” ’.
+        if (current === QU || next === QU) {
+          return BREAK_NOT_ALLOWED$1;
+        }
+        // LB20 Break before and after unresolved CB.
+        if (next === CB || current === CB) {
+          return BREAK_ALLOWED$1;
+        }
+        // LB21 Do not break before hyphen-minus, other hyphens, fixed-width spaces, small kana, and other non-starters, or after acute accents.
+        if ([BA, HY, NS].indexOf(next) !== -1 || current === BB) {
+          return BREAK_NOT_ALLOWED$1;
+        }
+        // LB21a Don't break after Hebrew + Hyphen.
+        if (before === HL && HYPHEN.indexOf(current) !== -1) {
+          return BREAK_NOT_ALLOWED$1;
+        }
+        // LB21b Don’t break between Solidus and Hebrew letters.
+        if (current === SY && next === HL) {
+          return BREAK_NOT_ALLOWED$1;
+        }
+        // LB22 Do not break before ellipsis.
+        if (next === IN) {
+          return BREAK_NOT_ALLOWED$1;
+        }
+        // LB23 Do not break between digits and letters.
+        if (
+          (ALPHABETICS.indexOf(next) !== -1 && current === NU) ||
+          (ALPHABETICS.indexOf(current) !== -1 && next === NU)
+        ) {
+          return BREAK_NOT_ALLOWED$1;
+        }
+        // LB23a Do not break between numeric prefixes and ideographs, or between ideographs and numeric postfixes.
+        if (
+          (current === PR && [ID, EB, EM].indexOf(next) !== -1) ||
+          ([ID, EB, EM].indexOf(current) !== -1 && next === PO)
+        ) {
+          return BREAK_NOT_ALLOWED$1;
+        }
+        // LB24 Do not break between numeric prefix/postfix and letters, or between letters and prefix/postfix.
+        if (
+          (ALPHABETICS.indexOf(current) !== -1 &&
+            PREFIX_POSTFIX.indexOf(next) !== -1) ||
+          (PREFIX_POSTFIX.indexOf(current) !== -1 &&
+            ALPHABETICS.indexOf(next) !== -1)
+        ) {
+          return BREAK_NOT_ALLOWED$1;
+        }
+        // LB25 Do not break between the following pairs of classes relevant to numbers:
+        if (
           // (PR | PO) × ( OP | HY )? NU
           ([PR, PO].indexOf(current) !== -1 &&
-              (next === NU || ([OP, HY].indexOf(next) !== -1 && classTypes[afterIndex + 1] === NU))) ||
-              // ( OP | HY ) × NU
-              ([OP, HY].indexOf(current) !== -1 && next === NU) ||
-              // NU ×	(NU | SY | IS)
-              (current === NU && [NU, SY, IS].indexOf(next) !== -1)) {
-              return BREAK_NOT_ALLOWED$1;
-          }
-          // NU (NU | SY | IS)* × (NU | SY | IS | CL | CP)
-          if ([NU, SY, IS, CL, CP].indexOf(next) !== -1) {
-              var prevIndex = currentIndex;
-              while (prevIndex >= 0) {
-                  var type = classTypes[prevIndex];
-                  if (type === NU) {
-                      return BREAK_NOT_ALLOWED$1;
-                  }
-                  else if ([SY, IS].indexOf(type) !== -1) {
-                      prevIndex--;
-                  }
-                  else {
-                      break;
-                  }
-              }
-          }
-          // NU (NU | SY | IS)* (CL | CP)? × (PO | PR))
-          if ([PR, PO].indexOf(next) !== -1) {
-              var prevIndex = [CL, CP].indexOf(current) !== -1 ? beforeIndex : currentIndex;
-              while (prevIndex >= 0) {
-                  var type = classTypes[prevIndex];
-                  if (type === NU) {
-                      return BREAK_NOT_ALLOWED$1;
-                  }
-                  else if ([SY, IS].indexOf(type) !== -1) {
-                      prevIndex--;
-                  }
-                  else {
-                      break;
-                  }
-              }
-          }
-          // LB26 Do not break a Korean syllable.
-          if ((JL === current && [JL, JV, H2, H3].indexOf(next) !== -1) ||
-              ([JV, H2].indexOf(current) !== -1 && [JV, JT].indexOf(next) !== -1) ||
-              ([JT, H3].indexOf(current) !== -1 && next === JT)) {
-              return BREAK_NOT_ALLOWED$1;
-          }
-          // LB27 Treat a Korean Syllable Block the same as ID.
-          if ((KOREAN_SYLLABLE_BLOCK.indexOf(current) !== -1 && [IN, PO].indexOf(next) !== -1) ||
-              (KOREAN_SYLLABLE_BLOCK.indexOf(next) !== -1 && current === PR)) {
-              return BREAK_NOT_ALLOWED$1;
-          }
-          // LB28 Do not break between alphabetics (“at”).
-          if (ALPHABETICS.indexOf(current) !== -1 && ALPHABETICS.indexOf(next) !== -1) {
-              return BREAK_NOT_ALLOWED$1;
-          }
-          // LB29 Do not break between numeric punctuation and alphabetics (“e.g.”).
-          if (current === IS && ALPHABETICS.indexOf(next) !== -1) {
+            (next === NU ||
+              ([OP, HY].indexOf(next) !== -1 &&
+                classTypes[afterIndex + 1] === NU))) ||
+          // ( OP | HY ) × NU
+          ([OP, HY].indexOf(current) !== -1 && next === NU) ||
+          // NU ×	(NU | SY | IS)
+          (current === NU && [NU, SY, IS].indexOf(next) !== -1)
+        ) {
+          return BREAK_NOT_ALLOWED$1;
+        }
+        // NU (NU | SY | IS)* × (NU | SY | IS | CL | CP)
+        if ([NU, SY, IS, CL, CP].indexOf(next) !== -1) {
+          var prevIndex = currentIndex;
+          while (prevIndex >= 0) {
+            var type = classTypes[prevIndex];
+            if (type === NU) {
               return BREAK_NOT_ALLOWED$1;
+            } else if ([SY, IS].indexOf(type) !== -1) {
+              prevIndex--;
+            } else {
+              break;
+            }
           }
-          // LB30 Do not break between letters, numbers, or ordinary symbols and opening or closing parentheses.
-          if ((ALPHABETICS.concat(NU).indexOf(current) !== -1 &&
-              next === OP &&
-              ea_OP.indexOf(codePoints[afterIndex]) === -1) ||
-              (ALPHABETICS.concat(NU).indexOf(next) !== -1 && current === CP)) {
+        }
+        // NU (NU | SY | IS)* (CL | CP)? × (PO | PR))
+        if ([PR, PO].indexOf(next) !== -1) {
+          var prevIndex =
+            [CL, CP].indexOf(current) !== -1 ? beforeIndex : currentIndex;
+          while (prevIndex >= 0) {
+            var type = classTypes[prevIndex];
+            if (type === NU) {
               return BREAK_NOT_ALLOWED$1;
+            } else if ([SY, IS].indexOf(type) !== -1) {
+              prevIndex--;
+            } else {
+              break;
+            }
           }
-          // LB30a Break between two regional indicator symbols if and only if there are an even number of regional
-          // indicators preceding the position of the break.
-          if (current === RI$1 && next === RI$1) {
-              var i = indicies[currentIndex];
-              var count = 1;
-              while (i > 0) {
-                  i--;
-                  if (classTypes[i] === RI$1) {
-                      count++;
-                  }
-                  else {
-                      break;
-                  }
-              }
-              if (count % 2 !== 0) {
-                  return BREAK_NOT_ALLOWED$1;
-              }
-          }
-          // LB30b Do not break between an emoji base and an emoji modifier.
-          if (current === EB && next === EM) {
-              return BREAK_NOT_ALLOWED$1;
+        }
+        // LB26 Do not break a Korean syllable.
+        if (
+          (JL === current && [JL, JV, H2, H3].indexOf(next) !== -1) ||
+          ([JV, H2].indexOf(current) !== -1 && [JV, JT].indexOf(next) !== -1) ||
+          ([JT, H3].indexOf(current) !== -1 && next === JT)
+        ) {
+          return BREAK_NOT_ALLOWED$1;
+        }
+        // LB27 Treat a Korean Syllable Block the same as ID.
+        if (
+          (KOREAN_SYLLABLE_BLOCK.indexOf(current) !== -1 &&
+            [IN, PO].indexOf(next) !== -1) ||
+          (KOREAN_SYLLABLE_BLOCK.indexOf(next) !== -1 && current === PR)
+        ) {
+          return BREAK_NOT_ALLOWED$1;
+        }
+        // LB28 Do not break between alphabetics (“at”).
+        if (
+          ALPHABETICS.indexOf(current) !== -1 &&
+          ALPHABETICS.indexOf(next) !== -1
+        ) {
+          return BREAK_NOT_ALLOWED$1;
+        }
+        // LB29 Do not break between numeric punctuation and alphabetics (“e.g.”).
+        if (current === IS && ALPHABETICS.indexOf(next) !== -1) {
+          return BREAK_NOT_ALLOWED$1;
+        }
+        // LB30 Do not break between letters, numbers, or ordinary symbols and opening or closing parentheses.
+        if (
+          (ALPHABETICS.concat(NU).indexOf(current) !== -1 &&
+            next === OP &&
+            ea_OP.indexOf(codePoints[afterIndex]) === -1) ||
+          (ALPHABETICS.concat(NU).indexOf(next) !== -1 && current === CP)
+        ) {
+          return BREAK_NOT_ALLOWED$1;
+        }
+        // LB30a Break between two regional indicator symbols if and only if there are an even number of regional
+        // indicators preceding the position of the break.
+        if (current === RI$1 && next === RI$1) {
+          var i = indicies[currentIndex];
+          var count = 1;
+          while (i > 0) {
+            i--;
+            if (classTypes[i] === RI$1) {
+              count++;
+            } else {
+              break;
+            }
+          }
+          if (count % 2 !== 0) {
+            return BREAK_NOT_ALLOWED$1;
           }
-          return BREAK_ALLOWED$1;
+        }
+        // LB30b Do not break between an emoji base and an emoji modifier.
+        if (current === EB && next === EM) {
+          return BREAK_NOT_ALLOWED$1;
+        }
+        return BREAK_ALLOWED$1;
       };
       var cssFormattedClasses = function (codePoints, options) {
-          if (!options) {
-              options = { lineBreak: 'normal', wordBreak: 'normal' };
-          }
-          var _a = codePointsToCharacterClasses(codePoints, options.lineBreak), indicies = _a[0], classTypes = _a[1], isLetterNumber = _a[2];
-          if (options.wordBreak === 'break-all' || options.wordBreak === 'break-word') {
-              classTypes = classTypes.map(function (type) { return ([NU, AL, SA].indexOf(type) !== -1 ? ID : type); });
-          }
-          var forbiddenBreakpoints = options.wordBreak === 'keep-all'
-              ? isLetterNumber.map(function (letterNumber, i) {
-                  return letterNumber && codePoints[i] >= 0x4e00 && codePoints[i] <= 0x9fff;
+        if (!options) {
+          options = { lineBreak: "normal", wordBreak: "normal" };
+        }
+        var _a = codePointsToCharacterClasses(codePoints, options.lineBreak),
+          indicies = _a[0],
+          classTypes = _a[1],
+          isLetterNumber = _a[2];
+        if (
+          options.wordBreak === "break-all" ||
+          options.wordBreak === "break-word"
+        ) {
+          classTypes = classTypes.map(function (type) {
+            return [NU, AL, SA].indexOf(type) !== -1 ? ID : type;
+          });
+        }
+        var forbiddenBreakpoints =
+          options.wordBreak === "keep-all"
+            ? isLetterNumber.map(function (letterNumber, i) {
+                return (
+                  letterNumber &&
+                  codePoints[i] >= 0x4e00 &&
+                  codePoints[i] <= 0x9fff
+                );
               })
-              : undefined;
-          return [indicies, classTypes, forbiddenBreakpoints];
+            : undefined;
+        return [indicies, classTypes, forbiddenBreakpoints];
       };
       var Break = /** @class */ (function () {
-          function Break(codePoints, lineBreak, start, end) {
-              this.codePoints = codePoints;
-              this.required = lineBreak === BREAK_MANDATORY;
-              this.start = start;
-              this.end = end;
-          }
-          Break.prototype.slice = function () {
-              return fromCodePoint$1.apply(void 0, this.codePoints.slice(this.start, this.end));
-          };
-          return Break;
-      }());
+        function Break(codePoints, lineBreak, start, end) {
+          this.codePoints = codePoints;
+          this.required = lineBreak === BREAK_MANDATORY;
+          this.start = start;
+          this.end = end;
+        }
+        Break.prototype.slice = function () {
+          return fromCodePoint$1.apply(
+            void 0,
+            this.codePoints.slice(this.start, this.end),
+          );
+        };
+        return Break;
+      })();
       var LineBreaker = function (str, options) {
-          var codePoints = toCodePoints$1(str);
-          var _a = cssFormattedClasses(codePoints, options), indicies = _a[0], classTypes = _a[1], forbiddenBreakpoints = _a[2];
-          var length = codePoints.length;
-          var lastEnd = 0;
-          var nextIndex = 0;
-          return {
-              next: function () {
-                  if (nextIndex >= length) {
-                      return { done: true, value: null };
-                  }
-                  var lineBreak = BREAK_NOT_ALLOWED$1;
-                  while (nextIndex < length &&
-                      (lineBreak = _lineBreakAtIndex(codePoints, classTypes, indicies, ++nextIndex, forbiddenBreakpoints)) ===
-                          BREAK_NOT_ALLOWED$1) { }
-                  if (lineBreak !== BREAK_NOT_ALLOWED$1 || nextIndex === length) {
-                      var value = new Break(codePoints, lineBreak, lastEnd, nextIndex);
-                      lastEnd = nextIndex;
-                      return { value: value, done: false };
-                  }
-                  return { done: true, value: null };
-              },
-          };
+        var codePoints = toCodePoints$1(str);
+        var _a = cssFormattedClasses(codePoints, options),
+          indicies = _a[0],
+          classTypes = _a[1],
+          forbiddenBreakpoints = _a[2];
+        var length = codePoints.length;
+        var lastEnd = 0;
+        var nextIndex = 0;
+        return {
+          next: function () {
+            if (nextIndex >= length) {
+              return { done: true, value: null };
+            }
+            var lineBreak = BREAK_NOT_ALLOWED$1;
+            while (
+              nextIndex < length &&
+              (lineBreak = _lineBreakAtIndex(
+                codePoints,
+                classTypes,
+                indicies,
+                ++nextIndex,
+                forbiddenBreakpoints,
+              )) === BREAK_NOT_ALLOWED$1
+            ) {}
+            if (lineBreak !== BREAK_NOT_ALLOWED$1 || nextIndex === length) {
+              var value = new Break(codePoints, lineBreak, lastEnd, nextIndex);
+              lastEnd = nextIndex;
+              return { value: value, done: false };
+            }
+            return { done: true, value: null };
+          },
+        };
       };
 
       // https://www.w3.org/TR/css-syntax-3
@@ -4047,105 +4707,143 @@
       var F = 0x0046;
       var U = 0x0055;
       var Z = 0x005a;
-      var isDigit = function (codePoint) { return codePoint >= ZERO && codePoint <= 0x0039; };
-      var isSurrogateCodePoint = function (codePoint) { return codePoint >= 0xd800 && codePoint <= 0xdfff; };
+      var isDigit = function (codePoint) {
+        return codePoint >= ZERO && codePoint <= 0x0039;
+      };
+      var isSurrogateCodePoint = function (codePoint) {
+        return codePoint >= 0xd800 && codePoint <= 0xdfff;
+      };
       var isHex = function (codePoint) {
-          return isDigit(codePoint) || (codePoint >= A && codePoint <= F) || (codePoint >= a && codePoint <= f);
+        return (
+          isDigit(codePoint) ||
+          (codePoint >= A && codePoint <= F) ||
+          (codePoint >= a && codePoint <= f)
+        );
+      };
+      var isLowerCaseLetter = function (codePoint) {
+        return codePoint >= a && codePoint <= z;
+      };
+      var isUpperCaseLetter = function (codePoint) {
+        return codePoint >= A && codePoint <= Z;
+      };
+      var isLetter = function (codePoint) {
+        return isLowerCaseLetter(codePoint) || isUpperCaseLetter(codePoint);
+      };
+      var isNonASCIICodePoint = function (codePoint) {
+        return codePoint >= CONTROL;
       };
-      var isLowerCaseLetter = function (codePoint) { return codePoint >= a && codePoint <= z; };
-      var isUpperCaseLetter = function (codePoint) { return codePoint >= A && codePoint <= Z; };
-      var isLetter = function (codePoint) { return isLowerCaseLetter(codePoint) || isUpperCaseLetter(codePoint); };
-      var isNonASCIICodePoint = function (codePoint) { return codePoint >= CONTROL; };
       var isWhiteSpace = function (codePoint) {
-          return codePoint === LINE_FEED || codePoint === CHARACTER_TABULATION || codePoint === SPACE;
+        return (
+          codePoint === LINE_FEED ||
+          codePoint === CHARACTER_TABULATION ||
+          codePoint === SPACE
+        );
       };
       var isNameStartCodePoint = function (codePoint) {
-          return isLetter(codePoint) || isNonASCIICodePoint(codePoint) || codePoint === LOW_LINE;
+        return (
+          isLetter(codePoint) ||
+          isNonASCIICodePoint(codePoint) ||
+          codePoint === LOW_LINE
+        );
       };
       var isNameCodePoint = function (codePoint) {
-          return isNameStartCodePoint(codePoint) || isDigit(codePoint) || codePoint === HYPHEN_MINUS;
+        return (
+          isNameStartCodePoint(codePoint) ||
+          isDigit(codePoint) ||
+          codePoint === HYPHEN_MINUS
+        );
       };
       var isNonPrintableCodePoint = function (codePoint) {
-          return ((codePoint >= NULL && codePoint <= BACKSPACE) ||
-              codePoint === LINE_TABULATION ||
-              (codePoint >= SHIFT_OUT && codePoint <= INFORMATION_SEPARATOR_ONE) ||
-              codePoint === DELETE);
+        return (
+          (codePoint >= NULL && codePoint <= BACKSPACE) ||
+          codePoint === LINE_TABULATION ||
+          (codePoint >= SHIFT_OUT && codePoint <= INFORMATION_SEPARATOR_ONE) ||
+          codePoint === DELETE
+        );
       };
       var isValidEscape = function (c1, c2) {
-          if (c1 !== REVERSE_SOLIDUS) {
-              return false;
-          }
-          return c2 !== LINE_FEED;
+        if (c1 !== REVERSE_SOLIDUS) {
+          return false;
+        }
+        return c2 !== LINE_FEED;
       };
       var isIdentifierStart = function (c1, c2, c3) {
-          if (c1 === HYPHEN_MINUS) {
-              return isNameStartCodePoint(c2) || isValidEscape(c2, c3);
-          }
-          else if (isNameStartCodePoint(c1)) {
-              return true;
-          }
-          else if (c1 === REVERSE_SOLIDUS && isValidEscape(c1, c2)) {
-              return true;
-          }
-          return false;
+        if (c1 === HYPHEN_MINUS) {
+          return isNameStartCodePoint(c2) || isValidEscape(c2, c3);
+        } else if (isNameStartCodePoint(c1)) {
+          return true;
+        } else if (c1 === REVERSE_SOLIDUS && isValidEscape(c1, c2)) {
+          return true;
+        }
+        return false;
       };
       var isNumberStart = function (c1, c2, c3) {
-          if (c1 === PLUS_SIGN || c1 === HYPHEN_MINUS) {
-              if (isDigit(c2)) {
-                  return true;
-              }
-              return c2 === FULL_STOP && isDigit(c3);
-          }
-          if (c1 === FULL_STOP) {
-              return isDigit(c2);
+        if (c1 === PLUS_SIGN || c1 === HYPHEN_MINUS) {
+          if (isDigit(c2)) {
+            return true;
           }
-          return isDigit(c1);
+          return c2 === FULL_STOP && isDigit(c3);
+        }
+        if (c1 === FULL_STOP) {
+          return isDigit(c2);
+        }
+        return isDigit(c1);
       };
       var stringToNumber = function (codePoints) {
-          var c = 0;
-          var sign = 1;
-          if (codePoints[c] === PLUS_SIGN || codePoints[c] === HYPHEN_MINUS) {
-              if (codePoints[c] === HYPHEN_MINUS) {
-                  sign = -1;
-              }
-              c++;
-          }
-          var integers = [];
-          while (isDigit(codePoints[c])) {
-              integers.push(codePoints[c++]);
-          }
-          var int = integers.length ? parseInt(fromCodePoint$1.apply(void 0, integers), 10) : 0;
-          if (codePoints[c] === FULL_STOP) {
-              c++;
-          }
-          var fraction = [];
-          while (isDigit(codePoints[c])) {
-              fraction.push(codePoints[c++]);
+        var c = 0;
+        var sign = 1;
+        if (codePoints[c] === PLUS_SIGN || codePoints[c] === HYPHEN_MINUS) {
+          if (codePoints[c] === HYPHEN_MINUS) {
+            sign = -1;
           }
-          var fracd = fraction.length;
-          var frac = fracd ? parseInt(fromCodePoint$1.apply(void 0, fraction), 10) : 0;
-          if (codePoints[c] === E || codePoints[c] === e) {
-              c++;
-          }
-          var expsign = 1;
-          if (codePoints[c] === PLUS_SIGN || codePoints[c] === HYPHEN_MINUS) {
-              if (codePoints[c] === HYPHEN_MINUS) {
-                  expsign = -1;
-              }
-              c++;
-          }
-          var exponent = [];
-          while (isDigit(codePoints[c])) {
-              exponent.push(codePoints[c++]);
+          c++;
+        }
+        var integers = [];
+        while (isDigit(codePoints[c])) {
+          integers.push(codePoints[c++]);
+        }
+        var int = integers.length
+          ? parseInt(fromCodePoint$1.apply(void 0, integers), 10)
+          : 0;
+        if (codePoints[c] === FULL_STOP) {
+          c++;
+        }
+        var fraction = [];
+        while (isDigit(codePoints[c])) {
+          fraction.push(codePoints[c++]);
+        }
+        var fracd = fraction.length;
+        var frac = fracd
+          ? parseInt(fromCodePoint$1.apply(void 0, fraction), 10)
+          : 0;
+        if (codePoints[c] === E || codePoints[c] === e) {
+          c++;
+        }
+        var expsign = 1;
+        if (codePoints[c] === PLUS_SIGN || codePoints[c] === HYPHEN_MINUS) {
+          if (codePoints[c] === HYPHEN_MINUS) {
+            expsign = -1;
           }
-          var exp = exponent.length ? parseInt(fromCodePoint$1.apply(void 0, exponent), 10) : 0;
-          return sign * (int + frac * Math.pow(10, -fracd)) * Math.pow(10, expsign * exp);
+          c++;
+        }
+        var exponent = [];
+        while (isDigit(codePoints[c])) {
+          exponent.push(codePoints[c++]);
+        }
+        var exp = exponent.length
+          ? parseInt(fromCodePoint$1.apply(void 0, exponent), 10)
+          : 0;
+        return (
+          sign *
+          (int + frac * Math.pow(10, -fracd)) *
+          Math.pow(10, expsign * exp)
+        );
       };
       var LEFT_PARENTHESIS_TOKEN = {
-          type: 2 /* LEFT_PARENTHESIS_TOKEN */
+        type: 2 /* LEFT_PARENTHESIS_TOKEN */,
       };
       var RIGHT_PARENTHESIS_TOKEN = {
-          type: 3 /* RIGHT_PARENTHESIS_TOKEN */
+        type: 3 /* RIGHT_PARENTHESIS_TOKEN */,
       };
       var COMMA_TOKEN = { type: 4 /* COMMA_TOKEN */ };
       var SUFFIX_MATCH_TOKEN = { type: 13 /* SUFFIX_MATCH_TOKEN */ };
@@ -4154,10 +4852,10 @@
       var DASH_MATCH_TOKEN = { type: 9 /* DASH_MATCH_TOKEN */ };
       var INCLUDE_MATCH_TOKEN = { type: 10 /* INCLUDE_MATCH_TOKEN */ };
       var LEFT_CURLY_BRACKET_TOKEN = {
-          type: 11 /* LEFT_CURLY_BRACKET_TOKEN */
+        type: 11 /* LEFT_CURLY_BRACKET_TOKEN */,
       };
       var RIGHT_CURLY_BRACKET_TOKEN = {
-          type: 12 /* RIGHT_CURLY_BRACKET_TOKEN */
+        type: 12 /* RIGHT_CURLY_BRACKET_TOKEN */,
       };
       var SUBSTRING_MATCH_TOKEN = { type: 14 /* SUBSTRING_MATCH_TOKEN */ };
       var BAD_URL_TOKEN = { type: 23 /* BAD_URL_TOKEN */ };
@@ -4167,2858 +4865,3375 @@
       var COLON_TOKEN = { type: 26 /* COLON_TOKEN */ };
       var SEMICOLON_TOKEN = { type: 27 /* SEMICOLON_TOKEN */ };
       var LEFT_SQUARE_BRACKET_TOKEN = {
-          type: 28 /* LEFT_SQUARE_BRACKET_TOKEN */
+        type: 28 /* LEFT_SQUARE_BRACKET_TOKEN */,
       };
       var RIGHT_SQUARE_BRACKET_TOKEN = {
-          type: 29 /* RIGHT_SQUARE_BRACKET_TOKEN */
+        type: 29 /* RIGHT_SQUARE_BRACKET_TOKEN */,
       };
       var WHITESPACE_TOKEN = { type: 31 /* WHITESPACE_TOKEN */ };
       var EOF_TOKEN = { type: 32 /* EOF_TOKEN */ };
       var Tokenizer = /** @class */ (function () {
-          function Tokenizer() {
-              this._value = [];
+        function Tokenizer() {
+          this._value = [];
+        }
+        Tokenizer.prototype.write = function (chunk) {
+          this._value = this._value.concat(toCodePoints$1(chunk));
+        };
+        Tokenizer.prototype.read = function () {
+          var tokens = [];
+          var token = this.consumeToken();
+          while (token !== EOF_TOKEN) {
+            tokens.push(token);
+            token = this.consumeToken();
+          }
+          return tokens;
+        };
+        Tokenizer.prototype.consumeToken = function () {
+          var codePoint = this.consumeCodePoint();
+          switch (codePoint) {
+            case QUOTATION_MARK:
+              return this.consumeStringToken(QUOTATION_MARK);
+            case NUMBER_SIGN:
+              var c1 = this.peekCodePoint(0);
+              var c2 = this.peekCodePoint(1);
+              var c3 = this.peekCodePoint(2);
+              if (isNameCodePoint(c1) || isValidEscape(c2, c3)) {
+                var flags = isIdentifierStart(c1, c2, c3)
+                  ? FLAG_ID
+                  : FLAG_UNRESTRICTED;
+                var value = this.consumeName();
+                return { type: 5 /* HASH_TOKEN */, value: value, flags: flags };
+              }
+              break;
+            case DOLLAR_SIGN:
+              if (this.peekCodePoint(0) === EQUALS_SIGN) {
+                this.consumeCodePoint();
+                return SUFFIX_MATCH_TOKEN;
+              }
+              break;
+            case APOSTROPHE:
+              return this.consumeStringToken(APOSTROPHE);
+            case LEFT_PARENTHESIS:
+              return LEFT_PARENTHESIS_TOKEN;
+            case RIGHT_PARENTHESIS:
+              return RIGHT_PARENTHESIS_TOKEN;
+            case ASTERISK:
+              if (this.peekCodePoint(0) === EQUALS_SIGN) {
+                this.consumeCodePoint();
+                return SUBSTRING_MATCH_TOKEN;
+              }
+              break;
+            case PLUS_SIGN:
+              if (
+                isNumberStart(
+                  codePoint,
+                  this.peekCodePoint(0),
+                  this.peekCodePoint(1),
+                )
+              ) {
+                this.reconsumeCodePoint(codePoint);
+                return this.consumeNumericToken();
+              }
+              break;
+            case COMMA:
+              return COMMA_TOKEN;
+            case HYPHEN_MINUS:
+              var e1 = codePoint;
+              var e2 = this.peekCodePoint(0);
+              var e3 = this.peekCodePoint(1);
+              if (isNumberStart(e1, e2, e3)) {
+                this.reconsumeCodePoint(codePoint);
+                return this.consumeNumericToken();
+              }
+              if (isIdentifierStart(e1, e2, e3)) {
+                this.reconsumeCodePoint(codePoint);
+                return this.consumeIdentLikeToken();
+              }
+              if (e2 === HYPHEN_MINUS && e3 === GREATER_THAN_SIGN) {
+                this.consumeCodePoint();
+                this.consumeCodePoint();
+                return CDC_TOKEN;
+              }
+              break;
+            case FULL_STOP:
+              if (
+                isNumberStart(
+                  codePoint,
+                  this.peekCodePoint(0),
+                  this.peekCodePoint(1),
+                )
+              ) {
+                this.reconsumeCodePoint(codePoint);
+                return this.consumeNumericToken();
+              }
+              break;
+            case SOLIDUS:
+              if (this.peekCodePoint(0) === ASTERISK) {
+                this.consumeCodePoint();
+                while (true) {
+                  var c = this.consumeCodePoint();
+                  if (c === ASTERISK) {
+                    c = this.consumeCodePoint();
+                    if (c === SOLIDUS) {
+                      return this.consumeToken();
+                    }
+                  }
+                  if (c === EOF) {
+                    return this.consumeToken();
+                  }
+                }
+              }
+              break;
+            case COLON:
+              return COLON_TOKEN;
+            case SEMICOLON:
+              return SEMICOLON_TOKEN;
+            case LESS_THAN_SIGN:
+              if (
+                this.peekCodePoint(0) === EXCLAMATION_MARK &&
+                this.peekCodePoint(1) === HYPHEN_MINUS &&
+                this.peekCodePoint(2) === HYPHEN_MINUS
+              ) {
+                this.consumeCodePoint();
+                this.consumeCodePoint();
+                return CDO_TOKEN;
+              }
+              break;
+            case COMMERCIAL_AT:
+              var a1 = this.peekCodePoint(0);
+              var a2 = this.peekCodePoint(1);
+              var a3 = this.peekCodePoint(2);
+              if (isIdentifierStart(a1, a2, a3)) {
+                var value = this.consumeName();
+                return { type: 7 /* AT_KEYWORD_TOKEN */, value: value };
+              }
+              break;
+            case LEFT_SQUARE_BRACKET:
+              return LEFT_SQUARE_BRACKET_TOKEN;
+            case REVERSE_SOLIDUS:
+              if (isValidEscape(codePoint, this.peekCodePoint(0))) {
+                this.reconsumeCodePoint(codePoint);
+                return this.consumeIdentLikeToken();
+              }
+              break;
+            case RIGHT_SQUARE_BRACKET:
+              return RIGHT_SQUARE_BRACKET_TOKEN;
+            case CIRCUMFLEX_ACCENT:
+              if (this.peekCodePoint(0) === EQUALS_SIGN) {
+                this.consumeCodePoint();
+                return PREFIX_MATCH_TOKEN;
+              }
+              break;
+            case LEFT_CURLY_BRACKET:
+              return LEFT_CURLY_BRACKET_TOKEN;
+            case RIGHT_CURLY_BRACKET:
+              return RIGHT_CURLY_BRACKET_TOKEN;
+            case u:
+            case U:
+              var u1 = this.peekCodePoint(0);
+              var u2 = this.peekCodePoint(1);
+              if (u1 === PLUS_SIGN && (isHex(u2) || u2 === QUESTION_MARK)) {
+                this.consumeCodePoint();
+                this.consumeUnicodeRangeToken();
+              }
+              this.reconsumeCodePoint(codePoint);
+              return this.consumeIdentLikeToken();
+            case VERTICAL_LINE:
+              if (this.peekCodePoint(0) === EQUALS_SIGN) {
+                this.consumeCodePoint();
+                return DASH_MATCH_TOKEN;
+              }
+              if (this.peekCodePoint(0) === VERTICAL_LINE) {
+                this.consumeCodePoint();
+                return COLUMN_TOKEN;
+              }
+              break;
+            case TILDE:
+              if (this.peekCodePoint(0) === EQUALS_SIGN) {
+                this.consumeCodePoint();
+                return INCLUDE_MATCH_TOKEN;
+              }
+              break;
+            case EOF:
+              return EOF_TOKEN;
+          }
+          if (isWhiteSpace(codePoint)) {
+            this.consumeWhiteSpace();
+            return WHITESPACE_TOKEN;
+          }
+          if (isDigit(codePoint)) {
+            this.reconsumeCodePoint(codePoint);
+            return this.consumeNumericToken();
+          }
+          if (isNameStartCodePoint(codePoint)) {
+            this.reconsumeCodePoint(codePoint);
+            return this.consumeIdentLikeToken();
           }
-          Tokenizer.prototype.write = function (chunk) {
-              this._value = this._value.concat(toCodePoints$1(chunk));
+          return {
+            type: 6 /* DELIM_TOKEN */,
+            value: fromCodePoint$1(codePoint),
           };
-          Tokenizer.prototype.read = function () {
-              var tokens = [];
-              var token = this.consumeToken();
-              while (token !== EOF_TOKEN) {
-                  tokens.push(token);
-                  token = this.consumeToken();
-              }
-              return tokens;
+        };
+        Tokenizer.prototype.consumeCodePoint = function () {
+          var value = this._value.shift();
+          return typeof value === "undefined" ? -1 : value;
+        };
+        Tokenizer.prototype.reconsumeCodePoint = function (codePoint) {
+          this._value.unshift(codePoint);
+        };
+        Tokenizer.prototype.peekCodePoint = function (delta) {
+          if (delta >= this._value.length) {
+            return -1;
+          }
+          return this._value[delta];
+        };
+        Tokenizer.prototype.consumeUnicodeRangeToken = function () {
+          var digits = [];
+          var codePoint = this.consumeCodePoint();
+          while (isHex(codePoint) && digits.length < 6) {
+            digits.push(codePoint);
+            codePoint = this.consumeCodePoint();
+          }
+          var questionMarks = false;
+          while (codePoint === QUESTION_MARK && digits.length < 6) {
+            digits.push(codePoint);
+            codePoint = this.consumeCodePoint();
+            questionMarks = true;
+          }
+          if (questionMarks) {
+            var start_1 = parseInt(
+              fromCodePoint$1.apply(
+                void 0,
+                digits.map(function (digit) {
+                  return digit === QUESTION_MARK ? ZERO : digit;
+                }),
+              ),
+              16,
+            );
+            var end = parseInt(
+              fromCodePoint$1.apply(
+                void 0,
+                digits.map(function (digit) {
+                  return digit === QUESTION_MARK ? F : digit;
+                }),
+              ),
+              16,
+            );
+            return {
+              type: 30 /* UNICODE_RANGE_TOKEN */,
+              start: start_1,
+              end: end,
+            };
+          }
+          var start = parseInt(fromCodePoint$1.apply(void 0, digits), 16);
+          if (
+            this.peekCodePoint(0) === HYPHEN_MINUS &&
+            isHex(this.peekCodePoint(1))
+          ) {
+            this.consumeCodePoint();
+            codePoint = this.consumeCodePoint();
+            var endDigits = [];
+            while (isHex(codePoint) && endDigits.length < 6) {
+              endDigits.push(codePoint);
+              codePoint = this.consumeCodePoint();
+            }
+            var end = parseInt(fromCodePoint$1.apply(void 0, endDigits), 16);
+            return {
+              type: 30 /* UNICODE_RANGE_TOKEN */,
+              start: start,
+              end: end,
+            };
+          } else {
+            return {
+              type: 30 /* UNICODE_RANGE_TOKEN */,
+              start: start,
+              end: start,
+            };
+          }
+        };
+        Tokenizer.prototype.consumeIdentLikeToken = function () {
+          var value = this.consumeName();
+          if (
+            value.toLowerCase() === "url" &&
+            this.peekCodePoint(0) === LEFT_PARENTHESIS
+          ) {
+            this.consumeCodePoint();
+            return this.consumeUrlToken();
+          } else if (this.peekCodePoint(0) === LEFT_PARENTHESIS) {
+            this.consumeCodePoint();
+            return { type: 19 /* FUNCTION_TOKEN */, value: value };
+          }
+          return { type: 20 /* IDENT_TOKEN */, value: value };
+        };
+        Tokenizer.prototype.consumeUrlToken = function () {
+          var value = [];
+          this.consumeWhiteSpace();
+          if (this.peekCodePoint(0) === EOF) {
+            return { type: 22 /* URL_TOKEN */, value: "" };
+          }
+          var next = this.peekCodePoint(0);
+          if (next === APOSTROPHE || next === QUOTATION_MARK) {
+            var stringToken = this.consumeStringToken(this.consumeCodePoint());
+            if (stringToken.type === 0 /* STRING_TOKEN */) {
+              this.consumeWhiteSpace();
+              if (
+                this.peekCodePoint(0) === EOF ||
+                this.peekCodePoint(0) === RIGHT_PARENTHESIS
+              ) {
+                this.consumeCodePoint();
+                return { type: 22 /* URL_TOKEN */, value: stringToken.value };
+              }
+            }
+            this.consumeBadUrlRemnants();
+            return BAD_URL_TOKEN;
+          }
+          while (true) {
+            var codePoint = this.consumeCodePoint();
+            if (codePoint === EOF || codePoint === RIGHT_PARENTHESIS) {
+              return {
+                type: 22 /* URL_TOKEN */,
+                value: fromCodePoint$1.apply(void 0, value),
+              };
+            } else if (isWhiteSpace(codePoint)) {
+              this.consumeWhiteSpace();
+              if (
+                this.peekCodePoint(0) === EOF ||
+                this.peekCodePoint(0) === RIGHT_PARENTHESIS
+              ) {
+                this.consumeCodePoint();
+                return {
+                  type: 22 /* URL_TOKEN */,
+                  value: fromCodePoint$1.apply(void 0, value),
+                };
+              }
+              this.consumeBadUrlRemnants();
+              return BAD_URL_TOKEN;
+            } else if (
+              codePoint === QUOTATION_MARK ||
+              codePoint === APOSTROPHE ||
+              codePoint === LEFT_PARENTHESIS ||
+              isNonPrintableCodePoint(codePoint)
+            ) {
+              this.consumeBadUrlRemnants();
+              return BAD_URL_TOKEN;
+            } else if (codePoint === REVERSE_SOLIDUS) {
+              if (isValidEscape(codePoint, this.peekCodePoint(0))) {
+                value.push(this.consumeEscapedCodePoint());
+              } else {
+                this.consumeBadUrlRemnants();
+                return BAD_URL_TOKEN;
+              }
+            } else {
+              value.push(codePoint);
+            }
+          }
+        };
+        Tokenizer.prototype.consumeWhiteSpace = function () {
+          while (isWhiteSpace(this.peekCodePoint(0))) {
+            this.consumeCodePoint();
+          }
+        };
+        Tokenizer.prototype.consumeBadUrlRemnants = function () {
+          while (true) {
+            var codePoint = this.consumeCodePoint();
+            if (codePoint === RIGHT_PARENTHESIS || codePoint === EOF) {
+              return;
+            }
+            if (isValidEscape(codePoint, this.peekCodePoint(0))) {
+              this.consumeEscapedCodePoint();
+            }
+          }
+        };
+        Tokenizer.prototype.consumeStringSlice = function (count) {
+          var SLICE_STACK_SIZE = 50000;
+          var value = "";
+          while (count > 0) {
+            var amount = Math.min(SLICE_STACK_SIZE, count);
+            value += fromCodePoint$1.apply(
+              void 0,
+              this._value.splice(0, amount),
+            );
+            count -= amount;
+          }
+          this._value.shift();
+          return value;
+        };
+        Tokenizer.prototype.consumeStringToken = function (endingCodePoint) {
+          var value = "";
+          var i = 0;
+          do {
+            var codePoint = this._value[i];
+            if (
+              codePoint === EOF ||
+              codePoint === undefined ||
+              codePoint === endingCodePoint
+            ) {
+              value += this.consumeStringSlice(i);
+              return { type: 0 /* STRING_TOKEN */, value: value };
+            }
+            if (codePoint === LINE_FEED) {
+              this._value.splice(0, i);
+              return BAD_STRING_TOKEN;
+            }
+            if (codePoint === REVERSE_SOLIDUS) {
+              var next = this._value[i + 1];
+              if (next !== EOF && next !== undefined) {
+                if (next === LINE_FEED) {
+                  value += this.consumeStringSlice(i);
+                  i = -1;
+                  this._value.shift();
+                } else if (isValidEscape(codePoint, next)) {
+                  value += this.consumeStringSlice(i);
+                  value += fromCodePoint$1(this.consumeEscapedCodePoint());
+                  i = -1;
+                }
+              }
+            }
+            i++;
+          } while (true);
+        };
+        Tokenizer.prototype.consumeNumber = function () {
+          var repr = [];
+          var type = FLAG_INTEGER;
+          var c1 = this.peekCodePoint(0);
+          if (c1 === PLUS_SIGN || c1 === HYPHEN_MINUS) {
+            repr.push(this.consumeCodePoint());
+          }
+          while (isDigit(this.peekCodePoint(0))) {
+            repr.push(this.consumeCodePoint());
+          }
+          c1 = this.peekCodePoint(0);
+          var c2 = this.peekCodePoint(1);
+          if (c1 === FULL_STOP && isDigit(c2)) {
+            repr.push(this.consumeCodePoint(), this.consumeCodePoint());
+            type = FLAG_NUMBER;
+            while (isDigit(this.peekCodePoint(0))) {
+              repr.push(this.consumeCodePoint());
+            }
+          }
+          c1 = this.peekCodePoint(0);
+          c2 = this.peekCodePoint(1);
+          var c3 = this.peekCodePoint(2);
+          if (
+            (c1 === E || c1 === e) &&
+            (((c2 === PLUS_SIGN || c2 === HYPHEN_MINUS) && isDigit(c3)) ||
+              isDigit(c2))
+          ) {
+            repr.push(this.consumeCodePoint(), this.consumeCodePoint());
+            type = FLAG_NUMBER;
+            while (isDigit(this.peekCodePoint(0))) {
+              repr.push(this.consumeCodePoint());
+            }
+          }
+          return [stringToNumber(repr), type];
+        };
+        Tokenizer.prototype.consumeNumericToken = function () {
+          var _a = this.consumeNumber(),
+            number = _a[0],
+            flags = _a[1];
+          var c1 = this.peekCodePoint(0);
+          var c2 = this.peekCodePoint(1);
+          var c3 = this.peekCodePoint(2);
+          if (isIdentifierStart(c1, c2, c3)) {
+            var unit = this.consumeName();
+            return {
+              type: 15 /* DIMENSION_TOKEN */,
+              number: number,
+              flags: flags,
+              unit: unit,
+            };
+          }
+          if (c1 === PERCENTAGE_SIGN) {
+            this.consumeCodePoint();
+            return {
+              type: 16 /* PERCENTAGE_TOKEN */,
+              number: number,
+              flags: flags,
+            };
+          }
+          return { type: 17 /* NUMBER_TOKEN */, number: number, flags: flags };
+        };
+        Tokenizer.prototype.consumeEscapedCodePoint = function () {
+          var codePoint = this.consumeCodePoint();
+          if (isHex(codePoint)) {
+            var hex = fromCodePoint$1(codePoint);
+            while (isHex(this.peekCodePoint(0)) && hex.length < 6) {
+              hex += fromCodePoint$1(this.consumeCodePoint());
+            }
+            if (isWhiteSpace(this.peekCodePoint(0))) {
+              this.consumeCodePoint();
+            }
+            var hexCodePoint = parseInt(hex, 16);
+            if (
+              hexCodePoint === 0 ||
+              isSurrogateCodePoint(hexCodePoint) ||
+              hexCodePoint > 0x10ffff
+            ) {
+              return REPLACEMENT_CHARACTER;
+            }
+            return hexCodePoint;
+          }
+          if (codePoint === EOF) {
+            return REPLACEMENT_CHARACTER;
+          }
+          return codePoint;
+        };
+        Tokenizer.prototype.consumeName = function () {
+          var result = "";
+          while (true) {
+            var codePoint = this.consumeCodePoint();
+            if (isNameCodePoint(codePoint)) {
+              result += fromCodePoint$1(codePoint);
+            } else if (isValidEscape(codePoint, this.peekCodePoint(0))) {
+              result += fromCodePoint$1(this.consumeEscapedCodePoint());
+            } else {
+              this.reconsumeCodePoint(codePoint);
+              return result;
+            }
+          }
+        };
+        return Tokenizer;
+      })();
+
+      var Parser = /** @class */ (function () {
+        function Parser(tokens) {
+          this._tokens = tokens;
+        }
+        Parser.create = function (value) {
+          var tokenizer = new Tokenizer();
+          tokenizer.write(value);
+          return new Parser(tokenizer.read());
+        };
+        Parser.parseValue = function (value) {
+          return Parser.create(value).parseComponentValue();
+        };
+        Parser.parseValues = function (value) {
+          return Parser.create(value).parseComponentValues();
+        };
+        Parser.prototype.parseComponentValue = function () {
+          var token = this.consumeToken();
+          while (token.type === 31 /* WHITESPACE_TOKEN */) {
+            token = this.consumeToken();
+          }
+          if (token.type === 32 /* EOF_TOKEN */) {
+            throw new SyntaxError(
+              "Error parsing CSS component value, unexpected EOF",
+            );
+          }
+          this.reconsumeToken(token);
+          var value = this.consumeComponentValue();
+          do {
+            token = this.consumeToken();
+          } while (token.type === 31 /* WHITESPACE_TOKEN */);
+          if (token.type === 32 /* EOF_TOKEN */) {
+            return value;
+          }
+          throw new SyntaxError(
+            "Error parsing CSS component value, multiple values found when expecting only one",
+          );
+        };
+        Parser.prototype.parseComponentValues = function () {
+          var values = [];
+          while (true) {
+            var value = this.consumeComponentValue();
+            if (value.type === 32 /* EOF_TOKEN */) {
+              return values;
+            }
+            values.push(value);
+            values.push();
+          }
+        };
+        Parser.prototype.consumeComponentValue = function () {
+          var token = this.consumeToken();
+          switch (token.type) {
+            case 11 /* LEFT_CURLY_BRACKET_TOKEN */:
+            case 28 /* LEFT_SQUARE_BRACKET_TOKEN */:
+            case 2 /* LEFT_PARENTHESIS_TOKEN */:
+              return this.consumeSimpleBlock(token.type);
+            case 19 /* FUNCTION_TOKEN */:
+              return this.consumeFunction(token);
+          }
+          return token;
+        };
+        Parser.prototype.consumeSimpleBlock = function (type) {
+          var block = { type: type, values: [] };
+          var token = this.consumeToken();
+          while (true) {
+            if (
+              token.type === 32 /* EOF_TOKEN */ ||
+              isEndingTokenFor(token, type)
+            ) {
+              return block;
+            }
+            this.reconsumeToken(token);
+            block.values.push(this.consumeComponentValue());
+            token = this.consumeToken();
+          }
+        };
+        Parser.prototype.consumeFunction = function (functionToken) {
+          var cssFunction = {
+            name: functionToken.value,
+            values: [],
+            type: 18 /* FUNCTION */,
           };
-          Tokenizer.prototype.consumeToken = function () {
-              var codePoint = this.consumeCodePoint();
-              switch (codePoint) {
-                  case QUOTATION_MARK:
-                      return this.consumeStringToken(QUOTATION_MARK);
-                  case NUMBER_SIGN:
-                      var c1 = this.peekCodePoint(0);
-                      var c2 = this.peekCodePoint(1);
-                      var c3 = this.peekCodePoint(2);
-                      if (isNameCodePoint(c1) || isValidEscape(c2, c3)) {
-                          var flags = isIdentifierStart(c1, c2, c3) ? FLAG_ID : FLAG_UNRESTRICTED;
-                          var value = this.consumeName();
-                          return { type: 5 /* HASH_TOKEN */, value: value, flags: flags };
-                      }
-                      break;
-                  case DOLLAR_SIGN:
-                      if (this.peekCodePoint(0) === EQUALS_SIGN) {
-                          this.consumeCodePoint();
-                          return SUFFIX_MATCH_TOKEN;
-                      }
-                      break;
-                  case APOSTROPHE:
-                      return this.consumeStringToken(APOSTROPHE);
-                  case LEFT_PARENTHESIS:
-                      return LEFT_PARENTHESIS_TOKEN;
-                  case RIGHT_PARENTHESIS:
-                      return RIGHT_PARENTHESIS_TOKEN;
-                  case ASTERISK:
-                      if (this.peekCodePoint(0) === EQUALS_SIGN) {
-                          this.consumeCodePoint();
-                          return SUBSTRING_MATCH_TOKEN;
-                      }
-                      break;
-                  case PLUS_SIGN:
-                      if (isNumberStart(codePoint, this.peekCodePoint(0), this.peekCodePoint(1))) {
-                          this.reconsumeCodePoint(codePoint);
-                          return this.consumeNumericToken();
-                      }
-                      break;
-                  case COMMA:
-                      return COMMA_TOKEN;
-                  case HYPHEN_MINUS:
-                      var e1 = codePoint;
-                      var e2 = this.peekCodePoint(0);
-                      var e3 = this.peekCodePoint(1);
-                      if (isNumberStart(e1, e2, e3)) {
-                          this.reconsumeCodePoint(codePoint);
-                          return this.consumeNumericToken();
-                      }
-                      if (isIdentifierStart(e1, e2, e3)) {
-                          this.reconsumeCodePoint(codePoint);
-                          return this.consumeIdentLikeToken();
-                      }
-                      if (e2 === HYPHEN_MINUS && e3 === GREATER_THAN_SIGN) {
-                          this.consumeCodePoint();
-                          this.consumeCodePoint();
-                          return CDC_TOKEN;
-                      }
-                      break;
-                  case FULL_STOP:
-                      if (isNumberStart(codePoint, this.peekCodePoint(0), this.peekCodePoint(1))) {
-                          this.reconsumeCodePoint(codePoint);
-                          return this.consumeNumericToken();
-                      }
-                      break;
-                  case SOLIDUS:
-                      if (this.peekCodePoint(0) === ASTERISK) {
-                          this.consumeCodePoint();
-                          while (true) {
-                              var c = this.consumeCodePoint();
-                              if (c === ASTERISK) {
-                                  c = this.consumeCodePoint();
-                                  if (c === SOLIDUS) {
-                                      return this.consumeToken();
-                                  }
-                              }
-                              if (c === EOF) {
-                                  return this.consumeToken();
-                              }
-                          }
-                      }
-                      break;
-                  case COLON:
-                      return COLON_TOKEN;
-                  case SEMICOLON:
-                      return SEMICOLON_TOKEN;
-                  case LESS_THAN_SIGN:
-                      if (this.peekCodePoint(0) === EXCLAMATION_MARK &&
-                          this.peekCodePoint(1) === HYPHEN_MINUS &&
-                          this.peekCodePoint(2) === HYPHEN_MINUS) {
-                          this.consumeCodePoint();
-                          this.consumeCodePoint();
-                          return CDO_TOKEN;
-                      }
-                      break;
-                  case COMMERCIAL_AT:
-                      var a1 = this.peekCodePoint(0);
-                      var a2 = this.peekCodePoint(1);
-                      var a3 = this.peekCodePoint(2);
-                      if (isIdentifierStart(a1, a2, a3)) {
-                          var value = this.consumeName();
-                          return { type: 7 /* AT_KEYWORD_TOKEN */, value: value };
-                      }
-                      break;
-                  case LEFT_SQUARE_BRACKET:
-                      return LEFT_SQUARE_BRACKET_TOKEN;
-                  case REVERSE_SOLIDUS:
-                      if (isValidEscape(codePoint, this.peekCodePoint(0))) {
-                          this.reconsumeCodePoint(codePoint);
-                          return this.consumeIdentLikeToken();
-                      }
-                      break;
-                  case RIGHT_SQUARE_BRACKET:
-                      return RIGHT_SQUARE_BRACKET_TOKEN;
-                  case CIRCUMFLEX_ACCENT:
-                      if (this.peekCodePoint(0) === EQUALS_SIGN) {
-                          this.consumeCodePoint();
-                          return PREFIX_MATCH_TOKEN;
-                      }
-                      break;
-                  case LEFT_CURLY_BRACKET:
-                      return LEFT_CURLY_BRACKET_TOKEN;
-                  case RIGHT_CURLY_BRACKET:
-                      return RIGHT_CURLY_BRACKET_TOKEN;
-                  case u:
-                  case U:
-                      var u1 = this.peekCodePoint(0);
-                      var u2 = this.peekCodePoint(1);
-                      if (u1 === PLUS_SIGN && (isHex(u2) || u2 === QUESTION_MARK)) {
-                          this.consumeCodePoint();
-                          this.consumeUnicodeRangeToken();
-                      }
-                      this.reconsumeCodePoint(codePoint);
-                      return this.consumeIdentLikeToken();
-                  case VERTICAL_LINE:
-                      if (this.peekCodePoint(0) === EQUALS_SIGN) {
-                          this.consumeCodePoint();
-                          return DASH_MATCH_TOKEN;
-                      }
-                      if (this.peekCodePoint(0) === VERTICAL_LINE) {
-                          this.consumeCodePoint();
-                          return COLUMN_TOKEN;
-                      }
-                      break;
-                  case TILDE:
-                      if (this.peekCodePoint(0) === EQUALS_SIGN) {
-                          this.consumeCodePoint();
-                          return INCLUDE_MATCH_TOKEN;
-                      }
-                      break;
-                  case EOF:
-                      return EOF_TOKEN;
-              }
-              if (isWhiteSpace(codePoint)) {
-                  this.consumeWhiteSpace();
-                  return WHITESPACE_TOKEN;
-              }
-              if (isDigit(codePoint)) {
-                  this.reconsumeCodePoint(codePoint);
-                  return this.consumeNumericToken();
-              }
-              if (isNameStartCodePoint(codePoint)) {
-                  this.reconsumeCodePoint(codePoint);
-                  return this.consumeIdentLikeToken();
-              }
-              return { type: 6 /* DELIM_TOKEN */, value: fromCodePoint$1(codePoint) };
-          };
-          Tokenizer.prototype.consumeCodePoint = function () {
-              var value = this._value.shift();
-              return typeof value === 'undefined' ? -1 : value;
-          };
-          Tokenizer.prototype.reconsumeCodePoint = function (codePoint) {
-              this._value.unshift(codePoint);
-          };
-          Tokenizer.prototype.peekCodePoint = function (delta) {
-              if (delta >= this._value.length) {
-                  return -1;
-              }
-              return this._value[delta];
-          };
-          Tokenizer.prototype.consumeUnicodeRangeToken = function () {
-              var digits = [];
-              var codePoint = this.consumeCodePoint();
-              while (isHex(codePoint) && digits.length < 6) {
-                  digits.push(codePoint);
-                  codePoint = this.consumeCodePoint();
-              }
-              var questionMarks = false;
-              while (codePoint === QUESTION_MARK && digits.length < 6) {
-                  digits.push(codePoint);
-                  codePoint = this.consumeCodePoint();
-                  questionMarks = true;
-              }
-              if (questionMarks) {
-                  var start_1 = parseInt(fromCodePoint$1.apply(void 0, digits.map(function (digit) { return (digit === QUESTION_MARK ? ZERO : digit); })), 16);
-                  var end = parseInt(fromCodePoint$1.apply(void 0, digits.map(function (digit) { return (digit === QUESTION_MARK ? F : digit); })), 16);
-                  return { type: 30 /* UNICODE_RANGE_TOKEN */, start: start_1, end: end };
-              }
-              var start = parseInt(fromCodePoint$1.apply(void 0, digits), 16);
-              if (this.peekCodePoint(0) === HYPHEN_MINUS && isHex(this.peekCodePoint(1))) {
-                  this.consumeCodePoint();
-                  codePoint = this.consumeCodePoint();
-                  var endDigits = [];
-                  while (isHex(codePoint) && endDigits.length < 6) {
-                      endDigits.push(codePoint);
-                      codePoint = this.consumeCodePoint();
-                  }
-                  var end = parseInt(fromCodePoint$1.apply(void 0, endDigits), 16);
-                  return { type: 30 /* UNICODE_RANGE_TOKEN */, start: start, end: end };
-              }
-              else {
-                  return { type: 30 /* UNICODE_RANGE_TOKEN */, start: start, end: start };
-              }
-          };
-          Tokenizer.prototype.consumeIdentLikeToken = function () {
-              var value = this.consumeName();
-              if (value.toLowerCase() === 'url' && this.peekCodePoint(0) === LEFT_PARENTHESIS) {
-                  this.consumeCodePoint();
-                  return this.consumeUrlToken();
-              }
-              else if (this.peekCodePoint(0) === LEFT_PARENTHESIS) {
-                  this.consumeCodePoint();
-                  return { type: 19 /* FUNCTION_TOKEN */, value: value };
-              }
-              return { type: 20 /* IDENT_TOKEN */, value: value };
-          };
-          Tokenizer.prototype.consumeUrlToken = function () {
-              var value = [];
-              this.consumeWhiteSpace();
-              if (this.peekCodePoint(0) === EOF) {
-                  return { type: 22 /* URL_TOKEN */, value: '' };
-              }
-              var next = this.peekCodePoint(0);
-              if (next === APOSTROPHE || next === QUOTATION_MARK) {
-                  var stringToken = this.consumeStringToken(this.consumeCodePoint());
-                  if (stringToken.type === 0 /* STRING_TOKEN */) {
-                      this.consumeWhiteSpace();
-                      if (this.peekCodePoint(0) === EOF || this.peekCodePoint(0) === RIGHT_PARENTHESIS) {
-                          this.consumeCodePoint();
-                          return { type: 22 /* URL_TOKEN */, value: stringToken.value };
-                      }
-                  }
-                  this.consumeBadUrlRemnants();
-                  return BAD_URL_TOKEN;
-              }
-              while (true) {
-                  var codePoint = this.consumeCodePoint();
-                  if (codePoint === EOF || codePoint === RIGHT_PARENTHESIS) {
-                      return { type: 22 /* URL_TOKEN */, value: fromCodePoint$1.apply(void 0, value) };
-                  }
-                  else if (isWhiteSpace(codePoint)) {
-                      this.consumeWhiteSpace();
-                      if (this.peekCodePoint(0) === EOF || this.peekCodePoint(0) === RIGHT_PARENTHESIS) {
-                          this.consumeCodePoint();
-                          return { type: 22 /* URL_TOKEN */, value: fromCodePoint$1.apply(void 0, value) };
-                      }
-                      this.consumeBadUrlRemnants();
-                      return BAD_URL_TOKEN;
-                  }
-                  else if (codePoint === QUOTATION_MARK ||
-                      codePoint === APOSTROPHE ||
-                      codePoint === LEFT_PARENTHESIS ||
-                      isNonPrintableCodePoint(codePoint)) {
-                      this.consumeBadUrlRemnants();
-                      return BAD_URL_TOKEN;
-                  }
-                  else if (codePoint === REVERSE_SOLIDUS) {
-                      if (isValidEscape(codePoint, this.peekCodePoint(0))) {
-                          value.push(this.consumeEscapedCodePoint());
-                      }
-                      else {
-                          this.consumeBadUrlRemnants();
-                          return BAD_URL_TOKEN;
-                      }
-                  }
-                  else {
-                      value.push(codePoint);
-                  }
-              }
-          };
-          Tokenizer.prototype.consumeWhiteSpace = function () {
-              while (isWhiteSpace(this.peekCodePoint(0))) {
-                  this.consumeCodePoint();
-              }
-          };
-          Tokenizer.prototype.consumeBadUrlRemnants = function () {
-              while (true) {
-                  var codePoint = this.consumeCodePoint();
-                  if (codePoint === RIGHT_PARENTHESIS || codePoint === EOF) {
-                      return;
-                  }
-                  if (isValidEscape(codePoint, this.peekCodePoint(0))) {
-                      this.consumeEscapedCodePoint();
-                  }
-              }
-          };
-          Tokenizer.prototype.consumeStringSlice = function (count) {
-              var SLICE_STACK_SIZE = 50000;
-              var value = '';
-              while (count > 0) {
-                  var amount = Math.min(SLICE_STACK_SIZE, count);
-                  value += fromCodePoint$1.apply(void 0, this._value.splice(0, amount));
-                  count -= amount;
-              }
-              this._value.shift();
-              return value;
-          };
-          Tokenizer.prototype.consumeStringToken = function (endingCodePoint) {
-              var value = '';
-              var i = 0;
-              do {
-                  var codePoint = this._value[i];
-                  if (codePoint === EOF || codePoint === undefined || codePoint === endingCodePoint) {
-                      value += this.consumeStringSlice(i);
-                      return { type: 0 /* STRING_TOKEN */, value: value };
-                  }
-                  if (codePoint === LINE_FEED) {
-                      this._value.splice(0, i);
-                      return BAD_STRING_TOKEN;
-                  }
-                  if (codePoint === REVERSE_SOLIDUS) {
-                      var next = this._value[i + 1];
-                      if (next !== EOF && next !== undefined) {
-                          if (next === LINE_FEED) {
-                              value += this.consumeStringSlice(i);
-                              i = -1;
-                              this._value.shift();
-                          }
-                          else if (isValidEscape(codePoint, next)) {
-                              value += this.consumeStringSlice(i);
-                              value += fromCodePoint$1(this.consumeEscapedCodePoint());
-                              i = -1;
-                          }
-                      }
-                  }
-                  i++;
-              } while (true);
-          };
-          Tokenizer.prototype.consumeNumber = function () {
-              var repr = [];
-              var type = FLAG_INTEGER;
-              var c1 = this.peekCodePoint(0);
-              if (c1 === PLUS_SIGN || c1 === HYPHEN_MINUS) {
-                  repr.push(this.consumeCodePoint());
-              }
-              while (isDigit(this.peekCodePoint(0))) {
-                  repr.push(this.consumeCodePoint());
-              }
-              c1 = this.peekCodePoint(0);
-              var c2 = this.peekCodePoint(1);
-              if (c1 === FULL_STOP && isDigit(c2)) {
-                  repr.push(this.consumeCodePoint(), this.consumeCodePoint());
-                  type = FLAG_NUMBER;
-                  while (isDigit(this.peekCodePoint(0))) {
-                      repr.push(this.consumeCodePoint());
-                  }
-              }
-              c1 = this.peekCodePoint(0);
-              c2 = this.peekCodePoint(1);
-              var c3 = this.peekCodePoint(2);
-              if ((c1 === E || c1 === e) && (((c2 === PLUS_SIGN || c2 === HYPHEN_MINUS) && isDigit(c3)) || isDigit(c2))) {
-                  repr.push(this.consumeCodePoint(), this.consumeCodePoint());
-                  type = FLAG_NUMBER;
-                  while (isDigit(this.peekCodePoint(0))) {
-                      repr.push(this.consumeCodePoint());
-                  }
-              }
-              return [stringToNumber(repr), type];
-          };
-          Tokenizer.prototype.consumeNumericToken = function () {
-              var _a = this.consumeNumber(), number = _a[0], flags = _a[1];
-              var c1 = this.peekCodePoint(0);
-              var c2 = this.peekCodePoint(1);
-              var c3 = this.peekCodePoint(2);
-              if (isIdentifierStart(c1, c2, c3)) {
-                  var unit = this.consumeName();
-                  return { type: 15 /* DIMENSION_TOKEN */, number: number, flags: flags, unit: unit };
-              }
-              if (c1 === PERCENTAGE_SIGN) {
-                  this.consumeCodePoint();
-                  return { type: 16 /* PERCENTAGE_TOKEN */, number: number, flags: flags };
-              }
-              return { type: 17 /* NUMBER_TOKEN */, number: number, flags: flags };
-          };
-          Tokenizer.prototype.consumeEscapedCodePoint = function () {
-              var codePoint = this.consumeCodePoint();
-              if (isHex(codePoint)) {
-                  var hex = fromCodePoint$1(codePoint);
-                  while (isHex(this.peekCodePoint(0)) && hex.length < 6) {
-                      hex += fromCodePoint$1(this.consumeCodePoint());
-                  }
-                  if (isWhiteSpace(this.peekCodePoint(0))) {
-                      this.consumeCodePoint();
-                  }
-                  var hexCodePoint = parseInt(hex, 16);
-                  if (hexCodePoint === 0 || isSurrogateCodePoint(hexCodePoint) || hexCodePoint > 0x10ffff) {
-                      return REPLACEMENT_CHARACTER;
-                  }
-                  return hexCodePoint;
-              }
-              if (codePoint === EOF) {
-                  return REPLACEMENT_CHARACTER;
-              }
-              return codePoint;
-          };
-          Tokenizer.prototype.consumeName = function () {
-              var result = '';
-              while (true) {
-                  var codePoint = this.consumeCodePoint();
-                  if (isNameCodePoint(codePoint)) {
-                      result += fromCodePoint$1(codePoint);
-                  }
-                  else if (isValidEscape(codePoint, this.peekCodePoint(0))) {
-                      result += fromCodePoint$1(this.consumeEscapedCodePoint());
-                  }
-                  else {
-                      this.reconsumeCodePoint(codePoint);
-                      return result;
-                  }
-              }
-          };
-          return Tokenizer;
-      }());
-
-      var Parser = /** @class */ (function () {
-          function Parser(tokens) {
-              this._tokens = tokens;
-          }
-          Parser.create = function (value) {
-              var tokenizer = new Tokenizer();
-              tokenizer.write(value);
-              return new Parser(tokenizer.read());
-          };
-          Parser.parseValue = function (value) {
-              return Parser.create(value).parseComponentValue();
-          };
-          Parser.parseValues = function (value) {
-              return Parser.create(value).parseComponentValues();
-          };
-          Parser.prototype.parseComponentValue = function () {
-              var token = this.consumeToken();
-              while (token.type === 31 /* WHITESPACE_TOKEN */) {
-                  token = this.consumeToken();
-              }
-              if (token.type === 32 /* EOF_TOKEN */) {
-                  throw new SyntaxError("Error parsing CSS component value, unexpected EOF");
-              }
-              this.reconsumeToken(token);
-              var value = this.consumeComponentValue();
-              do {
-                  token = this.consumeToken();
-              } while (token.type === 31 /* WHITESPACE_TOKEN */);
-              if (token.type === 32 /* EOF_TOKEN */) {
-                  return value;
-              }
-              throw new SyntaxError("Error parsing CSS component value, multiple values found when expecting only one");
-          };
-          Parser.prototype.parseComponentValues = function () {
-              var values = [];
-              while (true) {
-                  var value = this.consumeComponentValue();
-                  if (value.type === 32 /* EOF_TOKEN */) {
-                      return values;
-                  }
-                  values.push(value);
-                  values.push();
-              }
-          };
-          Parser.prototype.consumeComponentValue = function () {
-              var token = this.consumeToken();
-              switch (token.type) {
-                  case 11 /* LEFT_CURLY_BRACKET_TOKEN */:
-                  case 28 /* LEFT_SQUARE_BRACKET_TOKEN */:
-                  case 2 /* LEFT_PARENTHESIS_TOKEN */:
-                      return this.consumeSimpleBlock(token.type);
-                  case 19 /* FUNCTION_TOKEN */:
-                      return this.consumeFunction(token);
-              }
-              return token;
-          };
-          Parser.prototype.consumeSimpleBlock = function (type) {
-              var block = { type: type, values: [] };
-              var token = this.consumeToken();
-              while (true) {
-                  if (token.type === 32 /* EOF_TOKEN */ || isEndingTokenFor(token, type)) {
-                      return block;
-                  }
-                  this.reconsumeToken(token);
-                  block.values.push(this.consumeComponentValue());
-                  token = this.consumeToken();
-              }
-          };
-          Parser.prototype.consumeFunction = function (functionToken) {
-              var cssFunction = {
-                  name: functionToken.value,
-                  values: [],
-                  type: 18 /* FUNCTION */
-              };
-              while (true) {
-                  var token = this.consumeToken();
-                  if (token.type === 32 /* EOF_TOKEN */ || token.type === 3 /* RIGHT_PARENTHESIS_TOKEN */) {
-                      return cssFunction;
-                  }
-                  this.reconsumeToken(token);
-                  cssFunction.values.push(this.consumeComponentValue());
-              }
-          };
-          Parser.prototype.consumeToken = function () {
-              var token = this._tokens.shift();
-              return typeof token === 'undefined' ? EOF_TOKEN : token;
-          };
-          Parser.prototype.reconsumeToken = function (token) {
-              this._tokens.unshift(token);
-          };
-          return Parser;
-      }());
-      var isDimensionToken = function (token) { return token.type === 15 /* DIMENSION_TOKEN */; };
-      var isNumberToken = function (token) { return token.type === 17 /* NUMBER_TOKEN */; };
-      var isIdentToken = function (token) { return token.type === 20 /* IDENT_TOKEN */; };
-      var isStringToken = function (token) { return token.type === 0 /* STRING_TOKEN */; };
+          while (true) {
+            var token = this.consumeToken();
+            if (
+              token.type === 32 /* EOF_TOKEN */ ||
+              token.type === 3 /* RIGHT_PARENTHESIS_TOKEN */
+            ) {
+              return cssFunction;
+            }
+            this.reconsumeToken(token);
+            cssFunction.values.push(this.consumeComponentValue());
+          }
+        };
+        Parser.prototype.consumeToken = function () {
+          var token = this._tokens.shift();
+          return typeof token === "undefined" ? EOF_TOKEN : token;
+        };
+        Parser.prototype.reconsumeToken = function (token) {
+          this._tokens.unshift(token);
+        };
+        return Parser;
+      })();
+      var isDimensionToken = function (token) {
+        return token.type === 15 /* DIMENSION_TOKEN */;
+      };
+      var isNumberToken = function (token) {
+        return token.type === 17 /* NUMBER_TOKEN */;
+      };
+      var isIdentToken = function (token) {
+        return token.type === 20 /* IDENT_TOKEN */;
+      };
+      var isStringToken = function (token) {
+        return token.type === 0 /* STRING_TOKEN */;
+      };
       var isIdentWithValue = function (token, value) {
-          return isIdentToken(token) && token.value === value;
+        return isIdentToken(token) && token.value === value;
+      };
+      var nonWhiteSpace = function (token) {
+        return token.type !== 31 /* WHITESPACE_TOKEN */;
       };
-      var nonWhiteSpace = function (token) { return token.type !== 31 /* WHITESPACE_TOKEN */; };
       var nonFunctionArgSeparator = function (token) {
-          return token.type !== 31 /* WHITESPACE_TOKEN */ && token.type !== 4 /* COMMA_TOKEN */;
+        return (
+          token.type !== 31 /* WHITESPACE_TOKEN */ &&
+          token.type !== 4 /* COMMA_TOKEN */
+        );
       };
       var parseFunctionArgs = function (tokens) {
-          var args = [];
-          var arg = [];
-          tokens.forEach(function (token) {
-              if (token.type === 4 /* COMMA_TOKEN */) {
-                  if (arg.length === 0) {
-                      throw new Error("Error parsing function args, zero tokens for arg");
-                  }
-                  args.push(arg);
-                  arg = [];
-                  return;
-              }
-              if (token.type !== 31 /* WHITESPACE_TOKEN */) {
-                  arg.push(token);
-              }
-          });
-          if (arg.length) {
-              args.push(arg);
-          }
-          return args;
+        var args = [];
+        var arg = [];
+        tokens.forEach(function (token) {
+          if (token.type === 4 /* COMMA_TOKEN */) {
+            if (arg.length === 0) {
+              throw new Error(
+                "Error parsing function args, zero tokens for arg",
+              );
+            }
+            args.push(arg);
+            arg = [];
+            return;
+          }
+          if (token.type !== 31 /* WHITESPACE_TOKEN */) {
+            arg.push(token);
+          }
+        });
+        if (arg.length) {
+          args.push(arg);
+        }
+        return args;
       };
       var isEndingTokenFor = function (token, type) {
-          if (type === 11 /* LEFT_CURLY_BRACKET_TOKEN */ && token.type === 12 /* RIGHT_CURLY_BRACKET_TOKEN */) {
-              return true;
-          }
-          if (type === 28 /* LEFT_SQUARE_BRACKET_TOKEN */ && token.type === 29 /* RIGHT_SQUARE_BRACKET_TOKEN */) {
-              return true;
-          }
-          return type === 2 /* LEFT_PARENTHESIS_TOKEN */ && token.type === 3 /* RIGHT_PARENTHESIS_TOKEN */;
+        if (
+          type === 11 /* LEFT_CURLY_BRACKET_TOKEN */ &&
+          token.type === 12 /* RIGHT_CURLY_BRACKET_TOKEN */
+        ) {
+          return true;
+        }
+        if (
+          type === 28 /* LEFT_SQUARE_BRACKET_TOKEN */ &&
+          token.type === 29 /* RIGHT_SQUARE_BRACKET_TOKEN */
+        ) {
+          return true;
+        }
+        return (
+          type === 2 /* LEFT_PARENTHESIS_TOKEN */ &&
+          token.type === 3 /* RIGHT_PARENTHESIS_TOKEN */
+        );
       };
 
       var isLength = function (token) {
-          return token.type === 17 /* NUMBER_TOKEN */ || token.type === 15 /* DIMENSION_TOKEN */;
+        return (
+          token.type === 17 /* NUMBER_TOKEN */ ||
+          token.type === 15 /* DIMENSION_TOKEN */
+        );
       };
 
       var isLengthPercentage = function (token) {
-          return token.type === 16 /* PERCENTAGE_TOKEN */ || isLength(token);
+        return token.type === 16 /* PERCENTAGE_TOKEN */ || isLength(token);
       };
       var parseLengthPercentageTuple = function (tokens) {
-          return tokens.length > 1 ? [tokens[0], tokens[1]] : [tokens[0]];
+        return tokens.length > 1 ? [tokens[0], tokens[1]] : [tokens[0]];
       };
       var ZERO_LENGTH = {
-          type: 17 /* NUMBER_TOKEN */,
-          number: 0,
-          flags: FLAG_INTEGER
+        type: 17 /* NUMBER_TOKEN */,
+        number: 0,
+        flags: FLAG_INTEGER,
       };
       var FIFTY_PERCENT = {
-          type: 16 /* PERCENTAGE_TOKEN */,
-          number: 50,
-          flags: FLAG_INTEGER
+        type: 16 /* PERCENTAGE_TOKEN */,
+        number: 50,
+        flags: FLAG_INTEGER,
       };
       var HUNDRED_PERCENT = {
-          type: 16 /* PERCENTAGE_TOKEN */,
-          number: 100,
-          flags: FLAG_INTEGER
+        type: 16 /* PERCENTAGE_TOKEN */,
+        number: 100,
+        flags: FLAG_INTEGER,
       };
       var getAbsoluteValueForTuple = function (tuple, width, height) {
-          var x = tuple[0], y = tuple[1];
-          return [getAbsoluteValue(x, width), getAbsoluteValue(typeof y !== 'undefined' ? y : x, height)];
+        var x = tuple[0],
+          y = tuple[1];
+        return [
+          getAbsoluteValue(x, width),
+          getAbsoluteValue(typeof y !== "undefined" ? y : x, height),
+        ];
       };
       var getAbsoluteValue = function (token, parent) {
-          if (token.type === 16 /* PERCENTAGE_TOKEN */) {
-              return (token.number / 100) * parent;
-          }
-          if (isDimensionToken(token)) {
-              switch (token.unit) {
-                  case 'rem':
-                  case 'em':
-                      return 16 * token.number; // TODO use correct font-size
-                  case 'px':
-                  default:
-                      return token.number;
-              }
+        if (token.type === 16 /* PERCENTAGE_TOKEN */) {
+          return (token.number / 100) * parent;
+        }
+        if (isDimensionToken(token)) {
+          switch (token.unit) {
+            case "rem":
+            case "em":
+              return 16 * token.number; // TODO use correct font-size
+            case "px":
+            default:
+              return token.number;
           }
-          return token.number;
+        }
+        return token.number;
       };
 
-      var DEG = 'deg';
-      var GRAD = 'grad';
-      var RAD = 'rad';
-      var TURN = 'turn';
+      var DEG = "deg";
+      var GRAD = "grad";
+      var RAD = "rad";
+      var TURN = "turn";
       var angle = {
-          name: 'angle',
-          parse: function (_context, value) {
-              if (value.type === 15 /* DIMENSION_TOKEN */) {
-                  switch (value.unit) {
-                      case DEG:
-                          return (Math.PI * value.number) / 180;
-                      case GRAD:
-                          return (Math.PI / 200) * value.number;
-                      case RAD:
-                          return value.number;
-                      case TURN:
-                          return Math.PI * 2 * value.number;
-                  }
-              }
-              throw new Error("Unsupported angle type");
-          }
+        name: "angle",
+        parse: function (_context, value) {
+          if (value.type === 15 /* DIMENSION_TOKEN */) {
+            switch (value.unit) {
+              case DEG:
+                return (Math.PI * value.number) / 180;
+              case GRAD:
+                return (Math.PI / 200) * value.number;
+              case RAD:
+                return value.number;
+              case TURN:
+                return Math.PI * 2 * value.number;
+            }
+          }
+          throw new Error("Unsupported angle type");
+        },
       };
       var isAngle = function (value) {
-          if (value.type === 15 /* DIMENSION_TOKEN */) {
-              if (value.unit === DEG || value.unit === GRAD || value.unit === RAD || value.unit === TURN) {
-                  return true;
-              }
+        if (value.type === 15 /* DIMENSION_TOKEN */) {
+          if (
+            value.unit === DEG ||
+            value.unit === GRAD ||
+            value.unit === RAD ||
+            value.unit === TURN
+          ) {
+            return true;
           }
-          return false;
+        }
+        return false;
       };
       var parseNamedSide = function (tokens) {
-          var sideOrCorner = tokens
-              .filter(isIdentToken)
-              .map(function (ident) { return ident.value; })
-              .join(' ');
-          switch (sideOrCorner) {
-              case 'to bottom right':
-              case 'to right bottom':
-              case 'left top':
-              case 'top left':
-                  return [ZERO_LENGTH, ZERO_LENGTH];
-              case 'to top':
-              case 'bottom':
-                  return deg(0);
-              case 'to bottom left':
-              case 'to left bottom':
-              case 'right top':
-              case 'top right':
-                  return [ZERO_LENGTH, HUNDRED_PERCENT];
-              case 'to right':
-              case 'left':
-                  return deg(90);
-              case 'to top left':
-              case 'to left top':
-              case 'right bottom':
-              case 'bottom right':
-                  return [HUNDRED_PERCENT, HUNDRED_PERCENT];
-              case 'to bottom':
-              case 'top':
-                  return deg(180);
-              case 'to top right':
-              case 'to right top':
-              case 'left bottom':
-              case 'bottom left':
-                  return [HUNDRED_PERCENT, ZERO_LENGTH];
-              case 'to left':
-              case 'right':
-                  return deg(270);
-          }
-          return 0;
+        var sideOrCorner = tokens
+          .filter(isIdentToken)
+          .map(function (ident) {
+            return ident.value;
+          })
+          .join(" ");
+        switch (sideOrCorner) {
+          case "to bottom right":
+          case "to right bottom":
+          case "left top":
+          case "top left":
+            return [ZERO_LENGTH, ZERO_LENGTH];
+          case "to top":
+          case "bottom":
+            return deg(0);
+          case "to bottom left":
+          case "to left bottom":
+          case "right top":
+          case "top right":
+            return [ZERO_LENGTH, HUNDRED_PERCENT];
+          case "to right":
+          case "left":
+            return deg(90);
+          case "to top left":
+          case "to left top":
+          case "right bottom":
+          case "bottom right":
+            return [HUNDRED_PERCENT, HUNDRED_PERCENT];
+          case "to bottom":
+          case "top":
+            return deg(180);
+          case "to top right":
+          case "to right top":
+          case "left bottom":
+          case "bottom left":
+            return [HUNDRED_PERCENT, ZERO_LENGTH];
+          case "to left":
+          case "right":
+            return deg(270);
+        }
+        return 0;
+      };
+      var deg = function (deg) {
+        return (Math.PI * deg) / 180;
       };
-      var deg = function (deg) { return (Math.PI * deg) / 180; };
 
       var color$1 = {
-          name: 'color',
-          parse: function (context, value) {
-              if (value.type === 18 /* FUNCTION */) {
-                  var colorFunction = SUPPORTED_COLOR_FUNCTIONS[value.name];
-                  if (typeof colorFunction === 'undefined') {
-                      throw new Error("Attempting to parse an unsupported color function \"" + value.name + "\"");
-                  }
-                  return colorFunction(context, value.values);
-              }
-              if (value.type === 5 /* HASH_TOKEN */) {
-                  if (value.value.length === 3) {
-                      var r = value.value.substring(0, 1);
-                      var g = value.value.substring(1, 2);
-                      var b = value.value.substring(2, 3);
-                      return pack(parseInt(r + r, 16), parseInt(g + g, 16), parseInt(b + b, 16), 1);
-                  }
-                  if (value.value.length === 4) {
-                      var r = value.value.substring(0, 1);
-                      var g = value.value.substring(1, 2);
-                      var b = value.value.substring(2, 3);
-                      var a = value.value.substring(3, 4);
-                      return pack(parseInt(r + r, 16), parseInt(g + g, 16), parseInt(b + b, 16), parseInt(a + a, 16) / 255);
-                  }
-                  if (value.value.length === 6) {
-                      var r = value.value.substring(0, 2);
-                      var g = value.value.substring(2, 4);
-                      var b = value.value.substring(4, 6);
-                      return pack(parseInt(r, 16), parseInt(g, 16), parseInt(b, 16), 1);
-                  }
-                  if (value.value.length === 8) {
-                      var r = value.value.substring(0, 2);
-                      var g = value.value.substring(2, 4);
-                      var b = value.value.substring(4, 6);
-                      var a = value.value.substring(6, 8);
-                      return pack(parseInt(r, 16), parseInt(g, 16), parseInt(b, 16), parseInt(a, 16) / 255);
-                  }
-              }
-              if (value.type === 20 /* IDENT_TOKEN */) {
-                  var namedColor = COLORS[value.value.toUpperCase()];
-                  if (typeof namedColor !== 'undefined') {
-                      return namedColor;
-                  }
-              }
-              return COLORS.TRANSPARENT;
-          }
+        name: "color",
+        parse: function (context, value) {
+          if (value.type === 18 /* FUNCTION */) {
+            var colorFunction = SUPPORTED_COLOR_FUNCTIONS[value.name];
+            if (typeof colorFunction === "undefined") {
+              throw new Error(
+                'Attempting to parse an unsupported color function "' +
+                  value.name +
+                  '"',
+              );
+            }
+            return colorFunction(context, value.values);
+          }
+          if (value.type === 5 /* HASH_TOKEN */) {
+            if (value.value.length === 3) {
+              var r = value.value.substring(0, 1);
+              var g = value.value.substring(1, 2);
+              var b = value.value.substring(2, 3);
+              return pack(
+                parseInt(r + r, 16),
+                parseInt(g + g, 16),
+                parseInt(b + b, 16),
+                1,
+              );
+            }
+            if (value.value.length === 4) {
+              var r = value.value.substring(0, 1);
+              var g = value.value.substring(1, 2);
+              var b = value.value.substring(2, 3);
+              var a = value.value.substring(3, 4);
+              return pack(
+                parseInt(r + r, 16),
+                parseInt(g + g, 16),
+                parseInt(b + b, 16),
+                parseInt(a + a, 16) / 255,
+              );
+            }
+            if (value.value.length === 6) {
+              var r = value.value.substring(0, 2);
+              var g = value.value.substring(2, 4);
+              var b = value.value.substring(4, 6);
+              return pack(parseInt(r, 16), parseInt(g, 16), parseInt(b, 16), 1);
+            }
+            if (value.value.length === 8) {
+              var r = value.value.substring(0, 2);
+              var g = value.value.substring(2, 4);
+              var b = value.value.substring(4, 6);
+              var a = value.value.substring(6, 8);
+              return pack(
+                parseInt(r, 16),
+                parseInt(g, 16),
+                parseInt(b, 16),
+                parseInt(a, 16) / 255,
+              );
+            }
+          }
+          if (value.type === 20 /* IDENT_TOKEN */) {
+            var namedColor = COLORS[value.value.toUpperCase()];
+            if (typeof namedColor !== "undefined") {
+              return namedColor;
+            }
+          }
+          return COLORS.TRANSPARENT;
+        },
+      };
+      var isTransparent = function (color) {
+        return (0xff & color) === 0;
       };
-      var isTransparent = function (color) { return (0xff & color) === 0; };
       var asString = function (color) {
-          var alpha = 0xff & color;
-          var blue = 0xff & (color >> 8);
-          var green = 0xff & (color >> 16);
-          var red = 0xff & (color >> 24);
-          return alpha < 255 ? "rgba(" + red + "," + green + "," + blue + "," + alpha / 255 + ")" : "rgb(" + red + "," + green + "," + blue + ")";
+        var alpha = 0xff & color;
+        var blue = 0xff & (color >> 8);
+        var green = 0xff & (color >> 16);
+        var red = 0xff & (color >> 24);
+        return alpha < 255
+          ? "rgba(" + red + "," + green + "," + blue + "," + alpha / 255 + ")"
+          : "rgb(" + red + "," + green + "," + blue + ")";
       };
       var pack = function (r, g, b, a) {
-          return ((r << 24) | (g << 16) | (b << 8) | (Math.round(a * 255) << 0)) >>> 0;
+        return (
+          ((r << 24) | (g << 16) | (b << 8) | (Math.round(a * 255) << 0)) >>> 0
+        );
       };
       var getTokenColorValue = function (token, i) {
-          if (token.type === 17 /* NUMBER_TOKEN */) {
-              return token.number;
-          }
-          if (token.type === 16 /* PERCENTAGE_TOKEN */) {
-              var max = i === 3 ? 1 : 255;
-              return i === 3 ? (token.number / 100) * max : Math.round((token.number / 100) * max);
-          }
-          return 0;
+        if (token.type === 17 /* NUMBER_TOKEN */) {
+          return token.number;
+        }
+        if (token.type === 16 /* PERCENTAGE_TOKEN */) {
+          var max = i === 3 ? 1 : 255;
+          return i === 3
+            ? (token.number / 100) * max
+            : Math.round((token.number / 100) * max);
+        }
+        return 0;
       };
       var rgb = function (_context, args) {
-          var tokens = args.filter(nonFunctionArgSeparator);
-          if (tokens.length === 3) {
-              var _a = tokens.map(getTokenColorValue), r = _a[0], g = _a[1], b = _a[2];
-              return pack(r, g, b, 1);
-          }
-          if (tokens.length === 4) {
-              var _b = tokens.map(getTokenColorValue), r = _b[0], g = _b[1], b = _b[2], a = _b[3];
-              return pack(r, g, b, a);
-          }
-          return 0;
+        var tokens = args.filter(nonFunctionArgSeparator);
+        if (tokens.length === 3) {
+          var _a = tokens.map(getTokenColorValue),
+            r = _a[0],
+            g = _a[1],
+            b = _a[2];
+          return pack(r, g, b, 1);
+        }
+        if (tokens.length === 4) {
+          var _b = tokens.map(getTokenColorValue),
+            r = _b[0],
+            g = _b[1],
+            b = _b[2],
+            a = _b[3];
+          return pack(r, g, b, a);
+        }
+        return 0;
       };
       function hue2rgb(t1, t2, hue) {
-          if (hue < 0) {
-              hue += 1;
-          }
-          if (hue >= 1) {
-              hue -= 1;
-          }
-          if (hue < 1 / 6) {
-              return (t2 - t1) * hue * 6 + t1;
-          }
-          else if (hue < 1 / 2) {
-              return t2;
-          }
-          else if (hue < 2 / 3) {
-              return (t2 - t1) * 6 * (2 / 3 - hue) + t1;
-          }
-          else {
-              return t1;
-          }
+        if (hue < 0) {
+          hue += 1;
+        }
+        if (hue >= 1) {
+          hue -= 1;
+        }
+        if (hue < 1 / 6) {
+          return (t2 - t1) * hue * 6 + t1;
+        } else if (hue < 1 / 2) {
+          return t2;
+        } else if (hue < 2 / 3) {
+          return (t2 - t1) * 6 * (2 / 3 - hue) + t1;
+        } else {
+          return t1;
+        }
       }
       var hsl = function (context, args) {
-          var tokens = args.filter(nonFunctionArgSeparator);
-          var hue = tokens[0], saturation = tokens[1], lightness = tokens[2], alpha = tokens[3];
-          var h = (hue.type === 17 /* NUMBER_TOKEN */ ? deg(hue.number) : angle.parse(context, hue)) / (Math.PI * 2);
-          var s = isLengthPercentage(saturation) ? saturation.number / 100 : 0;
-          var l = isLengthPercentage(lightness) ? lightness.number / 100 : 0;
-          var a = typeof alpha !== 'undefined' && isLengthPercentage(alpha) ? getAbsoluteValue(alpha, 1) : 1;
-          if (s === 0) {
-              return pack(l * 255, l * 255, l * 255, 1);
-          }
-          var t2 = l <= 0.5 ? l * (s + 1) : l + s - l * s;
-          var t1 = l * 2 - t2;
-          var r = hue2rgb(t1, t2, h + 1 / 3);
-          var g = hue2rgb(t1, t2, h);
-          var b = hue2rgb(t1, t2, h - 1 / 3);
-          return pack(r * 255, g * 255, b * 255, a);
+        var tokens = args.filter(nonFunctionArgSeparator);
+        var hue = tokens[0],
+          saturation = tokens[1],
+          lightness = tokens[2],
+          alpha = tokens[3];
+        var h =
+          (hue.type === 17 /* NUMBER_TOKEN */
+            ? deg(hue.number)
+            : angle.parse(context, hue)) /
+          (Math.PI * 2);
+        var s = isLengthPercentage(saturation) ? saturation.number / 100 : 0;
+        var l = isLengthPercentage(lightness) ? lightness.number / 100 : 0;
+        var a =
+          typeof alpha !== "undefined" && isLengthPercentage(alpha)
+            ? getAbsoluteValue(alpha, 1)
+            : 1;
+        if (s === 0) {
+          return pack(l * 255, l * 255, l * 255, 1);
+        }
+        var t2 = l <= 0.5 ? l * (s + 1) : l + s - l * s;
+        var t1 = l * 2 - t2;
+        var r = hue2rgb(t1, t2, h + 1 / 3);
+        var g = hue2rgb(t1, t2, h);
+        var b = hue2rgb(t1, t2, h - 1 / 3);
+        return pack(r * 255, g * 255, b * 255, a);
       };
       var SUPPORTED_COLOR_FUNCTIONS = {
-          hsl: hsl,
-          hsla: hsl,
-          rgb: rgb,
-          rgba: rgb
+        hsl: hsl,
+        hsla: hsl,
+        rgb: rgb,
+        rgba: rgb,
       };
       var parseColor = function (context, value) {
-          return color$1.parse(context, Parser.create(value).parseComponentValue());
+        return color$1.parse(
+          context,
+          Parser.create(value).parseComponentValue(),
+        );
       };
       var COLORS = {
-          ALICEBLUE: 0xf0f8ffff,
-          ANTIQUEWHITE: 0xfaebd7ff,
-          AQUA: 0x00ffffff,
-          AQUAMARINE: 0x7fffd4ff,
-          AZURE: 0xf0ffffff,
-          BEIGE: 0xf5f5dcff,
-          BISQUE: 0xffe4c4ff,
-          BLACK: 0x000000ff,
-          BLANCHEDALMOND: 0xffebcdff,
-          BLUE: 0x0000ffff,
-          BLUEVIOLET: 0x8a2be2ff,
-          BROWN: 0xa52a2aff,
-          BURLYWOOD: 0xdeb887ff,
-          CADETBLUE: 0x5f9ea0ff,
-          CHARTREUSE: 0x7fff00ff,
-          CHOCOLATE: 0xd2691eff,
-          CORAL: 0xff7f50ff,
-          CORNFLOWERBLUE: 0x6495edff,
-          CORNSILK: 0xfff8dcff,
-          CRIMSON: 0xdc143cff,
-          CYAN: 0x00ffffff,
-          DARKBLUE: 0x00008bff,
-          DARKCYAN: 0x008b8bff,
-          DARKGOLDENROD: 0xb886bbff,
-          DARKGRAY: 0xa9a9a9ff,
-          DARKGREEN: 0x006400ff,
-          DARKGREY: 0xa9a9a9ff,
-          DARKKHAKI: 0xbdb76bff,
-          DARKMAGENTA: 0x8b008bff,
-          DARKOLIVEGREEN: 0x556b2fff,
-          DARKORANGE: 0xff8c00ff,
-          DARKORCHID: 0x9932ccff,
-          DARKRED: 0x8b0000ff,
-          DARKSALMON: 0xe9967aff,
-          DARKSEAGREEN: 0x8fbc8fff,
-          DARKSLATEBLUE: 0x483d8bff,
-          DARKSLATEGRAY: 0x2f4f4fff,
-          DARKSLATEGREY: 0x2f4f4fff,
-          DARKTURQUOISE: 0x00ced1ff,
-          DARKVIOLET: 0x9400d3ff,
-          DEEPPINK: 0xff1493ff,
-          DEEPSKYBLUE: 0x00bfffff,
-          DIMGRAY: 0x696969ff,
-          DIMGREY: 0x696969ff,
-          DODGERBLUE: 0x1e90ffff,
-          FIREBRICK: 0xb22222ff,
-          FLORALWHITE: 0xfffaf0ff,
-          FORESTGREEN: 0x228b22ff,
-          FUCHSIA: 0xff00ffff,
-          GAINSBORO: 0xdcdcdcff,
-          GHOSTWHITE: 0xf8f8ffff,
-          GOLD: 0xffd700ff,
-          GOLDENROD: 0xdaa520ff,
-          GRAY: 0x808080ff,
-          GREEN: 0x008000ff,
-          GREENYELLOW: 0xadff2fff,
-          GREY: 0x808080ff,
-          HONEYDEW: 0xf0fff0ff,
-          HOTPINK: 0xff69b4ff,
-          INDIANRED: 0xcd5c5cff,
-          INDIGO: 0x4b0082ff,
-          IVORY: 0xfffff0ff,
-          KHAKI: 0xf0e68cff,
-          LAVENDER: 0xe6e6faff,
-          LAVENDERBLUSH: 0xfff0f5ff,
-          LAWNGREEN: 0x7cfc00ff,
-          LEMONCHIFFON: 0xfffacdff,
-          LIGHTBLUE: 0xadd8e6ff,
-          LIGHTCORAL: 0xf08080ff,
-          LIGHTCYAN: 0xe0ffffff,
-          LIGHTGOLDENRODYELLOW: 0xfafad2ff,
-          LIGHTGRAY: 0xd3d3d3ff,
-          LIGHTGREEN: 0x90ee90ff,
-          LIGHTGREY: 0xd3d3d3ff,
-          LIGHTPINK: 0xffb6c1ff,
-          LIGHTSALMON: 0xffa07aff,
-          LIGHTSEAGREEN: 0x20b2aaff,
-          LIGHTSKYBLUE: 0x87cefaff,
-          LIGHTSLATEGRAY: 0x778899ff,
-          LIGHTSLATEGREY: 0x778899ff,
-          LIGHTSTEELBLUE: 0xb0c4deff,
-          LIGHTYELLOW: 0xffffe0ff,
-          LIME: 0x00ff00ff,
-          LIMEGREEN: 0x32cd32ff,
-          LINEN: 0xfaf0e6ff,
-          MAGENTA: 0xff00ffff,
-          MAROON: 0x800000ff,
-          MEDIUMAQUAMARINE: 0x66cdaaff,
-          MEDIUMBLUE: 0x0000cdff,
-          MEDIUMORCHID: 0xba55d3ff,
-          MEDIUMPURPLE: 0x9370dbff,
-          MEDIUMSEAGREEN: 0x3cb371ff,
-          MEDIUMSLATEBLUE: 0x7b68eeff,
-          MEDIUMSPRINGGREEN: 0x00fa9aff,
-          MEDIUMTURQUOISE: 0x48d1ccff,
-          MEDIUMVIOLETRED: 0xc71585ff,
-          MIDNIGHTBLUE: 0x191970ff,
-          MINTCREAM: 0xf5fffaff,
-          MISTYROSE: 0xffe4e1ff,
-          MOCCASIN: 0xffe4b5ff,
-          NAVAJOWHITE: 0xffdeadff,
-          NAVY: 0x000080ff,
-          OLDLACE: 0xfdf5e6ff,
-          OLIVE: 0x808000ff,
-          OLIVEDRAB: 0x6b8e23ff,
-          ORANGE: 0xffa500ff,
-          ORANGERED: 0xff4500ff,
-          ORCHID: 0xda70d6ff,
-          PALEGOLDENROD: 0xeee8aaff,
-          PALEGREEN: 0x98fb98ff,
-          PALETURQUOISE: 0xafeeeeff,
-          PALEVIOLETRED: 0xdb7093ff,
-          PAPAYAWHIP: 0xffefd5ff,
-          PEACHPUFF: 0xffdab9ff,
-          PERU: 0xcd853fff,
-          PINK: 0xffc0cbff,
-          PLUM: 0xdda0ddff,
-          POWDERBLUE: 0xb0e0e6ff,
-          PURPLE: 0x800080ff,
-          REBECCAPURPLE: 0x663399ff,
-          RED: 0xff0000ff,
-          ROSYBROWN: 0xbc8f8fff,
-          ROYALBLUE: 0x4169e1ff,
-          SADDLEBROWN: 0x8b4513ff,
-          SALMON: 0xfa8072ff,
-          SANDYBROWN: 0xf4a460ff,
-          SEAGREEN: 0x2e8b57ff,
-          SEASHELL: 0xfff5eeff,
-          SIENNA: 0xa0522dff,
-          SILVER: 0xc0c0c0ff,
-          SKYBLUE: 0x87ceebff,
-          SLATEBLUE: 0x6a5acdff,
-          SLATEGRAY: 0x708090ff,
-          SLATEGREY: 0x708090ff,
-          SNOW: 0xfffafaff,
-          SPRINGGREEN: 0x00ff7fff,
-          STEELBLUE: 0x4682b4ff,
-          TAN: 0xd2b48cff,
-          TEAL: 0x008080ff,
-          THISTLE: 0xd8bfd8ff,
-          TOMATO: 0xff6347ff,
-          TRANSPARENT: 0x00000000,
-          TURQUOISE: 0x40e0d0ff,
-          VIOLET: 0xee82eeff,
-          WHEAT: 0xf5deb3ff,
-          WHITE: 0xffffffff,
-          WHITESMOKE: 0xf5f5f5ff,
-          YELLOW: 0xffff00ff,
-          YELLOWGREEN: 0x9acd32ff
+        ALICEBLUE: 0xf0f8ffff,
+        ANTIQUEWHITE: 0xfaebd7ff,
+        AQUA: 0x00ffffff,
+        AQUAMARINE: 0x7fffd4ff,
+        AZURE: 0xf0ffffff,
+        BEIGE: 0xf5f5dcff,
+        BISQUE: 0xffe4c4ff,
+        BLACK: 0x000000ff,
+        BLANCHEDALMOND: 0xffebcdff,
+        BLUE: 0x0000ffff,
+        BLUEVIOLET: 0x8a2be2ff,
+        BROWN: 0xa52a2aff,
+        BURLYWOOD: 0xdeb887ff,
+        CADETBLUE: 0x5f9ea0ff,
+        CHARTREUSE: 0x7fff00ff,
+        CHOCOLATE: 0xd2691eff,
+        CORAL: 0xff7f50ff,
+        CORNFLOWERBLUE: 0x6495edff,
+        CORNSILK: 0xfff8dcff,
+        CRIMSON: 0xdc143cff,
+        CYAN: 0x00ffffff,
+        DARKBLUE: 0x00008bff,
+        DARKCYAN: 0x008b8bff,
+        DARKGOLDENROD: 0xb886bbff,
+        DARKGRAY: 0xa9a9a9ff,
+        DARKGREEN: 0x006400ff,
+        DARKGREY: 0xa9a9a9ff,
+        DARKKHAKI: 0xbdb76bff,
+        DARKMAGENTA: 0x8b008bff,
+        DARKOLIVEGREEN: 0x556b2fff,
+        DARKORANGE: 0xff8c00ff,
+        DARKORCHID: 0x9932ccff,
+        DARKRED: 0x8b0000ff,
+        DARKSALMON: 0xe9967aff,
+        DARKSEAGREEN: 0x8fbc8fff,
+        DARKSLATEBLUE: 0x483d8bff,
+        DARKSLATEGRAY: 0x2f4f4fff,
+        DARKSLATEGREY: 0x2f4f4fff,
+        DARKTURQUOISE: 0x00ced1ff,
+        DARKVIOLET: 0x9400d3ff,
+        DEEPPINK: 0xff1493ff,
+        DEEPSKYBLUE: 0x00bfffff,
+        DIMGRAY: 0x696969ff,
+        DIMGREY: 0x696969ff,
+        DODGERBLUE: 0x1e90ffff,
+        FIREBRICK: 0xb22222ff,
+        FLORALWHITE: 0xfffaf0ff,
+        FORESTGREEN: 0x228b22ff,
+        FUCHSIA: 0xff00ffff,
+        GAINSBORO: 0xdcdcdcff,
+        GHOSTWHITE: 0xf8f8ffff,
+        GOLD: 0xffd700ff,
+        GOLDENROD: 0xdaa520ff,
+        GRAY: 0x808080ff,
+        GREEN: 0x008000ff,
+        GREENYELLOW: 0xadff2fff,
+        GREY: 0x808080ff,
+        HONEYDEW: 0xf0fff0ff,
+        HOTPINK: 0xff69b4ff,
+        INDIANRED: 0xcd5c5cff,
+        INDIGO: 0x4b0082ff,
+        IVORY: 0xfffff0ff,
+        KHAKI: 0xf0e68cff,
+        LAVENDER: 0xe6e6faff,
+        LAVENDERBLUSH: 0xfff0f5ff,
+        LAWNGREEN: 0x7cfc00ff,
+        LEMONCHIFFON: 0xfffacdff,
+        LIGHTBLUE: 0xadd8e6ff,
+        LIGHTCORAL: 0xf08080ff,
+        LIGHTCYAN: 0xe0ffffff,
+        LIGHTGOLDENRODYELLOW: 0xfafad2ff,
+        LIGHTGRAY: 0xd3d3d3ff,
+        LIGHTGREEN: 0x90ee90ff,
+        LIGHTGREY: 0xd3d3d3ff,
+        LIGHTPINK: 0xffb6c1ff,
+        LIGHTSALMON: 0xffa07aff,
+        LIGHTSEAGREEN: 0x20b2aaff,
+        LIGHTSKYBLUE: 0x87cefaff,
+        LIGHTSLATEGRAY: 0x778899ff,
+        LIGHTSLATEGREY: 0x778899ff,
+        LIGHTSTEELBLUE: 0xb0c4deff,
+        LIGHTYELLOW: 0xffffe0ff,
+        LIME: 0x00ff00ff,
+        LIMEGREEN: 0x32cd32ff,
+        LINEN: 0xfaf0e6ff,
+        MAGENTA: 0xff00ffff,
+        MAROON: 0x800000ff,
+        MEDIUMAQUAMARINE: 0x66cdaaff,
+        MEDIUMBLUE: 0x0000cdff,
+        MEDIUMORCHID: 0xba55d3ff,
+        MEDIUMPURPLE: 0x9370dbff,
+        MEDIUMSEAGREEN: 0x3cb371ff,
+        MEDIUMSLATEBLUE: 0x7b68eeff,
+        MEDIUMSPRINGGREEN: 0x00fa9aff,
+        MEDIUMTURQUOISE: 0x48d1ccff,
+        MEDIUMVIOLETRED: 0xc71585ff,
+        MIDNIGHTBLUE: 0x191970ff,
+        MINTCREAM: 0xf5fffaff,
+        MISTYROSE: 0xffe4e1ff,
+        MOCCASIN: 0xffe4b5ff,
+        NAVAJOWHITE: 0xffdeadff,
+        NAVY: 0x000080ff,
+        OLDLACE: 0xfdf5e6ff,
+        OLIVE: 0x808000ff,
+        OLIVEDRAB: 0x6b8e23ff,
+        ORANGE: 0xffa500ff,
+        ORANGERED: 0xff4500ff,
+        ORCHID: 0xda70d6ff,
+        PALEGOLDENROD: 0xeee8aaff,
+        PALEGREEN: 0x98fb98ff,
+        PALETURQUOISE: 0xafeeeeff,
+        PALEVIOLETRED: 0xdb7093ff,
+        PAPAYAWHIP: 0xffefd5ff,
+        PEACHPUFF: 0xffdab9ff,
+        PERU: 0xcd853fff,
+        PINK: 0xffc0cbff,
+        PLUM: 0xdda0ddff,
+        POWDERBLUE: 0xb0e0e6ff,
+        PURPLE: 0x800080ff,
+        REBECCAPURPLE: 0x663399ff,
+        RED: 0xff0000ff,
+        ROSYBROWN: 0xbc8f8fff,
+        ROYALBLUE: 0x4169e1ff,
+        SADDLEBROWN: 0x8b4513ff,
+        SALMON: 0xfa8072ff,
+        SANDYBROWN: 0xf4a460ff,
+        SEAGREEN: 0x2e8b57ff,
+        SEASHELL: 0xfff5eeff,
+        SIENNA: 0xa0522dff,
+        SILVER: 0xc0c0c0ff,
+        SKYBLUE: 0x87ceebff,
+        SLATEBLUE: 0x6a5acdff,
+        SLATEGRAY: 0x708090ff,
+        SLATEGREY: 0x708090ff,
+        SNOW: 0xfffafaff,
+        SPRINGGREEN: 0x00ff7fff,
+        STEELBLUE: 0x4682b4ff,
+        TAN: 0xd2b48cff,
+        TEAL: 0x008080ff,
+        THISTLE: 0xd8bfd8ff,
+        TOMATO: 0xff6347ff,
+        TRANSPARENT: 0x00000000,
+        TURQUOISE: 0x40e0d0ff,
+        VIOLET: 0xee82eeff,
+        WHEAT: 0xf5deb3ff,
+        WHITE: 0xffffffff,
+        WHITESMOKE: 0xf5f5f5ff,
+        YELLOW: 0xffff00ff,
+        YELLOWGREEN: 0x9acd32ff,
       };
 
       var backgroundClip = {
-          name: 'background-clip',
-          initialValue: 'border-box',
-          prefix: false,
-          type: 1 /* LIST */,
-          parse: function (_context, tokens) {
-              return tokens.map(function (token) {
-                  if (isIdentToken(token)) {
-                      switch (token.value) {
-                          case 'padding-box':
-                              return 1 /* PADDING_BOX */;
-                          case 'content-box':
-                              return 2 /* CONTENT_BOX */;
-                      }
-                  }
-                  return 0 /* BORDER_BOX */;
-              });
-          }
+        name: "background-clip",
+        initialValue: "border-box",
+        prefix: false,
+        type: 1 /* LIST */,
+        parse: function (_context, tokens) {
+          return tokens.map(function (token) {
+            if (isIdentToken(token)) {
+              switch (token.value) {
+                case "padding-box":
+                  return 1 /* PADDING_BOX */;
+                case "content-box":
+                  return 2 /* CONTENT_BOX */;
+              }
+            }
+            return 0 /* BORDER_BOX */;
+          });
+        },
       };
 
       var backgroundColor = {
-          name: "background-color",
-          initialValue: 'transparent',
-          prefix: false,
-          type: 3 /* TYPE_VALUE */,
-          format: 'color'
+        name: "background-color",
+        initialValue: "transparent",
+        prefix: false,
+        type: 3 /* TYPE_VALUE */,
+        format: "color",
       };
 
       var parseColorStop = function (context, args) {
-          var color = color$1.parse(context, args[0]);
-          var stop = args[1];
-          return stop && isLengthPercentage(stop) ? { color: color, stop: stop } : { color: color, stop: null };
+        var color = color$1.parse(context, args[0]);
+        var stop = args[1];
+        return stop && isLengthPercentage(stop)
+          ? { color: color, stop: stop }
+          : { color: color, stop: null };
       };
       var processColorStops = function (stops, lineLength) {
-          var first = stops[0];
-          var last = stops[stops.length - 1];
-          if (first.stop === null) {
-              first.stop = ZERO_LENGTH;
-          }
-          if (last.stop === null) {
-              last.stop = HUNDRED_PERCENT;
-          }
-          var processStops = [];
-          var previous = 0;
-          for (var i = 0; i < stops.length; i++) {
-              var stop_1 = stops[i].stop;
-              if (stop_1 !== null) {
-                  var absoluteValue = getAbsoluteValue(stop_1, lineLength);
-                  if (absoluteValue > previous) {
-                      processStops.push(absoluteValue);
-                  }
-                  else {
-                      processStops.push(previous);
-                  }
-                  previous = absoluteValue;
-              }
-              else {
-                  processStops.push(null);
-              }
+        var first = stops[0];
+        var last = stops[stops.length - 1];
+        if (first.stop === null) {
+          first.stop = ZERO_LENGTH;
+        }
+        if (last.stop === null) {
+          last.stop = HUNDRED_PERCENT;
+        }
+        var processStops = [];
+        var previous = 0;
+        for (var i = 0; i < stops.length; i++) {
+          var stop_1 = stops[i].stop;
+          if (stop_1 !== null) {
+            var absoluteValue = getAbsoluteValue(stop_1, lineLength);
+            if (absoluteValue > previous) {
+              processStops.push(absoluteValue);
+            } else {
+              processStops.push(previous);
+            }
+            previous = absoluteValue;
+          } else {
+            processStops.push(null);
           }
-          var gapBegin = null;
-          for (var i = 0; i < processStops.length; i++) {
-              var stop_2 = processStops[i];
-              if (stop_2 === null) {
-                  if (gapBegin === null) {
-                      gapBegin = i;
-                  }
-              }
-              else if (gapBegin !== null) {
-                  var gapLength = i - gapBegin;
-                  var beforeGap = processStops[gapBegin - 1];
-                  var gapValue = (stop_2 - beforeGap) / (gapLength + 1);
-                  for (var g = 1; g <= gapLength; g++) {
-                      processStops[gapBegin + g - 1] = gapValue * g;
-                  }
-                  gapBegin = null;
-              }
+        }
+        var gapBegin = null;
+        for (var i = 0; i < processStops.length; i++) {
+          var stop_2 = processStops[i];
+          if (stop_2 === null) {
+            if (gapBegin === null) {
+              gapBegin = i;
+            }
+          } else if (gapBegin !== null) {
+            var gapLength = i - gapBegin;
+            var beforeGap = processStops[gapBegin - 1];
+            var gapValue = (stop_2 - beforeGap) / (gapLength + 1);
+            for (var g = 1; g <= gapLength; g++) {
+              processStops[gapBegin + g - 1] = gapValue * g;
+            }
+            gapBegin = null;
           }
-          return stops.map(function (_a, i) {
-              var color = _a.color;
-              return { color: color, stop: Math.max(Math.min(1, processStops[i] / lineLength), 0) };
-          });
+        }
+        return stops.map(function (_a, i) {
+          var color = _a.color;
+          return {
+            color: color,
+            stop: Math.max(Math.min(1, processStops[i] / lineLength), 0),
+          };
+        });
       };
       var getAngleFromCorner = function (corner, width, height) {
-          var centerX = width / 2;
-          var centerY = height / 2;
-          var x = getAbsoluteValue(corner[0], width) - centerX;
-          var y = centerY - getAbsoluteValue(corner[1], height);
-          return (Math.atan2(y, x) + Math.PI * 2) % (Math.PI * 2);
+        var centerX = width / 2;
+        var centerY = height / 2;
+        var x = getAbsoluteValue(corner[0], width) - centerX;
+        var y = centerY - getAbsoluteValue(corner[1], height);
+        return (Math.atan2(y, x) + Math.PI * 2) % (Math.PI * 2);
       };
       var calculateGradientDirection = function (angle, width, height) {
-          var radian = typeof angle === 'number' ? angle : getAngleFromCorner(angle, width, height);
-          var lineLength = Math.abs(width * Math.sin(radian)) + Math.abs(height * Math.cos(radian));
-          var halfWidth = width / 2;
-          var halfHeight = height / 2;
-          var halfLineLength = lineLength / 2;
-          var yDiff = Math.sin(radian - Math.PI / 2) * halfLineLength;
-          var xDiff = Math.cos(radian - Math.PI / 2) * halfLineLength;
-          return [lineLength, halfWidth - xDiff, halfWidth + xDiff, halfHeight - yDiff, halfHeight + yDiff];
-      };
-      var distance = function (a, b) { return Math.sqrt(a * a + b * b); };
+        var radian =
+          typeof angle === "number"
+            ? angle
+            : getAngleFromCorner(angle, width, height);
+        var lineLength =
+          Math.abs(width * Math.sin(radian)) +
+          Math.abs(height * Math.cos(radian));
+        var halfWidth = width / 2;
+        var halfHeight = height / 2;
+        var halfLineLength = lineLength / 2;
+        var yDiff = Math.sin(radian - Math.PI / 2) * halfLineLength;
+        var xDiff = Math.cos(radian - Math.PI / 2) * halfLineLength;
+        return [
+          lineLength,
+          halfWidth - xDiff,
+          halfWidth + xDiff,
+          halfHeight - yDiff,
+          halfHeight + yDiff,
+        ];
+      };
+      var distance = function (a, b) {
+        return Math.sqrt(a * a + b * b);
+      };
       var findCorner = function (width, height, x, y, closest) {
-          var corners = [
-              [0, 0],
-              [0, height],
-              [width, 0],
-              [width, height]
-          ];
-          return corners.reduce(function (stat, corner) {
-              var cx = corner[0], cy = corner[1];
-              var d = distance(x - cx, y - cy);
-              if (closest ? d < stat.optimumDistance : d > stat.optimumDistance) {
-                  return {
-                      optimumCorner: corner,
-                      optimumDistance: d
-                  };
-              }
-              return stat;
-          }, {
-              optimumDistance: closest ? Infinity : -Infinity,
-              optimumCorner: null
-          }).optimumCorner;
+        var corners = [
+          [0, 0],
+          [0, height],
+          [width, 0],
+          [width, height],
+        ];
+        return corners.reduce(
+          function (stat, corner) {
+            var cx = corner[0],
+              cy = corner[1];
+            var d = distance(x - cx, y - cy);
+            if (closest ? d < stat.optimumDistance : d > stat.optimumDistance) {
+              return {
+                optimumCorner: corner,
+                optimumDistance: d,
+              };
+            }
+            return stat;
+          },
+          {
+            optimumDistance: closest ? Infinity : -Infinity,
+            optimumCorner: null,
+          },
+        ).optimumCorner;
       };
       var calculateRadius = function (gradient, x, y, width, height) {
-          var rx = 0;
-          var ry = 0;
-          switch (gradient.size) {
-              case 0 /* CLOSEST_SIDE */:
-                  // The ending shape is sized so that that it exactly meets the side of the gradient box closest to the gradient’s center.
-                  // If the shape is an ellipse, it exactly meets the closest side in each dimension.
-                  if (gradient.shape === 0 /* CIRCLE */) {
-                      rx = ry = Math.min(Math.abs(x), Math.abs(x - width), Math.abs(y), Math.abs(y - height));
-                  }
-                  else if (gradient.shape === 1 /* ELLIPSE */) {
-                      rx = Math.min(Math.abs(x), Math.abs(x - width));
-                      ry = Math.min(Math.abs(y), Math.abs(y - height));
-                  }
-                  break;
-              case 2 /* CLOSEST_CORNER */:
-                  // The ending shape is sized so that that it passes through the corner of the gradient box closest to the gradient’s center.
-                  // If the shape is an ellipse, the ending shape is given the same aspect-ratio it would have if closest-side were specified.
-                  if (gradient.shape === 0 /* CIRCLE */) {
-                      rx = ry = Math.min(distance(x, y), distance(x, y - height), distance(x - width, y), distance(x - width, y - height));
-                  }
-                  else if (gradient.shape === 1 /* ELLIPSE */) {
-                      // Compute the ratio ry/rx (which is to be the same as for "closest-side")
-                      var c = Math.min(Math.abs(y), Math.abs(y - height)) / Math.min(Math.abs(x), Math.abs(x - width));
-                      var _a = findCorner(width, height, x, y, true), cx = _a[0], cy = _a[1];
-                      rx = distance(cx - x, (cy - y) / c);
-                      ry = c * rx;
-                  }
-                  break;
-              case 1 /* FARTHEST_SIDE */:
-                  // Same as closest-side, except the ending shape is sized based on the farthest side(s)
-                  if (gradient.shape === 0 /* CIRCLE */) {
-                      rx = ry = Math.max(Math.abs(x), Math.abs(x - width), Math.abs(y), Math.abs(y - height));
-                  }
-                  else if (gradient.shape === 1 /* ELLIPSE */) {
-                      rx = Math.max(Math.abs(x), Math.abs(x - width));
-                      ry = Math.max(Math.abs(y), Math.abs(y - height));
-                  }
-                  break;
-              case 3 /* FARTHEST_CORNER */:
-                  // Same as closest-corner, except the ending shape is sized based on the farthest corner.
-                  // If the shape is an ellipse, the ending shape is given the same aspect ratio it would have if farthest-side were specified.
-                  if (gradient.shape === 0 /* CIRCLE */) {
-                      rx = ry = Math.max(distance(x, y), distance(x, y - height), distance(x - width, y), distance(x - width, y - height));
-                  }
-                  else if (gradient.shape === 1 /* ELLIPSE */) {
-                      // Compute the ratio ry/rx (which is to be the same as for "farthest-side")
-                      var c = Math.max(Math.abs(y), Math.abs(y - height)) / Math.max(Math.abs(x), Math.abs(x - width));
-                      var _b = findCorner(width, height, x, y, false), cx = _b[0], cy = _b[1];
-                      rx = distance(cx - x, (cy - y) / c);
-                      ry = c * rx;
-                  }
-                  break;
-          }
-          if (Array.isArray(gradient.size)) {
-              rx = getAbsoluteValue(gradient.size[0], width);
-              ry = gradient.size.length === 2 ? getAbsoluteValue(gradient.size[1], height) : rx;
-          }
-          return [rx, ry];
+        var rx = 0;
+        var ry = 0;
+        switch (gradient.size) {
+          case 0 /* CLOSEST_SIDE */:
+            // The ending shape is sized so that that it exactly meets the side of the gradient box closest to the gradient’s center.
+            // If the shape is an ellipse, it exactly meets the closest side in each dimension.
+            if (gradient.shape === 0 /* CIRCLE */) {
+              rx = ry = Math.min(
+                Math.abs(x),
+                Math.abs(x - width),
+                Math.abs(y),
+                Math.abs(y - height),
+              );
+            } else if (gradient.shape === 1 /* ELLIPSE */) {
+              rx = Math.min(Math.abs(x), Math.abs(x - width));
+              ry = Math.min(Math.abs(y), Math.abs(y - height));
+            }
+            break;
+          case 2 /* CLOSEST_CORNER */:
+            // The ending shape is sized so that that it passes through the corner of the gradient box closest to the gradient’s center.
+            // If the shape is an ellipse, the ending shape is given the same aspect-ratio it would have if closest-side were specified.
+            if (gradient.shape === 0 /* CIRCLE */) {
+              rx = ry = Math.min(
+                distance(x, y),
+                distance(x, y - height),
+                distance(x - width, y),
+                distance(x - width, y - height),
+              );
+            } else if (gradient.shape === 1 /* ELLIPSE */) {
+              // Compute the ratio ry/rx (which is to be the same as for "closest-side")
+              var c =
+                Math.min(Math.abs(y), Math.abs(y - height)) /
+                Math.min(Math.abs(x), Math.abs(x - width));
+              var _a = findCorner(width, height, x, y, true),
+                cx = _a[0],
+                cy = _a[1];
+              rx = distance(cx - x, (cy - y) / c);
+              ry = c * rx;
+            }
+            break;
+          case 1 /* FARTHEST_SIDE */:
+            // Same as closest-side, except the ending shape is sized based on the farthest side(s)
+            if (gradient.shape === 0 /* CIRCLE */) {
+              rx = ry = Math.max(
+                Math.abs(x),
+                Math.abs(x - width),
+                Math.abs(y),
+                Math.abs(y - height),
+              );
+            } else if (gradient.shape === 1 /* ELLIPSE */) {
+              rx = Math.max(Math.abs(x), Math.abs(x - width));
+              ry = Math.max(Math.abs(y), Math.abs(y - height));
+            }
+            break;
+          case 3 /* FARTHEST_CORNER */:
+            // Same as closest-corner, except the ending shape is sized based on the farthest corner.
+            // If the shape is an ellipse, the ending shape is given the same aspect ratio it would have if farthest-side were specified.
+            if (gradient.shape === 0 /* CIRCLE */) {
+              rx = ry = Math.max(
+                distance(x, y),
+                distance(x, y - height),
+                distance(x - width, y),
+                distance(x - width, y - height),
+              );
+            } else if (gradient.shape === 1 /* ELLIPSE */) {
+              // Compute the ratio ry/rx (which is to be the same as for "farthest-side")
+              var c =
+                Math.max(Math.abs(y), Math.abs(y - height)) /
+                Math.max(Math.abs(x), Math.abs(x - width));
+              var _b = findCorner(width, height, x, y, false),
+                cx = _b[0],
+                cy = _b[1];
+              rx = distance(cx - x, (cy - y) / c);
+              ry = c * rx;
+            }
+            break;
+        }
+        if (Array.isArray(gradient.size)) {
+          rx = getAbsoluteValue(gradient.size[0], width);
+          ry =
+            gradient.size.length === 2
+              ? getAbsoluteValue(gradient.size[1], height)
+              : rx;
+        }
+        return [rx, ry];
       };
 
       var linearGradient = function (context, tokens) {
-          var angle$1 = deg(180);
-          var stops = [];
-          parseFunctionArgs(tokens).forEach(function (arg, i) {
-              if (i === 0) {
-                  var firstToken = arg[0];
-                  if (firstToken.type === 20 /* IDENT_TOKEN */ && firstToken.value === 'to') {
-                      angle$1 = parseNamedSide(arg);
-                      return;
-                  }
-                  else if (isAngle(firstToken)) {
-                      angle$1 = angle.parse(context, firstToken);
-                      return;
-                  }
-              }
-              var colorStop = parseColorStop(context, arg);
-              stops.push(colorStop);
-          });
-          return { angle: angle$1, stops: stops, type: 1 /* LINEAR_GRADIENT */ };
+        var angle$1 = deg(180);
+        var stops = [];
+        parseFunctionArgs(tokens).forEach(function (arg, i) {
+          if (i === 0) {
+            var firstToken = arg[0];
+            if (
+              firstToken.type === 20 /* IDENT_TOKEN */ &&
+              firstToken.value === "to"
+            ) {
+              angle$1 = parseNamedSide(arg);
+              return;
+            } else if (isAngle(firstToken)) {
+              angle$1 = angle.parse(context, firstToken);
+              return;
+            }
+          }
+          var colorStop = parseColorStop(context, arg);
+          stops.push(colorStop);
+        });
+        return { angle: angle$1, stops: stops, type: 1 /* LINEAR_GRADIENT */ };
       };
 
       var prefixLinearGradient = function (context, tokens) {
-          var angle$1 = deg(180);
-          var stops = [];
-          parseFunctionArgs(tokens).forEach(function (arg, i) {
-              if (i === 0) {
-                  var firstToken = arg[0];
-                  if (firstToken.type === 20 /* IDENT_TOKEN */ &&
-                      ['top', 'left', 'right', 'bottom'].indexOf(firstToken.value) !== -1) {
-                      angle$1 = parseNamedSide(arg);
-                      return;
-                  }
-                  else if (isAngle(firstToken)) {
-                      angle$1 = (angle.parse(context, firstToken) + deg(270)) % deg(360);
-                      return;
-                  }
-              }
-              var colorStop = parseColorStop(context, arg);
-              stops.push(colorStop);
-          });
-          return {
-              angle: angle$1,
-              stops: stops,
-              type: 1 /* LINEAR_GRADIENT */
-          };
+        var angle$1 = deg(180);
+        var stops = [];
+        parseFunctionArgs(tokens).forEach(function (arg, i) {
+          if (i === 0) {
+            var firstToken = arg[0];
+            if (
+              firstToken.type === 20 /* IDENT_TOKEN */ &&
+              ["top", "left", "right", "bottom"].indexOf(firstToken.value) !==
+                -1
+            ) {
+              angle$1 = parseNamedSide(arg);
+              return;
+            } else if (isAngle(firstToken)) {
+              angle$1 =
+                (angle.parse(context, firstToken) + deg(270)) % deg(360);
+              return;
+            }
+          }
+          var colorStop = parseColorStop(context, arg);
+          stops.push(colorStop);
+        });
+        return {
+          angle: angle$1,
+          stops: stops,
+          type: 1 /* LINEAR_GRADIENT */,
+        };
       };
 
       var webkitGradient = function (context, tokens) {
-          var angle = deg(180);
-          var stops = [];
-          var type = 1 /* LINEAR_GRADIENT */;
-          var shape = 0 /* CIRCLE */;
-          var size = 3 /* FARTHEST_CORNER */;
-          var position = [];
-          parseFunctionArgs(tokens).forEach(function (arg, i) {
-              var firstToken = arg[0];
-              if (i === 0) {
-                  if (isIdentToken(firstToken) && firstToken.value === 'linear') {
-                      type = 1 /* LINEAR_GRADIENT */;
-                      return;
-                  }
-                  else if (isIdentToken(firstToken) && firstToken.value === 'radial') {
-                      type = 2 /* RADIAL_GRADIENT */;
-                      return;
-                  }
-              }
-              if (firstToken.type === 18 /* FUNCTION */) {
-                  if (firstToken.name === 'from') {
-                      var color = color$1.parse(context, firstToken.values[0]);
-                      stops.push({ stop: ZERO_LENGTH, color: color });
-                  }
-                  else if (firstToken.name === 'to') {
-                      var color = color$1.parse(context, firstToken.values[0]);
-                      stops.push({ stop: HUNDRED_PERCENT, color: color });
-                  }
-                  else if (firstToken.name === 'color-stop') {
-                      var values = firstToken.values.filter(nonFunctionArgSeparator);
-                      if (values.length === 2) {
-                          var color = color$1.parse(context, values[1]);
-                          var stop_1 = values[0];
-                          if (isNumberToken(stop_1)) {
-                              stops.push({
-                                  stop: { type: 16 /* PERCENTAGE_TOKEN */, number: stop_1.number * 100, flags: stop_1.flags },
-                                  color: color
-                              });
-                          }
-                      }
-                  }
-              }
-          });
-          return type === 1 /* LINEAR_GRADIENT */
-              ? {
-                  angle: (angle + deg(180)) % deg(360),
-                  stops: stops,
-                  type: type
+        var angle = deg(180);
+        var stops = [];
+        var type = 1; /* LINEAR_GRADIENT */
+        var shape = 0; /* CIRCLE */
+        var size = 3; /* FARTHEST_CORNER */
+        var position = [];
+        parseFunctionArgs(tokens).forEach(function (arg, i) {
+          var firstToken = arg[0];
+          if (i === 0) {
+            if (isIdentToken(firstToken) && firstToken.value === "linear") {
+              type = 1 /* LINEAR_GRADIENT */;
+              return;
+            } else if (
+              isIdentToken(firstToken) &&
+              firstToken.value === "radial"
+            ) {
+              type = 2 /* RADIAL_GRADIENT */;
+              return;
+            }
+          }
+          if (firstToken.type === 18 /* FUNCTION */) {
+            if (firstToken.name === "from") {
+              var color = color$1.parse(context, firstToken.values[0]);
+              stops.push({ stop: ZERO_LENGTH, color: color });
+            } else if (firstToken.name === "to") {
+              var color = color$1.parse(context, firstToken.values[0]);
+              stops.push({ stop: HUNDRED_PERCENT, color: color });
+            } else if (firstToken.name === "color-stop") {
+              var values = firstToken.values.filter(nonFunctionArgSeparator);
+              if (values.length === 2) {
+                var color = color$1.parse(context, values[1]);
+                var stop_1 = values[0];
+                if (isNumberToken(stop_1)) {
+                  stops.push({
+                    stop: {
+                      type: 16 /* PERCENTAGE_TOKEN */,
+                      number: stop_1.number * 100,
+                      flags: stop_1.flags,
+                    },
+                    color: color,
+                  });
+                }
               }
-              : { size: size, shape: shape, stops: stops, position: position, type: type };
-      };
-
-      var CLOSEST_SIDE = 'closest-side';
-      var FARTHEST_SIDE = 'farthest-side';
-      var CLOSEST_CORNER = 'closest-corner';
-      var FARTHEST_CORNER = 'farthest-corner';
-      var CIRCLE = 'circle';
-      var ELLIPSE = 'ellipse';
-      var COVER = 'cover';
-      var CONTAIN = 'contain';
+            }
+          }
+        });
+        return type === 1 /* LINEAR_GRADIENT */
+          ? {
+              angle: (angle + deg(180)) % deg(360),
+              stops: stops,
+              type: type,
+            }
+          : {
+              size: size,
+              shape: shape,
+              stops: stops,
+              position: position,
+              type: type,
+            };
+      };
+
+      var CLOSEST_SIDE = "closest-side";
+      var FARTHEST_SIDE = "farthest-side";
+      var CLOSEST_CORNER = "closest-corner";
+      var FARTHEST_CORNER = "farthest-corner";
+      var CIRCLE = "circle";
+      var ELLIPSE = "ellipse";
+      var COVER = "cover";
+      var CONTAIN = "contain";
       var radialGradient = function (context, tokens) {
-          var shape = 0 /* CIRCLE */;
-          var size = 3 /* FARTHEST_CORNER */;
-          var stops = [];
-          var position = [];
-          parseFunctionArgs(tokens).forEach(function (arg, i) {
-              var isColorStop = true;
-              if (i === 0) {
-                  var isAtPosition_1 = false;
-                  isColorStop = arg.reduce(function (acc, token) {
-                      if (isAtPosition_1) {
-                          if (isIdentToken(token)) {
-                              switch (token.value) {
-                                  case 'center':
-                                      position.push(FIFTY_PERCENT);
-                                      return acc;
-                                  case 'top':
-                                  case 'left':
-                                      position.push(ZERO_LENGTH);
-                                      return acc;
-                                  case 'right':
-                                  case 'bottom':
-                                      position.push(HUNDRED_PERCENT);
-                                      return acc;
-                              }
-                          }
-                          else if (isLengthPercentage(token) || isLength(token)) {
-                              position.push(token);
-                          }
-                      }
-                      else if (isIdentToken(token)) {
-                          switch (token.value) {
-                              case CIRCLE:
-                                  shape = 0 /* CIRCLE */;
-                                  return false;
-                              case ELLIPSE:
-                                  shape = 1 /* ELLIPSE */;
-                                  return false;
-                              case 'at':
-                                  isAtPosition_1 = true;
-                                  return false;
-                              case CLOSEST_SIDE:
-                                  size = 0 /* CLOSEST_SIDE */;
-                                  return false;
-                              case COVER:
-                              case FARTHEST_SIDE:
-                                  size = 1 /* FARTHEST_SIDE */;
-                                  return false;
-                              case CONTAIN:
-                              case CLOSEST_CORNER:
-                                  size = 2 /* CLOSEST_CORNER */;
-                                  return false;
-                              case FARTHEST_CORNER:
-                                  size = 3 /* FARTHEST_CORNER */;
-                                  return false;
-                          }
-                      }
-                      else if (isLength(token) || isLengthPercentage(token)) {
-                          if (!Array.isArray(size)) {
-                              size = [];
-                          }
-                          size.push(token);
-                          return false;
-                      }
+        var shape = 0; /* CIRCLE */
+        var size = 3; /* FARTHEST_CORNER */
+        var stops = [];
+        var position = [];
+        parseFunctionArgs(tokens).forEach(function (arg, i) {
+          var isColorStop = true;
+          if (i === 0) {
+            var isAtPosition_1 = false;
+            isColorStop = arg.reduce(function (acc, token) {
+              if (isAtPosition_1) {
+                if (isIdentToken(token)) {
+                  switch (token.value) {
+                    case "center":
+                      position.push(FIFTY_PERCENT);
                       return acc;
-                  }, isColorStop);
-              }
-              if (isColorStop) {
-                  var colorStop = parseColorStop(context, arg);
-                  stops.push(colorStop);
-              }
-          });
-          return { size: size, shape: shape, stops: stops, position: position, type: 2 /* RADIAL_GRADIENT */ };
+                    case "top":
+                    case "left":
+                      position.push(ZERO_LENGTH);
+                      return acc;
+                    case "right":
+                    case "bottom":
+                      position.push(HUNDRED_PERCENT);
+                      return acc;
+                  }
+                } else if (isLengthPercentage(token) || isLength(token)) {
+                  position.push(token);
+                }
+              } else if (isIdentToken(token)) {
+                switch (token.value) {
+                  case CIRCLE:
+                    shape = 0 /* CIRCLE */;
+                    return false;
+                  case ELLIPSE:
+                    shape = 1 /* ELLIPSE */;
+                    return false;
+                  case "at":
+                    isAtPosition_1 = true;
+                    return false;
+                  case CLOSEST_SIDE:
+                    size = 0 /* CLOSEST_SIDE */;
+                    return false;
+                  case COVER:
+                  case FARTHEST_SIDE:
+                    size = 1 /* FARTHEST_SIDE */;
+                    return false;
+                  case CONTAIN:
+                  case CLOSEST_CORNER:
+                    size = 2 /* CLOSEST_CORNER */;
+                    return false;
+                  case FARTHEST_CORNER:
+                    size = 3 /* FARTHEST_CORNER */;
+                    return false;
+                }
+              } else if (isLength(token) || isLengthPercentage(token)) {
+                if (!Array.isArray(size)) {
+                  size = [];
+                }
+                size.push(token);
+                return false;
+              }
+              return acc;
+            }, isColorStop);
+          }
+          if (isColorStop) {
+            var colorStop = parseColorStop(context, arg);
+            stops.push(colorStop);
+          }
+        });
+        return {
+          size: size,
+          shape: shape,
+          stops: stops,
+          position: position,
+          type: 2 /* RADIAL_GRADIENT */,
+        };
       };
 
       var prefixRadialGradient = function (context, tokens) {
-          var shape = 0 /* CIRCLE */;
-          var size = 3 /* FARTHEST_CORNER */;
-          var stops = [];
-          var position = [];
-          parseFunctionArgs(tokens).forEach(function (arg, i) {
-              var isColorStop = true;
-              if (i === 0) {
-                  isColorStop = arg.reduce(function (acc, token) {
-                      if (isIdentToken(token)) {
-                          switch (token.value) {
-                              case 'center':
-                                  position.push(FIFTY_PERCENT);
-                                  return false;
-                              case 'top':
-                              case 'left':
-                                  position.push(ZERO_LENGTH);
-                                  return false;
-                              case 'right':
-                              case 'bottom':
-                                  position.push(HUNDRED_PERCENT);
-                                  return false;
-                          }
-                      }
-                      else if (isLengthPercentage(token) || isLength(token)) {
-                          position.push(token);
-                          return false;
-                      }
-                      return acc;
-                  }, isColorStop);
-              }
-              else if (i === 1) {
-                  isColorStop = arg.reduce(function (acc, token) {
-                      if (isIdentToken(token)) {
-                          switch (token.value) {
-                              case CIRCLE:
-                                  shape = 0 /* CIRCLE */;
-                                  return false;
-                              case ELLIPSE:
-                                  shape = 1 /* ELLIPSE */;
-                                  return false;
-                              case CONTAIN:
-                              case CLOSEST_SIDE:
-                                  size = 0 /* CLOSEST_SIDE */;
-                                  return false;
-                              case FARTHEST_SIDE:
-                                  size = 1 /* FARTHEST_SIDE */;
-                                  return false;
-                              case CLOSEST_CORNER:
-                                  size = 2 /* CLOSEST_CORNER */;
-                                  return false;
-                              case COVER:
-                              case FARTHEST_CORNER:
-                                  size = 3 /* FARTHEST_CORNER */;
-                                  return false;
-                          }
-                      }
-                      else if (isLength(token) || isLengthPercentage(token)) {
-                          if (!Array.isArray(size)) {
-                              size = [];
-                          }
-                          size.push(token);
-                          return false;
-                      }
-                      return acc;
-                  }, isColorStop);
-              }
-              if (isColorStop) {
-                  var colorStop = parseColorStop(context, arg);
-                  stops.push(colorStop);
-              }
-          });
-          return { size: size, shape: shape, stops: stops, position: position, type: 2 /* RADIAL_GRADIENT */ };
+        var shape = 0; /* CIRCLE */
+        var size = 3; /* FARTHEST_CORNER */
+        var stops = [];
+        var position = [];
+        parseFunctionArgs(tokens).forEach(function (arg, i) {
+          var isColorStop = true;
+          if (i === 0) {
+            isColorStop = arg.reduce(function (acc, token) {
+              if (isIdentToken(token)) {
+                switch (token.value) {
+                  case "center":
+                    position.push(FIFTY_PERCENT);
+                    return false;
+                  case "top":
+                  case "left":
+                    position.push(ZERO_LENGTH);
+                    return false;
+                  case "right":
+                  case "bottom":
+                    position.push(HUNDRED_PERCENT);
+                    return false;
+                }
+              } else if (isLengthPercentage(token) || isLength(token)) {
+                position.push(token);
+                return false;
+              }
+              return acc;
+            }, isColorStop);
+          } else if (i === 1) {
+            isColorStop = arg.reduce(function (acc, token) {
+              if (isIdentToken(token)) {
+                switch (token.value) {
+                  case CIRCLE:
+                    shape = 0 /* CIRCLE */;
+                    return false;
+                  case ELLIPSE:
+                    shape = 1 /* ELLIPSE */;
+                    return false;
+                  case CONTAIN:
+                  case CLOSEST_SIDE:
+                    size = 0 /* CLOSEST_SIDE */;
+                    return false;
+                  case FARTHEST_SIDE:
+                    size = 1 /* FARTHEST_SIDE */;
+                    return false;
+                  case CLOSEST_CORNER:
+                    size = 2 /* CLOSEST_CORNER */;
+                    return false;
+                  case COVER:
+                  case FARTHEST_CORNER:
+                    size = 3 /* FARTHEST_CORNER */;
+                    return false;
+                }
+              } else if (isLength(token) || isLengthPercentage(token)) {
+                if (!Array.isArray(size)) {
+                  size = [];
+                }
+                size.push(token);
+                return false;
+              }
+              return acc;
+            }, isColorStop);
+          }
+          if (isColorStop) {
+            var colorStop = parseColorStop(context, arg);
+            stops.push(colorStop);
+          }
+        });
+        return {
+          size: size,
+          shape: shape,
+          stops: stops,
+          position: position,
+          type: 2 /* RADIAL_GRADIENT */,
+        };
       };
 
       var isLinearGradient = function (background) {
-          return background.type === 1 /* LINEAR_GRADIENT */;
+        return background.type === 1 /* LINEAR_GRADIENT */;
       };
       var isRadialGradient = function (background) {
-          return background.type === 2 /* RADIAL_GRADIENT */;
+        return background.type === 2 /* RADIAL_GRADIENT */;
       };
       var image = {
-          name: 'image',
-          parse: function (context, value) {
-              if (value.type === 22 /* URL_TOKEN */) {
-                  var image_1 = { url: value.value, type: 0 /* URL */ };
-                  context.cache.addImage(value.value);
-                  return image_1;
-              }
-              if (value.type === 18 /* FUNCTION */) {
-                  var imageFunction = SUPPORTED_IMAGE_FUNCTIONS[value.name];
-                  if (typeof imageFunction === 'undefined') {
-                      throw new Error("Attempting to parse an unsupported image function \"" + value.name + "\"");
-                  }
-                  return imageFunction(context, value.values);
-              }
-              throw new Error("Unsupported image type " + value.type);
-          }
+        name: "image",
+        parse: function (context, value) {
+          if (value.type === 22 /* URL_TOKEN */) {
+            var image_1 = { url: value.value, type: 0 /* URL */ };
+            context.cache.addImage(value.value);
+            return image_1;
+          }
+          if (value.type === 18 /* FUNCTION */) {
+            var imageFunction = SUPPORTED_IMAGE_FUNCTIONS[value.name];
+            if (typeof imageFunction === "undefined") {
+              throw new Error(
+                'Attempting to parse an unsupported image function "' +
+                  value.name +
+                  '"',
+              );
+            }
+            return imageFunction(context, value.values);
+          }
+          throw new Error("Unsupported image type " + value.type);
+        },
       };
       function isSupportedImage(value) {
-          return (!(value.type === 20 /* IDENT_TOKEN */ && value.value === 'none') &&
-              (value.type !== 18 /* FUNCTION */ || !!SUPPORTED_IMAGE_FUNCTIONS[value.name]));
+        return (
+          !(value.type === 20 /* IDENT_TOKEN */ && value.value === "none") &&
+          (value.type !== 18 /* FUNCTION */ ||
+            !!SUPPORTED_IMAGE_FUNCTIONS[value.name])
+        );
       }
       var SUPPORTED_IMAGE_FUNCTIONS = {
-          'linear-gradient': linearGradient,
-          '-moz-linear-gradient': prefixLinearGradient,
-          '-ms-linear-gradient': prefixLinearGradient,
-          '-o-linear-gradient': prefixLinearGradient,
-          '-webkit-linear-gradient': prefixLinearGradient,
-          'radial-gradient': radialGradient,
-          '-moz-radial-gradient': prefixRadialGradient,
-          '-ms-radial-gradient': prefixRadialGradient,
-          '-o-radial-gradient': prefixRadialGradient,
-          '-webkit-radial-gradient': prefixRadialGradient,
-          '-webkit-gradient': webkitGradient
+        "linear-gradient": linearGradient,
+        "-moz-linear-gradient": prefixLinearGradient,
+        "-ms-linear-gradient": prefixLinearGradient,
+        "-o-linear-gradient": prefixLinearGradient,
+        "-webkit-linear-gradient": prefixLinearGradient,
+        "radial-gradient": radialGradient,
+        "-moz-radial-gradient": prefixRadialGradient,
+        "-ms-radial-gradient": prefixRadialGradient,
+        "-o-radial-gradient": prefixRadialGradient,
+        "-webkit-radial-gradient": prefixRadialGradient,
+        "-webkit-gradient": webkitGradient,
       };
 
       var backgroundImage = {
-          name: 'background-image',
-          initialValue: 'none',
-          type: 1 /* LIST */,
-          prefix: false,
-          parse: function (context, tokens) {
-              if (tokens.length === 0) {
-                  return [];
-              }
-              var first = tokens[0];
-              if (first.type === 20 /* IDENT_TOKEN */ && first.value === 'none') {
-                  return [];
-              }
-              return tokens
-                  .filter(function (value) { return nonFunctionArgSeparator(value) && isSupportedImage(value); })
-                  .map(function (value) { return image.parse(context, value); });
-          }
+        name: "background-image",
+        initialValue: "none",
+        type: 1 /* LIST */,
+        prefix: false,
+        parse: function (context, tokens) {
+          if (tokens.length === 0) {
+            return [];
+          }
+          var first = tokens[0];
+          if (first.type === 20 /* IDENT_TOKEN */ && first.value === "none") {
+            return [];
+          }
+          return tokens
+            .filter(function (value) {
+              return nonFunctionArgSeparator(value) && isSupportedImage(value);
+            })
+            .map(function (value) {
+              return image.parse(context, value);
+            });
+        },
       };
 
       var backgroundOrigin = {
-          name: 'background-origin',
-          initialValue: 'border-box',
-          prefix: false,
-          type: 1 /* LIST */,
-          parse: function (_context, tokens) {
-              return tokens.map(function (token) {
-                  if (isIdentToken(token)) {
-                      switch (token.value) {
-                          case 'padding-box':
-                              return 1 /* PADDING_BOX */;
-                          case 'content-box':
-                              return 2 /* CONTENT_BOX */;
-                      }
-                  }
-                  return 0 /* BORDER_BOX */;
-              });
-          }
+        name: "background-origin",
+        initialValue: "border-box",
+        prefix: false,
+        type: 1 /* LIST */,
+        parse: function (_context, tokens) {
+          return tokens.map(function (token) {
+            if (isIdentToken(token)) {
+              switch (token.value) {
+                case "padding-box":
+                  return 1 /* PADDING_BOX */;
+                case "content-box":
+                  return 2 /* CONTENT_BOX */;
+              }
+            }
+            return 0 /* BORDER_BOX */;
+          });
+        },
       };
 
       var backgroundPosition = {
-          name: 'background-position',
-          initialValue: '0% 0%',
-          type: 1 /* LIST */,
-          prefix: false,
-          parse: function (_context, tokens) {
-              return parseFunctionArgs(tokens)
-                  .map(function (values) { return values.filter(isLengthPercentage); })
-                  .map(parseLengthPercentageTuple);
-          }
+        name: "background-position",
+        initialValue: "0% 0%",
+        type: 1 /* LIST */,
+        prefix: false,
+        parse: function (_context, tokens) {
+          return parseFunctionArgs(tokens)
+            .map(function (values) {
+              return values.filter(isLengthPercentage);
+            })
+            .map(parseLengthPercentageTuple);
+        },
       };
 
       var backgroundRepeat = {
-          name: 'background-repeat',
-          initialValue: 'repeat',
-          prefix: false,
-          type: 1 /* LIST */,
-          parse: function (_context, tokens) {
-              return parseFunctionArgs(tokens)
-                  .map(function (values) {
-                  return values
-                      .filter(isIdentToken)
-                      .map(function (token) { return token.value; })
-                      .join(' ');
-              })
-                  .map(parseBackgroundRepeat);
-          }
+        name: "background-repeat",
+        initialValue: "repeat",
+        prefix: false,
+        type: 1 /* LIST */,
+        parse: function (_context, tokens) {
+          return parseFunctionArgs(tokens)
+            .map(function (values) {
+              return values
+                .filter(isIdentToken)
+                .map(function (token) {
+                  return token.value;
+                })
+                .join(" ");
+            })
+            .map(parseBackgroundRepeat);
+        },
       };
       var parseBackgroundRepeat = function (value) {
-          switch (value) {
-              case 'no-repeat':
-                  return 1 /* NO_REPEAT */;
-              case 'repeat-x':
-              case 'repeat no-repeat':
-                  return 2 /* REPEAT_X */;
-              case 'repeat-y':
-              case 'no-repeat repeat':
-                  return 3 /* REPEAT_Y */;
-              case 'repeat':
-              default:
-                  return 0 /* REPEAT */;
-          }
+        switch (value) {
+          case "no-repeat":
+            return 1 /* NO_REPEAT */;
+          case "repeat-x":
+          case "repeat no-repeat":
+            return 2 /* REPEAT_X */;
+          case "repeat-y":
+          case "no-repeat repeat":
+            return 3 /* REPEAT_Y */;
+          case "repeat":
+          default:
+            return 0 /* REPEAT */;
+        }
       };
 
       var BACKGROUND_SIZE;
       (function (BACKGROUND_SIZE) {
-          BACKGROUND_SIZE["AUTO"] = "auto";
-          BACKGROUND_SIZE["CONTAIN"] = "contain";
-          BACKGROUND_SIZE["COVER"] = "cover";
+        BACKGROUND_SIZE["AUTO"] = "auto";
+        BACKGROUND_SIZE["CONTAIN"] = "contain";
+        BACKGROUND_SIZE["COVER"] = "cover";
       })(BACKGROUND_SIZE || (BACKGROUND_SIZE = {}));
       var backgroundSize = {
-          name: 'background-size',
-          initialValue: '0',
-          prefix: false,
-          type: 1 /* LIST */,
-          parse: function (_context, tokens) {
-              return parseFunctionArgs(tokens).map(function (values) { return values.filter(isBackgroundSizeInfoToken); });
-          }
+        name: "background-size",
+        initialValue: "0",
+        prefix: false,
+        type: 1 /* LIST */,
+        parse: function (_context, tokens) {
+          return parseFunctionArgs(tokens).map(function (values) {
+            return values.filter(isBackgroundSizeInfoToken);
+          });
+        },
       };
       var isBackgroundSizeInfoToken = function (value) {
-          return isIdentToken(value) || isLengthPercentage(value);
+        return isIdentToken(value) || isLengthPercentage(value);
       };
 
-      var borderColorForSide = function (side) { return ({
+      var borderColorForSide = function (side) {
+        return {
           name: "border-" + side + "-color",
-          initialValue: 'transparent',
+          initialValue: "transparent",
           prefix: false,
           type: 3 /* TYPE_VALUE */,
-          format: 'color'
-      }); };
-      var borderTopColor = borderColorForSide('top');
-      var borderRightColor = borderColorForSide('right');
-      var borderBottomColor = borderColorForSide('bottom');
-      var borderLeftColor = borderColorForSide('left');
-
-      var borderRadiusForSide = function (side) { return ({
+          format: "color",
+        };
+      };
+      var borderTopColor = borderColorForSide("top");
+      var borderRightColor = borderColorForSide("right");
+      var borderBottomColor = borderColorForSide("bottom");
+      var borderLeftColor = borderColorForSide("left");
+
+      var borderRadiusForSide = function (side) {
+        return {
           name: "border-radius-" + side,
-          initialValue: '0 0',
+          initialValue: "0 0",
           prefix: false,
           type: 1 /* LIST */,
           parse: function (_context, tokens) {
-              return parseLengthPercentageTuple(tokens.filter(isLengthPercentage));
-          }
-      }); };
-      var borderTopLeftRadius = borderRadiusForSide('top-left');
-      var borderTopRightRadius = borderRadiusForSide('top-right');
-      var borderBottomRightRadius = borderRadiusForSide('bottom-right');
-      var borderBottomLeftRadius = borderRadiusForSide('bottom-left');
+            return parseLengthPercentageTuple(
+              tokens.filter(isLengthPercentage),
+            );
+          },
+        };
+      };
+      var borderTopLeftRadius = borderRadiusForSide("top-left");
+      var borderTopRightRadius = borderRadiusForSide("top-right");
+      var borderBottomRightRadius = borderRadiusForSide("bottom-right");
+      var borderBottomLeftRadius = borderRadiusForSide("bottom-left");
 
-      var borderStyleForSide = function (side) { return ({
+      var borderStyleForSide = function (side) {
+        return {
           name: "border-" + side + "-style",
-          initialValue: 'solid',
+          initialValue: "solid",
           prefix: false,
           type: 2 /* IDENT_VALUE */,
           parse: function (_context, style) {
-              switch (style) {
-                  case 'none':
-                      return 0 /* NONE */;
-                  case 'dashed':
-                      return 2 /* DASHED */;
-                  case 'dotted':
-                      return 3 /* DOTTED */;
-                  case 'double':
-                      return 4 /* DOUBLE */;
-              }
-              return 1 /* SOLID */;
-          }
-      }); };
-      var borderTopStyle = borderStyleForSide('top');
-      var borderRightStyle = borderStyleForSide('right');
-      var borderBottomStyle = borderStyleForSide('bottom');
-      var borderLeftStyle = borderStyleForSide('left');
+            switch (style) {
+              case "none":
+                return 0 /* NONE */;
+              case "dashed":
+                return 2 /* DASHED */;
+              case "dotted":
+                return 3 /* DOTTED */;
+              case "double":
+                return 4 /* DOUBLE */;
+            }
+            return 1 /* SOLID */;
+          },
+        };
+      };
+      var borderTopStyle = borderStyleForSide("top");
+      var borderRightStyle = borderStyleForSide("right");
+      var borderBottomStyle = borderStyleForSide("bottom");
+      var borderLeftStyle = borderStyleForSide("left");
 
-      var borderWidthForSide = function (side) { return ({
+      var borderWidthForSide = function (side) {
+        return {
           name: "border-" + side + "-width",
-          initialValue: '0',
+          initialValue: "0",
           type: 0 /* VALUE */,
           prefix: false,
           parse: function (_context, token) {
-              if (isDimensionToken(token)) {
-                  return token.number;
-              }
-              return 0;
-          }
-      }); };
-      var borderTopWidth = borderWidthForSide('top');
-      var borderRightWidth = borderWidthForSide('right');
-      var borderBottomWidth = borderWidthForSide('bottom');
-      var borderLeftWidth = borderWidthForSide('left');
+            if (isDimensionToken(token)) {
+              return token.number;
+            }
+            return 0;
+          },
+        };
+      };
+      var borderTopWidth = borderWidthForSide("top");
+      var borderRightWidth = borderWidthForSide("right");
+      var borderBottomWidth = borderWidthForSide("bottom");
+      var borderLeftWidth = borderWidthForSide("left");
 
       var color = {
-          name: "color",
-          initialValue: 'transparent',
-          prefix: false,
-          type: 3 /* TYPE_VALUE */,
-          format: 'color'
+        name: "color",
+        initialValue: "transparent",
+        prefix: false,
+        type: 3 /* TYPE_VALUE */,
+        format: "color",
       };
 
       var direction = {
-          name: 'direction',
-          initialValue: 'ltr',
-          prefix: false,
-          type: 2 /* IDENT_VALUE */,
-          parse: function (_context, direction) {
-              switch (direction) {
-                  case 'rtl':
-                      return 1 /* RTL */;
-                  case 'ltr':
-                  default:
-                      return 0 /* LTR */;
-              }
+        name: "direction",
+        initialValue: "ltr",
+        prefix: false,
+        type: 2 /* IDENT_VALUE */,
+        parse: function (_context, direction) {
+          switch (direction) {
+            case "rtl":
+              return 1 /* RTL */;
+            case "ltr":
+            default:
+              return 0 /* LTR */;
           }
+        },
       };
 
       var display = {
-          name: 'display',
-          initialValue: 'inline-block',
-          prefix: false,
-          type: 1 /* LIST */,
-          parse: function (_context, tokens) {
-              return tokens.filter(isIdentToken).reduce(function (bit, token) {
-                  return bit | parseDisplayValue(token.value);
-              }, 0 /* NONE */);
-          }
+        name: "display",
+        initialValue: "inline-block",
+        prefix: false,
+        type: 1 /* LIST */,
+        parse: function (_context, tokens) {
+          return tokens.filter(isIdentToken).reduce(function (bit, token) {
+            return bit | parseDisplayValue(token.value);
+          }, 0 /* NONE */);
+        },
       };
       var parseDisplayValue = function (display) {
-          switch (display) {
-              case 'block':
-              case '-webkit-box':
-                  return 2 /* BLOCK */;
-              case 'inline':
-                  return 4 /* INLINE */;
-              case 'run-in':
-                  return 8 /* RUN_IN */;
-              case 'flow':
-                  return 16 /* FLOW */;
-              case 'flow-root':
-                  return 32 /* FLOW_ROOT */;
-              case 'table':
-                  return 64 /* TABLE */;
-              case 'flex':
-              case '-webkit-flex':
-                  return 128 /* FLEX */;
-              case 'grid':
-              case '-ms-grid':
-                  return 256 /* GRID */;
-              case 'ruby':
-                  return 512 /* RUBY */;
-              case 'subgrid':
-                  return 1024 /* SUBGRID */;
-              case 'list-item':
-                  return 2048 /* LIST_ITEM */;
-              case 'table-row-group':
-                  return 4096 /* TABLE_ROW_GROUP */;
-              case 'table-header-group':
-                  return 8192 /* TABLE_HEADER_GROUP */;
-              case 'table-footer-group':
-                  return 16384 /* TABLE_FOOTER_GROUP */;
-              case 'table-row':
-                  return 32768 /* TABLE_ROW */;
-              case 'table-cell':
-                  return 65536 /* TABLE_CELL */;
-              case 'table-column-group':
-                  return 131072 /* TABLE_COLUMN_GROUP */;
-              case 'table-column':
-                  return 262144 /* TABLE_COLUMN */;
-              case 'table-caption':
-                  return 524288 /* TABLE_CAPTION */;
-              case 'ruby-base':
-                  return 1048576 /* RUBY_BASE */;
-              case 'ruby-text':
-                  return 2097152 /* RUBY_TEXT */;
-              case 'ruby-base-container':
-                  return 4194304 /* RUBY_BASE_CONTAINER */;
-              case 'ruby-text-container':
-                  return 8388608 /* RUBY_TEXT_CONTAINER */;
-              case 'contents':
-                  return 16777216 /* CONTENTS */;
-              case 'inline-block':
-                  return 33554432 /* INLINE_BLOCK */;
-              case 'inline-list-item':
-                  return 67108864 /* INLINE_LIST_ITEM */;
-              case 'inline-table':
-                  return 134217728 /* INLINE_TABLE */;
-              case 'inline-flex':
-                  return 268435456 /* INLINE_FLEX */;
-              case 'inline-grid':
-                  return 536870912 /* INLINE_GRID */;
-          }
-          return 0 /* NONE */;
+        switch (display) {
+          case "block":
+          case "-webkit-box":
+            return 2 /* BLOCK */;
+          case "inline":
+            return 4 /* INLINE */;
+          case "run-in":
+            return 8 /* RUN_IN */;
+          case "flow":
+            return 16 /* FLOW */;
+          case "flow-root":
+            return 32 /* FLOW_ROOT */;
+          case "table":
+            return 64 /* TABLE */;
+          case "flex":
+          case "-webkit-flex":
+            return 128 /* FLEX */;
+          case "grid":
+          case "-ms-grid":
+            return 256 /* GRID */;
+          case "ruby":
+            return 512 /* RUBY */;
+          case "subgrid":
+            return 1024 /* SUBGRID */;
+          case "list-item":
+            return 2048 /* LIST_ITEM */;
+          case "table-row-group":
+            return 4096 /* TABLE_ROW_GROUP */;
+          case "table-header-group":
+            return 8192 /* TABLE_HEADER_GROUP */;
+          case "table-footer-group":
+            return 16384 /* TABLE_FOOTER_GROUP */;
+          case "table-row":
+            return 32768 /* TABLE_ROW */;
+          case "table-cell":
+            return 65536 /* TABLE_CELL */;
+          case "table-column-group":
+            return 131072 /* TABLE_COLUMN_GROUP */;
+          case "table-column":
+            return 262144 /* TABLE_COLUMN */;
+          case "table-caption":
+            return 524288 /* TABLE_CAPTION */;
+          case "ruby-base":
+            return 1048576 /* RUBY_BASE */;
+          case "ruby-text":
+            return 2097152 /* RUBY_TEXT */;
+          case "ruby-base-container":
+            return 4194304 /* RUBY_BASE_CONTAINER */;
+          case "ruby-text-container":
+            return 8388608 /* RUBY_TEXT_CONTAINER */;
+          case "contents":
+            return 16777216 /* CONTENTS */;
+          case "inline-block":
+            return 33554432 /* INLINE_BLOCK */;
+          case "inline-list-item":
+            return 67108864 /* INLINE_LIST_ITEM */;
+          case "inline-table":
+            return 134217728 /* INLINE_TABLE */;
+          case "inline-flex":
+            return 268435456 /* INLINE_FLEX */;
+          case "inline-grid":
+            return 536870912 /* INLINE_GRID */;
+        }
+        return 0 /* NONE */;
       };
 
       var float = {
-          name: 'float',
-          initialValue: 'none',
-          prefix: false,
-          type: 2 /* IDENT_VALUE */,
-          parse: function (_context, float) {
-              switch (float) {
-                  case 'left':
-                      return 1 /* LEFT */;
-                  case 'right':
-                      return 2 /* RIGHT */;
-                  case 'inline-start':
-                      return 3 /* INLINE_START */;
-                  case 'inline-end':
-                      return 4 /* INLINE_END */;
-              }
-              return 0 /* NONE */;
+        name: "float",
+        initialValue: "none",
+        prefix: false,
+        type: 2 /* IDENT_VALUE */,
+        parse: function (_context, float) {
+          switch (float) {
+            case "left":
+              return 1 /* LEFT */;
+            case "right":
+              return 2 /* RIGHT */;
+            case "inline-start":
+              return 3 /* INLINE_START */;
+            case "inline-end":
+              return 4 /* INLINE_END */;
           }
+          return 0 /* NONE */;
+        },
       };
 
       var letterSpacing = {
-          name: 'letter-spacing',
-          initialValue: '0',
-          prefix: false,
-          type: 0 /* VALUE */,
-          parse: function (_context, token) {
-              if (token.type === 20 /* IDENT_TOKEN */ && token.value === 'normal') {
-                  return 0;
-              }
-              if (token.type === 17 /* NUMBER_TOKEN */) {
-                  return token.number;
-              }
-              if (token.type === 15 /* DIMENSION_TOKEN */) {
-                  return token.number;
-              }
-              return 0;
+        name: "letter-spacing",
+        initialValue: "0",
+        prefix: false,
+        type: 0 /* VALUE */,
+        parse: function (_context, token) {
+          if (token.type === 20 /* IDENT_TOKEN */ && token.value === "normal") {
+            return 0;
+          }
+          if (token.type === 17 /* NUMBER_TOKEN */) {
+            return token.number;
+          }
+          if (token.type === 15 /* DIMENSION_TOKEN */) {
+            return token.number;
           }
+          return 0;
+        },
       };
 
       var LINE_BREAK;
       (function (LINE_BREAK) {
-          LINE_BREAK["NORMAL"] = "normal";
-          LINE_BREAK["STRICT"] = "strict";
+        LINE_BREAK["NORMAL"] = "normal";
+        LINE_BREAK["STRICT"] = "strict";
       })(LINE_BREAK || (LINE_BREAK = {}));
       var lineBreak = {
-          name: 'line-break',
-          initialValue: 'normal',
-          prefix: false,
-          type: 2 /* IDENT_VALUE */,
-          parse: function (_context, lineBreak) {
-              switch (lineBreak) {
-                  case 'strict':
-                      return LINE_BREAK.STRICT;
-                  case 'normal':
-                  default:
-                      return LINE_BREAK.NORMAL;
-              }
+        name: "line-break",
+        initialValue: "normal",
+        prefix: false,
+        type: 2 /* IDENT_VALUE */,
+        parse: function (_context, lineBreak) {
+          switch (lineBreak) {
+            case "strict":
+              return LINE_BREAK.STRICT;
+            case "normal":
+            default:
+              return LINE_BREAK.NORMAL;
           }
+        },
       };
 
       var lineHeight = {
-          name: 'line-height',
-          initialValue: 'normal',
-          prefix: false,
-          type: 4 /* TOKEN_VALUE */
+        name: "line-height",
+        initialValue: "normal",
+        prefix: false,
+        type: 4 /* TOKEN_VALUE */,
       };
       var computeLineHeight = function (token, fontSize) {
-          if (isIdentToken(token) && token.value === 'normal') {
-              return 1.2 * fontSize;
-          }
-          else if (token.type === 17 /* NUMBER_TOKEN */) {
-              return fontSize * token.number;
-          }
-          else if (isLengthPercentage(token)) {
-              return getAbsoluteValue(token, fontSize);
-          }
-          return fontSize;
+        if (isIdentToken(token) && token.value === "normal") {
+          return 1.2 * fontSize;
+        } else if (token.type === 17 /* NUMBER_TOKEN */) {
+          return fontSize * token.number;
+        } else if (isLengthPercentage(token)) {
+          return getAbsoluteValue(token, fontSize);
+        }
+        return fontSize;
       };
 
       var listStyleImage = {
-          name: 'list-style-image',
-          initialValue: 'none',
-          type: 0 /* VALUE */,
-          prefix: false,
-          parse: function (context, token) {
-              if (token.type === 20 /* IDENT_TOKEN */ && token.value === 'none') {
-                  return null;
-              }
-              return image.parse(context, token);
-          }
+        name: "list-style-image",
+        initialValue: "none",
+        type: 0 /* VALUE */,
+        prefix: false,
+        parse: function (context, token) {
+          if (token.type === 20 /* IDENT_TOKEN */ && token.value === "none") {
+            return null;
+          }
+          return image.parse(context, token);
+        },
       };
 
       var listStylePosition = {
-          name: 'list-style-position',
-          initialValue: 'outside',
-          prefix: false,
-          type: 2 /* IDENT_VALUE */,
-          parse: function (_context, position) {
-              switch (position) {
-                  case 'inside':
-                      return 0 /* INSIDE */;
-                  case 'outside':
-                  default:
-                      return 1 /* OUTSIDE */;
-              }
+        name: "list-style-position",
+        initialValue: "outside",
+        prefix: false,
+        type: 2 /* IDENT_VALUE */,
+        parse: function (_context, position) {
+          switch (position) {
+            case "inside":
+              return 0 /* INSIDE */;
+            case "outside":
+            default:
+              return 1 /* OUTSIDE */;
           }
+        },
       };
 
       var listStyleType = {
-          name: 'list-style-type',
-          initialValue: 'none',
-          prefix: false,
-          type: 2 /* IDENT_VALUE */,
-          parse: function (_context, type) {
-              switch (type) {
-                  case 'disc':
-                      return 0 /* DISC */;
-                  case 'circle':
-                      return 1 /* CIRCLE */;
-                  case 'square':
-                      return 2 /* SQUARE */;
-                  case 'decimal':
-                      return 3 /* DECIMAL */;
-                  case 'cjk-decimal':
-                      return 4 /* CJK_DECIMAL */;
-                  case 'decimal-leading-zero':
-                      return 5 /* DECIMAL_LEADING_ZERO */;
-                  case 'lower-roman':
-                      return 6 /* LOWER_ROMAN */;
-                  case 'upper-roman':
-                      return 7 /* UPPER_ROMAN */;
-                  case 'lower-greek':
-                      return 8 /* LOWER_GREEK */;
-                  case 'lower-alpha':
-                      return 9 /* LOWER_ALPHA */;
-                  case 'upper-alpha':
-                      return 10 /* UPPER_ALPHA */;
-                  case 'arabic-indic':
-                      return 11 /* ARABIC_INDIC */;
-                  case 'armenian':
-                      return 12 /* ARMENIAN */;
-                  case 'bengali':
-                      return 13 /* BENGALI */;
-                  case 'cambodian':
-                      return 14 /* CAMBODIAN */;
-                  case 'cjk-earthly-branch':
-                      return 15 /* CJK_EARTHLY_BRANCH */;
-                  case 'cjk-heavenly-stem':
-                      return 16 /* CJK_HEAVENLY_STEM */;
-                  case 'cjk-ideographic':
-                      return 17 /* CJK_IDEOGRAPHIC */;
-                  case 'devanagari':
-                      return 18 /* DEVANAGARI */;
-                  case 'ethiopic-numeric':
-                      return 19 /* ETHIOPIC_NUMERIC */;
-                  case 'georgian':
-                      return 20 /* GEORGIAN */;
-                  case 'gujarati':
-                      return 21 /* GUJARATI */;
-                  case 'gurmukhi':
-                      return 22 /* GURMUKHI */;
-                  case 'hebrew':
-                      return 22 /* HEBREW */;
-                  case 'hiragana':
-                      return 23 /* HIRAGANA */;
-                  case 'hiragana-iroha':
-                      return 24 /* HIRAGANA_IROHA */;
-                  case 'japanese-formal':
-                      return 25 /* JAPANESE_FORMAL */;
-                  case 'japanese-informal':
-                      return 26 /* JAPANESE_INFORMAL */;
-                  case 'kannada':
-                      return 27 /* KANNADA */;
-                  case 'katakana':
-                      return 28 /* KATAKANA */;
-                  case 'katakana-iroha':
-                      return 29 /* KATAKANA_IROHA */;
-                  case 'khmer':
-                      return 30 /* KHMER */;
-                  case 'korean-hangul-formal':
-                      return 31 /* KOREAN_HANGUL_FORMAL */;
-                  case 'korean-hanja-formal':
-                      return 32 /* KOREAN_HANJA_FORMAL */;
-                  case 'korean-hanja-informal':
-                      return 33 /* KOREAN_HANJA_INFORMAL */;
-                  case 'lao':
-                      return 34 /* LAO */;
-                  case 'lower-armenian':
-                      return 35 /* LOWER_ARMENIAN */;
-                  case 'malayalam':
-                      return 36 /* MALAYALAM */;
-                  case 'mongolian':
-                      return 37 /* MONGOLIAN */;
-                  case 'myanmar':
-                      return 38 /* MYANMAR */;
-                  case 'oriya':
-                      return 39 /* ORIYA */;
-                  case 'persian':
-                      return 40 /* PERSIAN */;
-                  case 'simp-chinese-formal':
-                      return 41 /* SIMP_CHINESE_FORMAL */;
-                  case 'simp-chinese-informal':
-                      return 42 /* SIMP_CHINESE_INFORMAL */;
-                  case 'tamil':
-                      return 43 /* TAMIL */;
-                  case 'telugu':
-                      return 44 /* TELUGU */;
-                  case 'thai':
-                      return 45 /* THAI */;
-                  case 'tibetan':
-                      return 46 /* TIBETAN */;
-                  case 'trad-chinese-formal':
-                      return 47 /* TRAD_CHINESE_FORMAL */;
-                  case 'trad-chinese-informal':
-                      return 48 /* TRAD_CHINESE_INFORMAL */;
-                  case 'upper-armenian':
-                      return 49 /* UPPER_ARMENIAN */;
-                  case 'disclosure-open':
-                      return 50 /* DISCLOSURE_OPEN */;
-                  case 'disclosure-closed':
-                      return 51 /* DISCLOSURE_CLOSED */;
-                  case 'none':
-                  default:
-                      return -1 /* NONE */;
-              }
+        name: "list-style-type",
+        initialValue: "none",
+        prefix: false,
+        type: 2 /* IDENT_VALUE */,
+        parse: function (_context, type) {
+          switch (type) {
+            case "disc":
+              return 0 /* DISC */;
+            case "circle":
+              return 1 /* CIRCLE */;
+            case "square":
+              return 2 /* SQUARE */;
+            case "decimal":
+              return 3 /* DECIMAL */;
+            case "cjk-decimal":
+              return 4 /* CJK_DECIMAL */;
+            case "decimal-leading-zero":
+              return 5 /* DECIMAL_LEADING_ZERO */;
+            case "lower-roman":
+              return 6 /* LOWER_ROMAN */;
+            case "upper-roman":
+              return 7 /* UPPER_ROMAN */;
+            case "lower-greek":
+              return 8 /* LOWER_GREEK */;
+            case "lower-alpha":
+              return 9 /* LOWER_ALPHA */;
+            case "upper-alpha":
+              return 10 /* UPPER_ALPHA */;
+            case "arabic-indic":
+              return 11 /* ARABIC_INDIC */;
+            case "armenian":
+              return 12 /* ARMENIAN */;
+            case "bengali":
+              return 13 /* BENGALI */;
+            case "cambodian":
+              return 14 /* CAMBODIAN */;
+            case "cjk-earthly-branch":
+              return 15 /* CJK_EARTHLY_BRANCH */;
+            case "cjk-heavenly-stem":
+              return 16 /* CJK_HEAVENLY_STEM */;
+            case "cjk-ideographic":
+              return 17 /* CJK_IDEOGRAPHIC */;
+            case "devanagari":
+              return 18 /* DEVANAGARI */;
+            case "ethiopic-numeric":
+              return 19 /* ETHIOPIC_NUMERIC */;
+            case "georgian":
+              return 20 /* GEORGIAN */;
+            case "gujarati":
+              return 21 /* GUJARATI */;
+            case "gurmukhi":
+              return 22 /* GURMUKHI */;
+            case "hebrew":
+              return 22 /* HEBREW */;
+            case "hiragana":
+              return 23 /* HIRAGANA */;
+            case "hiragana-iroha":
+              return 24 /* HIRAGANA_IROHA */;
+            case "japanese-formal":
+              return 25 /* JAPANESE_FORMAL */;
+            case "japanese-informal":
+              return 26 /* JAPANESE_INFORMAL */;
+            case "kannada":
+              return 27 /* KANNADA */;
+            case "katakana":
+              return 28 /* KATAKANA */;
+            case "katakana-iroha":
+              return 29 /* KATAKANA_IROHA */;
+            case "khmer":
+              return 30 /* KHMER */;
+            case "korean-hangul-formal":
+              return 31 /* KOREAN_HANGUL_FORMAL */;
+            case "korean-hanja-formal":
+              return 32 /* KOREAN_HANJA_FORMAL */;
+            case "korean-hanja-informal":
+              return 33 /* KOREAN_HANJA_INFORMAL */;
+            case "lao":
+              return 34 /* LAO */;
+            case "lower-armenian":
+              return 35 /* LOWER_ARMENIAN */;
+            case "malayalam":
+              return 36 /* MALAYALAM */;
+            case "mongolian":
+              return 37 /* MONGOLIAN */;
+            case "myanmar":
+              return 38 /* MYANMAR */;
+            case "oriya":
+              return 39 /* ORIYA */;
+            case "persian":
+              return 40 /* PERSIAN */;
+            case "simp-chinese-formal":
+              return 41 /* SIMP_CHINESE_FORMAL */;
+            case "simp-chinese-informal":
+              return 42 /* SIMP_CHINESE_INFORMAL */;
+            case "tamil":
+              return 43 /* TAMIL */;
+            case "telugu":
+              return 44 /* TELUGU */;
+            case "thai":
+              return 45 /* THAI */;
+            case "tibetan":
+              return 46 /* TIBETAN */;
+            case "trad-chinese-formal":
+              return 47 /* TRAD_CHINESE_FORMAL */;
+            case "trad-chinese-informal":
+              return 48 /* TRAD_CHINESE_INFORMAL */;
+            case "upper-armenian":
+              return 49 /* UPPER_ARMENIAN */;
+            case "disclosure-open":
+              return 50 /* DISCLOSURE_OPEN */;
+            case "disclosure-closed":
+              return 51 /* DISCLOSURE_CLOSED */;
+            case "none":
+            default:
+              return -1 /* NONE */;
           }
+        },
       };
 
-      var marginForSide = function (side) { return ({
+      var marginForSide = function (side) {
+        return {
           name: "margin-" + side,
-          initialValue: '0',
+          initialValue: "0",
           prefix: false,
-          type: 4 /* TOKEN_VALUE */
-      }); };
-      var marginTop = marginForSide('top');
-      var marginRight = marginForSide('right');
-      var marginBottom = marginForSide('bottom');
-      var marginLeft = marginForSide('left');
+          type: 4 /* TOKEN_VALUE */,
+        };
+      };
+      var marginTop = marginForSide("top");
+      var marginRight = marginForSide("right");
+      var marginBottom = marginForSide("bottom");
+      var marginLeft = marginForSide("left");
 
       var overflow = {
-          name: 'overflow',
-          initialValue: 'visible',
-          prefix: false,
-          type: 1 /* LIST */,
-          parse: function (_context, tokens) {
-              return tokens.filter(isIdentToken).map(function (overflow) {
-                  switch (overflow.value) {
-                      case 'hidden':
-                          return 1 /* HIDDEN */;
-                      case 'scroll':
-                          return 2 /* SCROLL */;
-                      case 'clip':
-                          return 3 /* CLIP */;
-                      case 'auto':
-                          return 4 /* AUTO */;
-                      case 'visible':
-                      default:
-                          return 0 /* VISIBLE */;
-                  }
-              });
-          }
+        name: "overflow",
+        initialValue: "visible",
+        prefix: false,
+        type: 1 /* LIST */,
+        parse: function (_context, tokens) {
+          return tokens.filter(isIdentToken).map(function (overflow) {
+            switch (overflow.value) {
+              case "hidden":
+                return 1 /* HIDDEN */;
+              case "scroll":
+                return 2 /* SCROLL */;
+              case "clip":
+                return 3 /* CLIP */;
+              case "auto":
+                return 4 /* AUTO */;
+              case "visible":
+              default:
+                return 0 /* VISIBLE */;
+            }
+          });
+        },
       };
 
       var overflowWrap = {
-          name: 'overflow-wrap',
-          initialValue: 'normal',
-          prefix: false,
-          type: 2 /* IDENT_VALUE */,
-          parse: function (_context, overflow) {
-              switch (overflow) {
-                  case 'break-word':
-                      return "break-word" /* BREAK_WORD */;
-                  case 'normal':
-                  default:
-                      return "normal" /* NORMAL */;
-              }
+        name: "overflow-wrap",
+        initialValue: "normal",
+        prefix: false,
+        type: 2 /* IDENT_VALUE */,
+        parse: function (_context, overflow) {
+          switch (overflow) {
+            case "break-word":
+              return "break-word" /* BREAK_WORD */;
+            case "normal":
+            default:
+              return "normal" /* NORMAL */;
           }
+        },
       };
 
-      var paddingForSide = function (side) { return ({
+      var paddingForSide = function (side) {
+        return {
           name: "padding-" + side,
-          initialValue: '0',
+          initialValue: "0",
           prefix: false,
           type: 3 /* TYPE_VALUE */,
-          format: 'length-percentage'
-      }); };
-      var paddingTop = paddingForSide('top');
-      var paddingRight = paddingForSide('right');
-      var paddingBottom = paddingForSide('bottom');
-      var paddingLeft = paddingForSide('left');
+          format: "length-percentage",
+        };
+      };
+      var paddingTop = paddingForSide("top");
+      var paddingRight = paddingForSide("right");
+      var paddingBottom = paddingForSide("bottom");
+      var paddingLeft = paddingForSide("left");
 
       var textAlign = {
-          name: 'text-align',
-          initialValue: 'left',
-          prefix: false,
-          type: 2 /* IDENT_VALUE */,
-          parse: function (_context, textAlign) {
-              switch (textAlign) {
-                  case 'right':
-                      return 2 /* RIGHT */;
-                  case 'center':
-                  case 'justify':
-                      return 1 /* CENTER */;
-                  case 'left':
-                  default:
-                      return 0 /* LEFT */;
-              }
+        name: "text-align",
+        initialValue: "left",
+        prefix: false,
+        type: 2 /* IDENT_VALUE */,
+        parse: function (_context, textAlign) {
+          switch (textAlign) {
+            case "right":
+              return 2 /* RIGHT */;
+            case "center":
+            case "justify":
+              return 1 /* CENTER */;
+            case "left":
+            default:
+              return 0 /* LEFT */;
           }
+        },
       };
 
       var position = {
-          name: 'position',
-          initialValue: 'static',
-          prefix: false,
-          type: 2 /* IDENT_VALUE */,
-          parse: function (_context, position) {
-              switch (position) {
-                  case 'relative':
-                      return 1 /* RELATIVE */;
-                  case 'absolute':
-                      return 2 /* ABSOLUTE */;
-                  case 'fixed':
-                      return 3 /* FIXED */;
-                  case 'sticky':
-                      return 4 /* STICKY */;
-              }
-              return 0 /* STATIC */;
-          }
+        name: "position",
+        initialValue: "static",
+        prefix: false,
+        type: 2 /* IDENT_VALUE */,
+        parse: function (_context, position) {
+          switch (position) {
+            case "relative":
+              return 1 /* RELATIVE */;
+            case "absolute":
+              return 2 /* ABSOLUTE */;
+            case "fixed":
+              return 3 /* FIXED */;
+            case "sticky":
+              return 4 /* STICKY */;
+          }
+          return 0 /* STATIC */;
+        },
       };
 
       var textShadow = {
-          name: 'text-shadow',
-          initialValue: 'none',
-          type: 1 /* LIST */,
-          prefix: false,
-          parse: function (context, tokens) {
-              if (tokens.length === 1 && isIdentWithValue(tokens[0], 'none')) {
-                  return [];
-              }
-              return parseFunctionArgs(tokens).map(function (values) {
-                  var shadow = {
-                      color: COLORS.TRANSPARENT,
-                      offsetX: ZERO_LENGTH,
-                      offsetY: ZERO_LENGTH,
-                      blur: ZERO_LENGTH
-                  };
-                  var c = 0;
-                  for (var i = 0; i < values.length; i++) {
-                      var token = values[i];
-                      if (isLength(token)) {
-                          if (c === 0) {
-                              shadow.offsetX = token;
-                          }
-                          else if (c === 1) {
-                              shadow.offsetY = token;
-                          }
-                          else {
-                              shadow.blur = token;
-                          }
-                          c++;
-                      }
-                      else {
-                          shadow.color = color$1.parse(context, token);
-                      }
-                  }
-                  return shadow;
-              });
-          }
+        name: "text-shadow",
+        initialValue: "none",
+        type: 1 /* LIST */,
+        prefix: false,
+        parse: function (context, tokens) {
+          if (tokens.length === 1 && isIdentWithValue(tokens[0], "none")) {
+            return [];
+          }
+          return parseFunctionArgs(tokens).map(function (values) {
+            var shadow = {
+              color: COLORS.TRANSPARENT,
+              offsetX: ZERO_LENGTH,
+              offsetY: ZERO_LENGTH,
+              blur: ZERO_LENGTH,
+            };
+            var c = 0;
+            for (var i = 0; i < values.length; i++) {
+              var token = values[i];
+              if (isLength(token)) {
+                if (c === 0) {
+                  shadow.offsetX = token;
+                } else if (c === 1) {
+                  shadow.offsetY = token;
+                } else {
+                  shadow.blur = token;
+                }
+                c++;
+              } else {
+                shadow.color = color$1.parse(context, token);
+              }
+            }
+            return shadow;
+          });
+        },
       };
 
       var textTransform = {
-          name: 'text-transform',
-          initialValue: 'none',
-          prefix: false,
-          type: 2 /* IDENT_VALUE */,
-          parse: function (_context, textTransform) {
-              switch (textTransform) {
-                  case 'uppercase':
-                      return 2 /* UPPERCASE */;
-                  case 'lowercase':
-                      return 1 /* LOWERCASE */;
-                  case 'capitalize':
-                      return 3 /* CAPITALIZE */;
-              }
-              return 0 /* NONE */;
+        name: "text-transform",
+        initialValue: "none",
+        prefix: false,
+        type: 2 /* IDENT_VALUE */,
+        parse: function (_context, textTransform) {
+          switch (textTransform) {
+            case "uppercase":
+              return 2 /* UPPERCASE */;
+            case "lowercase":
+              return 1 /* LOWERCASE */;
+            case "capitalize":
+              return 3 /* CAPITALIZE */;
           }
+          return 0 /* NONE */;
+        },
       };
 
       var transform$1 = {
-          name: 'transform',
-          initialValue: 'none',
-          prefix: true,
-          type: 0 /* VALUE */,
-          parse: function (_context, token) {
-              if (token.type === 20 /* IDENT_TOKEN */ && token.value === 'none') {
-                  return null;
-              }
-              if (token.type === 18 /* FUNCTION */) {
-                  var transformFunction = SUPPORTED_TRANSFORM_FUNCTIONS[token.name];
-                  if (typeof transformFunction === 'undefined') {
-                      throw new Error("Attempting to parse an unsupported transform function \"" + token.name + "\"");
-                  }
-                  return transformFunction(token.values);
-              }
-              return null;
-          }
+        name: "transform",
+        initialValue: "none",
+        prefix: true,
+        type: 0 /* VALUE */,
+        parse: function (_context, token) {
+          if (token.type === 20 /* IDENT_TOKEN */ && token.value === "none") {
+            return null;
+          }
+          if (token.type === 18 /* FUNCTION */) {
+            var transformFunction = SUPPORTED_TRANSFORM_FUNCTIONS[token.name];
+            if (typeof transformFunction === "undefined") {
+              throw new Error(
+                'Attempting to parse an unsupported transform function "' +
+                  token.name +
+                  '"',
+              );
+            }
+            return transformFunction(token.values);
+          }
+          return null;
+        },
       };
       var matrix = function (args) {
-          var values = args.filter(function (arg) { return arg.type === 17 /* NUMBER_TOKEN */; }).map(function (arg) { return arg.number; });
-          return values.length === 6 ? values : null;
+        var values = args
+          .filter(function (arg) {
+            return arg.type === 17 /* NUMBER_TOKEN */;
+          })
+          .map(function (arg) {
+            return arg.number;
+          });
+        return values.length === 6 ? values : null;
       };
       // doesn't support 3D transforms at the moment
       var matrix3d = function (args) {
-          var values = args.filter(function (arg) { return arg.type === 17 /* NUMBER_TOKEN */; }).map(function (arg) { return arg.number; });
-          var a1 = values[0], b1 = values[1]; values[2]; values[3]; var a2 = values[4], b2 = values[5]; values[6]; values[7]; values[8]; values[9]; values[10]; values[11]; var a4 = values[12], b4 = values[13]; values[14]; values[15];
-          return values.length === 16 ? [a1, b1, a2, b2, a4, b4] : null;
+        var values = args
+          .filter(function (arg) {
+            return arg.type === 17 /* NUMBER_TOKEN */;
+          })
+          .map(function (arg) {
+            return arg.number;
+          });
+        var a1 = values[0],
+          b1 = values[1];
+        values[2];
+        values[3];
+        var a2 = values[4],
+          b2 = values[5];
+        values[6];
+        values[7];
+        values[8];
+        values[9];
+        values[10];
+        values[11];
+        var a4 = values[12],
+          b4 = values[13];
+        values[14];
+        values[15];
+        return values.length === 16 ? [a1, b1, a2, b2, a4, b4] : null;
       };
       var SUPPORTED_TRANSFORM_FUNCTIONS = {
-          matrix: matrix,
-          matrix3d: matrix3d
+        matrix: matrix,
+        matrix3d: matrix3d,
       };
 
       var DEFAULT_VALUE = {
-          type: 16 /* PERCENTAGE_TOKEN */,
-          number: 50,
-          flags: FLAG_INTEGER
+        type: 16 /* PERCENTAGE_TOKEN */,
+        number: 50,
+        flags: FLAG_INTEGER,
       };
       var DEFAULT = [DEFAULT_VALUE, DEFAULT_VALUE];
       var transformOrigin = {
-          name: 'transform-origin',
-          initialValue: '50% 50%',
-          prefix: true,
-          type: 1 /* LIST */,
-          parse: function (_context, tokens) {
-              var origins = tokens.filter(isLengthPercentage);
-              if (origins.length !== 2) {
-                  return DEFAULT;
-              }
-              return [origins[0], origins[1]];
-          }
+        name: "transform-origin",
+        initialValue: "50% 50%",
+        prefix: true,
+        type: 1 /* LIST */,
+        parse: function (_context, tokens) {
+          var origins = tokens.filter(isLengthPercentage);
+          if (origins.length !== 2) {
+            return DEFAULT;
+          }
+          return [origins[0], origins[1]];
+        },
       };
 
       var visibility = {
-          name: 'visible',
-          initialValue: 'none',
-          prefix: false,
-          type: 2 /* IDENT_VALUE */,
-          parse: function (_context, visibility) {
-              switch (visibility) {
-                  case 'hidden':
-                      return 1 /* HIDDEN */;
-                  case 'collapse':
-                      return 2 /* COLLAPSE */;
-                  case 'visible':
-                  default:
-                      return 0 /* VISIBLE */;
-              }
+        name: "visible",
+        initialValue: "none",
+        prefix: false,
+        type: 2 /* IDENT_VALUE */,
+        parse: function (_context, visibility) {
+          switch (visibility) {
+            case "hidden":
+              return 1 /* HIDDEN */;
+            case "collapse":
+              return 2 /* COLLAPSE */;
+            case "visible":
+            default:
+              return 0 /* VISIBLE */;
           }
+        },
       };
 
       var WORD_BREAK;
       (function (WORD_BREAK) {
-          WORD_BREAK["NORMAL"] = "normal";
-          WORD_BREAK["BREAK_ALL"] = "break-all";
-          WORD_BREAK["KEEP_ALL"] = "keep-all";
+        WORD_BREAK["NORMAL"] = "normal";
+        WORD_BREAK["BREAK_ALL"] = "break-all";
+        WORD_BREAK["KEEP_ALL"] = "keep-all";
       })(WORD_BREAK || (WORD_BREAK = {}));
       var wordBreak = {
-          name: 'word-break',
-          initialValue: 'normal',
-          prefix: false,
-          type: 2 /* IDENT_VALUE */,
-          parse: function (_context, wordBreak) {
-              switch (wordBreak) {
-                  case 'break-all':
-                      return WORD_BREAK.BREAK_ALL;
-                  case 'keep-all':
-                      return WORD_BREAK.KEEP_ALL;
-                  case 'normal':
-                  default:
-                      return WORD_BREAK.NORMAL;
-              }
+        name: "word-break",
+        initialValue: "normal",
+        prefix: false,
+        type: 2 /* IDENT_VALUE */,
+        parse: function (_context, wordBreak) {
+          switch (wordBreak) {
+            case "break-all":
+              return WORD_BREAK.BREAK_ALL;
+            case "keep-all":
+              return WORD_BREAK.KEEP_ALL;
+            case "normal":
+            default:
+              return WORD_BREAK.NORMAL;
           }
+        },
       };
 
       var zIndex = {
-          name: 'z-index',
-          initialValue: 'auto',
-          prefix: false,
-          type: 0 /* VALUE */,
-          parse: function (_context, token) {
-              if (token.type === 20 /* IDENT_TOKEN */) {
-                  return { auto: true, order: 0 };
-              }
-              if (isNumberToken(token)) {
-                  return { auto: false, order: token.number };
-              }
-              throw new Error("Invalid z-index number parsed");
-          }
+        name: "z-index",
+        initialValue: "auto",
+        prefix: false,
+        type: 0 /* VALUE */,
+        parse: function (_context, token) {
+          if (token.type === 20 /* IDENT_TOKEN */) {
+            return { auto: true, order: 0 };
+          }
+          if (isNumberToken(token)) {
+            return { auto: false, order: token.number };
+          }
+          throw new Error("Invalid z-index number parsed");
+        },
       };
 
       var time = {
-          name: 'time',
-          parse: function (_context, value) {
-              if (value.type === 15 /* DIMENSION_TOKEN */) {
-                  switch (value.unit.toLowerCase()) {
-                      case 's':
-                          return 1000 * value.number;
-                      case 'ms':
-                          return value.number;
-                  }
-              }
-              throw new Error("Unsupported time type");
-          }
+        name: "time",
+        parse: function (_context, value) {
+          if (value.type === 15 /* DIMENSION_TOKEN */) {
+            switch (value.unit.toLowerCase()) {
+              case "s":
+                return 1000 * value.number;
+              case "ms":
+                return value.number;
+            }
+          }
+          throw new Error("Unsupported time type");
+        },
       };
 
       var opacity = {
-          name: 'opacity',
-          initialValue: '1',
-          type: 0 /* VALUE */,
-          prefix: false,
-          parse: function (_context, token) {
-              if (isNumberToken(token)) {
-                  return token.number;
-              }
-              return 1;
-          }
+        name: "opacity",
+        initialValue: "1",
+        type: 0 /* VALUE */,
+        prefix: false,
+        parse: function (_context, token) {
+          if (isNumberToken(token)) {
+            return token.number;
+          }
+          return 1;
+        },
       };
 
       var textDecorationColor = {
-          name: "text-decoration-color",
-          initialValue: 'transparent',
-          prefix: false,
-          type: 3 /* TYPE_VALUE */,
-          format: 'color'
+        name: "text-decoration-color",
+        initialValue: "transparent",
+        prefix: false,
+        type: 3 /* TYPE_VALUE */,
+        format: "color",
       };
 
       var textDecorationLine = {
-          name: 'text-decoration-line',
-          initialValue: 'none',
-          prefix: false,
-          type: 1 /* LIST */,
-          parse: function (_context, tokens) {
-              return tokens
-                  .filter(isIdentToken)
-                  .map(function (token) {
-                  switch (token.value) {
-                      case 'underline':
-                          return 1 /* UNDERLINE */;
-                      case 'overline':
-                          return 2 /* OVERLINE */;
-                      case 'line-through':
-                          return 3 /* LINE_THROUGH */;
-                      case 'none':
-                          return 4 /* BLINK */;
-                  }
-                  return 0 /* NONE */;
-              })
-                  .filter(function (line) { return line !== 0 /* NONE */; });
-          }
+        name: "text-decoration-line",
+        initialValue: "none",
+        prefix: false,
+        type: 1 /* LIST */,
+        parse: function (_context, tokens) {
+          return tokens
+            .filter(isIdentToken)
+            .map(function (token) {
+              switch (token.value) {
+                case "underline":
+                  return 1 /* UNDERLINE */;
+                case "overline":
+                  return 2 /* OVERLINE */;
+                case "line-through":
+                  return 3 /* LINE_THROUGH */;
+                case "none":
+                  return 4 /* BLINK */;
+              }
+              return 0 /* NONE */;
+            })
+            .filter(function (line) {
+              return line !== 0 /* NONE */;
+            });
+        },
       };
 
       var fontFamily = {
-          name: "font-family",
-          initialValue: '',
-          prefix: false,
-          type: 1 /* LIST */,
-          parse: function (_context, tokens) {
-              var accumulator = [];
-              var results = [];
-              tokens.forEach(function (token) {
-                  switch (token.type) {
-                      case 20 /* IDENT_TOKEN */:
-                      case 0 /* STRING_TOKEN */:
-                          accumulator.push(token.value);
-                          break;
-                      case 17 /* NUMBER_TOKEN */:
-                          accumulator.push(token.number.toString());
-                          break;
-                      case 4 /* COMMA_TOKEN */:
-                          results.push(accumulator.join(' '));
-                          accumulator.length = 0;
-                          break;
-                  }
-              });
-              if (accumulator.length) {
-                  results.push(accumulator.join(' '));
-              }
-              return results.map(function (result) { return (result.indexOf(' ') === -1 ? result : "'" + result + "'"); });
+        name: "font-family",
+        initialValue: "",
+        prefix: false,
+        type: 1 /* LIST */,
+        parse: function (_context, tokens) {
+          var accumulator = [];
+          var results = [];
+          tokens.forEach(function (token) {
+            switch (token.type) {
+              case 20 /* IDENT_TOKEN */:
+              case 0 /* STRING_TOKEN */:
+                accumulator.push(token.value);
+                break;
+              case 17 /* NUMBER_TOKEN */:
+                accumulator.push(token.number.toString());
+                break;
+              case 4 /* COMMA_TOKEN */:
+                results.push(accumulator.join(" "));
+                accumulator.length = 0;
+                break;
+            }
+          });
+          if (accumulator.length) {
+            results.push(accumulator.join(" "));
           }
+          return results.map(function (result) {
+            return result.indexOf(" ") === -1 ? result : "'" + result + "'";
+          });
+        },
       };
 
       var fontSize = {
-          name: "font-size",
-          initialValue: '0',
-          prefix: false,
-          type: 3 /* TYPE_VALUE */,
-          format: 'length'
+        name: "font-size",
+        initialValue: "0",
+        prefix: false,
+        type: 3 /* TYPE_VALUE */,
+        format: "length",
       };
 
       var fontWeight = {
-          name: 'font-weight',
-          initialValue: 'normal',
-          type: 0 /* VALUE */,
-          prefix: false,
-          parse: function (_context, token) {
-              if (isNumberToken(token)) {
-                  return token.number;
-              }
-              if (isIdentToken(token)) {
-                  switch (token.value) {
-                      case 'bold':
-                          return 700;
-                      case 'normal':
-                      default:
-                          return 400;
-                  }
-              }
-              return 400;
+        name: "font-weight",
+        initialValue: "normal",
+        type: 0 /* VALUE */,
+        prefix: false,
+        parse: function (_context, token) {
+          if (isNumberToken(token)) {
+            return token.number;
+          }
+          if (isIdentToken(token)) {
+            switch (token.value) {
+              case "bold":
+                return 700;
+              case "normal":
+              default:
+                return 400;
+            }
           }
+          return 400;
+        },
       };
 
       var fontVariant = {
-          name: 'font-variant',
-          initialValue: 'none',
-          type: 1 /* LIST */,
-          prefix: false,
-          parse: function (_context, tokens) {
-              return tokens.filter(isIdentToken).map(function (token) { return token.value; });
-          }
+        name: "font-variant",
+        initialValue: "none",
+        type: 1 /* LIST */,
+        prefix: false,
+        parse: function (_context, tokens) {
+          return tokens.filter(isIdentToken).map(function (token) {
+            return token.value;
+          });
+        },
       };
 
       var fontStyle = {
-          name: 'font-style',
-          initialValue: 'normal',
-          prefix: false,
-          type: 2 /* IDENT_VALUE */,
-          parse: function (_context, overflow) {
-              switch (overflow) {
-                  case 'oblique':
-                      return "oblique" /* OBLIQUE */;
-                  case 'italic':
-                      return "italic" /* ITALIC */;
-                  case 'normal':
-                  default:
-                      return "normal" /* NORMAL */;
-              }
+        name: "font-style",
+        initialValue: "normal",
+        prefix: false,
+        type: 2 /* IDENT_VALUE */,
+        parse: function (_context, overflow) {
+          switch (overflow) {
+            case "oblique":
+              return "oblique" /* OBLIQUE */;
+            case "italic":
+              return "italic" /* ITALIC */;
+            case "normal":
+            default:
+              return "normal" /* NORMAL */;
           }
+        },
       };
 
-      var contains = function (bit, value) { return (bit & value) !== 0; };
+      var contains = function (bit, value) {
+        return (bit & value) !== 0;
+      };
 
       var content = {
-          name: 'content',
-          initialValue: 'none',
-          type: 1 /* LIST */,
-          prefix: false,
-          parse: function (_context, tokens) {
-              if (tokens.length === 0) {
-                  return [];
-              }
-              var first = tokens[0];
-              if (first.type === 20 /* IDENT_TOKEN */ && first.value === 'none') {
-                  return [];
-              }
-              return tokens;
-          }
+        name: "content",
+        initialValue: "none",
+        type: 1 /* LIST */,
+        prefix: false,
+        parse: function (_context, tokens) {
+          if (tokens.length === 0) {
+            return [];
+          }
+          var first = tokens[0];
+          if (first.type === 20 /* IDENT_TOKEN */ && first.value === "none") {
+            return [];
+          }
+          return tokens;
+        },
       };
 
       var counterIncrement = {
-          name: 'counter-increment',
-          initialValue: 'none',
-          prefix: true,
-          type: 1 /* LIST */,
-          parse: function (_context, tokens) {
-              if (tokens.length === 0) {
-                  return null;
-              }
-              var first = tokens[0];
-              if (first.type === 20 /* IDENT_TOKEN */ && first.value === 'none') {
-                  return null;
-              }
-              var increments = [];
-              var filtered = tokens.filter(nonWhiteSpace);
-              for (var i = 0; i < filtered.length; i++) {
-                  var counter = filtered[i];
-                  var next = filtered[i + 1];
-                  if (counter.type === 20 /* IDENT_TOKEN */) {
-                      var increment = next && isNumberToken(next) ? next.number : 1;
-                      increments.push({ counter: counter.value, increment: increment });
-                  }
-              }
-              return increments;
-          }
+        name: "counter-increment",
+        initialValue: "none",
+        prefix: true,
+        type: 1 /* LIST */,
+        parse: function (_context, tokens) {
+          if (tokens.length === 0) {
+            return null;
+          }
+          var first = tokens[0];
+          if (first.type === 20 /* IDENT_TOKEN */ && first.value === "none") {
+            return null;
+          }
+          var increments = [];
+          var filtered = tokens.filter(nonWhiteSpace);
+          for (var i = 0; i < filtered.length; i++) {
+            var counter = filtered[i];
+            var next = filtered[i + 1];
+            if (counter.type === 20 /* IDENT_TOKEN */) {
+              var increment = next && isNumberToken(next) ? next.number : 1;
+              increments.push({ counter: counter.value, increment: increment });
+            }
+          }
+          return increments;
+        },
       };
 
       var counterReset = {
-          name: 'counter-reset',
-          initialValue: 'none',
-          prefix: true,
-          type: 1 /* LIST */,
-          parse: function (_context, tokens) {
-              if (tokens.length === 0) {
-                  return [];
-              }
-              var resets = [];
-              var filtered = tokens.filter(nonWhiteSpace);
-              for (var i = 0; i < filtered.length; i++) {
-                  var counter = filtered[i];
-                  var next = filtered[i + 1];
-                  if (isIdentToken(counter) && counter.value !== 'none') {
-                      var reset = next && isNumberToken(next) ? next.number : 0;
-                      resets.push({ counter: counter.value, reset: reset });
-                  }
-              }
-              return resets;
-          }
+        name: "counter-reset",
+        initialValue: "none",
+        prefix: true,
+        type: 1 /* LIST */,
+        parse: function (_context, tokens) {
+          if (tokens.length === 0) {
+            return [];
+          }
+          var resets = [];
+          var filtered = tokens.filter(nonWhiteSpace);
+          for (var i = 0; i < filtered.length; i++) {
+            var counter = filtered[i];
+            var next = filtered[i + 1];
+            if (isIdentToken(counter) && counter.value !== "none") {
+              var reset = next && isNumberToken(next) ? next.number : 0;
+              resets.push({ counter: counter.value, reset: reset });
+            }
+          }
+          return resets;
+        },
       };
 
       var duration = {
-          name: 'duration',
-          initialValue: '0s',
-          prefix: false,
-          type: 1 /* LIST */,
-          parse: function (context, tokens) {
-              return tokens.filter(isDimensionToken).map(function (token) { return time.parse(context, token); });
-          }
+        name: "duration",
+        initialValue: "0s",
+        prefix: false,
+        type: 1 /* LIST */,
+        parse: function (context, tokens) {
+          return tokens.filter(isDimensionToken).map(function (token) {
+            return time.parse(context, token);
+          });
+        },
       };
 
       var quotes = {
-          name: 'quotes',
-          initialValue: 'none',
-          prefix: true,
-          type: 1 /* LIST */,
-          parse: function (_context, tokens) {
-              if (tokens.length === 0) {
-                  return null;
-              }
-              var first = tokens[0];
-              if (first.type === 20 /* IDENT_TOKEN */ && first.value === 'none') {
-                  return null;
-              }
-              var quotes = [];
-              var filtered = tokens.filter(isStringToken);
-              if (filtered.length % 2 !== 0) {
-                  return null;
-              }
-              for (var i = 0; i < filtered.length; i += 2) {
-                  var open_1 = filtered[i].value;
-                  var close_1 = filtered[i + 1].value;
-                  quotes.push({ open: open_1, close: close_1 });
-              }
-              return quotes;
-          }
+        name: "quotes",
+        initialValue: "none",
+        prefix: true,
+        type: 1 /* LIST */,
+        parse: function (_context, tokens) {
+          if (tokens.length === 0) {
+            return null;
+          }
+          var first = tokens[0];
+          if (first.type === 20 /* IDENT_TOKEN */ && first.value === "none") {
+            return null;
+          }
+          var quotes = [];
+          var filtered = tokens.filter(isStringToken);
+          if (filtered.length % 2 !== 0) {
+            return null;
+          }
+          for (var i = 0; i < filtered.length; i += 2) {
+            var open_1 = filtered[i].value;
+            var close_1 = filtered[i + 1].value;
+            quotes.push({ open: open_1, close: close_1 });
+          }
+          return quotes;
+        },
       };
       var getQuote = function (quotes, depth, open) {
-          if (!quotes) {
-              return '';
-          }
-          var quote = quotes[Math.min(depth, quotes.length - 1)];
-          if (!quote) {
-              return '';
-          }
-          return open ? quote.open : quote.close;
+        if (!quotes) {
+          return "";
+        }
+        var quote = quotes[Math.min(depth, quotes.length - 1)];
+        if (!quote) {
+          return "";
+        }
+        return open ? quote.open : quote.close;
       };
 
       var boxShadow = {
-          name: 'box-shadow',
-          initialValue: 'none',
-          type: 1 /* LIST */,
-          prefix: false,
-          parse: function (context, tokens) {
-              if (tokens.length === 1 && isIdentWithValue(tokens[0], 'none')) {
-                  return [];
-              }
-              return parseFunctionArgs(tokens).map(function (values) {
-                  var shadow = {
-                      color: 0x000000ff,
-                      offsetX: ZERO_LENGTH,
-                      offsetY: ZERO_LENGTH,
-                      blur: ZERO_LENGTH,
-                      spread: ZERO_LENGTH,
-                      inset: false
-                  };
-                  var c = 0;
-                  for (var i = 0; i < values.length; i++) {
-                      var token = values[i];
-                      if (isIdentWithValue(token, 'inset')) {
-                          shadow.inset = true;
-                      }
-                      else if (isLength(token)) {
-                          if (c === 0) {
-                              shadow.offsetX = token;
-                          }
-                          else if (c === 1) {
-                              shadow.offsetY = token;
-                          }
-                          else if (c === 2) {
-                              shadow.blur = token;
-                          }
-                          else {
-                              shadow.spread = token;
-                          }
-                          c++;
-                      }
-                      else {
-                          shadow.color = color$1.parse(context, token);
-                      }
-                  }
-                  return shadow;
-              });
-          }
+        name: "box-shadow",
+        initialValue: "none",
+        type: 1 /* LIST */,
+        prefix: false,
+        parse: function (context, tokens) {
+          if (tokens.length === 1 && isIdentWithValue(tokens[0], "none")) {
+            return [];
+          }
+          return parseFunctionArgs(tokens).map(function (values) {
+            var shadow = {
+              color: 0x000000ff,
+              offsetX: ZERO_LENGTH,
+              offsetY: ZERO_LENGTH,
+              blur: ZERO_LENGTH,
+              spread: ZERO_LENGTH,
+              inset: false,
+            };
+            var c = 0;
+            for (var i = 0; i < values.length; i++) {
+              var token = values[i];
+              if (isIdentWithValue(token, "inset")) {
+                shadow.inset = true;
+              } else if (isLength(token)) {
+                if (c === 0) {
+                  shadow.offsetX = token;
+                } else if (c === 1) {
+                  shadow.offsetY = token;
+                } else if (c === 2) {
+                  shadow.blur = token;
+                } else {
+                  shadow.spread = token;
+                }
+                c++;
+              } else {
+                shadow.color = color$1.parse(context, token);
+              }
+            }
+            return shadow;
+          });
+        },
       };
 
       var paintOrder = {
-          name: 'paint-order',
-          initialValue: 'normal',
-          prefix: false,
-          type: 1 /* LIST */,
-          parse: function (_context, tokens) {
-              var DEFAULT_VALUE = [0 /* FILL */, 1 /* STROKE */, 2 /* MARKERS */];
-              var layers = [];
-              tokens.filter(isIdentToken).forEach(function (token) {
-                  switch (token.value) {
-                      case 'stroke':
-                          layers.push(1 /* STROKE */);
-                          break;
-                      case 'fill':
-                          layers.push(0 /* FILL */);
-                          break;
-                      case 'markers':
-                          layers.push(2 /* MARKERS */);
-                          break;
-                  }
-              });
-              DEFAULT_VALUE.forEach(function (value) {
-                  if (layers.indexOf(value) === -1) {
-                      layers.push(value);
-                  }
-              });
-              return layers;
-          }
+        name: "paint-order",
+        initialValue: "normal",
+        prefix: false,
+        type: 1 /* LIST */,
+        parse: function (_context, tokens) {
+          var DEFAULT_VALUE = [0 /* FILL */, 1 /* STROKE */, 2 /* MARKERS */];
+          var layers = [];
+          tokens.filter(isIdentToken).forEach(function (token) {
+            switch (token.value) {
+              case "stroke":
+                layers.push(1 /* STROKE */);
+                break;
+              case "fill":
+                layers.push(0 /* FILL */);
+                break;
+              case "markers":
+                layers.push(2 /* MARKERS */);
+                break;
+            }
+          });
+          DEFAULT_VALUE.forEach(function (value) {
+            if (layers.indexOf(value) === -1) {
+              layers.push(value);
+            }
+          });
+          return layers;
+        },
       };
 
       var webkitTextStrokeColor = {
-          name: "-webkit-text-stroke-color",
-          initialValue: 'currentcolor',
-          prefix: false,
-          type: 3 /* TYPE_VALUE */,
-          format: 'color'
+        name: "-webkit-text-stroke-color",
+        initialValue: "currentcolor",
+        prefix: false,
+        type: 3 /* TYPE_VALUE */,
+        format: "color",
       };
 
       var webkitTextStrokeWidth = {
-          name: "-webkit-text-stroke-width",
-          initialValue: '0',
-          type: 0 /* VALUE */,
-          prefix: false,
-          parse: function (_context, token) {
-              if (isDimensionToken(token)) {
-                  return token.number;
-              }
-              return 0;
+        name: "-webkit-text-stroke-width",
+        initialValue: "0",
+        type: 0 /* VALUE */,
+        prefix: false,
+        parse: function (_context, token) {
+          if (isDimensionToken(token)) {
+            return token.number;
           }
+          return 0;
+        },
       };
 
       var CSSParsedDeclaration = /** @class */ (function () {
-          function CSSParsedDeclaration(context, declaration) {
-              var _a, _b;
-              this.animationDuration = parse(context, duration, declaration.animationDuration);
-              this.backgroundClip = parse(context, backgroundClip, declaration.backgroundClip);
-              this.backgroundColor = parse(context, backgroundColor, declaration.backgroundColor);
-              this.backgroundImage = parse(context, backgroundImage, declaration.backgroundImage);
-              this.backgroundOrigin = parse(context, backgroundOrigin, declaration.backgroundOrigin);
-              this.backgroundPosition = parse(context, backgroundPosition, declaration.backgroundPosition);
-              this.backgroundRepeat = parse(context, backgroundRepeat, declaration.backgroundRepeat);
-              this.backgroundSize = parse(context, backgroundSize, declaration.backgroundSize);
-              this.borderTopColor = parse(context, borderTopColor, declaration.borderTopColor);
-              this.borderRightColor = parse(context, borderRightColor, declaration.borderRightColor);
-              this.borderBottomColor = parse(context, borderBottomColor, declaration.borderBottomColor);
-              this.borderLeftColor = parse(context, borderLeftColor, declaration.borderLeftColor);
-              this.borderTopLeftRadius = parse(context, borderTopLeftRadius, declaration.borderTopLeftRadius);
-              this.borderTopRightRadius = parse(context, borderTopRightRadius, declaration.borderTopRightRadius);
-              this.borderBottomRightRadius = parse(context, borderBottomRightRadius, declaration.borderBottomRightRadius);
-              this.borderBottomLeftRadius = parse(context, borderBottomLeftRadius, declaration.borderBottomLeftRadius);
-              this.borderTopStyle = parse(context, borderTopStyle, declaration.borderTopStyle);
-              this.borderRightStyle = parse(context, borderRightStyle, declaration.borderRightStyle);
-              this.borderBottomStyle = parse(context, borderBottomStyle, declaration.borderBottomStyle);
-              this.borderLeftStyle = parse(context, borderLeftStyle, declaration.borderLeftStyle);
-              this.borderTopWidth = parse(context, borderTopWidth, declaration.borderTopWidth);
-              this.borderRightWidth = parse(context, borderRightWidth, declaration.borderRightWidth);
-              this.borderBottomWidth = parse(context, borderBottomWidth, declaration.borderBottomWidth);
-              this.borderLeftWidth = parse(context, borderLeftWidth, declaration.borderLeftWidth);
-              this.boxShadow = parse(context, boxShadow, declaration.boxShadow);
-              this.color = parse(context, color, declaration.color);
-              this.direction = parse(context, direction, declaration.direction);
-              this.display = parse(context, display, declaration.display);
-              this.float = parse(context, float, declaration.cssFloat);
-              this.fontFamily = parse(context, fontFamily, declaration.fontFamily);
-              this.fontSize = parse(context, fontSize, declaration.fontSize);
-              this.fontStyle = parse(context, fontStyle, declaration.fontStyle);
-              this.fontVariant = parse(context, fontVariant, declaration.fontVariant);
-              this.fontWeight = parse(context, fontWeight, declaration.fontWeight);
-              this.letterSpacing = parse(context, letterSpacing, declaration.letterSpacing);
-              this.lineBreak = parse(context, lineBreak, declaration.lineBreak);
-              this.lineHeight = parse(context, lineHeight, declaration.lineHeight);
-              this.listStyleImage = parse(context, listStyleImage, declaration.listStyleImage);
-              this.listStylePosition = parse(context, listStylePosition, declaration.listStylePosition);
-              this.listStyleType = parse(context, listStyleType, declaration.listStyleType);
-              this.marginTop = parse(context, marginTop, declaration.marginTop);
-              this.marginRight = parse(context, marginRight, declaration.marginRight);
-              this.marginBottom = parse(context, marginBottom, declaration.marginBottom);
-              this.marginLeft = parse(context, marginLeft, declaration.marginLeft);
-              this.opacity = parse(context, opacity, declaration.opacity);
-              var overflowTuple = parse(context, overflow, declaration.overflow);
-              this.overflowX = overflowTuple[0];
-              this.overflowY = overflowTuple[overflowTuple.length > 1 ? 1 : 0];
-              this.overflowWrap = parse(context, overflowWrap, declaration.overflowWrap);
-              this.paddingTop = parse(context, paddingTop, declaration.paddingTop);
-              this.paddingRight = parse(context, paddingRight, declaration.paddingRight);
-              this.paddingBottom = parse(context, paddingBottom, declaration.paddingBottom);
-              this.paddingLeft = parse(context, paddingLeft, declaration.paddingLeft);
-              this.paintOrder = parse(context, paintOrder, declaration.paintOrder);
-              this.position = parse(context, position, declaration.position);
-              this.textAlign = parse(context, textAlign, declaration.textAlign);
-              this.textDecorationColor = parse(context, textDecorationColor, (_a = declaration.textDecorationColor) !== null && _a !== void 0 ? _a : declaration.color);
-              this.textDecorationLine = parse(context, textDecorationLine, (_b = declaration.textDecorationLine) !== null && _b !== void 0 ? _b : declaration.textDecoration);
-              this.textShadow = parse(context, textShadow, declaration.textShadow);
-              this.textTransform = parse(context, textTransform, declaration.textTransform);
-              this.transform = parse(context, transform$1, declaration.transform);
-              this.transformOrigin = parse(context, transformOrigin, declaration.transformOrigin);
-              this.visibility = parse(context, visibility, declaration.visibility);
-              this.webkitTextStrokeColor = parse(context, webkitTextStrokeColor, declaration.webkitTextStrokeColor);
-              this.webkitTextStrokeWidth = parse(context, webkitTextStrokeWidth, declaration.webkitTextStrokeWidth);
-              this.wordBreak = parse(context, wordBreak, declaration.wordBreak);
-              this.zIndex = parse(context, zIndex, declaration.zIndex);
-          }
-          CSSParsedDeclaration.prototype.isVisible = function () {
-              return this.display > 0 && this.opacity > 0 && this.visibility === 0 /* VISIBLE */;
-          };
-          CSSParsedDeclaration.prototype.isTransparent = function () {
-              return isTransparent(this.backgroundColor);
-          };
-          CSSParsedDeclaration.prototype.isTransformed = function () {
-              return this.transform !== null;
-          };
-          CSSParsedDeclaration.prototype.isPositioned = function () {
-              return this.position !== 0 /* STATIC */;
-          };
-          CSSParsedDeclaration.prototype.isPositionedWithZIndex = function () {
-              return this.isPositioned() && !this.zIndex.auto;
-          };
-          CSSParsedDeclaration.prototype.isFloating = function () {
-              return this.float !== 0 /* NONE */;
-          };
-          CSSParsedDeclaration.prototype.isInlineLevel = function () {
-              return (contains(this.display, 4 /* INLINE */) ||
-                  contains(this.display, 33554432 /* INLINE_BLOCK */) ||
-                  contains(this.display, 268435456 /* INLINE_FLEX */) ||
-                  contains(this.display, 536870912 /* INLINE_GRID */) ||
-                  contains(this.display, 67108864 /* INLINE_LIST_ITEM */) ||
-                  contains(this.display, 134217728 /* INLINE_TABLE */));
-          };
-          return CSSParsedDeclaration;
-      }());
+        function CSSParsedDeclaration(context, declaration) {
+          var _a, _b;
+          this.animationDuration = parse(
+            context,
+            duration,
+            declaration.animationDuration,
+          );
+          this.backgroundClip = parse(
+            context,
+            backgroundClip,
+            declaration.backgroundClip,
+          );
+          this.backgroundColor = parse(
+            context,
+            backgroundColor,
+            declaration.backgroundColor,
+          );
+          this.backgroundImage = parse(
+            context,
+            backgroundImage,
+            declaration.backgroundImage,
+          );
+          this.backgroundOrigin = parse(
+            context,
+            backgroundOrigin,
+            declaration.backgroundOrigin,
+          );
+          this.backgroundPosition = parse(
+            context,
+            backgroundPosition,
+            declaration.backgroundPosition,
+          );
+          this.backgroundRepeat = parse(
+            context,
+            backgroundRepeat,
+            declaration.backgroundRepeat,
+          );
+          this.backgroundSize = parse(
+            context,
+            backgroundSize,
+            declaration.backgroundSize,
+          );
+          this.borderTopColor = parse(
+            context,
+            borderTopColor,
+            declaration.borderTopColor,
+          );
+          this.borderRightColor = parse(
+            context,
+            borderRightColor,
+            declaration.borderRightColor,
+          );
+          this.borderBottomColor = parse(
+            context,
+            borderBottomColor,
+            declaration.borderBottomColor,
+          );
+          this.borderLeftColor = parse(
+            context,
+            borderLeftColor,
+            declaration.borderLeftColor,
+          );
+          this.borderTopLeftRadius = parse(
+            context,
+            borderTopLeftRadius,
+            declaration.borderTopLeftRadius,
+          );
+          this.borderTopRightRadius = parse(
+            context,
+            borderTopRightRadius,
+            declaration.borderTopRightRadius,
+          );
+          this.borderBottomRightRadius = parse(
+            context,
+            borderBottomRightRadius,
+            declaration.borderBottomRightRadius,
+          );
+          this.borderBottomLeftRadius = parse(
+            context,
+            borderBottomLeftRadius,
+            declaration.borderBottomLeftRadius,
+          );
+          this.borderTopStyle = parse(
+            context,
+            borderTopStyle,
+            declaration.borderTopStyle,
+          );
+          this.borderRightStyle = parse(
+            context,
+            borderRightStyle,
+            declaration.borderRightStyle,
+          );
+          this.borderBottomStyle = parse(
+            context,
+            borderBottomStyle,
+            declaration.borderBottomStyle,
+          );
+          this.borderLeftStyle = parse(
+            context,
+            borderLeftStyle,
+            declaration.borderLeftStyle,
+          );
+          this.borderTopWidth = parse(
+            context,
+            borderTopWidth,
+            declaration.borderTopWidth,
+          );
+          this.borderRightWidth = parse(
+            context,
+            borderRightWidth,
+            declaration.borderRightWidth,
+          );
+          this.borderBottomWidth = parse(
+            context,
+            borderBottomWidth,
+            declaration.borderBottomWidth,
+          );
+          this.borderLeftWidth = parse(
+            context,
+            borderLeftWidth,
+            declaration.borderLeftWidth,
+          );
+          this.boxShadow = parse(context, boxShadow, declaration.boxShadow);
+          this.color = parse(context, color, declaration.color);
+          this.direction = parse(context, direction, declaration.direction);
+          this.display = parse(context, display, declaration.display);
+          this.float = parse(context, float, declaration.cssFloat);
+          this.fontFamily = parse(context, fontFamily, declaration.fontFamily);
+          this.fontSize = parse(context, fontSize, declaration.fontSize);
+          this.fontStyle = parse(context, fontStyle, declaration.fontStyle);
+          this.fontVariant = parse(
+            context,
+            fontVariant,
+            declaration.fontVariant,
+          );
+          this.fontWeight = parse(context, fontWeight, declaration.fontWeight);
+          this.letterSpacing = parse(
+            context,
+            letterSpacing,
+            declaration.letterSpacing,
+          );
+          this.lineBreak = parse(context, lineBreak, declaration.lineBreak);
+          this.lineHeight = parse(context, lineHeight, declaration.lineHeight);
+          this.listStyleImage = parse(
+            context,
+            listStyleImage,
+            declaration.listStyleImage,
+          );
+          this.listStylePosition = parse(
+            context,
+            listStylePosition,
+            declaration.listStylePosition,
+          );
+          this.listStyleType = parse(
+            context,
+            listStyleType,
+            declaration.listStyleType,
+          );
+          this.marginTop = parse(context, marginTop, declaration.marginTop);
+          this.marginRight = parse(
+            context,
+            marginRight,
+            declaration.marginRight,
+          );
+          this.marginBottom = parse(
+            context,
+            marginBottom,
+            declaration.marginBottom,
+          );
+          this.marginLeft = parse(context, marginLeft, declaration.marginLeft);
+          this.opacity = parse(context, opacity, declaration.opacity);
+          var overflowTuple = parse(context, overflow, declaration.overflow);
+          this.overflowX = overflowTuple[0];
+          this.overflowY = overflowTuple[overflowTuple.length > 1 ? 1 : 0];
+          this.overflowWrap = parse(
+            context,
+            overflowWrap,
+            declaration.overflowWrap,
+          );
+          this.paddingTop = parse(context, paddingTop, declaration.paddingTop);
+          this.paddingRight = parse(
+            context,
+            paddingRight,
+            declaration.paddingRight,
+          );
+          this.paddingBottom = parse(
+            context,
+            paddingBottom,
+            declaration.paddingBottom,
+          );
+          this.paddingLeft = parse(
+            context,
+            paddingLeft,
+            declaration.paddingLeft,
+          );
+          this.paintOrder = parse(context, paintOrder, declaration.paintOrder);
+          this.position = parse(context, position, declaration.position);
+          this.textAlign = parse(context, textAlign, declaration.textAlign);
+          this.textDecorationColor = parse(
+            context,
+            textDecorationColor,
+            (_a = declaration.textDecorationColor) !== null && _a !== void 0
+              ? _a
+              : declaration.color,
+          );
+          this.textDecorationLine = parse(
+            context,
+            textDecorationLine,
+            (_b = declaration.textDecorationLine) !== null && _b !== void 0
+              ? _b
+              : declaration.textDecoration,
+          );
+          this.textShadow = parse(context, textShadow, declaration.textShadow);
+          this.textTransform = parse(
+            context,
+            textTransform,
+            declaration.textTransform,
+          );
+          this.transform = parse(context, transform$1, declaration.transform);
+          this.transformOrigin = parse(
+            context,
+            transformOrigin,
+            declaration.transformOrigin,
+          );
+          this.visibility = parse(context, visibility, declaration.visibility);
+          this.webkitTextStrokeColor = parse(
+            context,
+            webkitTextStrokeColor,
+            declaration.webkitTextStrokeColor,
+          );
+          this.webkitTextStrokeWidth = parse(
+            context,
+            webkitTextStrokeWidth,
+            declaration.webkitTextStrokeWidth,
+          );
+          this.wordBreak = parse(context, wordBreak, declaration.wordBreak);
+          this.zIndex = parse(context, zIndex, declaration.zIndex);
+        }
+        CSSParsedDeclaration.prototype.isVisible = function () {
+          return (
+            this.display > 0 &&
+            this.opacity > 0 &&
+            this.visibility === 0 /* VISIBLE */
+          );
+        };
+        CSSParsedDeclaration.prototype.isTransparent = function () {
+          return isTransparent(this.backgroundColor);
+        };
+        CSSParsedDeclaration.prototype.isTransformed = function () {
+          return this.transform !== null;
+        };
+        CSSParsedDeclaration.prototype.isPositioned = function () {
+          return this.position !== 0 /* STATIC */;
+        };
+        CSSParsedDeclaration.prototype.isPositionedWithZIndex = function () {
+          return this.isPositioned() && !this.zIndex.auto;
+        };
+        CSSParsedDeclaration.prototype.isFloating = function () {
+          return this.float !== 0 /* NONE */;
+        };
+        CSSParsedDeclaration.prototype.isInlineLevel = function () {
+          return (
+            contains(this.display, 4 /* INLINE */) ||
+            contains(this.display, 33554432 /* INLINE_BLOCK */) ||
+            contains(this.display, 268435456 /* INLINE_FLEX */) ||
+            contains(this.display, 536870912 /* INLINE_GRID */) ||
+            contains(this.display, 67108864 /* INLINE_LIST_ITEM */) ||
+            contains(this.display, 134217728 /* INLINE_TABLE */)
+          );
+        };
+        return CSSParsedDeclaration;
+      })();
       var CSSParsedPseudoDeclaration = /** @class */ (function () {
-          function CSSParsedPseudoDeclaration(context, declaration) {
-              this.content = parse(context, content, declaration.content);
-              this.quotes = parse(context, quotes, declaration.quotes);
-          }
-          return CSSParsedPseudoDeclaration;
-      }());
+        function CSSParsedPseudoDeclaration(context, declaration) {
+          this.content = parse(context, content, declaration.content);
+          this.quotes = parse(context, quotes, declaration.quotes);
+        }
+        return CSSParsedPseudoDeclaration;
+      })();
       var CSSParsedCounterDeclaration = /** @class */ (function () {
-          function CSSParsedCounterDeclaration(context, declaration) {
-              this.counterIncrement = parse(context, counterIncrement, declaration.counterIncrement);
-              this.counterReset = parse(context, counterReset, declaration.counterReset);
-          }
-          return CSSParsedCounterDeclaration;
-      }());
+        function CSSParsedCounterDeclaration(context, declaration) {
+          this.counterIncrement = parse(
+            context,
+            counterIncrement,
+            declaration.counterIncrement,
+          );
+          this.counterReset = parse(
+            context,
+            counterReset,
+            declaration.counterReset,
+          );
+        }
+        return CSSParsedCounterDeclaration;
+      })();
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
       var parse = function (context, descriptor, style) {
-          var tokenizer = new Tokenizer();
-          var value = style !== null && typeof style !== 'undefined' ? style.toString() : descriptor.initialValue;
-          tokenizer.write(value);
-          var parser = new Parser(tokenizer.read());
-          switch (descriptor.type) {
-              case 2 /* IDENT_VALUE */:
-                  var token = parser.parseComponentValue();
-                  return descriptor.parse(context, isIdentToken(token) ? token.value : descriptor.initialValue);
-              case 0 /* VALUE */:
-                  return descriptor.parse(context, parser.parseComponentValue());
-              case 1 /* LIST */:
-                  return descriptor.parse(context, parser.parseComponentValues());
-              case 4 /* TOKEN_VALUE */:
-                  return parser.parseComponentValue();
-              case 3 /* TYPE_VALUE */:
-                  switch (descriptor.format) {
-                      case 'angle':
-                          return angle.parse(context, parser.parseComponentValue());
-                      case 'color':
-                          return color$1.parse(context, parser.parseComponentValue());
-                      case 'image':
-                          return image.parse(context, parser.parseComponentValue());
-                      case 'length':
-                          var length_1 = parser.parseComponentValue();
-                          return isLength(length_1) ? length_1 : ZERO_LENGTH;
-                      case 'length-percentage':
-                          var value_1 = parser.parseComponentValue();
-                          return isLengthPercentage(value_1) ? value_1 : ZERO_LENGTH;
-                      case 'time':
-                          return time.parse(context, parser.parseComponentValue());
-                  }
-                  break;
-          }
+        var tokenizer = new Tokenizer();
+        var value =
+          style !== null && typeof style !== "undefined"
+            ? style.toString()
+            : descriptor.initialValue;
+        tokenizer.write(value);
+        var parser = new Parser(tokenizer.read());
+        switch (descriptor.type) {
+          case 2 /* IDENT_VALUE */:
+            var token = parser.parseComponentValue();
+            return descriptor.parse(
+              context,
+              isIdentToken(token) ? token.value : descriptor.initialValue,
+            );
+          case 0 /* VALUE */:
+            return descriptor.parse(context, parser.parseComponentValue());
+          case 1 /* LIST */:
+            return descriptor.parse(context, parser.parseComponentValues());
+          case 4 /* TOKEN_VALUE */:
+            return parser.parseComponentValue();
+          case 3 /* TYPE_VALUE */:
+            switch (descriptor.format) {
+              case "angle":
+                return angle.parse(context, parser.parseComponentValue());
+              case "color":
+                return color$1.parse(context, parser.parseComponentValue());
+              case "image":
+                return image.parse(context, parser.parseComponentValue());
+              case "length":
+                var length_1 = parser.parseComponentValue();
+                return isLength(length_1) ? length_1 : ZERO_LENGTH;
+              case "length-percentage":
+                var value_1 = parser.parseComponentValue();
+                return isLengthPercentage(value_1) ? value_1 : ZERO_LENGTH;
+              case "time":
+                return time.parse(context, parser.parseComponentValue());
+            }
+            break;
+        }
       };
 
-      var elementDebuggerAttribute = 'data-html2canvas-debug';
+      var elementDebuggerAttribute = "data-html2canvas-debug";
       var getElementDebugType = function (element) {
-          var attribute = element.getAttribute(elementDebuggerAttribute);
-          switch (attribute) {
-              case 'all':
-                  return 1 /* ALL */;
-              case 'clone':
-                  return 2 /* CLONE */;
-              case 'parse':
-                  return 3 /* PARSE */;
-              case 'render':
-                  return 4 /* RENDER */;
-              default:
-                  return 0 /* NONE */;
-          }
+        var attribute = element.getAttribute(elementDebuggerAttribute);
+        switch (attribute) {
+          case "all":
+            return 1 /* ALL */;
+          case "clone":
+            return 2 /* CLONE */;
+          case "parse":
+            return 3 /* PARSE */;
+          case "render":
+            return 4 /* RENDER */;
+          default:
+            return 0 /* NONE */;
+        }
       };
       var isDebugging = function (element, type) {
-          var elementType = getElementDebugType(element);
-          return elementType === 1 /* ALL */ || type === elementType;
+        var elementType = getElementDebugType(element);
+        return elementType === 1 /* ALL */ || type === elementType;
       };
 
       var ElementContainer = /** @class */ (function () {
-          function ElementContainer(context, element) {
-              this.context = context;
-              this.textNodes = [];
-              this.elements = [];
-              this.flags = 0;
-              if (isDebugging(element, 3 /* PARSE */)) {
-                  debugger;
-              }
-              this.styles = new CSSParsedDeclaration(context, window.getComputedStyle(element, null));
-              if (isHTMLElementNode(element)) {
-                  if (this.styles.animationDuration.some(function (duration) { return duration > 0; })) {
-                      element.style.animationDuration = '0s';
-                  }
-                  if (this.styles.transform !== null) {
-                      // getBoundingClientRect takes transforms into account
-                      element.style.transform = 'none';
-                  }
-              }
-              this.bounds = parseBounds(this.context, element);
-              if (isDebugging(element, 4 /* RENDER */)) {
-                  this.flags |= 16 /* DEBUG_RENDER */;
-              }
+        function ElementContainer(context, element) {
+          this.context = context;
+          this.textNodes = [];
+          this.elements = [];
+          this.flags = 0;
+          if (isDebugging(element, 3 /* PARSE */)) {
+            debugger;
+          }
+          this.styles = new CSSParsedDeclaration(
+            context,
+            window.getComputedStyle(element, null),
+          );
+          if (isHTMLElementNode(element)) {
+            if (
+              this.styles.animationDuration.some(function (duration) {
+                return duration > 0;
+              })
+            ) {
+              element.style.animationDuration = "0s";
+            }
+            if (this.styles.transform !== null) {
+              // getBoundingClientRect takes transforms into account
+              element.style.transform = "none";
+            }
+          }
+          this.bounds = parseBounds(this.context, element);
+          if (isDebugging(element, 4 /* RENDER */)) {
+            this.flags |= 16 /* DEBUG_RENDER */;
           }
-          return ElementContainer;
-      }());
+        }
+        return ElementContainer;
+      })();
 
       /*
        * text-segmentation 1.0.3 <https://github.com/niklasvh/text-segmentation>
        * Copyright (c) 2022 Niklas von Hertzen <https://hertzen.com>
        * Released under MIT License
        */
-      var base64 = 'AAAAAAAAAAAAEA4AGBkAAFAaAAACAAAAAAAIABAAGAAwADgACAAQAAgAEAAIABAACAAQAAgAEAAIABAACAAQAAgAEAAIABAAQABIAEQATAAIABAACAAQAAgAEAAIABAAVABcAAgAEAAIABAACAAQAGAAaABwAHgAgACIAI4AlgAIABAAmwCjAKgAsAC2AL4AvQDFAMoA0gBPAVYBWgEIAAgACACMANoAYgFkAWwBdAF8AX0BhQGNAZUBlgGeAaMBlQGWAasBswF8AbsBwwF0AcsBYwHTAQgA2wG/AOMBdAF8AekB8QF0AfkB+wHiAHQBfAEIAAMC5gQIAAsCEgIIAAgAFgIeAggAIgIpAggAMQI5AkACygEIAAgASAJQAlgCYAIIAAgACAAKBQoFCgUTBRMFGQUrBSsFCAAIAAgACAAIAAgACAAIAAgACABdAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACABoAmgCrwGvAQgAbgJ2AggAHgEIAAgACADnAXsCCAAIAAgAgwIIAAgACAAIAAgACACKAggAkQKZAggAPADJAAgAoQKkAqwCsgK6AsICCADJAggA0AIIAAgACAAIANYC3gIIAAgACAAIAAgACABAAOYCCAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAkASoB+QIEAAgACAA8AEMCCABCBQgACABJBVAFCAAIAAgACAAIAAgACAAIAAgACABTBVoFCAAIAFoFCABfBWUFCAAIAAgACAAIAAgAbQUIAAgACAAIAAgACABzBXsFfQWFBYoFigWKBZEFigWKBYoFmAWfBaYFrgWxBbkFCAAIAAgACAAIAAgACAAIAAgACAAIAMEFCAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAMgFCADQBQgACAAIAAgACAAIAAgACAAIAAgACAAIAO4CCAAIAAgAiQAIAAgACABAAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAD0AggACAD8AggACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIANYFCAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAMDvwAIAAgAJAIIAAgACAAIAAgACAAIAAgACwMTAwgACAB9BOsEGwMjAwgAKwMyAwsFYgE3A/MEPwMIAEUDTQNRAwgAWQOsAGEDCAAIAAgACAAIAAgACABpAzQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFIQUoBSwFCAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACABtAwgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACABMAEwACAAIAAgACAAIABgACAAIAAgACAC/AAgACAAyAQgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACACAAIAAwAAgACAAIAAgACAAIAAgACAAIAAAARABIAAgACAAIABQASAAIAAgAIABwAEAAjgCIABsAqAC2AL0AigDQAtwC+IJIQqVAZUBWQqVAZUBlQGVAZUBlQGrC5UBlQGVAZUBlQGVAZUBlQGVAXsKlQGVAbAK6wsrDGUMpQzlDJUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAfAKAAuZA64AtwCJALoC6ADwAAgAuACgA/oEpgO6AqsD+AAIAAgAswMIAAgACAAIAIkAuwP5AfsBwwPLAwgACAAIAAgACADRA9kDCAAIAOED6QMIAAgACAAIAAgACADuA/YDCAAIAP4DyQAIAAgABgQIAAgAXQAOBAgACAAIAAgACAAIABMECAAIAAgACAAIAAgACAD8AAQBCAAIAAgAGgQiBCoECAExBAgAEAEIAAgACAAIAAgACAAIAAgACAAIAAgACAA4BAgACABABEYECAAIAAgATAQYAQgAVAQIAAgACAAIAAgACAAIAAgACAAIAFoECAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgAOQEIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAB+BAcACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAEABhgSMBAgACAAIAAgAlAQIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAwAEAAQABAADAAMAAwADAAQABAAEAAQABAAEAAQABHATAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgAdQMIAAgACAAIAAgACAAIAMkACAAIAAgAfQMIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACACFA4kDCAAIAAgACAAIAOcBCAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAIcDCAAIAAgACAAIAAgACAAIAAgACAAIAJEDCAAIAAgACADFAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACABgBAgAZgQIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgAbAQCBXIECAAIAHkECAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACABAAJwEQACjBKoEsgQIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAC6BMIECAAIAAgACAAIAAgACABmBAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgAxwQIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAGYECAAIAAgAzgQIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgAigWKBYoFigWKBYoFigWKBd0FXwUIAOIF6gXxBYoF3gT5BQAGCAaKBYoFigWKBYoFigWKBYoFigWKBYoFigXWBIoFigWKBYoFigWKBYoFigWKBYsFEAaKBYoFigWKBYoFigWKBRQGCACKBYoFigWKBQgACAAIANEECAAIABgGigUgBggAJgYIAC4GMwaKBYoF0wQ3Bj4GigWKBYoFigWKBYoFigWKBYoFigWKBYoFigUIAAgACAAIAAgACAAIAAgAigWKBYoFigWKBYoFigWKBYoFigWKBYoFigWKBYoFigWKBYoFigWKBYoFigWKBYoFigWKBYoFigWKBYoFigWLBf///////wQABAAEAAQABAAEAAQABAAEAAQAAwAEAAQAAgAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAAAAAAAAAAAAAAAAAAAAAAAAAOAAAAAAAAAAQADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUABQAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAAAUAAAAFAAUAAAAFAAUAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAEAAQABAAEAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUABQAFAAUABQAFAAUABQAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUABQAFAAUAAQAAAAUABQAFAAUABQAFAAAAAAAFAAUAAAAFAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAUABQAFAAUABQAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAUABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAFAAUAAQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABwAFAAUABQAFAAAABwAHAAcAAAAHAAcABwAFAAEAAAAAAAAAAAAAAAAAAAAAAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHAAcABwAFAAUABQAFAAcABwAFAAUAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHAAAAAQABAAAAAAAAAAAAAAAFAAUABQAFAAAABwAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAHAAcABwAHAAcAAAAHAAcAAAAAAAUABQAHAAUAAQAHAAEABwAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUABQAFAAUABwABAAUABQAFAAUAAAAAAAAAAAAAAAEAAQABAAEAAQABAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABwAFAAUAAAAAAAAAAAAAAAAABQAFAAUABQAFAAUAAQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQABQANAAQABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQABAAEAAQABAAEAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAEAAQABAAEAAQABAAEAAQABAAEAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAQABAAEAAQABAAEAAQABAAAAAAAAAAAAAAAAAAAAAAABQAHAAUABQAFAAAAAAAAAAcABQAFAAUABQAFAAQABAAEAAQABAAEAAQABAAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUAAAAFAAUABQAFAAUAAAAFAAUABQAAAAUABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAAAAAAAAAAAAUABQAFAAcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAHAAUAAAAHAAcABwAFAAUABQAFAAUABQAFAAUABwAHAAcABwAFAAcABwAAAAUABQAFAAUABQAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABwAHAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAUABwAHAAUABQAFAAUAAAAAAAcABwAAAAAABwAHAAUAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAAABQAFAAcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAABwAHAAcABQAFAAAAAAAAAAAABQAFAAAAAAAFAAUABQAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAABwAFAAUABQAFAAUAAAAFAAUABwAAAAcABwAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUAAAAFAAUABwAFAAUABQAFAAAAAAAHAAcAAAAAAAcABwAFAAAAAAAAAAAAAAAAAAAABQAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAcABwAAAAAAAAAHAAcABwAAAAcABwAHAAUAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAAAAAAAAAAAAAAAAAAABQAHAAcABwAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABwAHAAcABwAAAAUABQAFAAAABQAFAAUABQAAAAAAAAAAAAAAAAAAAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAcABQAHAAcABQAHAAcAAAAFAAcABwAAAAcABwAFAAUAAAAAAAAAAAAAAAAAAAAFAAUAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAcABwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAAAAUABwAAAAAAAAAAAAAAAAAAAAAAAAAAAAUAAAAAAAAAAAAFAAcABwAFAAUABQAAAAUAAAAHAAcABwAHAAcABwAHAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUAAAAHAAUABQAFAAUABQAFAAUAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAABwAFAAUABQAFAAUABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUABQAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAUAAAAFAAAAAAAAAAAABwAHAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABwAFAAUABQAFAAUAAAAFAAUAAAAAAAAAAAAAAAUABQAFAAUABQAFAAUABQAFAAUABQAAAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUABwAFAAUABQAFAAUABQAAAAUABQAHAAcABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHAAcABQAFAAAAAAAAAAAABQAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAcABQAFAAAAAAAAAAAAAAAAAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAHAAUABQAFAAUABQAFAAUABwAHAAcABwAHAAcABwAHAAUABwAHAAUABQAFAAUABQAFAAUABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUABwAHAAcABwAFAAUABwAHAAcAAAAAAAAAAAAHAAcABQAHAAcABwAHAAcABwAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAcABwAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcABQAHAAUABQAFAAUABQAFAAUAAAAFAAAABQAAAAAABQAFAAUABQAFAAUABQAFAAcABwAHAAcABwAHAAUABQAFAAUABQAFAAUABQAFAAUAAAAAAAUABQAFAAUABQAHAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUABQAFAAUABwAFAAcABwAHAAcABwAFAAcABwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAUABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHAAUABQAFAAUABwAHAAUABQAHAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAcABQAFAAcABwAHAAUABwAFAAUABQAHAAcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABwAHAAcABwAHAAcABwAHAAUABQAFAAUABQAFAAUABQAHAAcABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUAAAAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAcABQAFAAUABQAFAAUABQAAAAAAAAAAAAUAAAAAAAAAAAAAAAAABQAAAAAABwAFAAUAAAAAAAAAAAAAAAAABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAAABQAFAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUABQAFAAUADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUAAAAFAAUABQAFAAUABQAFAAUABQAFAAAAAAAAAAAABQAAAAAAAAAFAAAAAAAAAAAABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABwAHAAUABQAHAAAAAAAAAAAABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcABwAHAAcABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUAAAAAAAAAAAAAAAAABQAFAAUABQAFAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUABQAFAAUABQAFAAUABQAHAAcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAcABwAFAAUABQAFAAcABwAFAAUABwAHAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUABQAFAAcABwAFAAUABwAHAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAFAAcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUAAAAFAAUABQAAAAAABQAFAAAAAAAAAAAAAAAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcABQAFAAcABwAAAAAAAAAAAAAABwAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcABwAFAAcABwAFAAcABwAAAAcABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUABQAAAAAAAAAAAAAAAAAFAAUABQAAAAUABQAAAAAAAAAAAAAABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAAAAAAAAAAAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcABQAHAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAUABwAFAAUABQAFAAUABQAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABwAHAAcABQAFAAUABQAFAAUABQAFAAUABwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHAAcABwAFAAUABQAHAAcABQAHAAUABQAAAAAAAAAAAAAAAAAFAAAABwAHAAcABQAFAAUABQAFAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABwAHAAcABwAAAAAABwAHAAAAAAAHAAcABwAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAABwAHAAAAAAAFAAUABQAFAAUABQAFAAAAAAAAAAUABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHAAcABwAFAAUABQAFAAUABQAFAAUABwAHAAUABQAFAAcABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAHAAcABQAFAAUABQAFAAUABwAFAAcABwAFAAcABQAFAAcABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAHAAcABQAFAAUABQAAAAAABwAHAAcABwAFAAUABwAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcABwAHAAUABQAFAAUABQAFAAUABQAHAAcABQAHAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABwAFAAcABwAFAAUABQAFAAUABQAHAAUAAAAAAAAAAAAAAAAAAAAAAAcABwAFAAUABQAFAAcABQAFAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHAAcABwAFAAUABQAFAAUABQAFAAUABQAHAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHAAcABwAFAAUABQAFAAAAAAAFAAUABwAHAAcABwAFAAAAAAAAAAcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAUABQAFAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUABQAFAAUABwAHAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcABQAFAAUABQAFAAUABQAAAAUABQAFAAUABQAFAAcABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAAAHAAUABQAFAAUABQAFAAUABwAFAAUABwAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUABQAFAAUAAAAAAAAABQAAAAUABQAAAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAHAAcABwAHAAcAAAAFAAUAAAAHAAcABQAHAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABwAHAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAAAAAAAAAAAAAAAAAAABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcABwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAAAAUABQAFAAAAAAAFAAUABQAFAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAAAAAAAAAAABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUABQAAAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUABQAFAAUABQAAAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAAAAABQAFAAUABQAFAAUABQAAAAUABQAAAAUABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAFAAUABQAFAAUADgAOAA4ADgAOAA4ADwAPAA8ADwAPAA8ADwAPAA8ADwAPAA8ADwAPAA8ADwAPAA8ADwAPAA8ADwAPAA8ADwAPAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcABwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABwAHAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAAAAAAAAAkACQAJAAkACQAJAAkACQAJAAkACQAJAAkACQAJAAkACQAJAAkACQAJAAkACQAJAAkACQAJAAkACQAJAAkACQAKAAoACgAKAAoACgAKAAoACgAKAAoACgAKAAoACgAKAAoACgAKAAoACgAKAAoACgAMAAwADAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAkACQAJAAkACQAJAAkACQAJAAkACQAJAAkACQAJAAkACQAJAAkAAAAAAAAAAAAKAAoACgAKAAoACgAKAAoACgAKAAoACgAKAAoACgAKAAoACgAKAAoACgAKAAoACgAKAAoACgAKAAoACgAKAAoACgAAAAAAAAAAAAsADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwACwAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAAAAAADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAA4ADgAOAA4ADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4ADgAAAAAAAAAAAAAAAAAAAAAADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAOAA4ADgAOAA4ADgAOAA4ADgAOAAAAAAAAAAAADgAOAA4AAAAAAAAAAAAAAAAAAAAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAOAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAAAAAAAAAAAAAAAAAAAAAAAAAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAOAA4ADgAAAA4ADgAOAA4ADgAOAAAADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4AAAAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4AAAAAAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAAAA4AAAAOAAAAAAAAAAAAAAAAAA4AAAAAAAAAAAAAAAAADgAAAAAAAAAAAAAAAAAAAAAAAAAAAA4ADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAAAAAADgAAAAAAAAAAAA4AAAAOAAAAAAAAAAAADgAOAA4AAAAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAA4ADgAOAA4AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAA4ADgAAAAAAAAAAAAAAAAAAAAAAAAAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAA4AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4ADgAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAAAAAAAAAAAA4AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAAAADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAA4ADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4ADgAOAA4ADgAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4ADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAAAAAADgAOAA4ADgAOAA4ADgAOAA4ADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAAAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4AAAAAAA4ADgAOAA4ADgAOAA4ADgAOAAAADgAOAA4ADgAAAAAAAAAAAAAAAAAAAAAAAAAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4AAAAAAAAAAAAAAAAADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAA4ADgAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAOAA4ADgAOAA4ADgAOAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAOAA4ADgAOAA4AAAAAAAAAAAAAAAAAAAAAAA4ADgAOAA4ADgAOAA4ADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4AAAAOAA4ADgAOAA4ADgAAAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4AAAAAAAAAAAA=';
+      var base64 =
+        "AAAAAAAAAAAAEA4AGBkAAFAaAAACAAAAAAAIABAAGAAwADgACAAQAAgAEAAIABAACAAQAAgAEAAIABAACAAQAAgAEAAIABAAQABIAEQATAAIABAACAAQAAgAEAAIABAAVABcAAgAEAAIABAACAAQAGAAaABwAHgAgACIAI4AlgAIABAAmwCjAKgAsAC2AL4AvQDFAMoA0gBPAVYBWgEIAAgACACMANoAYgFkAWwBdAF8AX0BhQGNAZUBlgGeAaMBlQGWAasBswF8AbsBwwF0AcsBYwHTAQgA2wG/AOMBdAF8AekB8QF0AfkB+wHiAHQBfAEIAAMC5gQIAAsCEgIIAAgAFgIeAggAIgIpAggAMQI5AkACygEIAAgASAJQAlgCYAIIAAgACAAKBQoFCgUTBRMFGQUrBSsFCAAIAAgACAAIAAgACAAIAAgACABdAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACABoAmgCrwGvAQgAbgJ2AggAHgEIAAgACADnAXsCCAAIAAgAgwIIAAgACAAIAAgACACKAggAkQKZAggAPADJAAgAoQKkAqwCsgK6AsICCADJAggA0AIIAAgACAAIANYC3gIIAAgACAAIAAgACABAAOYCCAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAkASoB+QIEAAgACAA8AEMCCABCBQgACABJBVAFCAAIAAgACAAIAAgACAAIAAgACABTBVoFCAAIAFoFCABfBWUFCAAIAAgACAAIAAgAbQUIAAgACAAIAAgACABzBXsFfQWFBYoFigWKBZEFigWKBYoFmAWfBaYFrgWxBbkFCAAIAAgACAAIAAgACAAIAAgACAAIAMEFCAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAMgFCADQBQgACAAIAAgACAAIAAgACAAIAAgACAAIAO4CCAAIAAgAiQAIAAgACABAAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAD0AggACAD8AggACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIANYFCAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAMDvwAIAAgAJAIIAAgACAAIAAgACAAIAAgACwMTAwgACAB9BOsEGwMjAwgAKwMyAwsFYgE3A/MEPwMIAEUDTQNRAwgAWQOsAGEDCAAIAAgACAAIAAgACABpAzQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFOgU0BTUFNgU3BTgFOQU6BTQFNQU2BTcFOAU5BToFNAU1BTYFNwU4BTkFIQUoBSwFCAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACABtAwgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACABMAEwACAAIAAgACAAIABgACAAIAAgACAC/AAgACAAyAQgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACACAAIAAwAAgACAAIAAgACAAIAAgACAAIAAAARABIAAgACAAIABQASAAIAAgAIABwAEAAjgCIABsAqAC2AL0AigDQAtwC+IJIQqVAZUBWQqVAZUBlQGVAZUBlQGrC5UBlQGVAZUBlQGVAZUBlQGVAXsKlQGVAbAK6wsrDGUMpQzlDJUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAZUBlQGVAfAKAAuZA64AtwCJALoC6ADwAAgAuACgA/oEpgO6AqsD+AAIAAgAswMIAAgACAAIAIkAuwP5AfsBwwPLAwgACAAIAAgACADRA9kDCAAIAOED6QMIAAgACAAIAAgACADuA/YDCAAIAP4DyQAIAAgABgQIAAgAXQAOBAgACAAIAAgACAAIABMECAAIAAgACAAIAAgACAD8AAQBCAAIAAgAGgQiBCoECAExBAgAEAEIAAgACAAIAAgACAAIAAgACAAIAAgACAA4BAgACABABEYECAAIAAgATAQYAQgAVAQIAAgACAAIAAgACAAIAAgACAAIAFoECAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgAOQEIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAB+BAcACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAEABhgSMBAgACAAIAAgAlAQIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAwAEAAQABAADAAMAAwADAAQABAAEAAQABAAEAAQABHATAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgAdQMIAAgACAAIAAgACAAIAMkACAAIAAgAfQMIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACACFA4kDCAAIAAgACAAIAOcBCAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAIcDCAAIAAgACAAIAAgACAAIAAgACAAIAJEDCAAIAAgACADFAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACABgBAgAZgQIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgAbAQCBXIECAAIAHkECAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACABAAJwEQACjBKoEsgQIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAC6BMIECAAIAAgACAAIAAgACABmBAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgAxwQIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAGYECAAIAAgAzgQIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgAigWKBYoFigWKBYoFigWKBd0FXwUIAOIF6gXxBYoF3gT5BQAGCAaKBYoFigWKBYoFigWKBYoFigWKBYoFigXWBIoFigWKBYoFigWKBYoFigWKBYsFEAaKBYoFigWKBYoFigWKBRQGCACKBYoFigWKBQgACAAIANEECAAIABgGigUgBggAJgYIAC4GMwaKBYoF0wQ3Bj4GigWKBYoFigWKBYoFigWKBYoFigWKBYoFigUIAAgACAAIAAgACAAIAAgAigWKBYoFigWKBYoFigWKBYoFigWKBYoFigWKBYoFigWKBYoFigWKBYoFigWKBYoFigWKBYoFigWKBYoFigWLBf///////wQABAAEAAQABAAEAAQABAAEAAQAAwAEAAQAAgAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAAAAAAAAAAAAAAAAAAAAAAAAAOAAAAAAAAAAQADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUABQAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAAAUAAAAFAAUAAAAFAAUAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAEAAQABAAEAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUABQAFAAUABQAFAAUABQAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUABQAFAAUAAQAAAAUABQAFAAUABQAFAAAAAAAFAAUAAAAFAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAUABQAFAAUABQAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAUABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAFAAUAAQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABwAFAAUABQAFAAAABwAHAAcAAAAHAAcABwAFAAEAAAAAAAAAAAAAAAAAAAAAAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHAAcABwAFAAUABQAFAAcABwAFAAUAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHAAAAAQABAAAAAAAAAAAAAAAFAAUABQAFAAAABwAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAHAAcABwAHAAcAAAAHAAcAAAAAAAUABQAHAAUAAQAHAAEABwAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUABQAFAAUABwABAAUABQAFAAUAAAAAAAAAAAAAAAEAAQABAAEAAQABAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABwAFAAUAAAAAAAAAAAAAAAAABQAFAAUABQAFAAUAAQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQABQANAAQABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQABAAEAAQABAAEAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAEAAQABAAEAAQABAAEAAQABAAEAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAQABAAEAAQABAAEAAQABAAAAAAAAAAAAAAAAAAAAAAABQAHAAUABQAFAAAAAAAAAAcABQAFAAUABQAFAAQABAAEAAQABAAEAAQABAAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUAAAAFAAUABQAFAAUAAAAFAAUABQAAAAUABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAAAAAAAAAAAAUABQAFAAcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAHAAUAAAAHAAcABwAFAAUABQAFAAUABQAFAAUABwAHAAcABwAFAAcABwAAAAUABQAFAAUABQAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABwAHAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAUABwAHAAUABQAFAAUAAAAAAAcABwAAAAAABwAHAAUAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAAABQAFAAcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAABwAHAAcABQAFAAAAAAAAAAAABQAFAAAAAAAFAAUABQAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAABwAFAAUABQAFAAUAAAAFAAUABwAAAAcABwAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUAAAAFAAUABwAFAAUABQAFAAAAAAAHAAcAAAAAAAcABwAFAAAAAAAAAAAAAAAAAAAABQAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAcABwAAAAAAAAAHAAcABwAAAAcABwAHAAUAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAAAAAAAAAAAAAAAAAAABQAHAAcABwAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABwAHAAcABwAAAAUABQAFAAAABQAFAAUABQAAAAAAAAAAAAAAAAAAAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAcABQAHAAcABQAHAAcAAAAFAAcABwAAAAcABwAFAAUAAAAAAAAAAAAAAAAAAAAFAAUAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAcABwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAAAAUABwAAAAAAAAAAAAAAAAAAAAAAAAAAAAUAAAAAAAAAAAAFAAcABwAFAAUABQAAAAUAAAAHAAcABwAHAAcABwAHAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUAAAAHAAUABQAFAAUABQAFAAUAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAABwAFAAUABQAFAAUABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUABQAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAUAAAAFAAAAAAAAAAAABwAHAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABwAFAAUABQAFAAUAAAAFAAUAAAAAAAAAAAAAAAUABQAFAAUABQAFAAUABQAFAAUABQAAAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUABwAFAAUABQAFAAUABQAAAAUABQAHAAcABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHAAcABQAFAAAAAAAAAAAABQAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAcABQAFAAAAAAAAAAAAAAAAAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAHAAUABQAFAAUABQAFAAUABwAHAAcABwAHAAcABwAHAAUABwAHAAUABQAFAAUABQAFAAUABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUABwAHAAcABwAFAAUABwAHAAcAAAAAAAAAAAAHAAcABQAHAAcABwAHAAcABwAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAcABwAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcABQAHAAUABQAFAAUABQAFAAUAAAAFAAAABQAAAAAABQAFAAUABQAFAAUABQAFAAcABwAHAAcABwAHAAUABQAFAAUABQAFAAUABQAFAAUAAAAAAAUABQAFAAUABQAHAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUABQAFAAUABwAFAAcABwAHAAcABwAFAAcABwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAUABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHAAUABQAFAAUABwAHAAUABQAHAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAcABQAFAAcABwAHAAUABwAFAAUABQAHAAcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABwAHAAcABwAHAAcABwAHAAUABQAFAAUABQAFAAUABQAHAAcABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUAAAAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAcABQAFAAUABQAFAAUABQAAAAAAAAAAAAUAAAAAAAAAAAAAAAAABQAAAAAABwAFAAUAAAAAAAAAAAAAAAAABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAAABQAFAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUABQAFAAUADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUAAAAFAAUABQAFAAUABQAFAAUABQAFAAAAAAAAAAAABQAAAAAAAAAFAAAAAAAAAAAABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABwAHAAUABQAHAAAAAAAAAAAABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcABwAHAAcABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUAAAAAAAAAAAAAAAAABQAFAAUABQAFAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUABQAFAAUABQAFAAUABQAHAAcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAcABwAFAAUABQAFAAcABwAFAAUABwAHAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUABQAFAAcABwAFAAUABwAHAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAFAAcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUAAAAFAAUABQAAAAAABQAFAAAAAAAAAAAAAAAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcABQAFAAcABwAAAAAAAAAAAAAABwAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcABwAFAAcABwAFAAcABwAAAAcABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUABQAAAAAAAAAAAAAAAAAFAAUABQAAAAUABQAAAAAAAAAAAAAABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAAAAAAAAAAAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcABQAHAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAUABwAFAAUABQAFAAUABQAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABwAHAAcABQAFAAUABQAFAAUABQAFAAUABwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHAAcABwAFAAUABQAHAAcABQAHAAUABQAAAAAAAAAAAAAAAAAFAAAABwAHAAcABQAFAAUABQAFAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABwAHAAcABwAAAAAABwAHAAAAAAAHAAcABwAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAABwAHAAAAAAAFAAUABQAFAAUABQAFAAAAAAAAAAUABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHAAcABwAFAAUABQAFAAUABQAFAAUABwAHAAUABQAFAAcABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAHAAcABQAFAAUABQAFAAUABwAFAAcABwAFAAcABQAFAAcABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAHAAcABQAFAAUABQAAAAAABwAHAAcABwAFAAUABwAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcABwAHAAUABQAFAAUABQAFAAUABQAHAAcABQAHAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABwAFAAcABwAFAAUABQAFAAUABQAHAAUAAAAAAAAAAAAAAAAAAAAAAAcABwAFAAUABQAFAAcABQAFAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHAAcABwAFAAUABQAFAAUABQAFAAUABQAHAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHAAcABwAFAAUABQAFAAAAAAAFAAUABwAHAAcABwAFAAAAAAAAAAcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAUABQAFAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUABQAFAAUABwAHAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcABQAFAAUABQAFAAUABQAAAAUABQAFAAUABQAFAAcABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUAAAAHAAUABQAFAAUABQAFAAUABwAFAAUABwAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUABQAFAAUAAAAAAAAABQAAAAUABQAAAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAHAAcABwAHAAcAAAAFAAUAAAAHAAcABQAHAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABwAHAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAAAAAAAAAAAAAAAAAAABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcABwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAAAAUABQAFAAAAAAAFAAUABQAFAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAAAAAAAAAAABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAAUABQAAAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUABQAFAAUABQAAAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAFAAUABQAAAAAABQAFAAUABQAFAAUABQAAAAUABQAAAAUABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAUABQAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAFAAUABQAFAAUABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAFAAUABQAFAAUADgAOAA4ADgAOAA4ADwAPAA8ADwAPAA8ADwAPAA8ADwAPAA8ADwAPAA8ADwAPAA8ADwAPAA8ADwAPAA8ADwAPAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcABwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABwAHAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAcABwAHAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAAAAAAAAAkACQAJAAkACQAJAAkACQAJAAkACQAJAAkACQAJAAkACQAJAAkACQAJAAkACQAJAAkACQAJAAkACQAJAAkACQAKAAoACgAKAAoACgAKAAoACgAKAAoACgAKAAoACgAKAAoACgAKAAoACgAKAAoACgAMAAwADAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAkACQAJAAkACQAJAAkACQAJAAkACQAJAAkACQAJAAkACQAJAAkAAAAAAAAAAAAKAAoACgAKAAoACgAKAAoACgAKAAoACgAKAAoACgAKAAoACgAKAAoACgAKAAoACgAKAAoACgAKAAoACgAKAAoACgAAAAAAAAAAAAsADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwACwAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAAAAAAADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAA4ADgAOAA4ADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4ADgAAAAAAAAAAAAAAAAAAAAAADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAOAA4ADgAOAA4ADgAOAA4ADgAOAAAAAAAAAAAADgAOAA4AAAAAAAAAAAAAAAAAAAAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAOAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAAAAAAAAAAAAAAAAAAAAAAAAAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAOAA4ADgAAAA4ADgAOAA4ADgAOAAAADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4AAAAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4AAAAAAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAAAA4AAAAOAAAAAAAAAAAAAAAAAA4AAAAAAAAAAAAAAAAADgAAAAAAAAAAAAAAAAAAAAAAAAAAAA4ADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAAAAAADgAAAAAAAAAAAA4AAAAOAAAAAAAAAAAADgAOAA4AAAAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAA4ADgAOAA4AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAA4ADgAAAAAAAAAAAAAAAAAAAAAAAAAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAA4AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4ADgAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAAAAAAAAAAAA4AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAAAADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAA4ADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4ADgAOAA4ADgAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4ADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAAAAAADgAOAA4ADgAOAA4ADgAOAA4ADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAAAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4AAAAAAA4ADgAOAA4ADgAOAA4ADgAOAAAADgAOAA4ADgAAAAAAAAAAAAAAAAAAAAAAAAAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4AAAAAAAAAAAAAAAAADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAA4ADgAOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAOAA4ADgAOAA4ADgAOAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAOAA4ADgAOAA4AAAAAAAAAAAAAAAAAAAAAAA4ADgAOAA4ADgAOAA4ADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4AAAAOAA4ADgAOAA4ADgAAAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4ADgAOAA4AAAAAAAAAAAA=";
 
       /*
        * utrie 1.0.2 <https://github.com/niklasvh/utrie>
        * Copyright (c) 2022 Niklas von Hertzen <https://hertzen.com>
        * Released under MIT License
        */
-      var chars$1 = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/';
+      var chars$1 =
+        "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";
       // Use a lookup table to find the index.
-      var lookup$1 = typeof Uint8Array === 'undefined' ? [] : new Uint8Array(256);
+      var lookup$1 =
+        typeof Uint8Array === "undefined" ? [] : new Uint8Array(256);
       for (var i$1 = 0; i$1 < chars$1.length; i$1++) {
-          lookup$1[chars$1.charCodeAt(i$1)] = i$1;
+        lookup$1[chars$1.charCodeAt(i$1)] = i$1;
       }
       var decode = function (base64) {
-          var bufferLength = base64.length * 0.75, len = base64.length, i, p = 0, encoded1, encoded2, encoded3, encoded4;
-          if (base64[base64.length - 1] === '=') {
-              bufferLength--;
-              if (base64[base64.length - 2] === '=') {
-                  bufferLength--;
-              }
+        var bufferLength = base64.length * 0.75,
+          len = base64.length,
+          i,
+          p = 0,
+          encoded1,
+          encoded2,
+          encoded3,
+          encoded4;
+        if (base64[base64.length - 1] === "=") {
+          bufferLength--;
+          if (base64[base64.length - 2] === "=") {
+            bufferLength--;
           }
-          var buffer = typeof ArrayBuffer !== 'undefined' &&
-              typeof Uint8Array !== 'undefined' &&
-              typeof Uint8Array.prototype.slice !== 'undefined'
-              ? new ArrayBuffer(bufferLength)
-              : new Array(bufferLength);
-          var bytes = Array.isArray(buffer) ? buffer : new Uint8Array(buffer);
-          for (i = 0; i < len; i += 4) {
-              encoded1 = lookup$1[base64.charCodeAt(i)];
-              encoded2 = lookup$1[base64.charCodeAt(i + 1)];
-              encoded3 = lookup$1[base64.charCodeAt(i + 2)];
-              encoded4 = lookup$1[base64.charCodeAt(i + 3)];
-              bytes[p++] = (encoded1 << 2) | (encoded2 >> 4);
-              bytes[p++] = ((encoded2 & 15) << 4) | (encoded3 >> 2);
-              bytes[p++] = ((encoded3 & 3) << 6) | (encoded4 & 63);
-          }
-          return buffer;
+        }
+        var buffer =
+          typeof ArrayBuffer !== "undefined" &&
+          typeof Uint8Array !== "undefined" &&
+          typeof Uint8Array.prototype.slice !== "undefined"
+            ? new ArrayBuffer(bufferLength)
+            : new Array(bufferLength);
+        var bytes = Array.isArray(buffer) ? buffer : new Uint8Array(buffer);
+        for (i = 0; i < len; i += 4) {
+          encoded1 = lookup$1[base64.charCodeAt(i)];
+          encoded2 = lookup$1[base64.charCodeAt(i + 1)];
+          encoded3 = lookup$1[base64.charCodeAt(i + 2)];
+          encoded4 = lookup$1[base64.charCodeAt(i + 3)];
+          bytes[p++] = (encoded1 << 2) | (encoded2 >> 4);
+          bytes[p++] = ((encoded2 & 15) << 4) | (encoded3 >> 2);
+          bytes[p++] = ((encoded3 & 3) << 6) | (encoded4 & 63);
+        }
+        return buffer;
       };
       var polyUint16Array = function (buffer) {
-          var length = buffer.length;
-          var bytes = [];
-          for (var i = 0; i < length; i += 2) {
-              bytes.push((buffer[i + 1] << 8) | buffer[i]);
-          }
-          return bytes;
+        var length = buffer.length;
+        var bytes = [];
+        for (var i = 0; i < length; i += 2) {
+          bytes.push((buffer[i + 1] << 8) | buffer[i]);
+        }
+        return bytes;
       };
       var polyUint32Array = function (buffer) {
-          var length = buffer.length;
-          var bytes = [];
-          for (var i = 0; i < length; i += 4) {
-              bytes.push((buffer[i + 3] << 24) | (buffer[i + 2] << 16) | (buffer[i + 1] << 8) | buffer[i]);
-          }
-          return bytes;
+        var length = buffer.length;
+        var bytes = [];
+        for (var i = 0; i < length; i += 4) {
+          bytes.push(
+            (buffer[i + 3] << 24) |
+              (buffer[i + 2] << 16) |
+              (buffer[i + 1] << 8) |
+              buffer[i],
+          );
+        }
+        return bytes;
       };
 
       /** Shift size for getting the index-2 table offset. */
@@ -7050,13 +8265,15 @@
       var UTRIE2_DATA_MASK = UTRIE2_DATA_BLOCK_LENGTH - 1;
       var UTRIE2_LSCP_INDEX_2_LENGTH = 0x400 >> UTRIE2_SHIFT_2;
       /** Count the lengths of both BMP pieces. 2080=0x820 */
-      var UTRIE2_INDEX_2_BMP_LENGTH = UTRIE2_LSCP_INDEX_2_OFFSET + UTRIE2_LSCP_INDEX_2_LENGTH;
+      var UTRIE2_INDEX_2_BMP_LENGTH =
+        UTRIE2_LSCP_INDEX_2_OFFSET + UTRIE2_LSCP_INDEX_2_LENGTH;
       /**
        * The 2-byte UTF-8 version of the index-2 table follows at offset 2080=0x820.
        * Length 32=0x20 for lead bytes C0..DF, regardless of UTRIE2_SHIFT_2.
        */
       var UTRIE2_UTF8_2B_INDEX_2_OFFSET = UTRIE2_INDEX_2_BMP_LENGTH;
-      var UTRIE2_UTF8_2B_INDEX_2_LENGTH = 0x800 >> 6; /* U+0800 is the first code point after 2-byte UTF-8 */
+      var UTRIE2_UTF8_2B_INDEX_2_LENGTH =
+        0x800 >> 6; /* U+0800 is the first code point after 2-byte UTF-8 */
       /**
        * The index-1 table, only used for supplementary code points, at offset 2112=0x840.
        * Variable length, for code points up to highStart, where the last single-value range starts.
@@ -7069,7 +8286,8 @@
        * Both the index-1 table and the following part of the index-2 table
        * are omitted completely if there is only BMP data.
        */
-      var UTRIE2_INDEX_1_OFFSET = UTRIE2_UTF8_2B_INDEX_2_OFFSET + UTRIE2_UTF8_2B_INDEX_2_LENGTH;
+      var UTRIE2_INDEX_1_OFFSET =
+        UTRIE2_UTF8_2B_INDEX_2_OFFSET + UTRIE2_UTF8_2B_INDEX_2_LENGTH;
       /**
        * Number of index-1 entries for the BMP. 32=0x20
        * This part of the index-1 table is omitted from the serialized form.
@@ -7080,94 +8298,124 @@
       /** Mask for getting the lower bits for the in-index-2-block offset. */
       var UTRIE2_INDEX_2_MASK = UTRIE2_INDEX_2_BLOCK_LENGTH - 1;
       var slice16 = function (view, start, end) {
-          if (view.slice) {
-              return view.slice(start, end);
-          }
-          return new Uint16Array(Array.prototype.slice.call(view, start, end));
+        if (view.slice) {
+          return view.slice(start, end);
+        }
+        return new Uint16Array(Array.prototype.slice.call(view, start, end));
       };
       var slice32 = function (view, start, end) {
-          if (view.slice) {
-              return view.slice(start, end);
-          }
-          return new Uint32Array(Array.prototype.slice.call(view, start, end));
+        if (view.slice) {
+          return view.slice(start, end);
+        }
+        return new Uint32Array(Array.prototype.slice.call(view, start, end));
       };
       var createTrieFromBase64 = function (base64, _byteLength) {
-          var buffer = decode(base64);
-          var view32 = Array.isArray(buffer) ? polyUint32Array(buffer) : new Uint32Array(buffer);
-          var view16 = Array.isArray(buffer) ? polyUint16Array(buffer) : new Uint16Array(buffer);
-          var headerLength = 24;
-          var index = slice16(view16, headerLength / 2, view32[4] / 2);
-          var data = view32[5] === 2
-              ? slice16(view16, (headerLength + view32[4]) / 2)
-              : slice32(view32, Math.ceil((headerLength + view32[4]) / 4));
-          return new Trie(view32[0], view32[1], view32[2], view32[3], index, data);
+        var buffer = decode(base64);
+        var view32 = Array.isArray(buffer)
+          ? polyUint32Array(buffer)
+          : new Uint32Array(buffer);
+        var view16 = Array.isArray(buffer)
+          ? polyUint16Array(buffer)
+          : new Uint16Array(buffer);
+        var headerLength = 24;
+        var index = slice16(view16, headerLength / 2, view32[4] / 2);
+        var data =
+          view32[5] === 2
+            ? slice16(view16, (headerLength + view32[4]) / 2)
+            : slice32(view32, Math.ceil((headerLength + view32[4]) / 4));
+        return new Trie(
+          view32[0],
+          view32[1],
+          view32[2],
+          view32[3],
+          index,
+          data,
+        );
       };
       var Trie = /** @class */ (function () {
-          function Trie(initialValue, errorValue, highStart, highValueIndex, index, data) {
-              this.initialValue = initialValue;
-              this.errorValue = errorValue;
-              this.highStart = highStart;
-              this.highValueIndex = highValueIndex;
-              this.index = index;
-              this.data = data;
-          }
-          /**
-           * Get the value for a code point as stored in the Trie.
-           *
-           * @param codePoint the code point
-           * @return the value
-           */
-          Trie.prototype.get = function (codePoint) {
-              var ix;
-              if (codePoint >= 0) {
-                  if (codePoint < 0x0d800 || (codePoint > 0x0dbff && codePoint <= 0x0ffff)) {
-                      // Ordinary BMP code point, excluding leading surrogates.
-                      // BMP uses a single level lookup.  BMP index starts at offset 0 in the Trie2 index.
-                      // 16 bit data is stored in the index array itself.
-                      ix = this.index[codePoint >> UTRIE2_SHIFT_2];
-                      ix = (ix << UTRIE2_INDEX_SHIFT) + (codePoint & UTRIE2_DATA_MASK);
-                      return this.data[ix];
-                  }
-                  if (codePoint <= 0xffff) {
-                      // Lead Surrogate Code Point.  A Separate index section is stored for
-                      // lead surrogate code units and code points.
-                      //   The main index has the code unit data.
-                      //   For this function, we need the code point data.
-                      // Note: this expression could be refactored for slightly improved efficiency, but
-                      //       surrogate code points will be so rare in practice that it's not worth it.
-                      ix = this.index[UTRIE2_LSCP_INDEX_2_OFFSET + ((codePoint - 0xd800) >> UTRIE2_SHIFT_2)];
-                      ix = (ix << UTRIE2_INDEX_SHIFT) + (codePoint & UTRIE2_DATA_MASK);
-                      return this.data[ix];
-                  }
-                  if (codePoint < this.highStart) {
-                      // Supplemental code point, use two-level lookup.
-                      ix = UTRIE2_INDEX_1_OFFSET - UTRIE2_OMITTED_BMP_INDEX_1_LENGTH + (codePoint >> UTRIE2_SHIFT_1);
-                      ix = this.index[ix];
-                      ix += (codePoint >> UTRIE2_SHIFT_2) & UTRIE2_INDEX_2_MASK;
-                      ix = this.index[ix];
-                      ix = (ix << UTRIE2_INDEX_SHIFT) + (codePoint & UTRIE2_DATA_MASK);
-                      return this.data[ix];
-                  }
-                  if (codePoint <= 0x10ffff) {
-                      return this.data[this.highValueIndex];
-                  }
-              }
-              // Fall through.  The code point is outside of the legal range of 0..0x10ffff.
-              return this.errorValue;
-          };
-          return Trie;
-      }());
+        function Trie(
+          initialValue,
+          errorValue,
+          highStart,
+          highValueIndex,
+          index,
+          data,
+        ) {
+          this.initialValue = initialValue;
+          this.errorValue = errorValue;
+          this.highStart = highStart;
+          this.highValueIndex = highValueIndex;
+          this.index = index;
+          this.data = data;
+        }
+        /**
+         * Get the value for a code point as stored in the Trie.
+         *
+         * @param codePoint the code point
+         * @return the value
+         */
+        Trie.prototype.get = function (codePoint) {
+          var ix;
+          if (codePoint >= 0) {
+            if (
+              codePoint < 0x0d800 ||
+              (codePoint > 0x0dbff && codePoint <= 0x0ffff)
+            ) {
+              // Ordinary BMP code point, excluding leading surrogates.
+              // BMP uses a single level lookup.  BMP index starts at offset 0 in the Trie2 index.
+              // 16 bit data is stored in the index array itself.
+              ix = this.index[codePoint >> UTRIE2_SHIFT_2];
+              ix = (ix << UTRIE2_INDEX_SHIFT) + (codePoint & UTRIE2_DATA_MASK);
+              return this.data[ix];
+            }
+            if (codePoint <= 0xffff) {
+              // Lead Surrogate Code Point.  A Separate index section is stored for
+              // lead surrogate code units and code points.
+              //   The main index has the code unit data.
+              //   For this function, we need the code point data.
+              // Note: this expression could be refactored for slightly improved efficiency, but
+              //       surrogate code points will be so rare in practice that it's not worth it.
+              ix =
+                this.index[
+                  UTRIE2_LSCP_INDEX_2_OFFSET +
+                    ((codePoint - 0xd800) >> UTRIE2_SHIFT_2)
+                ];
+              ix = (ix << UTRIE2_INDEX_SHIFT) + (codePoint & UTRIE2_DATA_MASK);
+              return this.data[ix];
+            }
+            if (codePoint < this.highStart) {
+              // Supplemental code point, use two-level lookup.
+              ix =
+                UTRIE2_INDEX_1_OFFSET -
+                UTRIE2_OMITTED_BMP_INDEX_1_LENGTH +
+                (codePoint >> UTRIE2_SHIFT_1);
+              ix = this.index[ix];
+              ix += (codePoint >> UTRIE2_SHIFT_2) & UTRIE2_INDEX_2_MASK;
+              ix = this.index[ix];
+              ix = (ix << UTRIE2_INDEX_SHIFT) + (codePoint & UTRIE2_DATA_MASK);
+              return this.data[ix];
+            }
+            if (codePoint <= 0x10ffff) {
+              return this.data[this.highValueIndex];
+            }
+          }
+          // Fall through.  The code point is outside of the legal range of 0..0x10ffff.
+          return this.errorValue;
+        };
+        return Trie;
+      })();
 
       /*
        * base64-arraybuffer 1.0.2 <https://github.com/niklasvh/base64-arraybuffer>
        * Copyright (c) 2022 Niklas von Hertzen <https://hertzen.com>
        * Released under MIT License
        */
-      var chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/';
+      var chars =
+        "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";
       // Use a lookup table to find the index.
-      var lookup = typeof Uint8Array === 'undefined' ? [] : new Uint8Array(256);
+      var lookup = typeof Uint8Array === "undefined" ? [] : new Uint8Array(256);
       for (var i = 0; i < chars.length; i++) {
-          lookup[chars.charCodeAt(i)] = i;
+        lookup[chars.charCodeAt(i)] = i;
       }
 
       var Prepend = 1;
@@ -7185,3799 +8433,5927 @@
       var Extended_Pictographic = 14;
       var RI = 15;
       var toCodePoints = function (str) {
-          var codePoints = [];
-          var i = 0;
-          var length = str.length;
-          while (i < length) {
-              var value = str.charCodeAt(i++);
-              if (value >= 0xd800 && value <= 0xdbff && i < length) {
-                  var extra = str.charCodeAt(i++);
-                  if ((extra & 0xfc00) === 0xdc00) {
-                      codePoints.push(((value & 0x3ff) << 10) + (extra & 0x3ff) + 0x10000);
-                  }
-                  else {
-                      codePoints.push(value);
-                      i--;
-                  }
-              }
-              else {
-                  codePoints.push(value);
-              }
+        var codePoints = [];
+        var i = 0;
+        var length = str.length;
+        while (i < length) {
+          var value = str.charCodeAt(i++);
+          if (value >= 0xd800 && value <= 0xdbff && i < length) {
+            var extra = str.charCodeAt(i++);
+            if ((extra & 0xfc00) === 0xdc00) {
+              codePoints.push(
+                ((value & 0x3ff) << 10) + (extra & 0x3ff) + 0x10000,
+              );
+            } else {
+              codePoints.push(value);
+              i--;
+            }
+          } else {
+            codePoints.push(value);
           }
-          return codePoints;
+        }
+        return codePoints;
       };
       var fromCodePoint = function () {
-          var codePoints = [];
-          for (var _i = 0; _i < arguments.length; _i++) {
-              codePoints[_i] = arguments[_i];
-          }
-          if (String.fromCodePoint) {
-              return String.fromCodePoint.apply(String, codePoints);
-          }
-          var length = codePoints.length;
-          if (!length) {
-              return '';
-          }
-          var codeUnits = [];
-          var index = -1;
-          var result = '';
-          while (++index < length) {
-              var codePoint = codePoints[index];
-              if (codePoint <= 0xffff) {
-                  codeUnits.push(codePoint);
-              }
-              else {
-                  codePoint -= 0x10000;
-                  codeUnits.push((codePoint >> 10) + 0xd800, (codePoint % 0x400) + 0xdc00);
-              }
-              if (index + 1 === length || codeUnits.length > 0x4000) {
-                  result += String.fromCharCode.apply(String, codeUnits);
-                  codeUnits.length = 0;
-              }
+        var codePoints = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+          codePoints[_i] = arguments[_i];
+        }
+        if (String.fromCodePoint) {
+          return String.fromCodePoint.apply(String, codePoints);
+        }
+        var length = codePoints.length;
+        if (!length) {
+          return "";
+        }
+        var codeUnits = [];
+        var index = -1;
+        var result = "";
+        while (++index < length) {
+          var codePoint = codePoints[index];
+          if (codePoint <= 0xffff) {
+            codeUnits.push(codePoint);
+          } else {
+            codePoint -= 0x10000;
+            codeUnits.push(
+              (codePoint >> 10) + 0xd800,
+              (codePoint % 0x400) + 0xdc00,
+            );
+          }
+          if (index + 1 === length || codeUnits.length > 0x4000) {
+            result += String.fromCharCode.apply(String, codeUnits);
+            codeUnits.length = 0;
           }
-          return result;
+        }
+        return result;
       };
       var UnicodeTrie = createTrieFromBase64(base64);
-      var BREAK_NOT_ALLOWED = '×';
-      var BREAK_ALLOWED = '÷';
-      var codePointToClass = function (codePoint) { return UnicodeTrie.get(codePoint); };
+      var BREAK_NOT_ALLOWED = "×";
+      var BREAK_ALLOWED = "÷";
+      var codePointToClass = function (codePoint) {
+        return UnicodeTrie.get(codePoint);
+      };
       var _graphemeBreakAtIndex = function (_codePoints, classTypes, index) {
-          var prevIndex = index - 2;
-          var prev = classTypes[prevIndex];
-          var current = classTypes[index - 1];
-          var next = classTypes[index];
-          // GB3 Do not break between a CR and LF
-          if (current === CR && next === LF) {
-              return BREAK_NOT_ALLOWED;
-          }
-          // GB4 Otherwise, break before and after controls.
-          if (current === CR || current === LF || current === Control) {
-              return BREAK_ALLOWED;
-          }
-          // GB5
-          if (next === CR || next === LF || next === Control) {
-              return BREAK_ALLOWED;
-          }
-          // Do not break Hangul syllable sequences.
-          // GB6
-          if (current === L && [L, V, LV, LVT].indexOf(next) !== -1) {
-              return BREAK_NOT_ALLOWED;
-          }
-          // GB7
-          if ((current === LV || current === V) && (next === V || next === T)) {
-              return BREAK_NOT_ALLOWED;
-          }
-          // GB8
-          if ((current === LVT || current === T) && next === T) {
-              return BREAK_NOT_ALLOWED;
-          }
-          // GB9 Do not break before extending characters or ZWJ.
-          if (next === ZWJ || next === Extend) {
-              return BREAK_NOT_ALLOWED;
-          }
-          // Do not break before SpacingMarks, or after Prepend characters.
-          // GB9a
-          if (next === SpacingMark) {
-              return BREAK_NOT_ALLOWED;
-          }
-          // GB9a
-          if (current === Prepend) {
-              return BREAK_NOT_ALLOWED;
-          }
-          // GB11 Do not break within emoji modifier sequences or emoji zwj sequences.
-          if (current === ZWJ && next === Extended_Pictographic) {
-              while (prev === Extend) {
-                  prev = classTypes[--prevIndex];
-              }
-              if (prev === Extended_Pictographic) {
-                  return BREAK_NOT_ALLOWED;
-              }
+        var prevIndex = index - 2;
+        var prev = classTypes[prevIndex];
+        var current = classTypes[index - 1];
+        var next = classTypes[index];
+        // GB3 Do not break between a CR and LF
+        if (current === CR && next === LF) {
+          return BREAK_NOT_ALLOWED;
+        }
+        // GB4 Otherwise, break before and after controls.
+        if (current === CR || current === LF || current === Control) {
+          return BREAK_ALLOWED;
+        }
+        // GB5
+        if (next === CR || next === LF || next === Control) {
+          return BREAK_ALLOWED;
+        }
+        // Do not break Hangul syllable sequences.
+        // GB6
+        if (current === L && [L, V, LV, LVT].indexOf(next) !== -1) {
+          return BREAK_NOT_ALLOWED;
+        }
+        // GB7
+        if ((current === LV || current === V) && (next === V || next === T)) {
+          return BREAK_NOT_ALLOWED;
+        }
+        // GB8
+        if ((current === LVT || current === T) && next === T) {
+          return BREAK_NOT_ALLOWED;
+        }
+        // GB9 Do not break before extending characters or ZWJ.
+        if (next === ZWJ || next === Extend) {
+          return BREAK_NOT_ALLOWED;
+        }
+        // Do not break before SpacingMarks, or after Prepend characters.
+        // GB9a
+        if (next === SpacingMark) {
+          return BREAK_NOT_ALLOWED;
+        }
+        // GB9a
+        if (current === Prepend) {
+          return BREAK_NOT_ALLOWED;
+        }
+        // GB11 Do not break within emoji modifier sequences or emoji zwj sequences.
+        if (current === ZWJ && next === Extended_Pictographic) {
+          while (prev === Extend) {
+            prev = classTypes[--prevIndex];
           }
-          // GB12 Do not break within emoji flag sequences.
-          // That is, do not break between regional indicator (RI) symbols
-          // if there is an odd number of RI characters before the break point.
-          if (current === RI && next === RI) {
-              var countRI = 0;
-              while (prev === RI) {
-                  countRI++;
-                  prev = classTypes[--prevIndex];
-              }
-              if (countRI % 2 === 0) {
-                  return BREAK_NOT_ALLOWED;
-              }
+          if (prev === Extended_Pictographic) {
+            return BREAK_NOT_ALLOWED;
           }
-          return BREAK_ALLOWED;
+        }
+        // GB12 Do not break within emoji flag sequences.
+        // That is, do not break between regional indicator (RI) symbols
+        // if there is an odd number of RI characters before the break point.
+        if (current === RI && next === RI) {
+          var countRI = 0;
+          while (prev === RI) {
+            countRI++;
+            prev = classTypes[--prevIndex];
+          }
+          if (countRI % 2 === 0) {
+            return BREAK_NOT_ALLOWED;
+          }
+        }
+        return BREAK_ALLOWED;
       };
       var GraphemeBreaker = function (str) {
-          var codePoints = toCodePoints(str);
-          var length = codePoints.length;
-          var index = 0;
-          var lastEnd = 0;
-          var classTypes = codePoints.map(codePointToClass);
-          return {
-              next: function () {
-                  if (index >= length) {
-                      return { done: true, value: null };
-                  }
-                  var graphemeBreak = BREAK_NOT_ALLOWED;
-                  while (index < length &&
-                      (graphemeBreak = _graphemeBreakAtIndex(codePoints, classTypes, ++index)) === BREAK_NOT_ALLOWED) { }
-                  if (graphemeBreak !== BREAK_NOT_ALLOWED || index === length) {
-                      var value = fromCodePoint.apply(null, codePoints.slice(lastEnd, index));
-                      lastEnd = index;
-                      return { value: value, done: false };
-                  }
-                  return { done: true, value: null };
-              },
-          };
+        var codePoints = toCodePoints(str);
+        var length = codePoints.length;
+        var index = 0;
+        var lastEnd = 0;
+        var classTypes = codePoints.map(codePointToClass);
+        return {
+          next: function () {
+            if (index >= length) {
+              return { done: true, value: null };
+            }
+            var graphemeBreak = BREAK_NOT_ALLOWED;
+            while (
+              index < length &&
+              (graphemeBreak = _graphemeBreakAtIndex(
+                codePoints,
+                classTypes,
+                ++index,
+              )) === BREAK_NOT_ALLOWED
+            ) {}
+            if (graphemeBreak !== BREAK_NOT_ALLOWED || index === length) {
+              var value = fromCodePoint.apply(
+                null,
+                codePoints.slice(lastEnd, index),
+              );
+              lastEnd = index;
+              return { value: value, done: false };
+            }
+            return { done: true, value: null };
+          },
+        };
       };
       var splitGraphemes = function (str) {
-          var breaker = GraphemeBreaker(str);
-          var graphemes = [];
-          var bk;
-          while (!(bk = breaker.next()).done) {
-              if (bk.value) {
-                  graphemes.push(bk.value.slice());
-              }
+        var breaker = GraphemeBreaker(str);
+        var graphemes = [];
+        var bk;
+        while (!(bk = breaker.next()).done) {
+          if (bk.value) {
+            graphemes.push(bk.value.slice());
           }
-          return graphemes;
+        }
+        return graphemes;
       };
 
       var testRangeBounds = function (document) {
-          var TEST_HEIGHT = 123;
-          if (document.createRange) {
-              var range = document.createRange();
-              if (range.getBoundingClientRect) {
-                  var testElement = document.createElement('boundtest');
-                  testElement.style.height = TEST_HEIGHT + "px";
-                  testElement.style.display = 'block';
-                  document.body.appendChild(testElement);
-                  range.selectNode(testElement);
-                  var rangeBounds = range.getBoundingClientRect();
-                  var rangeHeight = Math.round(rangeBounds.height);
-                  document.body.removeChild(testElement);
-                  if (rangeHeight === TEST_HEIGHT) {
-                      return true;
-                  }
-              }
+        var TEST_HEIGHT = 123;
+        if (document.createRange) {
+          var range = document.createRange();
+          if (range.getBoundingClientRect) {
+            var testElement = document.createElement("boundtest");
+            testElement.style.height = TEST_HEIGHT + "px";
+            testElement.style.display = "block";
+            document.body.appendChild(testElement);
+            range.selectNode(testElement);
+            var rangeBounds = range.getBoundingClientRect();
+            var rangeHeight = Math.round(rangeBounds.height);
+            document.body.removeChild(testElement);
+            if (rangeHeight === TEST_HEIGHT) {
+              return true;
+            }
           }
-          return false;
+        }
+        return false;
       };
       var testIOSLineBreak = function (document) {
-          var testElement = document.createElement('boundtest');
-          testElement.style.width = '50px';
-          testElement.style.display = 'block';
-          testElement.style.fontSize = '12px';
-          testElement.style.letterSpacing = '0px';
-          testElement.style.wordSpacing = '0px';
-          document.body.appendChild(testElement);
-          var range = document.createRange();
-          testElement.innerHTML = typeof ''.repeat === 'function' ? '&#128104;'.repeat(10) : '';
-          var node = testElement.firstChild;
-          var textList = toCodePoints$1(node.data).map(function (i) { return fromCodePoint$1(i); });
-          var offset = 0;
-          var prev = {};
-          // ios 13 does not handle range getBoundingClientRect line changes correctly #2177
-          var supports = textList.every(function (text, i) {
-              range.setStart(node, offset);
-              range.setEnd(node, offset + text.length);
-              var rect = range.getBoundingClientRect();
-              offset += text.length;
-              var boundAhead = rect.x > prev.x || rect.y > prev.y;
-              prev = rect;
-              if (i === 0) {
-                  return true;
-              }
-              return boundAhead;
-          });
-          document.body.removeChild(testElement);
-          return supports;
+        var testElement = document.createElement("boundtest");
+        testElement.style.width = "50px";
+        testElement.style.display = "block";
+        testElement.style.fontSize = "12px";
+        testElement.style.letterSpacing = "0px";
+        testElement.style.wordSpacing = "0px";
+        document.body.appendChild(testElement);
+        var range = document.createRange();
+        testElement.innerHTML =
+          typeof "".repeat === "function" ? "&#128104;".repeat(10) : "";
+        var node = testElement.firstChild;
+        var textList = toCodePoints$1(node.data).map(function (i) {
+          return fromCodePoint$1(i);
+        });
+        var offset = 0;
+        var prev = {};
+        // ios 13 does not handle range getBoundingClientRect line changes correctly #2177
+        var supports = textList.every(function (text, i) {
+          range.setStart(node, offset);
+          range.setEnd(node, offset + text.length);
+          var rect = range.getBoundingClientRect();
+          offset += text.length;
+          var boundAhead = rect.x > prev.x || rect.y > prev.y;
+          prev = rect;
+          if (i === 0) {
+            return true;
+          }
+          return boundAhead;
+        });
+        document.body.removeChild(testElement);
+        return supports;
+      };
+      var testCORS = function () {
+        return typeof new Image().crossOrigin !== "undefined";
+      };
+      var testResponseType = function () {
+        return typeof new XMLHttpRequest().responseType === "string";
       };
-      var testCORS = function () { return typeof new Image().crossOrigin !== 'undefined'; };
-      var testResponseType = function () { return typeof new XMLHttpRequest().responseType === 'string'; };
       var testSVG = function (document) {
-          var img = new Image();
-          var canvas = document.createElement('canvas');
-          var ctx = canvas.getContext('2d');
-          if (!ctx) {
-              return false;
-          }
-          img.src = "data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg'></svg>";
-          try {
-              ctx.drawImage(img, 0, 0);
-              canvas.toDataURL();
-          }
-          catch (e) {
-              return false;
-          }
-          return true;
+        var img = new Image();
+        var canvas = document.createElement("canvas");
+        var ctx = canvas.getContext("2d");
+        if (!ctx) {
+          return false;
+        }
+        img.src =
+          "data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg'></svg>";
+        try {
+          ctx.drawImage(img, 0, 0);
+          canvas.toDataURL();
+        } catch (e) {
+          return false;
+        }
+        return true;
       };
       var isGreenPixel = function (data) {
-          return data[0] === 0 && data[1] === 255 && data[2] === 0 && data[3] === 255;
+        return (
+          data[0] === 0 && data[1] === 255 && data[2] === 0 && data[3] === 255
+        );
       };
       var testForeignObject = function (document) {
-          var canvas = document.createElement('canvas');
-          var size = 100;
-          canvas.width = size;
-          canvas.height = size;
-          var ctx = canvas.getContext('2d');
-          if (!ctx) {
-              return Promise.reject(false);
-          }
-          ctx.fillStyle = 'rgb(0, 255, 0)';
-          ctx.fillRect(0, 0, size, size);
-          var img = new Image();
-          var greenImageSrc = canvas.toDataURL();
-          img.src = greenImageSrc;
-          var svg = createForeignObjectSVG(size, size, 0, 0, img);
-          ctx.fillStyle = 'red';
-          ctx.fillRect(0, 0, size, size);
-          return loadSerializedSVG$1(svg)
-              .then(function (img) {
-              ctx.drawImage(img, 0, 0);
-              var data = ctx.getImageData(0, 0, size, size).data;
-              ctx.fillStyle = 'red';
-              ctx.fillRect(0, 0, size, size);
-              var node = document.createElement('div');
-              node.style.backgroundImage = "url(" + greenImageSrc + ")";
-              node.style.height = size + "px";
-              // Firefox 55 does not render inline <img /> tags
-              return isGreenPixel(data)
-                  ? loadSerializedSVG$1(createForeignObjectSVG(size, size, 0, 0, node))
-                  : Promise.reject(false);
+        var canvas = document.createElement("canvas");
+        var size = 100;
+        canvas.width = size;
+        canvas.height = size;
+        var ctx = canvas.getContext("2d");
+        if (!ctx) {
+          return Promise.reject(false);
+        }
+        ctx.fillStyle = "rgb(0, 255, 0)";
+        ctx.fillRect(0, 0, size, size);
+        var img = new Image();
+        var greenImageSrc = canvas.toDataURL();
+        img.src = greenImageSrc;
+        var svg = createForeignObjectSVG(size, size, 0, 0, img);
+        ctx.fillStyle = "red";
+        ctx.fillRect(0, 0, size, size);
+        return loadSerializedSVG$1(svg)
+          .then(function (img) {
+            ctx.drawImage(img, 0, 0);
+            var data = ctx.getImageData(0, 0, size, size).data;
+            ctx.fillStyle = "red";
+            ctx.fillRect(0, 0, size, size);
+            var node = document.createElement("div");
+            node.style.backgroundImage = "url(" + greenImageSrc + ")";
+            node.style.height = size + "px";
+            // Firefox 55 does not render inline <img /> tags
+            return isGreenPixel(data)
+              ? loadSerializedSVG$1(
+                  createForeignObjectSVG(size, size, 0, 0, node),
+                )
+              : Promise.reject(false);
           })
-              .then(function (img) {
-              ctx.drawImage(img, 0, 0);
-              // Edge does not render background-images
-              return isGreenPixel(ctx.getImageData(0, 0, size, size).data);
+          .then(function (img) {
+            ctx.drawImage(img, 0, 0);
+            // Edge does not render background-images
+            return isGreenPixel(ctx.getImageData(0, 0, size, size).data);
           })
-              .catch(function () { return false; });
+          .catch(function () {
+            return false;
+          });
       };
       var createForeignObjectSVG = function (width, height, x, y, node) {
-          var xmlns = 'http://www.w3.org/2000/svg';
-          var svg = document.createElementNS(xmlns, 'svg');
-          var foreignObject = document.createElementNS(xmlns, 'foreignObject');
-          svg.setAttributeNS(null, 'width', width.toString());
-          svg.setAttributeNS(null, 'height', height.toString());
-          foreignObject.setAttributeNS(null, 'width', '100%');
-          foreignObject.setAttributeNS(null, 'height', '100%');
-          foreignObject.setAttributeNS(null, 'x', x.toString());
-          foreignObject.setAttributeNS(null, 'y', y.toString());
-          foreignObject.setAttributeNS(null, 'externalResourcesRequired', 'true');
-          svg.appendChild(foreignObject);
-          foreignObject.appendChild(node);
-          return svg;
+        var xmlns = "http://www.w3.org/2000/svg";
+        var svg = document.createElementNS(xmlns, "svg");
+        var foreignObject = document.createElementNS(xmlns, "foreignObject");
+        svg.setAttributeNS(null, "width", width.toString());
+        svg.setAttributeNS(null, "height", height.toString());
+        foreignObject.setAttributeNS(null, "width", "100%");
+        foreignObject.setAttributeNS(null, "height", "100%");
+        foreignObject.setAttributeNS(null, "x", x.toString());
+        foreignObject.setAttributeNS(null, "y", y.toString());
+        foreignObject.setAttributeNS(null, "externalResourcesRequired", "true");
+        svg.appendChild(foreignObject);
+        foreignObject.appendChild(node);
+        return svg;
       };
       var loadSerializedSVG$1 = function (svg) {
-          return new Promise(function (resolve, reject) {
-              var img = new Image();
-              img.onload = function () { return resolve(img); };
-              img.onerror = reject;
-              img.src = "data:image/svg+xml;charset=utf-8," + encodeURIComponent(new XMLSerializer().serializeToString(svg));
-          });
+        return new Promise(function (resolve, reject) {
+          var img = new Image();
+          img.onload = function () {
+            return resolve(img);
+          };
+          img.onerror = reject;
+          img.src =
+            "data:image/svg+xml;charset=utf-8," +
+            encodeURIComponent(new XMLSerializer().serializeToString(svg));
+        });
       };
       var FEATURES = {
-          get SUPPORT_RANGE_BOUNDS() {
-              var value = testRangeBounds(document);
-              Object.defineProperty(FEATURES, 'SUPPORT_RANGE_BOUNDS', { value: value });
-              return value;
-          },
-          get SUPPORT_WORD_BREAKING() {
-              var value = FEATURES.SUPPORT_RANGE_BOUNDS && testIOSLineBreak(document);
-              Object.defineProperty(FEATURES, 'SUPPORT_WORD_BREAKING', { value: value });
-              return value;
-          },
-          get SUPPORT_SVG_DRAWING() {
-              var value = testSVG(document);
-              Object.defineProperty(FEATURES, 'SUPPORT_SVG_DRAWING', { value: value });
-              return value;
-          },
-          get SUPPORT_FOREIGNOBJECT_DRAWING() {
-              var value = typeof Array.from === 'function' && typeof window.fetch === 'function'
-                  ? testForeignObject(document)
-                  : Promise.resolve(false);
-              Object.defineProperty(FEATURES, 'SUPPORT_FOREIGNOBJECT_DRAWING', { value: value });
-              return value;
-          },
-          get SUPPORT_CORS_IMAGES() {
-              var value = testCORS();
-              Object.defineProperty(FEATURES, 'SUPPORT_CORS_IMAGES', { value: value });
-              return value;
-          },
-          get SUPPORT_RESPONSE_TYPE() {
-              var value = testResponseType();
-              Object.defineProperty(FEATURES, 'SUPPORT_RESPONSE_TYPE', { value: value });
-              return value;
-          },
-          get SUPPORT_CORS_XHR() {
-              var value = 'withCredentials' in new XMLHttpRequest();
-              Object.defineProperty(FEATURES, 'SUPPORT_CORS_XHR', { value: value });
-              return value;
-          },
-          get SUPPORT_NATIVE_TEXT_SEGMENTATION() {
-              // eslint-disable-next-line @typescript-eslint/no-explicit-any
-              var value = !!(typeof Intl !== 'undefined' && Intl.Segmenter);
-              Object.defineProperty(FEATURES, 'SUPPORT_NATIVE_TEXT_SEGMENTATION', { value: value });
-              return value;
-          }
+        get SUPPORT_RANGE_BOUNDS() {
+          var value = testRangeBounds(document);
+          Object.defineProperty(FEATURES, "SUPPORT_RANGE_BOUNDS", {
+            value: value,
+          });
+          return value;
+        },
+        get SUPPORT_WORD_BREAKING() {
+          var value =
+            FEATURES.SUPPORT_RANGE_BOUNDS && testIOSLineBreak(document);
+          Object.defineProperty(FEATURES, "SUPPORT_WORD_BREAKING", {
+            value: value,
+          });
+          return value;
+        },
+        get SUPPORT_SVG_DRAWING() {
+          var value = testSVG(document);
+          Object.defineProperty(FEATURES, "SUPPORT_SVG_DRAWING", {
+            value: value,
+          });
+          return value;
+        },
+        get SUPPORT_FOREIGNOBJECT_DRAWING() {
+          var value =
+            typeof Array.from === "function" &&
+            typeof window.fetch === "function"
+              ? testForeignObject(document)
+              : Promise.resolve(false);
+          Object.defineProperty(FEATURES, "SUPPORT_FOREIGNOBJECT_DRAWING", {
+            value: value,
+          });
+          return value;
+        },
+        get SUPPORT_CORS_IMAGES() {
+          var value = testCORS();
+          Object.defineProperty(FEATURES, "SUPPORT_CORS_IMAGES", {
+            value: value,
+          });
+          return value;
+        },
+        get SUPPORT_RESPONSE_TYPE() {
+          var value = testResponseType();
+          Object.defineProperty(FEATURES, "SUPPORT_RESPONSE_TYPE", {
+            value: value,
+          });
+          return value;
+        },
+        get SUPPORT_CORS_XHR() {
+          var value = "withCredentials" in new XMLHttpRequest();
+          Object.defineProperty(FEATURES, "SUPPORT_CORS_XHR", { value: value });
+          return value;
+        },
+        get SUPPORT_NATIVE_TEXT_SEGMENTATION() {
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+          var value = !!(typeof Intl !== "undefined" && Intl.Segmenter);
+          Object.defineProperty(FEATURES, "SUPPORT_NATIVE_TEXT_SEGMENTATION", {
+            value: value,
+          });
+          return value;
+        },
       };
 
       var TextBounds = /** @class */ (function () {
-          function TextBounds(text, bounds) {
-              this.text = text;
-              this.bounds = bounds;
-          }
-          return TextBounds;
-      }());
+        function TextBounds(text, bounds) {
+          this.text = text;
+          this.bounds = bounds;
+        }
+        return TextBounds;
+      })();
       var parseTextBounds = function (context, value, styles, node) {
-          var textList = breakText(value, styles);
-          var textBounds = [];
-          var offset = 0;
-          textList.forEach(function (text) {
-              if (styles.textDecorationLine.length || text.trim().length > 0) {
-                  if (FEATURES.SUPPORT_RANGE_BOUNDS) {
-                      var clientRects = createRange(node, offset, text.length).getClientRects();
-                      if (clientRects.length > 1) {
-                          var subSegments = segmentGraphemes(text);
-                          var subOffset_1 = 0;
-                          subSegments.forEach(function (subSegment) {
-                              textBounds.push(new TextBounds(subSegment, Bounds.fromDOMRectList(context, createRange(node, subOffset_1 + offset, subSegment.length).getClientRects())));
-                              subOffset_1 += subSegment.length;
-                          });
-                      }
-                      else {
-                          textBounds.push(new TextBounds(text, Bounds.fromDOMRectList(context, clientRects)));
-                      }
-                  }
-                  else {
-                      var replacementNode = node.splitText(text.length);
-                      textBounds.push(new TextBounds(text, getWrapperBounds(context, node)));
-                      node = replacementNode;
-                  }
-              }
-              else if (!FEATURES.SUPPORT_RANGE_BOUNDS) {
-                  node = node.splitText(text.length);
-              }
-              offset += text.length;
-          });
-          return textBounds;
+        var textList = breakText(value, styles);
+        var textBounds = [];
+        var offset = 0;
+        textList.forEach(function (text) {
+          if (styles.textDecorationLine.length || text.trim().length > 0) {
+            if (FEATURES.SUPPORT_RANGE_BOUNDS) {
+              var clientRects = createRange(
+                node,
+                offset,
+                text.length,
+              ).getClientRects();
+              if (clientRects.length > 1) {
+                var subSegments = segmentGraphemes(text);
+                var subOffset_1 = 0;
+                subSegments.forEach(function (subSegment) {
+                  textBounds.push(
+                    new TextBounds(
+                      subSegment,
+                      Bounds.fromDOMRectList(
+                        context,
+                        createRange(
+                          node,
+                          subOffset_1 + offset,
+                          subSegment.length,
+                        ).getClientRects(),
+                      ),
+                    ),
+                  );
+                  subOffset_1 += subSegment.length;
+                });
+              } else {
+                textBounds.push(
+                  new TextBounds(
+                    text,
+                    Bounds.fromDOMRectList(context, clientRects),
+                  ),
+                );
+              }
+            } else {
+              var replacementNode = node.splitText(text.length);
+              textBounds.push(
+                new TextBounds(text, getWrapperBounds(context, node)),
+              );
+              node = replacementNode;
+            }
+          } else if (!FEATURES.SUPPORT_RANGE_BOUNDS) {
+            node = node.splitText(text.length);
+          }
+          offset += text.length;
+        });
+        return textBounds;
       };
       var getWrapperBounds = function (context, node) {
-          var ownerDocument = node.ownerDocument;
-          if (ownerDocument) {
-              var wrapper = ownerDocument.createElement('html2canvaswrapper');
-              wrapper.appendChild(node.cloneNode(true));
-              var parentNode = node.parentNode;
-              if (parentNode) {
-                  parentNode.replaceChild(wrapper, node);
-                  var bounds = parseBounds(context, wrapper);
-                  if (wrapper.firstChild) {
-                      parentNode.replaceChild(wrapper.firstChild, wrapper);
-                  }
-                  return bounds;
-              }
+        var ownerDocument = node.ownerDocument;
+        if (ownerDocument) {
+          var wrapper = ownerDocument.createElement("html2canvaswrapper");
+          wrapper.appendChild(node.cloneNode(true));
+          var parentNode = node.parentNode;
+          if (parentNode) {
+            parentNode.replaceChild(wrapper, node);
+            var bounds = parseBounds(context, wrapper);
+            if (wrapper.firstChild) {
+              parentNode.replaceChild(wrapper.firstChild, wrapper);
+            }
+            return bounds;
           }
-          return Bounds.EMPTY;
+        }
+        return Bounds.EMPTY;
       };
       var createRange = function (node, offset, length) {
-          var ownerDocument = node.ownerDocument;
-          if (!ownerDocument) {
-              throw new Error('Node has no owner document');
-          }
-          var range = ownerDocument.createRange();
-          range.setStart(node, offset);
-          range.setEnd(node, offset + length);
-          return range;
+        var ownerDocument = node.ownerDocument;
+        if (!ownerDocument) {
+          throw new Error("Node has no owner document");
+        }
+        var range = ownerDocument.createRange();
+        range.setStart(node, offset);
+        range.setEnd(node, offset + length);
+        return range;
       };
       var segmentGraphemes = function (value) {
-          if (FEATURES.SUPPORT_NATIVE_TEXT_SEGMENTATION) {
-              // eslint-disable-next-line @typescript-eslint/no-explicit-any
-              var segmenter = new Intl.Segmenter(void 0, { granularity: 'grapheme' });
-              // eslint-disable-next-line @typescript-eslint/no-explicit-any
-              return Array.from(segmenter.segment(value)).map(function (segment) { return segment.segment; });
-          }
-          return splitGraphemes(value);
+        if (FEATURES.SUPPORT_NATIVE_TEXT_SEGMENTATION) {
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+          var segmenter = new Intl.Segmenter(void 0, {
+            granularity: "grapheme",
+          });
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+          return Array.from(segmenter.segment(value)).map(function (segment) {
+            return segment.segment;
+          });
+        }
+        return splitGraphemes(value);
       };
       var segmentWords = function (value, styles) {
-          if (FEATURES.SUPPORT_NATIVE_TEXT_SEGMENTATION) {
-              // eslint-disable-next-line @typescript-eslint/no-explicit-any
-              var segmenter = new Intl.Segmenter(void 0, {
-                  granularity: 'word'
-              });
-              // eslint-disable-next-line @typescript-eslint/no-explicit-any
-              return Array.from(segmenter.segment(value)).map(function (segment) { return segment.segment; });
-          }
-          return breakWords(value, styles);
+        if (FEATURES.SUPPORT_NATIVE_TEXT_SEGMENTATION) {
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+          var segmenter = new Intl.Segmenter(void 0, {
+            granularity: "word",
+          });
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+          return Array.from(segmenter.segment(value)).map(function (segment) {
+            return segment.segment;
+          });
+        }
+        return breakWords(value, styles);
       };
       var breakText = function (value, styles) {
-          return styles.letterSpacing !== 0 ? segmentGraphemes(value) : segmentWords(value, styles);
+        return styles.letterSpacing !== 0
+          ? segmentGraphemes(value)
+          : segmentWords(value, styles);
       };
       // https://drafts.csswg.org/css-text/#word-separator
-      var wordSeparators = [0x0020, 0x00a0, 0x1361, 0x10100, 0x10101, 0x1039, 0x1091];
+      var wordSeparators = [
+        0x0020, 0x00a0, 0x1361, 0x10100, 0x10101, 0x1039, 0x1091,
+      ];
       var breakWords = function (str, styles) {
-          var breaker = LineBreaker(str, {
-              lineBreak: styles.lineBreak,
-              wordBreak: styles.overflowWrap === "break-word" /* BREAK_WORD */ ? 'break-word' : styles.wordBreak
-          });
-          var words = [];
-          var bk;
-          var _loop_1 = function () {
-              if (bk.value) {
-                  var value = bk.value.slice();
-                  var codePoints = toCodePoints$1(value);
-                  var word_1 = '';
-                  codePoints.forEach(function (codePoint) {
-                      if (wordSeparators.indexOf(codePoint) === -1) {
-                          word_1 += fromCodePoint$1(codePoint);
-                      }
-                      else {
-                          if (word_1.length) {
-                              words.push(word_1);
-                          }
-                          words.push(fromCodePoint$1(codePoint));
-                          word_1 = '';
-                      }
-                  });
-                  if (word_1.length) {
-                      words.push(word_1);
-                  }
-              }
-          };
-          while (!(bk = breaker.next()).done) {
-              _loop_1();
-          }
-          return words;
+        var breaker = LineBreaker(str, {
+          lineBreak: styles.lineBreak,
+          wordBreak:
+            styles.overflowWrap === "break-word" /* BREAK_WORD */
+              ? "break-word"
+              : styles.wordBreak,
+        });
+        var words = [];
+        var bk;
+        var _loop_1 = function () {
+          if (bk.value) {
+            var value = bk.value.slice();
+            var codePoints = toCodePoints$1(value);
+            var word_1 = "";
+            codePoints.forEach(function (codePoint) {
+              if (wordSeparators.indexOf(codePoint) === -1) {
+                word_1 += fromCodePoint$1(codePoint);
+              } else {
+                if (word_1.length) {
+                  words.push(word_1);
+                }
+                words.push(fromCodePoint$1(codePoint));
+                word_1 = "";
+              }
+            });
+            if (word_1.length) {
+              words.push(word_1);
+            }
+          }
+        };
+        while (!(bk = breaker.next()).done) {
+          _loop_1();
+        }
+        return words;
       };
 
       var TextContainer = /** @class */ (function () {
-          function TextContainer(context, node, styles) {
-              this.text = transform(node.data, styles.textTransform);
-              this.textBounds = parseTextBounds(context, this.text, styles, node);
-          }
-          return TextContainer;
-      }());
+        function TextContainer(context, node, styles) {
+          this.text = transform(node.data, styles.textTransform);
+          this.textBounds = parseTextBounds(context, this.text, styles, node);
+        }
+        return TextContainer;
+      })();
       var transform = function (text, transform) {
-          switch (transform) {
-              case 1 /* LOWERCASE */:
-                  return text.toLowerCase();
-              case 3 /* CAPITALIZE */:
-                  return text.replace(CAPITALIZE, capitalize);
-              case 2 /* UPPERCASE */:
-                  return text.toUpperCase();
-              default:
-                  return text;
-          }
+        switch (transform) {
+          case 1 /* LOWERCASE */:
+            return text.toLowerCase();
+          case 3 /* CAPITALIZE */:
+            return text.replace(CAPITALIZE, capitalize);
+          case 2 /* UPPERCASE */:
+            return text.toUpperCase();
+          default:
+            return text;
+        }
       };
       var CAPITALIZE = /(^|\s|:|-|\(|\))([a-z])/g;
       var capitalize = function (m, p1, p2) {
-          if (m.length > 0) {
-              return p1 + p2.toUpperCase();
-          }
-          return m;
+        if (m.length > 0) {
+          return p1 + p2.toUpperCase();
+        }
+        return m;
       };
 
       var ImageElementContainer = /** @class */ (function (_super) {
-          __extends(ImageElementContainer, _super);
-          function ImageElementContainer(context, img) {
-              var _this = _super.call(this, context, img) || this;
-              _this.src = img.currentSrc || img.src;
-              _this.intrinsicWidth = img.naturalWidth;
-              _this.intrinsicHeight = img.naturalHeight;
-              _this.context.cache.addImage(_this.src);
-              return _this;
-          }
-          return ImageElementContainer;
-      }(ElementContainer));
+        __extends(ImageElementContainer, _super);
+        function ImageElementContainer(context, img) {
+          var _this = _super.call(this, context, img) || this;
+          _this.src = img.currentSrc || img.src;
+          _this.intrinsicWidth = img.naturalWidth;
+          _this.intrinsicHeight = img.naturalHeight;
+          _this.context.cache.addImage(_this.src);
+          return _this;
+        }
+        return ImageElementContainer;
+      })(ElementContainer);
 
       var CanvasElementContainer = /** @class */ (function (_super) {
-          __extends(CanvasElementContainer, _super);
-          function CanvasElementContainer(context, canvas) {
-              var _this = _super.call(this, context, canvas) || this;
-              _this.canvas = canvas;
-              _this.intrinsicWidth = canvas.width;
-              _this.intrinsicHeight = canvas.height;
-              return _this;
-          }
-          return CanvasElementContainer;
-      }(ElementContainer));
+        __extends(CanvasElementContainer, _super);
+        function CanvasElementContainer(context, canvas) {
+          var _this = _super.call(this, context, canvas) || this;
+          _this.canvas = canvas;
+          _this.intrinsicWidth = canvas.width;
+          _this.intrinsicHeight = canvas.height;
+          return _this;
+        }
+        return CanvasElementContainer;
+      })(ElementContainer);
 
       var SVGElementContainer = /** @class */ (function (_super) {
-          __extends(SVGElementContainer, _super);
-          function SVGElementContainer(context, img) {
-              var _this = _super.call(this, context, img) || this;
-              var s = new XMLSerializer();
-              var bounds = parseBounds(context, img);
-              img.setAttribute('width', bounds.width + "px");
-              img.setAttribute('height', bounds.height + "px");
-              _this.svg = "data:image/svg+xml," + encodeURIComponent(s.serializeToString(img));
-              _this.intrinsicWidth = img.width.baseVal.value;
-              _this.intrinsicHeight = img.height.baseVal.value;
-              _this.context.cache.addImage(_this.svg);
-              return _this;
-          }
-          return SVGElementContainer;
-      }(ElementContainer));
+        __extends(SVGElementContainer, _super);
+        function SVGElementContainer(context, img) {
+          var _this = _super.call(this, context, img) || this;
+          var s = new XMLSerializer();
+          var bounds = parseBounds(context, img);
+          img.setAttribute("width", bounds.width + "px");
+          img.setAttribute("height", bounds.height + "px");
+          _this.svg =
+            "data:image/svg+xml," +
+            encodeURIComponent(s.serializeToString(img));
+          _this.intrinsicWidth = img.width.baseVal.value;
+          _this.intrinsicHeight = img.height.baseVal.value;
+          _this.context.cache.addImage(_this.svg);
+          return _this;
+        }
+        return SVGElementContainer;
+      })(ElementContainer);
 
       var LIElementContainer = /** @class */ (function (_super) {
-          __extends(LIElementContainer, _super);
-          function LIElementContainer(context, element) {
-              var _this = _super.call(this, context, element) || this;
-              _this.value = element.value;
-              return _this;
-          }
-          return LIElementContainer;
-      }(ElementContainer));
+        __extends(LIElementContainer, _super);
+        function LIElementContainer(context, element) {
+          var _this = _super.call(this, context, element) || this;
+          _this.value = element.value;
+          return _this;
+        }
+        return LIElementContainer;
+      })(ElementContainer);
 
       var OLElementContainer = /** @class */ (function (_super) {
-          __extends(OLElementContainer, _super);
-          function OLElementContainer(context, element) {
-              var _this = _super.call(this, context, element) || this;
-              _this.start = element.start;
-              _this.reversed = typeof element.reversed === 'boolean' && element.reversed === true;
-              return _this;
-          }
-          return OLElementContainer;
-      }(ElementContainer));
+        __extends(OLElementContainer, _super);
+        function OLElementContainer(context, element) {
+          var _this = _super.call(this, context, element) || this;
+          _this.start = element.start;
+          _this.reversed =
+            typeof element.reversed === "boolean" && element.reversed === true;
+          return _this;
+        }
+        return OLElementContainer;
+      })(ElementContainer);
 
       var CHECKBOX_BORDER_RADIUS = [
-          {
-              type: 15 /* DIMENSION_TOKEN */,
-              flags: 0,
-              unit: 'px',
-              number: 3
-          }
+        {
+          type: 15 /* DIMENSION_TOKEN */,
+          flags: 0,
+          unit: "px",
+          number: 3,
+        },
       ];
       var RADIO_BORDER_RADIUS = [
-          {
-              type: 16 /* PERCENTAGE_TOKEN */,
-              flags: 0,
-              number: 50
-          }
+        {
+          type: 16 /* PERCENTAGE_TOKEN */,
+          flags: 0,
+          number: 50,
+        },
       ];
       var reformatInputBounds = function (bounds) {
-          if (bounds.width > bounds.height) {
-              return new Bounds(bounds.left + (bounds.width - bounds.height) / 2, bounds.top, bounds.height, bounds.height);
-          }
-          else if (bounds.width < bounds.height) {
-              return new Bounds(bounds.left, bounds.top + (bounds.height - bounds.width) / 2, bounds.width, bounds.width);
-          }
-          return bounds;
+        if (bounds.width > bounds.height) {
+          return new Bounds(
+            bounds.left + (bounds.width - bounds.height) / 2,
+            bounds.top,
+            bounds.height,
+            bounds.height,
+          );
+        } else if (bounds.width < bounds.height) {
+          return new Bounds(
+            bounds.left,
+            bounds.top + (bounds.height - bounds.width) / 2,
+            bounds.width,
+            bounds.width,
+          );
+        }
+        return bounds;
       };
       var getInputValue = function (node) {
-          var value = node.type === PASSWORD ? new Array(node.value.length + 1).join('\u2022') : node.value;
-          return value.length === 0 ? node.placeholder || '' : value;
-      };
-      var CHECKBOX = 'checkbox';
-      var RADIO = 'radio';
-      var PASSWORD = 'password';
+        var value =
+          node.type === PASSWORD
+            ? new Array(node.value.length + 1).join("\u2022")
+            : node.value;
+        return value.length === 0 ? node.placeholder || "" : value;
+      };
+      var CHECKBOX = "checkbox";
+      var RADIO = "radio";
+      var PASSWORD = "password";
       var INPUT_COLOR = 0x2a2a2aff;
       var InputElementContainer = /** @class */ (function (_super) {
-          __extends(InputElementContainer, _super);
-          function InputElementContainer(context, input) {
-              var _this = _super.call(this, context, input) || this;
-              _this.type = input.type.toLowerCase();
-              _this.checked = input.checked;
-              _this.value = getInputValue(input);
-              if (_this.type === CHECKBOX || _this.type === RADIO) {
-                  _this.styles.backgroundColor = 0xdededeff;
-                  _this.styles.borderTopColor =
-                      _this.styles.borderRightColor =
-                          _this.styles.borderBottomColor =
-                              _this.styles.borderLeftColor =
-                                  0xa5a5a5ff;
-                  _this.styles.borderTopWidth =
-                      _this.styles.borderRightWidth =
-                          _this.styles.borderBottomWidth =
-                              _this.styles.borderLeftWidth =
-                                  1;
-                  _this.styles.borderTopStyle =
-                      _this.styles.borderRightStyle =
-                          _this.styles.borderBottomStyle =
-                              _this.styles.borderLeftStyle =
-                                  1 /* SOLID */;
-                  _this.styles.backgroundClip = [0 /* BORDER_BOX */];
-                  _this.styles.backgroundOrigin = [0 /* BORDER_BOX */];
-                  _this.bounds = reformatInputBounds(_this.bounds);
-              }
-              switch (_this.type) {
-                  case CHECKBOX:
-                      _this.styles.borderTopRightRadius =
-                          _this.styles.borderTopLeftRadius =
-                              _this.styles.borderBottomRightRadius =
-                                  _this.styles.borderBottomLeftRadius =
-                                      CHECKBOX_BORDER_RADIUS;
-                      break;
-                  case RADIO:
-                      _this.styles.borderTopRightRadius =
-                          _this.styles.borderTopLeftRadius =
-                              _this.styles.borderBottomRightRadius =
-                                  _this.styles.borderBottomLeftRadius =
-                                      RADIO_BORDER_RADIUS;
-                      break;
-              }
-              return _this;
-          }
-          return InputElementContainer;
-      }(ElementContainer));
+        __extends(InputElementContainer, _super);
+        function InputElementContainer(context, input) {
+          var _this = _super.call(this, context, input) || this;
+          _this.type = input.type.toLowerCase();
+          _this.checked = input.checked;
+          _this.value = getInputValue(input);
+          if (_this.type === CHECKBOX || _this.type === RADIO) {
+            _this.styles.backgroundColor = 0xdededeff;
+            _this.styles.borderTopColor =
+              _this.styles.borderRightColor =
+              _this.styles.borderBottomColor =
+              _this.styles.borderLeftColor =
+                0xa5a5a5ff;
+            _this.styles.borderTopWidth =
+              _this.styles.borderRightWidth =
+              _this.styles.borderBottomWidth =
+              _this.styles.borderLeftWidth =
+                1;
+            _this.styles.borderTopStyle =
+              _this.styles.borderRightStyle =
+              _this.styles.borderBottomStyle =
+              _this.styles.borderLeftStyle =
+                1 /* SOLID */;
+            _this.styles.backgroundClip = [0 /* BORDER_BOX */];
+            _this.styles.backgroundOrigin = [0 /* BORDER_BOX */];
+            _this.bounds = reformatInputBounds(_this.bounds);
+          }
+          switch (_this.type) {
+            case CHECKBOX:
+              _this.styles.borderTopRightRadius =
+                _this.styles.borderTopLeftRadius =
+                _this.styles.borderBottomRightRadius =
+                _this.styles.borderBottomLeftRadius =
+                  CHECKBOX_BORDER_RADIUS;
+              break;
+            case RADIO:
+              _this.styles.borderTopRightRadius =
+                _this.styles.borderTopLeftRadius =
+                _this.styles.borderBottomRightRadius =
+                _this.styles.borderBottomLeftRadius =
+                  RADIO_BORDER_RADIUS;
+              break;
+          }
+          return _this;
+        }
+        return InputElementContainer;
+      })(ElementContainer);
 
       var SelectElementContainer = /** @class */ (function (_super) {
-          __extends(SelectElementContainer, _super);
-          function SelectElementContainer(context, element) {
-              var _this = _super.call(this, context, element) || this;
-              var option = element.options[element.selectedIndex || 0];
-              _this.value = option ? option.text || '' : '';
-              return _this;
-          }
-          return SelectElementContainer;
-      }(ElementContainer));
+        __extends(SelectElementContainer, _super);
+        function SelectElementContainer(context, element) {
+          var _this = _super.call(this, context, element) || this;
+          var option = element.options[element.selectedIndex || 0];
+          _this.value = option ? option.text || "" : "";
+          return _this;
+        }
+        return SelectElementContainer;
+      })(ElementContainer);
 
       var TextareaElementContainer = /** @class */ (function (_super) {
-          __extends(TextareaElementContainer, _super);
-          function TextareaElementContainer(context, element) {
-              var _this = _super.call(this, context, element) || this;
-              _this.value = element.value;
-              return _this;
-          }
-          return TextareaElementContainer;
-      }(ElementContainer));
+        __extends(TextareaElementContainer, _super);
+        function TextareaElementContainer(context, element) {
+          var _this = _super.call(this, context, element) || this;
+          _this.value = element.value;
+          return _this;
+        }
+        return TextareaElementContainer;
+      })(ElementContainer);
 
       var IFrameElementContainer = /** @class */ (function (_super) {
-          __extends(IFrameElementContainer, _super);
-          function IFrameElementContainer(context, iframe) {
-              var _this = _super.call(this, context, iframe) || this;
-              _this.src = iframe.src;
-              _this.width = parseInt(iframe.width, 10) || 0;
-              _this.height = parseInt(iframe.height, 10) || 0;
-              _this.backgroundColor = _this.styles.backgroundColor;
-              try {
-                  if (iframe.contentWindow &&
-                      iframe.contentWindow.document &&
-                      iframe.contentWindow.document.documentElement) {
-                      _this.tree = parseTree(context, iframe.contentWindow.document.documentElement);
-                      // http://www.w3.org/TR/css3-background/#special-backgrounds
-                      var documentBackgroundColor = iframe.contentWindow.document.documentElement
-                          ? parseColor(context, getComputedStyle(iframe.contentWindow.document.documentElement).backgroundColor)
-                          : COLORS.TRANSPARENT;
-                      var bodyBackgroundColor = iframe.contentWindow.document.body
-                          ? parseColor(context, getComputedStyle(iframe.contentWindow.document.body).backgroundColor)
-                          : COLORS.TRANSPARENT;
-                      _this.backgroundColor = isTransparent(documentBackgroundColor)
-                          ? isTransparent(bodyBackgroundColor)
-                              ? _this.styles.backgroundColor
-                              : bodyBackgroundColor
-                          : documentBackgroundColor;
-                  }
-              }
-              catch (e) { }
-              return _this;
-          }
-          return IFrameElementContainer;
-      }(ElementContainer));
+        __extends(IFrameElementContainer, _super);
+        function IFrameElementContainer(context, iframe) {
+          var _this = _super.call(this, context, iframe) || this;
+          _this.src = iframe.src;
+          _this.width = parseInt(iframe.width, 10) || 0;
+          _this.height = parseInt(iframe.height, 10) || 0;
+          _this.backgroundColor = _this.styles.backgroundColor;
+          try {
+            if (
+              iframe.contentWindow &&
+              iframe.contentWindow.document &&
+              iframe.contentWindow.document.documentElement
+            ) {
+              _this.tree = parseTree(
+                context,
+                iframe.contentWindow.document.documentElement,
+              );
+              // http://www.w3.org/TR/css3-background/#special-backgrounds
+              var documentBackgroundColor = iframe.contentWindow.document
+                .documentElement
+                ? parseColor(
+                    context,
+                    getComputedStyle(
+                      iframe.contentWindow.document.documentElement,
+                    ).backgroundColor,
+                  )
+                : COLORS.TRANSPARENT;
+              var bodyBackgroundColor = iframe.contentWindow.document.body
+                ? parseColor(
+                    context,
+                    getComputedStyle(iframe.contentWindow.document.body)
+                      .backgroundColor,
+                  )
+                : COLORS.TRANSPARENT;
+              _this.backgroundColor = isTransparent(documentBackgroundColor)
+                ? isTransparent(bodyBackgroundColor)
+                  ? _this.styles.backgroundColor
+                  : bodyBackgroundColor
+                : documentBackgroundColor;
+            }
+          } catch (e) {}
+          return _this;
+        }
+        return IFrameElementContainer;
+      })(ElementContainer);
 
-      var LIST_OWNERS = ['OL', 'UL', 'MENU'];
+      var LIST_OWNERS = ["OL", "UL", "MENU"];
       var parseNodeTree = function (context, node, parent, root) {
-          for (var childNode = node.firstChild, nextNode = void 0; childNode; childNode = nextNode) {
-              nextNode = childNode.nextSibling;
-              if (isTextNode(childNode) && childNode.data.trim().length > 0) {
-                  parent.textNodes.push(new TextContainer(context, childNode, parent.styles));
-              }
-              else if (isElementNode(childNode)) {
-                  if (isSlotElement(childNode) && childNode.assignedNodes) {
-                      childNode.assignedNodes().forEach(function (childNode) { return parseNodeTree(context, childNode, parent, root); });
-                  }
-                  else {
-                      var container = createContainer(context, childNode);
-                      if (container.styles.isVisible()) {
-                          if (createsRealStackingContext(childNode, container, root)) {
-                              container.flags |= 4 /* CREATES_REAL_STACKING_CONTEXT */;
-                          }
-                          else if (createsStackingContext(container.styles)) {
-                              container.flags |= 2 /* CREATES_STACKING_CONTEXT */;
-                          }
-                          if (LIST_OWNERS.indexOf(childNode.tagName) !== -1) {
-                              container.flags |= 8 /* IS_LIST_OWNER */;
-                          }
-                          parent.elements.push(container);
-                          childNode.slot;
-                          if (childNode.shadowRoot) {
-                              parseNodeTree(context, childNode.shadowRoot, container, root);
-                          }
-                          else if (!isTextareaElement(childNode) &&
-                              !isSVGElement(childNode) &&
-                              !isSelectElement(childNode)) {
-                              parseNodeTree(context, childNode, container, root);
-                          }
-                      }
-                  }
-              }
+        for (
+          var childNode = node.firstChild, nextNode = void 0;
+          childNode;
+          childNode = nextNode
+        ) {
+          nextNode = childNode.nextSibling;
+          if (isTextNode(childNode) && childNode.data.trim().length > 0) {
+            parent.textNodes.push(
+              new TextContainer(context, childNode, parent.styles),
+            );
+          } else if (isElementNode(childNode)) {
+            if (isSlotElement(childNode) && childNode.assignedNodes) {
+              childNode.assignedNodes().forEach(function (childNode) {
+                return parseNodeTree(context, childNode, parent, root);
+              });
+            } else {
+              var container = createContainer(context, childNode);
+              if (container.styles.isVisible()) {
+                if (createsRealStackingContext(childNode, container, root)) {
+                  container.flags |= 4 /* CREATES_REAL_STACKING_CONTEXT */;
+                } else if (createsStackingContext(container.styles)) {
+                  container.flags |= 2 /* CREATES_STACKING_CONTEXT */;
+                }
+                if (LIST_OWNERS.indexOf(childNode.tagName) !== -1) {
+                  container.flags |= 8 /* IS_LIST_OWNER */;
+                }
+                parent.elements.push(container);
+                childNode.slot;
+                if (childNode.shadowRoot) {
+                  parseNodeTree(context, childNode.shadowRoot, container, root);
+                } else if (
+                  !isTextareaElement(childNode) &&
+                  !isSVGElement(childNode) &&
+                  !isSelectElement(childNode)
+                ) {
+                  parseNodeTree(context, childNode, container, root);
+                }
+              }
+            }
           }
+        }
       };
       var createContainer = function (context, element) {
-          if (isImageElement(element)) {
-              return new ImageElementContainer(context, element);
-          }
-          if (isCanvasElement(element)) {
-              return new CanvasElementContainer(context, element);
-          }
-          if (isSVGElement(element)) {
-              return new SVGElementContainer(context, element);
-          }
-          if (isLIElement(element)) {
-              return new LIElementContainer(context, element);
-          }
-          if (isOLElement(element)) {
-              return new OLElementContainer(context, element);
-          }
-          if (isInputElement(element)) {
-              return new InputElementContainer(context, element);
-          }
-          if (isSelectElement(element)) {
-              return new SelectElementContainer(context, element);
-          }
-          if (isTextareaElement(element)) {
-              return new TextareaElementContainer(context, element);
-          }
-          if (isIFrameElement(element)) {
-              return new IFrameElementContainer(context, element);
-          }
-          return new ElementContainer(context, element);
+        if (isImageElement(element)) {
+          return new ImageElementContainer(context, element);
+        }
+        if (isCanvasElement(element)) {
+          return new CanvasElementContainer(context, element);
+        }
+        if (isSVGElement(element)) {
+          return new SVGElementContainer(context, element);
+        }
+        if (isLIElement(element)) {
+          return new LIElementContainer(context, element);
+        }
+        if (isOLElement(element)) {
+          return new OLElementContainer(context, element);
+        }
+        if (isInputElement(element)) {
+          return new InputElementContainer(context, element);
+        }
+        if (isSelectElement(element)) {
+          return new SelectElementContainer(context, element);
+        }
+        if (isTextareaElement(element)) {
+          return new TextareaElementContainer(context, element);
+        }
+        if (isIFrameElement(element)) {
+          return new IFrameElementContainer(context, element);
+        }
+        return new ElementContainer(context, element);
       };
       var parseTree = function (context, element) {
-          var container = createContainer(context, element);
-          container.flags |= 4 /* CREATES_REAL_STACKING_CONTEXT */;
-          parseNodeTree(context, element, container, container);
-          return container;
+        var container = createContainer(context, element);
+        container.flags |= 4 /* CREATES_REAL_STACKING_CONTEXT */;
+        parseNodeTree(context, element, container, container);
+        return container;
       };
       var createsRealStackingContext = function (node, container, root) {
-          return (container.styles.isPositionedWithZIndex() ||
-              container.styles.opacity < 1 ||
-              container.styles.isTransformed() ||
-              (isBodyElement(node) && root.styles.isTransparent()));
-      };
-      var createsStackingContext = function (styles) { return styles.isPositioned() || styles.isFloating(); };
-      var isTextNode = function (node) { return node.nodeType === Node.TEXT_NODE; };
-      var isElementNode = function (node) { return node.nodeType === Node.ELEMENT_NODE; };
+        return (
+          container.styles.isPositionedWithZIndex() ||
+          container.styles.opacity < 1 ||
+          container.styles.isTransformed() ||
+          (isBodyElement(node) && root.styles.isTransparent())
+        );
+      };
+      var createsStackingContext = function (styles) {
+        return styles.isPositioned() || styles.isFloating();
+      };
+      var isTextNode = function (node) {
+        return node.nodeType === Node.TEXT_NODE;
+      };
+      var isElementNode = function (node) {
+        return node.nodeType === Node.ELEMENT_NODE;
+      };
       var isHTMLElementNode = function (node) {
-          return isElementNode(node) && typeof node.style !== 'undefined' && !isSVGElementNode(node);
+        return (
+          isElementNode(node) &&
+          typeof node.style !== "undefined" &&
+          !isSVGElementNode(node)
+        );
       };
       var isSVGElementNode = function (element) {
-          return typeof element.className === 'object';
-      };
-      var isLIElement = function (node) { return node.tagName === 'LI'; };
-      var isOLElement = function (node) { return node.tagName === 'OL'; };
-      var isInputElement = function (node) { return node.tagName === 'INPUT'; };
-      var isHTMLElement = function (node) { return node.tagName === 'HTML'; };
-      var isSVGElement = function (node) { return node.tagName === 'svg'; };
-      var isBodyElement = function (node) { return node.tagName === 'BODY'; };
-      var isCanvasElement = function (node) { return node.tagName === 'CANVAS'; };
-      var isVideoElement = function (node) { return node.tagName === 'VIDEO'; };
-      var isImageElement = function (node) { return node.tagName === 'IMG'; };
-      var isIFrameElement = function (node) { return node.tagName === 'IFRAME'; };
-      var isStyleElement = function (node) { return node.tagName === 'STYLE'; };
-      var isScriptElement = function (node) { return node.tagName === 'SCRIPT'; };
-      var isTextareaElement = function (node) { return node.tagName === 'TEXTAREA'; };
-      var isSelectElement = function (node) { return node.tagName === 'SELECT'; };
-      var isSlotElement = function (node) { return node.tagName === 'SLOT'; };
+        return typeof element.className === "object";
+      };
+      var isLIElement = function (node) {
+        return node.tagName === "LI";
+      };
+      var isOLElement = function (node) {
+        return node.tagName === "OL";
+      };
+      var isInputElement = function (node) {
+        return node.tagName === "INPUT";
+      };
+      var isHTMLElement = function (node) {
+        return node.tagName === "HTML";
+      };
+      var isSVGElement = function (node) {
+        return node.tagName === "svg";
+      };
+      var isBodyElement = function (node) {
+        return node.tagName === "BODY";
+      };
+      var isCanvasElement = function (node) {
+        return node.tagName === "CANVAS";
+      };
+      var isVideoElement = function (node) {
+        return node.tagName === "VIDEO";
+      };
+      var isImageElement = function (node) {
+        return node.tagName === "IMG";
+      };
+      var isIFrameElement = function (node) {
+        return node.tagName === "IFRAME";
+      };
+      var isStyleElement = function (node) {
+        return node.tagName === "STYLE";
+      };
+      var isScriptElement = function (node) {
+        return node.tagName === "SCRIPT";
+      };
+      var isTextareaElement = function (node) {
+        return node.tagName === "TEXTAREA";
+      };
+      var isSelectElement = function (node) {
+        return node.tagName === "SELECT";
+      };
+      var isSlotElement = function (node) {
+        return node.tagName === "SLOT";
+      };
       // https://html.spec.whatwg.org/multipage/custom-elements.html#valid-custom-element-name
-      var isCustomElement = function (node) { return node.tagName.indexOf('-') > 0; };
+      var isCustomElement = function (node) {
+        return node.tagName.indexOf("-") > 0;
+      };
 
       var CounterState = /** @class */ (function () {
-          function CounterState() {
-              this.counters = {};
-          }
-          CounterState.prototype.getCounterValue = function (name) {
-              var counter = this.counters[name];
-              if (counter && counter.length) {
-                  return counter[counter.length - 1];
-              }
-              return 1;
-          };
-          CounterState.prototype.getCounterValues = function (name) {
-              var counter = this.counters[name];
-              return counter ? counter : [];
-          };
-          CounterState.prototype.pop = function (counters) {
-              var _this = this;
-              counters.forEach(function (counter) { return _this.counters[counter].pop(); });
-          };
-          CounterState.prototype.parse = function (style) {
-              var _this = this;
-              var counterIncrement = style.counterIncrement;
-              var counterReset = style.counterReset;
-              var canReset = true;
-              if (counterIncrement !== null) {
-                  counterIncrement.forEach(function (entry) {
-                      var counter = _this.counters[entry.counter];
-                      if (counter && entry.increment !== 0) {
-                          canReset = false;
-                          if (!counter.length) {
-                              counter.push(1);
-                          }
-                          counter[Math.max(0, counter.length - 1)] += entry.increment;
-                      }
-                  });
-              }
-              var counterNames = [];
-              if (canReset) {
-                  counterReset.forEach(function (entry) {
-                      var counter = _this.counters[entry.counter];
-                      counterNames.push(entry.counter);
-                      if (!counter) {
-                          counter = _this.counters[entry.counter] = [];
-                      }
-                      counter.push(entry.reset);
-                  });
-              }
-              return counterNames;
-          };
-          return CounterState;
-      }());
+        function CounterState() {
+          this.counters = {};
+        }
+        CounterState.prototype.getCounterValue = function (name) {
+          var counter = this.counters[name];
+          if (counter && counter.length) {
+            return counter[counter.length - 1];
+          }
+          return 1;
+        };
+        CounterState.prototype.getCounterValues = function (name) {
+          var counter = this.counters[name];
+          return counter ? counter : [];
+        };
+        CounterState.prototype.pop = function (counters) {
+          var _this = this;
+          counters.forEach(function (counter) {
+            return _this.counters[counter].pop();
+          });
+        };
+        CounterState.prototype.parse = function (style) {
+          var _this = this;
+          var counterIncrement = style.counterIncrement;
+          var counterReset = style.counterReset;
+          var canReset = true;
+          if (counterIncrement !== null) {
+            counterIncrement.forEach(function (entry) {
+              var counter = _this.counters[entry.counter];
+              if (counter && entry.increment !== 0) {
+                canReset = false;
+                if (!counter.length) {
+                  counter.push(1);
+                }
+                counter[Math.max(0, counter.length - 1)] += entry.increment;
+              }
+            });
+          }
+          var counterNames = [];
+          if (canReset) {
+            counterReset.forEach(function (entry) {
+              var counter = _this.counters[entry.counter];
+              counterNames.push(entry.counter);
+              if (!counter) {
+                counter = _this.counters[entry.counter] = [];
+              }
+              counter.push(entry.reset);
+            });
+          }
+          return counterNames;
+        };
+        return CounterState;
+      })();
       var ROMAN_UPPER = {
-          integers: [1000, 900, 500, 400, 100, 90, 50, 40, 10, 9, 5, 4, 1],
-          values: ['M', 'CM', 'D', 'CD', 'C', 'XC', 'L', 'XL', 'X', 'IX', 'V', 'IV', 'I']
+        integers: [1000, 900, 500, 400, 100, 90, 50, 40, 10, 9, 5, 4, 1],
+        values: [
+          "M",
+          "CM",
+          "D",
+          "CD",
+          "C",
+          "XC",
+          "L",
+          "XL",
+          "X",
+          "IX",
+          "V",
+          "IV",
+          "I",
+        ],
       };
       var ARMENIAN = {
-          integers: [
-              9000, 8000, 7000, 6000, 5000, 4000, 3000, 2000, 1000, 900, 800, 700, 600, 500, 400, 300, 200, 100, 90, 80, 70,
-              60, 50, 40, 30, 20, 10, 9, 8, 7, 6, 5, 4, 3, 2, 1
-          ],
-          values: [
-              'Ք',
-              'Փ',
-              'Ւ',
-              'Ց',
-              'Ր',
-              'Տ',
-              'Վ',
-              'Ս',
-              'Ռ',
-              'Ջ',
-              'Պ',
-              'Չ',
-              'Ո',
-              'Շ',
-              'Ն',
-              'Յ',
-              'Մ',
-              'Ճ',
-              'Ղ',
-              'Ձ',
-              'Հ',
-              'Կ',
-              'Ծ',
-              'Խ',
-              'Լ',
-              'Ի',
-              'Ժ',
-              'Թ',
-              'Ը',
-              'Է',
-              'Զ',
-              'Ե',
-              'Դ',
-              'Գ',
-              'Բ',
-              'Ա'
-          ]
+        integers: [
+          9000, 8000, 7000, 6000, 5000, 4000, 3000, 2000, 1000, 900, 800, 700,
+          600, 500, 400, 300, 200, 100, 90, 80, 70, 60, 50, 40, 30, 20, 10, 9,
+          8, 7, 6, 5, 4, 3, 2, 1,
+        ],
+        values: [
+          "Ք",
+          "Փ",
+          "Ւ",
+          "Ց",
+          "Ր",
+          "Տ",
+          "Վ",
+          "Ս",
+          "Ռ",
+          "Ջ",
+          "Պ",
+          "Չ",
+          "Ո",
+          "Շ",
+          "Ն",
+          "Յ",
+          "Մ",
+          "Ճ",
+          "Ղ",
+          "Ձ",
+          "Հ",
+          "Կ",
+          "Ծ",
+          "Խ",
+          "Լ",
+          "Ի",
+          "Ժ",
+          "Թ",
+          "Ը",
+          "Է",
+          "Զ",
+          "Ե",
+          "Դ",
+          "Գ",
+          "Բ",
+          "Ա",
+        ],
       };
       var HEBREW = {
-          integers: [
-              10000, 9000, 8000, 7000, 6000, 5000, 4000, 3000, 2000, 1000, 400, 300, 200, 100, 90, 80, 70, 60, 50, 40, 30, 20,
-              19, 18, 17, 16, 15, 10, 9, 8, 7, 6, 5, 4, 3, 2, 1
-          ],
-          values: [
-              'י׳',
-              'ט׳',
-              'ח׳',
-              'ז׳',
-              'ו׳',
-              'ה׳',
-              'ד׳',
-              'ג׳',
-              'ב׳',
-              'א׳',
-              'ת',
-              'ש',
-              'ר',
-              'ק',
-              'צ',
-              'פ',
-              'ע',
-              'ס',
-              'נ',
-              'מ',
-              'ל',
-              'כ',
-              'יט',
-              'יח',
-              'יז',
-              'טז',
-              'טו',
-              'י',
-              'ט',
-              'ח',
-              'ז',
-              'ו',
-              'ה',
-              'ד',
-              'ג',
-              'ב',
-              'א'
-          ]
+        integers: [
+          10000, 9000, 8000, 7000, 6000, 5000, 4000, 3000, 2000, 1000, 400, 300,
+          200, 100, 90, 80, 70, 60, 50, 40, 30, 20, 19, 18, 17, 16, 15, 10, 9,
+          8, 7, 6, 5, 4, 3, 2, 1,
+        ],
+        values: [
+          "י׳",
+          "ט׳",
+          "ח׳",
+          "ז׳",
+          "ו׳",
+          "ה׳",
+          "ד׳",
+          "ג׳",
+          "ב׳",
+          "א׳",
+          "ת",
+          "ש",
+          "ר",
+          "ק",
+          "צ",
+          "פ",
+          "ע",
+          "ס",
+          "נ",
+          "מ",
+          "ל",
+          "כ",
+          "יט",
+          "יח",
+          "יז",
+          "טז",
+          "טו",
+          "י",
+          "ט",
+          "ח",
+          "ז",
+          "ו",
+          "ה",
+          "ד",
+          "ג",
+          "ב",
+          "א",
+        ],
       };
       var GEORGIAN = {
-          integers: [
-              10000, 9000, 8000, 7000, 6000, 5000, 4000, 3000, 2000, 1000, 900, 800, 700, 600, 500, 400, 300, 200, 100, 90,
-              80, 70, 60, 50, 40, 30, 20, 10, 9, 8, 7, 6, 5, 4, 3, 2, 1
-          ],
-          values: [
-              'ჵ',
-              'ჰ',
-              'ჯ',
-              'ჴ',
-              'ხ',
-              'ჭ',
-              'წ',
-              'ძ',
-              'ც',
-              'ჩ',
-              'შ',
-              'ყ',
-              'ღ',
-              'ქ',
-              'ფ',
-              'ჳ',
-              'ტ',
-              'ს',
-              'რ',
-              'ჟ',
-              'პ',
-              'ო',
-              'ჲ',
-              'ნ',
-              'მ',
-              'ლ',
-              'კ',
-              'ი',
-              'თ',
-              'ჱ',
-              'ზ',
-              'ვ',
-              'ე',
-              'დ',
-              'გ',
-              'ბ',
-              'ა'
-          ]
-      };
-      var createAdditiveCounter = function (value, min, max, symbols, fallback, suffix) {
-          if (value < min || value > max) {
-              return createCounterText(value, fallback, suffix.length > 0);
-          }
-          return (symbols.integers.reduce(function (string, integer, index) {
-              while (value >= integer) {
-                  value -= integer;
-                  string += symbols.values[index];
-              }
-              return string;
-          }, '') + suffix);
-      };
-      var createCounterStyleWithSymbolResolver = function (value, codePointRangeLength, isNumeric, resolver) {
-          var string = '';
-          do {
-              if (!isNumeric) {
-                  value--;
-              }
-              string = resolver(value) + string;
-              value /= codePointRangeLength;
-          } while (value * codePointRangeLength >= codePointRangeLength);
-          return string;
-      };
-      var createCounterStyleFromRange = function (value, codePointRangeStart, codePointRangeEnd, isNumeric, suffix) {
-          var codePointRangeLength = codePointRangeEnd - codePointRangeStart + 1;
-          return ((value < 0 ? '-' : '') +
-              (createCounterStyleWithSymbolResolver(Math.abs(value), codePointRangeLength, isNumeric, function (codePoint) {
-                  return fromCodePoint$1(Math.floor(codePoint % codePointRangeLength) + codePointRangeStart);
-              }) +
-                  suffix));
+        integers: [
+          10000, 9000, 8000, 7000, 6000, 5000, 4000, 3000, 2000, 1000, 900, 800,
+          700, 600, 500, 400, 300, 200, 100, 90, 80, 70, 60, 50, 40, 30, 20, 10,
+          9, 8, 7, 6, 5, 4, 3, 2, 1,
+        ],
+        values: [
+          "ჵ",
+          "ჰ",
+          "ჯ",
+          "ჴ",
+          "ხ",
+          "ჭ",
+          "წ",
+          "ძ",
+          "ც",
+          "ჩ",
+          "შ",
+          "ყ",
+          "ღ",
+          "ქ",
+          "ფ",
+          "ჳ",
+          "ტ",
+          "ს",
+          "რ",
+          "ჟ",
+          "პ",
+          "ო",
+          "ჲ",
+          "ნ",
+          "მ",
+          "ლ",
+          "კ",
+          "ი",
+          "თ",
+          "ჱ",
+          "ზ",
+          "ვ",
+          "ე",
+          "დ",
+          "გ",
+          "ბ",
+          "ა",
+        ],
+      };
+      var createAdditiveCounter = function (
+        value,
+        min,
+        max,
+        symbols,
+        fallback,
+        suffix,
+      ) {
+        if (value < min || value > max) {
+          return createCounterText(value, fallback, suffix.length > 0);
+        }
+        return (
+          symbols.integers.reduce(function (string, integer, index) {
+            while (value >= integer) {
+              value -= integer;
+              string += symbols.values[index];
+            }
+            return string;
+          }, "") + suffix
+        );
+      };
+      var createCounterStyleWithSymbolResolver = function (
+        value,
+        codePointRangeLength,
+        isNumeric,
+        resolver,
+      ) {
+        var string = "";
+        do {
+          if (!isNumeric) {
+            value--;
+          }
+          string = resolver(value) + string;
+          value /= codePointRangeLength;
+        } while (value * codePointRangeLength >= codePointRangeLength);
+        return string;
+      };
+      var createCounterStyleFromRange = function (
+        value,
+        codePointRangeStart,
+        codePointRangeEnd,
+        isNumeric,
+        suffix,
+      ) {
+        var codePointRangeLength = codePointRangeEnd - codePointRangeStart + 1;
+        return (
+          (value < 0 ? "-" : "") +
+          (createCounterStyleWithSymbolResolver(
+            Math.abs(value),
+            codePointRangeLength,
+            isNumeric,
+            function (codePoint) {
+              return fromCodePoint$1(
+                Math.floor(codePoint % codePointRangeLength) +
+                  codePointRangeStart,
+              );
+            },
+          ) +
+            suffix)
+        );
       };
       var createCounterStyleFromSymbols = function (value, symbols, suffix) {
-          if (suffix === void 0) { suffix = '. '; }
-          var codePointRangeLength = symbols.length;
-          return (createCounterStyleWithSymbolResolver(Math.abs(value), codePointRangeLength, false, function (codePoint) { return symbols[Math.floor(codePoint % codePointRangeLength)]; }) + suffix);
+        if (suffix === void 0) {
+          suffix = ". ";
+        }
+        var codePointRangeLength = symbols.length;
+        return (
+          createCounterStyleWithSymbolResolver(
+            Math.abs(value),
+            codePointRangeLength,
+            false,
+            function (codePoint) {
+              return symbols[Math.floor(codePoint % codePointRangeLength)];
+            },
+          ) + suffix
+        );
       };
       var CJK_ZEROS = 1 << 0;
       var CJK_TEN_COEFFICIENTS = 1 << 1;
       var CJK_TEN_HIGH_COEFFICIENTS = 1 << 2;
       var CJK_HUNDRED_COEFFICIENTS = 1 << 3;
-      var createCJKCounter = function (value, numbers, multipliers, negativeSign, suffix, flags) {
-          if (value < -9999 || value > 9999) {
-              return createCounterText(value, 4 /* CJK_DECIMAL */, suffix.length > 0);
-          }
-          var tmp = Math.abs(value);
-          var string = suffix;
-          if (tmp === 0) {
-              return numbers[0] + string;
-          }
-          for (var digit = 0; tmp > 0 && digit <= 4; digit++) {
-              var coefficient = tmp % 10;
-              if (coefficient === 0 && contains(flags, CJK_ZEROS) && string !== '') {
-                  string = numbers[coefficient] + string;
-              }
-              else if (coefficient > 1 ||
-                  (coefficient === 1 && digit === 0) ||
-                  (coefficient === 1 && digit === 1 && contains(flags, CJK_TEN_COEFFICIENTS)) ||
-                  (coefficient === 1 && digit === 1 && contains(flags, CJK_TEN_HIGH_COEFFICIENTS) && value > 100) ||
-                  (coefficient === 1 && digit > 1 && contains(flags, CJK_HUNDRED_COEFFICIENTS))) {
-                  string = numbers[coefficient] + (digit > 0 ? multipliers[digit - 1] : '') + string;
-              }
-              else if (coefficient === 1 && digit > 0) {
-                  string = multipliers[digit - 1] + string;
-              }
-              tmp = Math.floor(tmp / 10);
-          }
-          return (value < 0 ? negativeSign : '') + string;
+      var createCJKCounter = function (
+        value,
+        numbers,
+        multipliers,
+        negativeSign,
+        suffix,
+        flags,
+      ) {
+        if (value < -9999 || value > 9999) {
+          return createCounterText(
+            value,
+            4 /* CJK_DECIMAL */,
+            suffix.length > 0,
+          );
+        }
+        var tmp = Math.abs(value);
+        var string = suffix;
+        if (tmp === 0) {
+          return numbers[0] + string;
+        }
+        for (var digit = 0; tmp > 0 && digit <= 4; digit++) {
+          var coefficient = tmp % 10;
+          if (
+            coefficient === 0 &&
+            contains(flags, CJK_ZEROS) &&
+            string !== ""
+          ) {
+            string = numbers[coefficient] + string;
+          } else if (
+            coefficient > 1 ||
+            (coefficient === 1 && digit === 0) ||
+            (coefficient === 1 &&
+              digit === 1 &&
+              contains(flags, CJK_TEN_COEFFICIENTS)) ||
+            (coefficient === 1 &&
+              digit === 1 &&
+              contains(flags, CJK_TEN_HIGH_COEFFICIENTS) &&
+              value > 100) ||
+            (coefficient === 1 &&
+              digit > 1 &&
+              contains(flags, CJK_HUNDRED_COEFFICIENTS))
+          ) {
+            string =
+              numbers[coefficient] +
+              (digit > 0 ? multipliers[digit - 1] : "") +
+              string;
+          } else if (coefficient === 1 && digit > 0) {
+            string = multipliers[digit - 1] + string;
+          }
+          tmp = Math.floor(tmp / 10);
+        }
+        return (value < 0 ? negativeSign : "") + string;
       };
-      var CHINESE_INFORMAL_MULTIPLIERS = '十百千萬';
-      var CHINESE_FORMAL_MULTIPLIERS = '拾佰仟萬';
-      var JAPANESE_NEGATIVE = 'マイナス';
-      var KOREAN_NEGATIVE = '마이너스';
+      var CHINESE_INFORMAL_MULTIPLIERS = "十百千萬";
+      var CHINESE_FORMAL_MULTIPLIERS = "拾佰仟萬";
+      var JAPANESE_NEGATIVE = "マイナス";
+      var KOREAN_NEGATIVE = "마이너스";
       var createCounterText = function (value, type, appendSuffix) {
-          var defaultSuffix = appendSuffix ? '. ' : '';
-          var cjkSuffix = appendSuffix ? '、' : '';
-          var koreanSuffix = appendSuffix ? ', ' : '';
-          var spaceSuffix = appendSuffix ? ' ' : '';
-          switch (type) {
-              case 0 /* DISC */:
-                  return '•' + spaceSuffix;
-              case 1 /* CIRCLE */:
-                  return '◦' + spaceSuffix;
-              case 2 /* SQUARE */:
-                  return '◾' + spaceSuffix;
-              case 5 /* DECIMAL_LEADING_ZERO */:
-                  var string = createCounterStyleFromRange(value, 48, 57, true, defaultSuffix);
-                  return string.length < 4 ? "0" + string : string;
-              case 4 /* CJK_DECIMAL */:
-                  return createCounterStyleFromSymbols(value, '〇一二三四五六七八九', cjkSuffix);
-              case 6 /* LOWER_ROMAN */:
-                  return createAdditiveCounter(value, 1, 3999, ROMAN_UPPER, 3 /* DECIMAL */, defaultSuffix).toLowerCase();
-              case 7 /* UPPER_ROMAN */:
-                  return createAdditiveCounter(value, 1, 3999, ROMAN_UPPER, 3 /* DECIMAL */, defaultSuffix);
-              case 8 /* LOWER_GREEK */:
-                  return createCounterStyleFromRange(value, 945, 969, false, defaultSuffix);
-              case 9 /* LOWER_ALPHA */:
-                  return createCounterStyleFromRange(value, 97, 122, false, defaultSuffix);
-              case 10 /* UPPER_ALPHA */:
-                  return createCounterStyleFromRange(value, 65, 90, false, defaultSuffix);
-              case 11 /* ARABIC_INDIC */:
-                  return createCounterStyleFromRange(value, 1632, 1641, true, defaultSuffix);
-              case 12 /* ARMENIAN */:
-              case 49 /* UPPER_ARMENIAN */:
-                  return createAdditiveCounter(value, 1, 9999, ARMENIAN, 3 /* DECIMAL */, defaultSuffix);
-              case 35 /* LOWER_ARMENIAN */:
-                  return createAdditiveCounter(value, 1, 9999, ARMENIAN, 3 /* DECIMAL */, defaultSuffix).toLowerCase();
-              case 13 /* BENGALI */:
-                  return createCounterStyleFromRange(value, 2534, 2543, true, defaultSuffix);
-              case 14 /* CAMBODIAN */:
-              case 30 /* KHMER */:
-                  return createCounterStyleFromRange(value, 6112, 6121, true, defaultSuffix);
-              case 15 /* CJK_EARTHLY_BRANCH */:
-                  return createCounterStyleFromSymbols(value, '子丑寅卯辰巳午未申酉戌亥', cjkSuffix);
-              case 16 /* CJK_HEAVENLY_STEM */:
-                  return createCounterStyleFromSymbols(value, '甲乙丙丁戊己庚辛壬癸', cjkSuffix);
-              case 17 /* CJK_IDEOGRAPHIC */:
-              case 48 /* TRAD_CHINESE_INFORMAL */:
-                  return createCJKCounter(value, '零一二三四五六七八九', CHINESE_INFORMAL_MULTIPLIERS, '負', cjkSuffix, CJK_TEN_COEFFICIENTS | CJK_TEN_HIGH_COEFFICIENTS | CJK_HUNDRED_COEFFICIENTS);
-              case 47 /* TRAD_CHINESE_FORMAL */:
-                  return createCJKCounter(value, '零壹貳參肆伍陸柒捌玖', CHINESE_FORMAL_MULTIPLIERS, '負', cjkSuffix, CJK_ZEROS | CJK_TEN_COEFFICIENTS | CJK_TEN_HIGH_COEFFICIENTS | CJK_HUNDRED_COEFFICIENTS);
-              case 42 /* SIMP_CHINESE_INFORMAL */:
-                  return createCJKCounter(value, '零一二三四五六七八九', CHINESE_INFORMAL_MULTIPLIERS, '负', cjkSuffix, CJK_TEN_COEFFICIENTS | CJK_TEN_HIGH_COEFFICIENTS | CJK_HUNDRED_COEFFICIENTS);
-              case 41 /* SIMP_CHINESE_FORMAL */:
-                  return createCJKCounter(value, '零壹贰叁肆伍陆柒捌玖', CHINESE_FORMAL_MULTIPLIERS, '负', cjkSuffix, CJK_ZEROS | CJK_TEN_COEFFICIENTS | CJK_TEN_HIGH_COEFFICIENTS | CJK_HUNDRED_COEFFICIENTS);
-              case 26 /* JAPANESE_INFORMAL */:
-                  return createCJKCounter(value, '〇一二三四五六七八九', '十百千万', JAPANESE_NEGATIVE, cjkSuffix, 0);
-              case 25 /* JAPANESE_FORMAL */:
-                  return createCJKCounter(value, '零壱弐参四伍六七八九', '拾百千万', JAPANESE_NEGATIVE, cjkSuffix, CJK_ZEROS | CJK_TEN_COEFFICIENTS | CJK_TEN_HIGH_COEFFICIENTS);
-              case 31 /* KOREAN_HANGUL_FORMAL */:
-                  return createCJKCounter(value, '영일이삼사오육칠팔구', '십백천만', KOREAN_NEGATIVE, koreanSuffix, CJK_ZEROS | CJK_TEN_COEFFICIENTS | CJK_TEN_HIGH_COEFFICIENTS);
-              case 33 /* KOREAN_HANJA_INFORMAL */:
-                  return createCJKCounter(value, '零一二三四五六七八九', '十百千萬', KOREAN_NEGATIVE, koreanSuffix, 0);
-              case 32 /* KOREAN_HANJA_FORMAL */:
-                  return createCJKCounter(value, '零壹貳參四五六七八九', '拾百千', KOREAN_NEGATIVE, koreanSuffix, CJK_ZEROS | CJK_TEN_COEFFICIENTS | CJK_TEN_HIGH_COEFFICIENTS);
-              case 18 /* DEVANAGARI */:
-                  return createCounterStyleFromRange(value, 0x966, 0x96f, true, defaultSuffix);
-              case 20 /* GEORGIAN */:
-                  return createAdditiveCounter(value, 1, 19999, GEORGIAN, 3 /* DECIMAL */, defaultSuffix);
-              case 21 /* GUJARATI */:
-                  return createCounterStyleFromRange(value, 0xae6, 0xaef, true, defaultSuffix);
-              case 22 /* GURMUKHI */:
-                  return createCounterStyleFromRange(value, 0xa66, 0xa6f, true, defaultSuffix);
-              case 22 /* HEBREW */:
-                  return createAdditiveCounter(value, 1, 10999, HEBREW, 3 /* DECIMAL */, defaultSuffix);
-              case 23 /* HIRAGANA */:
-                  return createCounterStyleFromSymbols(value, 'あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわゐゑをん');
-              case 24 /* HIRAGANA_IROHA */:
-                  return createCounterStyleFromSymbols(value, 'いろはにほへとちりぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせす');
-              case 27 /* KANNADA */:
-                  return createCounterStyleFromRange(value, 0xce6, 0xcef, true, defaultSuffix);
-              case 28 /* KATAKANA */:
-                  return createCounterStyleFromSymbols(value, 'アイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤユヨラリルレロワヰヱヲン', cjkSuffix);
-              case 29 /* KATAKANA_IROHA */:
-                  return createCounterStyleFromSymbols(value, 'イロハニホヘトチリヌルヲワカヨタレソツネナラムウヰノオクヤマケフコエテアサキユメミシヱヒモセス', cjkSuffix);
-              case 34 /* LAO */:
-                  return createCounterStyleFromRange(value, 0xed0, 0xed9, true, defaultSuffix);
-              case 37 /* MONGOLIAN */:
-                  return createCounterStyleFromRange(value, 0x1810, 0x1819, true, defaultSuffix);
-              case 38 /* MYANMAR */:
-                  return createCounterStyleFromRange(value, 0x1040, 0x1049, true, defaultSuffix);
-              case 39 /* ORIYA */:
-                  return createCounterStyleFromRange(value, 0xb66, 0xb6f, true, defaultSuffix);
-              case 40 /* PERSIAN */:
-                  return createCounterStyleFromRange(value, 0x6f0, 0x6f9, true, defaultSuffix);
-              case 43 /* TAMIL */:
-                  return createCounterStyleFromRange(value, 0xbe6, 0xbef, true, defaultSuffix);
-              case 44 /* TELUGU */:
-                  return createCounterStyleFromRange(value, 0xc66, 0xc6f, true, defaultSuffix);
-              case 45 /* THAI */:
-                  return createCounterStyleFromRange(value, 0xe50, 0xe59, true, defaultSuffix);
-              case 46 /* TIBETAN */:
-                  return createCounterStyleFromRange(value, 0xf20, 0xf29, true, defaultSuffix);
-              case 3 /* DECIMAL */:
-              default:
-                  return createCounterStyleFromRange(value, 48, 57, true, defaultSuffix);
-          }
+        var defaultSuffix = appendSuffix ? ". " : "";
+        var cjkSuffix = appendSuffix ? "、" : "";
+        var koreanSuffix = appendSuffix ? ", " : "";
+        var spaceSuffix = appendSuffix ? " " : "";
+        switch (type) {
+          case 0 /* DISC */:
+            return "•" + spaceSuffix;
+          case 1 /* CIRCLE */:
+            return "◦" + spaceSuffix;
+          case 2 /* SQUARE */:
+            return "◾" + spaceSuffix;
+          case 5 /* DECIMAL_LEADING_ZERO */:
+            var string = createCounterStyleFromRange(
+              value,
+              48,
+              57,
+              true,
+              defaultSuffix,
+            );
+            return string.length < 4 ? "0" + string : string;
+          case 4 /* CJK_DECIMAL */:
+            return createCounterStyleFromSymbols(
+              value,
+              "〇一二三四五六七八九",
+              cjkSuffix,
+            );
+          case 6 /* LOWER_ROMAN */:
+            return createAdditiveCounter(
+              value,
+              1,
+              3999,
+              ROMAN_UPPER,
+              3 /* DECIMAL */,
+              defaultSuffix,
+            ).toLowerCase();
+          case 7 /* UPPER_ROMAN */:
+            return createAdditiveCounter(
+              value,
+              1,
+              3999,
+              ROMAN_UPPER,
+              3 /* DECIMAL */,
+              defaultSuffix,
+            );
+          case 8 /* LOWER_GREEK */:
+            return createCounterStyleFromRange(
+              value,
+              945,
+              969,
+              false,
+              defaultSuffix,
+            );
+          case 9 /* LOWER_ALPHA */:
+            return createCounterStyleFromRange(
+              value,
+              97,
+              122,
+              false,
+              defaultSuffix,
+            );
+          case 10 /* UPPER_ALPHA */:
+            return createCounterStyleFromRange(
+              value,
+              65,
+              90,
+              false,
+              defaultSuffix,
+            );
+          case 11 /* ARABIC_INDIC */:
+            return createCounterStyleFromRange(
+              value,
+              1632,
+              1641,
+              true,
+              defaultSuffix,
+            );
+          case 12 /* ARMENIAN */:
+          case 49 /* UPPER_ARMENIAN */:
+            return createAdditiveCounter(
+              value,
+              1,
+              9999,
+              ARMENIAN,
+              3 /* DECIMAL */,
+              defaultSuffix,
+            );
+          case 35 /* LOWER_ARMENIAN */:
+            return createAdditiveCounter(
+              value,
+              1,
+              9999,
+              ARMENIAN,
+              3 /* DECIMAL */,
+              defaultSuffix,
+            ).toLowerCase();
+          case 13 /* BENGALI */:
+            return createCounterStyleFromRange(
+              value,
+              2534,
+              2543,
+              true,
+              defaultSuffix,
+            );
+          case 14 /* CAMBODIAN */:
+          case 30 /* KHMER */:
+            return createCounterStyleFromRange(
+              value,
+              6112,
+              6121,
+              true,
+              defaultSuffix,
+            );
+          case 15 /* CJK_EARTHLY_BRANCH */:
+            return createCounterStyleFromSymbols(
+              value,
+              "子丑寅卯辰巳午未申酉戌亥",
+              cjkSuffix,
+            );
+          case 16 /* CJK_HEAVENLY_STEM */:
+            return createCounterStyleFromSymbols(
+              value,
+              "甲乙丙丁戊己庚辛壬癸",
+              cjkSuffix,
+            );
+          case 17 /* CJK_IDEOGRAPHIC */:
+          case 48 /* TRAD_CHINESE_INFORMAL */:
+            return createCJKCounter(
+              value,
+              "零一二三四五六七八九",
+              CHINESE_INFORMAL_MULTIPLIERS,
+              "負",
+              cjkSuffix,
+              CJK_TEN_COEFFICIENTS |
+                CJK_TEN_HIGH_COEFFICIENTS |
+                CJK_HUNDRED_COEFFICIENTS,
+            );
+          case 47 /* TRAD_CHINESE_FORMAL */:
+            return createCJKCounter(
+              value,
+              "零壹貳參肆伍陸柒捌玖",
+              CHINESE_FORMAL_MULTIPLIERS,
+              "負",
+              cjkSuffix,
+              CJK_ZEROS |
+                CJK_TEN_COEFFICIENTS |
+                CJK_TEN_HIGH_COEFFICIENTS |
+                CJK_HUNDRED_COEFFICIENTS,
+            );
+          case 42 /* SIMP_CHINESE_INFORMAL */:
+            return createCJKCounter(
+              value,
+              "零一二三四五六七八九",
+              CHINESE_INFORMAL_MULTIPLIERS,
+              "负",
+              cjkSuffix,
+              CJK_TEN_COEFFICIENTS |
+                CJK_TEN_HIGH_COEFFICIENTS |
+                CJK_HUNDRED_COEFFICIENTS,
+            );
+          case 41 /* SIMP_CHINESE_FORMAL */:
+            return createCJKCounter(
+              value,
+              "零壹贰叁肆伍陆柒捌玖",
+              CHINESE_FORMAL_MULTIPLIERS,
+              "负",
+              cjkSuffix,
+              CJK_ZEROS |
+                CJK_TEN_COEFFICIENTS |
+                CJK_TEN_HIGH_COEFFICIENTS |
+                CJK_HUNDRED_COEFFICIENTS,
+            );
+          case 26 /* JAPANESE_INFORMAL */:
+            return createCJKCounter(
+              value,
+              "〇一二三四五六七八九",
+              "十百千万",
+              JAPANESE_NEGATIVE,
+              cjkSuffix,
+              0,
+            );
+          case 25 /* JAPANESE_FORMAL */:
+            return createCJKCounter(
+              value,
+              "零壱弐参四伍六七八九",
+              "拾百千万",
+              JAPANESE_NEGATIVE,
+              cjkSuffix,
+              CJK_ZEROS | CJK_TEN_COEFFICIENTS | CJK_TEN_HIGH_COEFFICIENTS,
+            );
+          case 31 /* KOREAN_HANGUL_FORMAL */:
+            return createCJKCounter(
+              value,
+              "영일이삼사오육칠팔구",
+              "십백천만",
+              KOREAN_NEGATIVE,
+              koreanSuffix,
+              CJK_ZEROS | CJK_TEN_COEFFICIENTS | CJK_TEN_HIGH_COEFFICIENTS,
+            );
+          case 33 /* KOREAN_HANJA_INFORMAL */:
+            return createCJKCounter(
+              value,
+              "零一二三四五六七八九",
+              "十百千萬",
+              KOREAN_NEGATIVE,
+              koreanSuffix,
+              0,
+            );
+          case 32 /* KOREAN_HANJA_FORMAL */:
+            return createCJKCounter(
+              value,
+              "零壹貳參四五六七八九",
+              "拾百千",
+              KOREAN_NEGATIVE,
+              koreanSuffix,
+              CJK_ZEROS | CJK_TEN_COEFFICIENTS | CJK_TEN_HIGH_COEFFICIENTS,
+            );
+          case 18 /* DEVANAGARI */:
+            return createCounterStyleFromRange(
+              value,
+              0x966,
+              0x96f,
+              true,
+              defaultSuffix,
+            );
+          case 20 /* GEORGIAN */:
+            return createAdditiveCounter(
+              value,
+              1,
+              19999,
+              GEORGIAN,
+              3 /* DECIMAL */,
+              defaultSuffix,
+            );
+          case 21 /* GUJARATI */:
+            return createCounterStyleFromRange(
+              value,
+              0xae6,
+              0xaef,
+              true,
+              defaultSuffix,
+            );
+          case 22 /* GURMUKHI */:
+            return createCounterStyleFromRange(
+              value,
+              0xa66,
+              0xa6f,
+              true,
+              defaultSuffix,
+            );
+          case 22 /* HEBREW */:
+            return createAdditiveCounter(
+              value,
+              1,
+              10999,
+              HEBREW,
+              3 /* DECIMAL */,
+              defaultSuffix,
+            );
+          case 23 /* HIRAGANA */:
+            return createCounterStyleFromSymbols(
+              value,
+              "あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわゐゑをん",
+            );
+          case 24 /* HIRAGANA_IROHA */:
+            return createCounterStyleFromSymbols(
+              value,
+              "いろはにほへとちりぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせす",
+            );
+          case 27 /* KANNADA */:
+            return createCounterStyleFromRange(
+              value,
+              0xce6,
+              0xcef,
+              true,
+              defaultSuffix,
+            );
+          case 28 /* KATAKANA */:
+            return createCounterStyleFromSymbols(
+              value,
+              "アイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤユヨラリルレロワヰヱヲン",
+              cjkSuffix,
+            );
+          case 29 /* KATAKANA_IROHA */:
+            return createCounterStyleFromSymbols(
+              value,
+              "イロハニホヘトチリヌルヲワカヨタレソツネナラムウヰノオクヤマケフコエテアサキユメミシヱヒモセス",
+              cjkSuffix,
+            );
+          case 34 /* LAO */:
+            return createCounterStyleFromRange(
+              value,
+              0xed0,
+              0xed9,
+              true,
+              defaultSuffix,
+            );
+          case 37 /* MONGOLIAN */:
+            return createCounterStyleFromRange(
+              value,
+              0x1810,
+              0x1819,
+              true,
+              defaultSuffix,
+            );
+          case 38 /* MYANMAR */:
+            return createCounterStyleFromRange(
+              value,
+              0x1040,
+              0x1049,
+              true,
+              defaultSuffix,
+            );
+          case 39 /* ORIYA */:
+            return createCounterStyleFromRange(
+              value,
+              0xb66,
+              0xb6f,
+              true,
+              defaultSuffix,
+            );
+          case 40 /* PERSIAN */:
+            return createCounterStyleFromRange(
+              value,
+              0x6f0,
+              0x6f9,
+              true,
+              defaultSuffix,
+            );
+          case 43 /* TAMIL */:
+            return createCounterStyleFromRange(
+              value,
+              0xbe6,
+              0xbef,
+              true,
+              defaultSuffix,
+            );
+          case 44 /* TELUGU */:
+            return createCounterStyleFromRange(
+              value,
+              0xc66,
+              0xc6f,
+              true,
+              defaultSuffix,
+            );
+          case 45 /* THAI */:
+            return createCounterStyleFromRange(
+              value,
+              0xe50,
+              0xe59,
+              true,
+              defaultSuffix,
+            );
+          case 46 /* TIBETAN */:
+            return createCounterStyleFromRange(
+              value,
+              0xf20,
+              0xf29,
+              true,
+              defaultSuffix,
+            );
+          case 3 /* DECIMAL */:
+          default:
+            return createCounterStyleFromRange(
+              value,
+              48,
+              57,
+              true,
+              defaultSuffix,
+            );
+        }
       };
 
-      var IGNORE_ATTRIBUTE = 'data-html2canvas-ignore';
+      var IGNORE_ATTRIBUTE = "data-html2canvas-ignore";
       var DocumentCloner = /** @class */ (function () {
-          function DocumentCloner(context, element, options) {
-              this.context = context;
-              this.options = options;
-              this.scrolledElements = [];
-              this.referenceElement = element;
-              this.counters = new CounterState();
-              this.quoteDepth = 0;
-              if (!element.ownerDocument) {
-                  throw new Error('Cloned element does not have an owner document');
-              }
-              this.documentElement = this.cloneNode(element.ownerDocument.documentElement, false);
-          }
-          DocumentCloner.prototype.toIFrame = function (ownerDocument, windowSize) {
-              var _this = this;
-              var iframe = createIFrameContainer(ownerDocument, windowSize);
-              if (!iframe.contentWindow) {
-                  return Promise.reject("Unable to find iframe window");
-              }
-              var scrollX = ownerDocument.defaultView.pageXOffset;
-              var scrollY = ownerDocument.defaultView.pageYOffset;
-              var cloneWindow = iframe.contentWindow;
-              var documentClone = cloneWindow.document;
-              /* Chrome doesn't detect relative background-images assigned in inline <style> sheets when fetched through getComputedStyle
+        function DocumentCloner(context, element, options) {
+          this.context = context;
+          this.options = options;
+          this.scrolledElements = [];
+          this.referenceElement = element;
+          this.counters = new CounterState();
+          this.quoteDepth = 0;
+          if (!element.ownerDocument) {
+            throw new Error("Cloned element does not have an owner document");
+          }
+          this.documentElement = this.cloneNode(
+            element.ownerDocument.documentElement,
+            false,
+          );
+        }
+        DocumentCloner.prototype.toIFrame = function (
+          ownerDocument,
+          windowSize,
+        ) {
+          var _this = this;
+          var iframe = createIFrameContainer(ownerDocument, windowSize);
+          if (!iframe.contentWindow) {
+            return Promise.reject("Unable to find iframe window");
+          }
+          var scrollX = ownerDocument.defaultView.pageXOffset;
+          var scrollY = ownerDocument.defaultView.pageYOffset;
+          var cloneWindow = iframe.contentWindow;
+          var documentClone = cloneWindow.document;
+          /* Chrome doesn't detect relative background-images assigned in inline <style> sheets when fetched through getComputedStyle
                if window url is about:blank, we can assign the url to current by writing onto the document
                */
-              var iframeLoad = iframeLoader(iframe).then(function () { return __awaiter(_this, void 0, void 0, function () {
-                  var onclone, referenceElement;
-                  return __generator(this, function (_a) {
-                      switch (_a.label) {
-                          case 0:
-                              this.scrolledElements.forEach(restoreNodeScroll);
-                              if (cloneWindow) {
-                                  cloneWindow.scrollTo(windowSize.left, windowSize.top);
-                                  if (/(iPad|iPhone|iPod)/g.test(navigator.userAgent) &&
-                                      (cloneWindow.scrollY !== windowSize.top || cloneWindow.scrollX !== windowSize.left)) {
-                                      this.context.logger.warn('Unable to restore scroll position for cloned document');
-                                      this.context.windowBounds = this.context.windowBounds.add(cloneWindow.scrollX - windowSize.left, cloneWindow.scrollY - windowSize.top, 0, 0);
-                                  }
-                              }
-                              onclone = this.options.onclone;
-                              referenceElement = this.clonedReferenceElement;
-                              if (typeof referenceElement === 'undefined') {
-                                  return [2 /*return*/, Promise.reject("Error finding the " + this.referenceElement.nodeName + " in the cloned document")];
-                              }
-                              if (!(documentClone.fonts && documentClone.fonts.ready)) return [3 /*break*/, 2];
-                              return [4 /*yield*/, documentClone.fonts.ready];
-                          case 1:
-                              _a.sent();
-                              _a.label = 2;
-                          case 2:
-                              if (!/(AppleWebKit)/g.test(navigator.userAgent)) return [3 /*break*/, 4];
-                              return [4 /*yield*/, imagesReady(documentClone)];
-                          case 3:
-                              _a.sent();
-                              _a.label = 4;
-                          case 4:
-                              if (typeof onclone === 'function') {
-                                  return [2 /*return*/, Promise.resolve()
-                                          .then(function () { return onclone(documentClone, referenceElement); })
-                                          .then(function () { return iframe; })];
-                              }
-                              return [2 /*return*/, iframe];
+          var iframeLoad = iframeLoader(iframe).then(function () {
+            return __awaiter(_this, void 0, void 0, function () {
+              var onclone, referenceElement;
+              return __generator(this, function (_a) {
+                switch (_a.label) {
+                  case 0:
+                    this.scrolledElements.forEach(restoreNodeScroll);
+                    if (cloneWindow) {
+                      cloneWindow.scrollTo(windowSize.left, windowSize.top);
+                      if (
+                        /(iPad|iPhone|iPod)/g.test(navigator.userAgent) &&
+                        (cloneWindow.scrollY !== windowSize.top ||
+                          cloneWindow.scrollX !== windowSize.left)
+                      ) {
+                        this.context.logger.warn(
+                          "Unable to restore scroll position for cloned document",
+                        );
+                        this.context.windowBounds =
+                          this.context.windowBounds.add(
+                            cloneWindow.scrollX - windowSize.left,
+                            cloneWindow.scrollY - windowSize.top,
+                            0,
+                            0,
+                          );
                       }
-                  });
-              }); });
-              documentClone.open();
-              documentClone.write(serializeDoctype(document.doctype) + "<html></html>");
-              // Chrome scrolls the parent document for some reason after the write to the cloned window???
-              restoreOwnerScroll(this.referenceElement.ownerDocument, scrollX, scrollY);
-              documentClone.replaceChild(documentClone.adoptNode(this.documentElement), documentClone.documentElement);
-              documentClone.close();
-              return iframeLoad;
-          };
-          DocumentCloner.prototype.createElementClone = function (node) {
-              if (isDebugging(node, 2 /* CLONE */)) {
-                  debugger;
-              }
-              if (isCanvasElement(node)) {
-                  return this.createCanvasClone(node);
-              }
-              if (isVideoElement(node)) {
-                  return this.createVideoClone(node);
-              }
-              if (isStyleElement(node)) {
-                  return this.createStyleClone(node);
-              }
-              var clone = node.cloneNode(false);
-              if (isImageElement(clone)) {
-                  if (isImageElement(node) && node.currentSrc && node.currentSrc !== node.src) {
-                      clone.src = node.currentSrc;
-                      clone.srcset = '';
-                  }
-                  if (clone.loading === 'lazy') {
-                      clone.loading = 'eager';
-                  }
-              }
-              if (isCustomElement(clone)) {
-                  return this.createCustomElementClone(clone);
-              }
-              return clone;
-          };
-          DocumentCloner.prototype.createCustomElementClone = function (node) {
-              var clone = document.createElement('html2canvascustomelement');
-              copyCSSStyles(node.style, clone);
-              return clone;
-          };
-          DocumentCloner.prototype.createStyleClone = function (node) {
-              try {
-                  var sheet = node.sheet;
-                  if (sheet && sheet.cssRules) {
-                      var css = [].slice.call(sheet.cssRules, 0).reduce(function (css, rule) {
-                          if (rule && typeof rule.cssText === 'string') {
-                              return css + rule.cssText;
-                          }
-                          return css;
-                      }, '');
-                      var style = node.cloneNode(false);
-                      style.textContent = css;
-                      return style;
-                  }
-              }
-              catch (e) {
-                  // accessing node.sheet.cssRules throws a DOMException
-                  this.context.logger.error('Unable to access cssRules property', e);
-                  if (e.name !== 'SecurityError') {
-                      throw e;
-                  }
+                    }
+                    onclone = this.options.onclone;
+                    referenceElement = this.clonedReferenceElement;
+                    if (typeof referenceElement === "undefined") {
+                      return [
+                        2 /*return*/,
+                        Promise.reject(
+                          "Error finding the " +
+                            this.referenceElement.nodeName +
+                            " in the cloned document",
+                        ),
+                      ];
+                    }
+                    if (!(documentClone.fonts && documentClone.fonts.ready))
+                      return [3 /*break*/, 2];
+                    return [4 /*yield*/, documentClone.fonts.ready];
+                  case 1:
+                    _a.sent();
+                    _a.label = 2;
+                  case 2:
+                    if (!/(AppleWebKit)/g.test(navigator.userAgent))
+                      return [3 /*break*/, 4];
+                    return [4 /*yield*/, imagesReady(documentClone)];
+                  case 3:
+                    _a.sent();
+                    _a.label = 4;
+                  case 4:
+                    if (typeof onclone === "function") {
+                      return [
+                        2 /*return*/,
+                        Promise.resolve()
+                          .then(function () {
+                            return onclone(documentClone, referenceElement);
+                          })
+                          .then(function () {
+                            return iframe;
+                          }),
+                      ];
+                    }
+                    return [2 /*return*/, iframe];
+                }
+              });
+            });
+          });
+          documentClone.open();
+          documentClone.write(
+            serializeDoctype(document.doctype) + "<html></html>",
+          );
+          // Chrome scrolls the parent document for some reason after the write to the cloned window???
+          restoreOwnerScroll(
+            this.referenceElement.ownerDocument,
+            scrollX,
+            scrollY,
+          );
+          documentClone.replaceChild(
+            documentClone.adoptNode(this.documentElement),
+            documentClone.documentElement,
+          );
+          documentClone.close();
+          return iframeLoad;
+        };
+        DocumentCloner.prototype.createElementClone = function (node) {
+          if (isDebugging(node, 2 /* CLONE */)) {
+            debugger;
+          }
+          if (isCanvasElement(node)) {
+            return this.createCanvasClone(node);
+          }
+          if (isVideoElement(node)) {
+            return this.createVideoClone(node);
+          }
+          if (isStyleElement(node)) {
+            return this.createStyleClone(node);
+          }
+          var clone = node.cloneNode(false);
+          if (isImageElement(clone)) {
+            if (
+              isImageElement(node) &&
+              node.currentSrc &&
+              node.currentSrc !== node.src
+            ) {
+              clone.src = node.currentSrc;
+              clone.srcset = "";
+            }
+            if (clone.loading === "lazy") {
+              clone.loading = "eager";
+            }
+          }
+          if (isCustomElement(clone)) {
+            return this.createCustomElementClone(clone);
+          }
+          return clone;
+        };
+        DocumentCloner.prototype.createCustomElementClone = function (node) {
+          var clone = document.createElement("html2canvascustomelement");
+          copyCSSStyles(node.style, clone);
+          return clone;
+        };
+        DocumentCloner.prototype.createStyleClone = function (node) {
+          try {
+            var sheet = node.sheet;
+            if (sheet && sheet.cssRules) {
+              var css = [].slice.call(sheet.cssRules, 0).reduce(function (
+                css,
+                rule,
+              ) {
+                if (rule && typeof rule.cssText === "string") {
+                  return css + rule.cssText;
+                }
+                return css;
+              }, "");
+              var style = node.cloneNode(false);
+              style.textContent = css;
+              return style;
+            }
+          } catch (e) {
+            // accessing node.sheet.cssRules throws a DOMException
+            this.context.logger.error("Unable to access cssRules property", e);
+            if (e.name !== "SecurityError") {
+              throw e;
+            }
+          }
+          return node.cloneNode(false);
+        };
+        DocumentCloner.prototype.createCanvasClone = function (canvas) {
+          var _a;
+          if (this.options.inlineImages && canvas.ownerDocument) {
+            var img = canvas.ownerDocument.createElement("img");
+            try {
+              img.src = canvas.toDataURL();
+              return img;
+            } catch (e) {
+              this.context.logger.info(
+                "Unable to inline canvas contents, canvas is tainted",
+                canvas,
+              );
+            }
+          }
+          var clonedCanvas = canvas.cloneNode(false);
+          try {
+            clonedCanvas.width = canvas.width;
+            clonedCanvas.height = canvas.height;
+            var ctx = canvas.getContext("2d");
+            var clonedCtx = clonedCanvas.getContext("2d");
+            if (clonedCtx) {
+              if (!this.options.allowTaint && ctx) {
+                clonedCtx.putImageData(
+                  ctx.getImageData(0, 0, canvas.width, canvas.height),
+                  0,
+                  0,
+                );
+              } else {
+                var gl =
+                  (_a = canvas.getContext("webgl2")) !== null && _a !== void 0
+                    ? _a
+                    : canvas.getContext("webgl");
+                if (gl) {
+                  var attribs = gl.getContextAttributes();
+                  if (
+                    (attribs === null || attribs === void 0
+                      ? void 0
+                      : attribs.preserveDrawingBuffer) === false
+                  ) {
+                    this.context.logger.warn(
+                      "Unable to clone WebGL context as it has preserveDrawingBuffer=false",
+                      canvas,
+                    );
+                  }
+                }
+                clonedCtx.drawImage(canvas, 0, 0);
+              }
+            }
+            return clonedCanvas;
+          } catch (e) {
+            this.context.logger.info(
+              "Unable to clone canvas as it is tainted",
+              canvas,
+            );
+          }
+          return clonedCanvas;
+        };
+        DocumentCloner.prototype.createVideoClone = function (video) {
+          var canvas = video.ownerDocument.createElement("canvas");
+          canvas.width = video.offsetWidth;
+          canvas.height = video.offsetHeight;
+          var ctx = canvas.getContext("2d");
+          try {
+            if (ctx) {
+              ctx.drawImage(video, 0, 0, canvas.width, canvas.height);
+              if (!this.options.allowTaint) {
+                ctx.getImageData(0, 0, canvas.width, canvas.height);
+              }
+            }
+            return canvas;
+          } catch (e) {
+            this.context.logger.info(
+              "Unable to clone video as it is tainted",
+              video,
+            );
+          }
+          var blankCanvas = video.ownerDocument.createElement("canvas");
+          blankCanvas.width = video.offsetWidth;
+          blankCanvas.height = video.offsetHeight;
+          return blankCanvas;
+        };
+        DocumentCloner.prototype.appendChildNode = function (
+          clone,
+          child,
+          copyStyles,
+        ) {
+          if (
+            !isElementNode(child) ||
+            (!isScriptElement(child) &&
+              !child.hasAttribute(IGNORE_ATTRIBUTE) &&
+              (typeof this.options.ignoreElements !== "function" ||
+                !this.options.ignoreElements(child)))
+          ) {
+            if (
+              !this.options.copyStyles ||
+              !isElementNode(child) ||
+              !isStyleElement(child)
+            ) {
+              clone.appendChild(this.cloneNode(child, copyStyles));
+            }
+          }
+        };
+        DocumentCloner.prototype.cloneChildNodes = function (
+          node,
+          clone,
+          copyStyles,
+        ) {
+          var _this = this;
+          for (
+            var child = node.shadowRoot
+              ? node.shadowRoot.firstChild
+              : node.firstChild;
+            child;
+            child = child.nextSibling
+          ) {
+            if (
+              isElementNode(child) &&
+              isSlotElement(child) &&
+              typeof child.assignedNodes === "function"
+            ) {
+              var assignedNodes = child.assignedNodes();
+              if (assignedNodes.length) {
+                assignedNodes.forEach(function (assignedNode) {
+                  return _this.appendChildNode(clone, assignedNode, copyStyles);
+                });
+              }
+            } else {
+              this.appendChildNode(clone, child, copyStyles);
+            }
+          }
+        };
+        DocumentCloner.prototype.cloneNode = function (node, copyStyles) {
+          if (isTextNode(node)) {
+            return document.createTextNode(node.data);
+          }
+          if (!node.ownerDocument) {
+            return node.cloneNode(false);
+          }
+          var window = node.ownerDocument.defaultView;
+          if (
+            window &&
+            isElementNode(node) &&
+            (isHTMLElementNode(node) || isSVGElementNode(node))
+          ) {
+            var clone = this.createElementClone(node);
+            clone.style.transitionProperty = "none";
+            var style = window.getComputedStyle(node);
+            var styleBefore = window.getComputedStyle(node, ":before");
+            var styleAfter = window.getComputedStyle(node, ":after");
+            if (this.referenceElement === node && isHTMLElementNode(clone)) {
+              this.clonedReferenceElement = clone;
+            }
+            if (isBodyElement(clone)) {
+              createPseudoHideStyles(clone);
+            }
+            var counters = this.counters.parse(
+              new CSSParsedCounterDeclaration(this.context, style),
+            );
+            var before = this.resolvePseudoContent(
+              node,
+              clone,
+              styleBefore,
+              PseudoElementType.BEFORE,
+            );
+            if (isCustomElement(node)) {
+              copyStyles = true;
+            }
+            if (!isVideoElement(node)) {
+              this.cloneChildNodes(node, clone, copyStyles);
+            }
+            if (before) {
+              clone.insertBefore(before, clone.firstChild);
+            }
+            var after = this.resolvePseudoContent(
+              node,
+              clone,
+              styleAfter,
+              PseudoElementType.AFTER,
+            );
+            if (after) {
+              clone.appendChild(after);
+            }
+            this.counters.pop(counters);
+            if (
+              (style &&
+                (this.options.copyStyles || isSVGElementNode(node)) &&
+                !isIFrameElement(node)) ||
+              copyStyles
+            ) {
+              copyCSSStyles(style, clone);
+            }
+            if (node.scrollTop !== 0 || node.scrollLeft !== 0) {
+              this.scrolledElements.push([
+                clone,
+                node.scrollLeft,
+                node.scrollTop,
+              ]);
+            }
+            if (
+              (isTextareaElement(node) || isSelectElement(node)) &&
+              (isTextareaElement(clone) || isSelectElement(clone))
+            ) {
+              clone.value = node.value;
+            }
+            return clone;
+          }
+          return node.cloneNode(false);
+        };
+        DocumentCloner.prototype.resolvePseudoContent = function (
+          node,
+          clone,
+          style,
+          pseudoElt,
+        ) {
+          var _this = this;
+          if (!style) {
+            return;
+          }
+          var value = style.content;
+          var document = clone.ownerDocument;
+          if (
+            !document ||
+            !value ||
+            value === "none" ||
+            value === "-moz-alt-content" ||
+            style.display === "none"
+          ) {
+            return;
+          }
+          this.counters.parse(
+            new CSSParsedCounterDeclaration(this.context, style),
+          );
+          var declaration = new CSSParsedPseudoDeclaration(this.context, style);
+          var anonymousReplacedElement = document.createElement(
+            "html2canvaspseudoelement",
+          );
+          copyCSSStyles(style, anonymousReplacedElement);
+          declaration.content.forEach(function (token) {
+            if (token.type === 0 /* STRING_TOKEN */) {
+              anonymousReplacedElement.appendChild(
+                document.createTextNode(token.value),
+              );
+            } else if (token.type === 22 /* URL_TOKEN */) {
+              var img = document.createElement("img");
+              img.src = token.value;
+              img.style.opacity = "1";
+              anonymousReplacedElement.appendChild(img);
+            } else if (token.type === 18 /* FUNCTION */) {
+              if (token.name === "attr") {
+                var attr = token.values.filter(isIdentToken);
+                if (attr.length) {
+                  anonymousReplacedElement.appendChild(
+                    document.createTextNode(
+                      node.getAttribute(attr[0].value) || "",
+                    ),
+                  );
+                }
+              } else if (token.name === "counter") {
+                var _a = token.values.filter(nonFunctionArgSeparator),
+                  counter = _a[0],
+                  counterStyle = _a[1];
+                if (counter && isIdentToken(counter)) {
+                  var counterState = _this.counters.getCounterValue(
+                    counter.value,
+                  );
+                  var counterType =
+                    counterStyle && isIdentToken(counterStyle)
+                      ? listStyleType.parse(_this.context, counterStyle.value)
+                      : 3; /* DECIMAL */
+                  anonymousReplacedElement.appendChild(
+                    document.createTextNode(
+                      createCounterText(counterState, counterType, false),
+                    ),
+                  );
+                }
+              } else if (token.name === "counters") {
+                var _b = token.values.filter(nonFunctionArgSeparator),
+                  counter = _b[0],
+                  delim = _b[1],
+                  counterStyle = _b[2];
+                if (counter && isIdentToken(counter)) {
+                  var counterStates = _this.counters.getCounterValues(
+                    counter.value,
+                  );
+                  var counterType_1 =
+                    counterStyle && isIdentToken(counterStyle)
+                      ? listStyleType.parse(_this.context, counterStyle.value)
+                      : 3; /* DECIMAL */
+                  var separator =
+                    delim && delim.type === 0 /* STRING_TOKEN */
+                      ? delim.value
+                      : "";
+                  var text = counterStates
+                    .map(function (value) {
+                      return createCounterText(value, counterType_1, false);
+                    })
+                    .join(separator);
+                  anonymousReplacedElement.appendChild(
+                    document.createTextNode(text),
+                  );
+                }
+              } else;
+            } else if (token.type === 20 /* IDENT_TOKEN */) {
+              switch (token.value) {
+                case "open-quote":
+                  anonymousReplacedElement.appendChild(
+                    document.createTextNode(
+                      getQuote(declaration.quotes, _this.quoteDepth++, true),
+                    ),
+                  );
+                  break;
+                case "close-quote":
+                  anonymousReplacedElement.appendChild(
+                    document.createTextNode(
+                      getQuote(declaration.quotes, --_this.quoteDepth, false),
+                    ),
+                  );
+                  break;
+                default:
+                  // safari doesn't parse string tokens correctly because of lack of quotes
+                  anonymousReplacedElement.appendChild(
+                    document.createTextNode(token.value),
+                  );
               }
-              return node.cloneNode(false);
+            }
+          });
+          anonymousReplacedElement.className =
+            PSEUDO_HIDE_ELEMENT_CLASS_BEFORE +
+            " " +
+            PSEUDO_HIDE_ELEMENT_CLASS_AFTER;
+          var newClassName =
+            pseudoElt === PseudoElementType.BEFORE
+              ? " " + PSEUDO_HIDE_ELEMENT_CLASS_BEFORE
+              : " " + PSEUDO_HIDE_ELEMENT_CLASS_AFTER;
+          if (isSVGElementNode(clone)) {
+            clone.className.baseValue += newClassName;
+          } else {
+            clone.className += newClassName;
+          }
+          return anonymousReplacedElement;
+        };
+        DocumentCloner.destroy = function (container) {
+          if (container.parentNode) {
+            container.parentNode.removeChild(container);
+            return true;
+          }
+          return false;
+        };
+        return DocumentCloner;
+      })();
+      var PseudoElementType;
+      (function (PseudoElementType) {
+        PseudoElementType[(PseudoElementType["BEFORE"] = 0)] = "BEFORE";
+        PseudoElementType[(PseudoElementType["AFTER"] = 1)] = "AFTER";
+      })(PseudoElementType || (PseudoElementType = {}));
+      var createIFrameContainer = function (ownerDocument, bounds) {
+        var cloneIframeContainer = ownerDocument.createElement("iframe");
+        cloneIframeContainer.className = "html2canvas-container";
+        cloneIframeContainer.style.visibility = "hidden";
+        cloneIframeContainer.style.position = "fixed";
+        cloneIframeContainer.style.left = "-10000px";
+        cloneIframeContainer.style.top = "0px";
+        cloneIframeContainer.style.border = "0";
+        cloneIframeContainer.width = bounds.width.toString();
+        cloneIframeContainer.height = bounds.height.toString();
+        cloneIframeContainer.scrolling = "no"; // ios won't scroll without it
+        cloneIframeContainer.setAttribute(IGNORE_ATTRIBUTE, "true");
+        ownerDocument.body.appendChild(cloneIframeContainer);
+        return cloneIframeContainer;
+      };
+      var imageReady = function (img) {
+        return new Promise(function (resolve) {
+          if (img.complete) {
+            resolve();
+            return;
+          }
+          if (!img.src) {
+            resolve();
+            return;
+          }
+          img.onload = resolve;
+          img.onerror = resolve;
+        });
+      };
+      var imagesReady = function (document) {
+        return Promise.all([].slice.call(document.images, 0).map(imageReady));
+      };
+      var iframeLoader = function (iframe) {
+        return new Promise(function (resolve, reject) {
+          var cloneWindow = iframe.contentWindow;
+          if (!cloneWindow) {
+            return reject("No window assigned for iframe");
+          }
+          var documentClone = cloneWindow.document;
+          cloneWindow.onload = iframe.onload = function () {
+            cloneWindow.onload = iframe.onload = null;
+            var interval = setInterval(function () {
+              if (
+                documentClone.body.childNodes.length > 0 &&
+                documentClone.readyState === "complete"
+              ) {
+                clearInterval(interval);
+                resolve(iframe);
+              }
+            }, 50);
           };
-          DocumentCloner.prototype.createCanvasClone = function (canvas) {
-              var _a;
-              if (this.options.inlineImages && canvas.ownerDocument) {
-                  var img = canvas.ownerDocument.createElement('img');
-                  try {
-                      img.src = canvas.toDataURL();
-                      return img;
-                  }
-                  catch (e) {
-                      this.context.logger.info("Unable to inline canvas contents, canvas is tainted", canvas);
-                  }
-              }
-              var clonedCanvas = canvas.cloneNode(false);
-              try {
-                  clonedCanvas.width = canvas.width;
-                  clonedCanvas.height = canvas.height;
-                  var ctx = canvas.getContext('2d');
-                  var clonedCtx = clonedCanvas.getContext('2d');
-                  if (clonedCtx) {
-                      if (!this.options.allowTaint && ctx) {
-                          clonedCtx.putImageData(ctx.getImageData(0, 0, canvas.width, canvas.height), 0, 0);
-                      }
-                      else {
-                          var gl = (_a = canvas.getContext('webgl2')) !== null && _a !== void 0 ? _a : canvas.getContext('webgl');
-                          if (gl) {
-                              var attribs = gl.getContextAttributes();
-                              if ((attribs === null || attribs === void 0 ? void 0 : attribs.preserveDrawingBuffer) === false) {
-                                  this.context.logger.warn('Unable to clone WebGL context as it has preserveDrawingBuffer=false', canvas);
-                              }
-                          }
-                          clonedCtx.drawImage(canvas, 0, 0);
-                      }
-                  }
-                  return clonedCanvas;
-              }
-              catch (e) {
-                  this.context.logger.info("Unable to clone canvas as it is tainted", canvas);
-              }
-              return clonedCanvas;
-          };
-          DocumentCloner.prototype.createVideoClone = function (video) {
-              var canvas = video.ownerDocument.createElement('canvas');
-              canvas.width = video.offsetWidth;
-              canvas.height = video.offsetHeight;
-              var ctx = canvas.getContext('2d');
-              try {
-                  if (ctx) {
-                      ctx.drawImage(video, 0, 0, canvas.width, canvas.height);
-                      if (!this.options.allowTaint) {
-                          ctx.getImageData(0, 0, canvas.width, canvas.height);
-                      }
-                  }
-                  return canvas;
-              }
-              catch (e) {
-                  this.context.logger.info("Unable to clone video as it is tainted", video);
-              }
-              var blankCanvas = video.ownerDocument.createElement('canvas');
-              blankCanvas.width = video.offsetWidth;
-              blankCanvas.height = video.offsetHeight;
-              return blankCanvas;
-          };
-          DocumentCloner.prototype.appendChildNode = function (clone, child, copyStyles) {
-              if (!isElementNode(child) ||
-                  (!isScriptElement(child) &&
-                      !child.hasAttribute(IGNORE_ATTRIBUTE) &&
-                      (typeof this.options.ignoreElements !== 'function' || !this.options.ignoreElements(child)))) {
-                  if (!this.options.copyStyles || !isElementNode(child) || !isStyleElement(child)) {
-                      clone.appendChild(this.cloneNode(child, copyStyles));
-                  }
-              }
-          };
-          DocumentCloner.prototype.cloneChildNodes = function (node, clone, copyStyles) {
-              var _this = this;
-              for (var child = node.shadowRoot ? node.shadowRoot.firstChild : node.firstChild; child; child = child.nextSibling) {
-                  if (isElementNode(child) && isSlotElement(child) && typeof child.assignedNodes === 'function') {
-                      var assignedNodes = child.assignedNodes();
-                      if (assignedNodes.length) {
-                          assignedNodes.forEach(function (assignedNode) { return _this.appendChildNode(clone, assignedNode, copyStyles); });
-                      }
-                  }
-                  else {
-                      this.appendChildNode(clone, child, copyStyles);
-                  }
-              }
-          };
-          DocumentCloner.prototype.cloneNode = function (node, copyStyles) {
-              if (isTextNode(node)) {
-                  return document.createTextNode(node.data);
-              }
-              if (!node.ownerDocument) {
-                  return node.cloneNode(false);
-              }
-              var window = node.ownerDocument.defaultView;
-              if (window && isElementNode(node) && (isHTMLElementNode(node) || isSVGElementNode(node))) {
-                  var clone = this.createElementClone(node);
-                  clone.style.transitionProperty = 'none';
-                  var style = window.getComputedStyle(node);
-                  var styleBefore = window.getComputedStyle(node, ':before');
-                  var styleAfter = window.getComputedStyle(node, ':after');
-                  if (this.referenceElement === node && isHTMLElementNode(clone)) {
-                      this.clonedReferenceElement = clone;
-                  }
-                  if (isBodyElement(clone)) {
-                      createPseudoHideStyles(clone);
-                  }
-                  var counters = this.counters.parse(new CSSParsedCounterDeclaration(this.context, style));
-                  var before = this.resolvePseudoContent(node, clone, styleBefore, PseudoElementType.BEFORE);
-                  if (isCustomElement(node)) {
-                      copyStyles = true;
-                  }
-                  if (!isVideoElement(node)) {
-                      this.cloneChildNodes(node, clone, copyStyles);
-                  }
-                  if (before) {
-                      clone.insertBefore(before, clone.firstChild);
-                  }
-                  var after = this.resolvePseudoContent(node, clone, styleAfter, PseudoElementType.AFTER);
-                  if (after) {
-                      clone.appendChild(after);
-                  }
-                  this.counters.pop(counters);
-                  if ((style && (this.options.copyStyles || isSVGElementNode(node)) && !isIFrameElement(node)) ||
-                      copyStyles) {
-                      copyCSSStyles(style, clone);
-                  }
-                  if (node.scrollTop !== 0 || node.scrollLeft !== 0) {
-                      this.scrolledElements.push([clone, node.scrollLeft, node.scrollTop]);
-                  }
-                  if ((isTextareaElement(node) || isSelectElement(node)) &&
-                      (isTextareaElement(clone) || isSelectElement(clone))) {
-                      clone.value = node.value;
-                  }
-                  return clone;
-              }
-              return node.cloneNode(false);
-          };
-          DocumentCloner.prototype.resolvePseudoContent = function (node, clone, style, pseudoElt) {
-              var _this = this;
-              if (!style) {
-                  return;
-              }
-              var value = style.content;
-              var document = clone.ownerDocument;
-              if (!document || !value || value === 'none' || value === '-moz-alt-content' || style.display === 'none') {
-                  return;
-              }
-              this.counters.parse(new CSSParsedCounterDeclaration(this.context, style));
-              var declaration = new CSSParsedPseudoDeclaration(this.context, style);
-              var anonymousReplacedElement = document.createElement('html2canvaspseudoelement');
-              copyCSSStyles(style, anonymousReplacedElement);
-              declaration.content.forEach(function (token) {
-                  if (token.type === 0 /* STRING_TOKEN */) {
-                      anonymousReplacedElement.appendChild(document.createTextNode(token.value));
-                  }
-                  else if (token.type === 22 /* URL_TOKEN */) {
-                      var img = document.createElement('img');
-                      img.src = token.value;
-                      img.style.opacity = '1';
-                      anonymousReplacedElement.appendChild(img);
-                  }
-                  else if (token.type === 18 /* FUNCTION */) {
-                      if (token.name === 'attr') {
-                          var attr = token.values.filter(isIdentToken);
-                          if (attr.length) {
-                              anonymousReplacedElement.appendChild(document.createTextNode(node.getAttribute(attr[0].value) || ''));
-                          }
-                      }
-                      else if (token.name === 'counter') {
-                          var _a = token.values.filter(nonFunctionArgSeparator), counter = _a[0], counterStyle = _a[1];
-                          if (counter && isIdentToken(counter)) {
-                              var counterState = _this.counters.getCounterValue(counter.value);
-                              var counterType = counterStyle && isIdentToken(counterStyle)
-                                  ? listStyleType.parse(_this.context, counterStyle.value)
-                                  : 3 /* DECIMAL */;
-                              anonymousReplacedElement.appendChild(document.createTextNode(createCounterText(counterState, counterType, false)));
-                          }
-                      }
-                      else if (token.name === 'counters') {
-                          var _b = token.values.filter(nonFunctionArgSeparator), counter = _b[0], delim = _b[1], counterStyle = _b[2];
-                          if (counter && isIdentToken(counter)) {
-                              var counterStates = _this.counters.getCounterValues(counter.value);
-                              var counterType_1 = counterStyle && isIdentToken(counterStyle)
-                                  ? listStyleType.parse(_this.context, counterStyle.value)
-                                  : 3 /* DECIMAL */;
-                              var separator = delim && delim.type === 0 /* STRING_TOKEN */ ? delim.value : '';
-                              var text = counterStates
-                                  .map(function (value) { return createCounterText(value, counterType_1, false); })
-                                  .join(separator);
-                              anonymousReplacedElement.appendChild(document.createTextNode(text));
-                          }
-                      }
-                      else ;
-                  }
-                  else if (token.type === 20 /* IDENT_TOKEN */) {
-                      switch (token.value) {
-                          case 'open-quote':
-                              anonymousReplacedElement.appendChild(document.createTextNode(getQuote(declaration.quotes, _this.quoteDepth++, true)));
-                              break;
-                          case 'close-quote':
-                              anonymousReplacedElement.appendChild(document.createTextNode(getQuote(declaration.quotes, --_this.quoteDepth, false)));
-                              break;
-                          default:
-                              // safari doesn't parse string tokens correctly because of lack of quotes
-                              anonymousReplacedElement.appendChild(document.createTextNode(token.value));
-                      }
-                  }
-              });
-              anonymousReplacedElement.className = PSEUDO_HIDE_ELEMENT_CLASS_BEFORE + " " + PSEUDO_HIDE_ELEMENT_CLASS_AFTER;
-              var newClassName = pseudoElt === PseudoElementType.BEFORE
-                  ? " " + PSEUDO_HIDE_ELEMENT_CLASS_BEFORE
-                  : " " + PSEUDO_HIDE_ELEMENT_CLASS_AFTER;
-              if (isSVGElementNode(clone)) {
-                  clone.className.baseValue += newClassName;
-              }
-              else {
-                  clone.className += newClassName;
-              }
-              return anonymousReplacedElement;
-          };
-          DocumentCloner.destroy = function (container) {
-              if (container.parentNode) {
-                  container.parentNode.removeChild(container);
-                  return true;
-              }
-              return false;
-          };
-          return DocumentCloner;
-      }());
-      var PseudoElementType;
-      (function (PseudoElementType) {
-          PseudoElementType[PseudoElementType["BEFORE"] = 0] = "BEFORE";
-          PseudoElementType[PseudoElementType["AFTER"] = 1] = "AFTER";
-      })(PseudoElementType || (PseudoElementType = {}));
-      var createIFrameContainer = function (ownerDocument, bounds) {
-          var cloneIframeContainer = ownerDocument.createElement('iframe');
-          cloneIframeContainer.className = 'html2canvas-container';
-          cloneIframeContainer.style.visibility = 'hidden';
-          cloneIframeContainer.style.position = 'fixed';
-          cloneIframeContainer.style.left = '-10000px';
-          cloneIframeContainer.style.top = '0px';
-          cloneIframeContainer.style.border = '0';
-          cloneIframeContainer.width = bounds.width.toString();
-          cloneIframeContainer.height = bounds.height.toString();
-          cloneIframeContainer.scrolling = 'no'; // ios won't scroll without it
-          cloneIframeContainer.setAttribute(IGNORE_ATTRIBUTE, 'true');
-          ownerDocument.body.appendChild(cloneIframeContainer);
-          return cloneIframeContainer;
-      };
-      var imageReady = function (img) {
-          return new Promise(function (resolve) {
-              if (img.complete) {
-                  resolve();
-                  return;
-              }
-              if (!img.src) {
-                  resolve();
-                  return;
-              }
-              img.onload = resolve;
-              img.onerror = resolve;
-          });
-      };
-      var imagesReady = function (document) {
-          return Promise.all([].slice.call(document.images, 0).map(imageReady));
-      };
-      var iframeLoader = function (iframe) {
-          return new Promise(function (resolve, reject) {
-              var cloneWindow = iframe.contentWindow;
-              if (!cloneWindow) {
-                  return reject("No window assigned for iframe");
-              }
-              var documentClone = cloneWindow.document;
-              cloneWindow.onload = iframe.onload = function () {
-                  cloneWindow.onload = iframe.onload = null;
-                  var interval = setInterval(function () {
-                      if (documentClone.body.childNodes.length > 0 && documentClone.readyState === 'complete') {
-                          clearInterval(interval);
-                          resolve(iframe);
-                      }
-                  }, 50);
-              };
-          });
+        });
       };
       var ignoredStyleProperties = [
-          'all',
-          'd',
-          'content' // Safari shows pseudoelements if content is set
+        "all",
+        "d",
+        "content", // Safari shows pseudoelements if content is set
       ];
       var copyCSSStyles = function (style, target) {
-          // Edge does not provide value for cssText
-          for (var i = style.length - 1; i >= 0; i--) {
-              var property = style.item(i);
-              if (ignoredStyleProperties.indexOf(property) === -1) {
-                  target.style.setProperty(property, style.getPropertyValue(property));
-              }
+        // Edge does not provide value for cssText
+        for (var i = style.length - 1; i >= 0; i--) {
+          var property = style.item(i);
+          if (ignoredStyleProperties.indexOf(property) === -1) {
+            target.style.setProperty(
+              property,
+              style.getPropertyValue(property),
+            );
           }
-          return target;
+        }
+        return target;
       };
       var serializeDoctype = function (doctype) {
-          var str = '';
-          if (doctype) {
-              str += '<!DOCTYPE ';
-              if (doctype.name) {
-                  str += doctype.name;
-              }
-              if (doctype.internalSubset) {
-                  str += doctype.internalSubset;
-              }
-              if (doctype.publicId) {
-                  str += "\"" + doctype.publicId + "\"";
-              }
-              if (doctype.systemId) {
-                  str += "\"" + doctype.systemId + "\"";
-              }
-              str += '>';
+        var str = "";
+        if (doctype) {
+          str += "<!DOCTYPE ";
+          if (doctype.name) {
+            str += doctype.name;
+          }
+          if (doctype.internalSubset) {
+            str += doctype.internalSubset;
           }
-          return str;
+          if (doctype.publicId) {
+            str += '"' + doctype.publicId + '"';
+          }
+          if (doctype.systemId) {
+            str += '"' + doctype.systemId + '"';
+          }
+          str += ">";
+        }
+        return str;
       };
       var restoreOwnerScroll = function (ownerDocument, x, y) {
-          if (ownerDocument &&
-              ownerDocument.defaultView &&
-              (x !== ownerDocument.defaultView.pageXOffset || y !== ownerDocument.defaultView.pageYOffset)) {
-              ownerDocument.defaultView.scrollTo(x, y);
-          }
+        if (
+          ownerDocument &&
+          ownerDocument.defaultView &&
+          (x !== ownerDocument.defaultView.pageXOffset ||
+            y !== ownerDocument.defaultView.pageYOffset)
+        ) {
+          ownerDocument.defaultView.scrollTo(x, y);
+        }
       };
       var restoreNodeScroll = function (_a) {
-          var element = _a[0], x = _a[1], y = _a[2];
-          element.scrollLeft = x;
-          element.scrollTop = y;
-      };
-      var PSEUDO_BEFORE = ':before';
-      var PSEUDO_AFTER = ':after';
-      var PSEUDO_HIDE_ELEMENT_CLASS_BEFORE = '___html2canvas___pseudoelement_before';
-      var PSEUDO_HIDE_ELEMENT_CLASS_AFTER = '___html2canvas___pseudoelement_after';
-      var PSEUDO_HIDE_ELEMENT_STYLE = "{\n    content: \"\" !important;\n    display: none !important;\n}";
+        var element = _a[0],
+          x = _a[1],
+          y = _a[2];
+        element.scrollLeft = x;
+        element.scrollTop = y;
+      };
+      var PSEUDO_BEFORE = ":before";
+      var PSEUDO_AFTER = ":after";
+      var PSEUDO_HIDE_ELEMENT_CLASS_BEFORE =
+        "___html2canvas___pseudoelement_before";
+      var PSEUDO_HIDE_ELEMENT_CLASS_AFTER =
+        "___html2canvas___pseudoelement_after";
+      var PSEUDO_HIDE_ELEMENT_STYLE =
+        '{\n    content: "" !important;\n    display: none !important;\n}';
       var createPseudoHideStyles = function (body) {
-          createStyles(body, "." + PSEUDO_HIDE_ELEMENT_CLASS_BEFORE + PSEUDO_BEFORE + PSEUDO_HIDE_ELEMENT_STYLE + "\n         ." + PSEUDO_HIDE_ELEMENT_CLASS_AFTER + PSEUDO_AFTER + PSEUDO_HIDE_ELEMENT_STYLE);
+        createStyles(
+          body,
+          "." +
+            PSEUDO_HIDE_ELEMENT_CLASS_BEFORE +
+            PSEUDO_BEFORE +
+            PSEUDO_HIDE_ELEMENT_STYLE +
+            "\n         ." +
+            PSEUDO_HIDE_ELEMENT_CLASS_AFTER +
+            PSEUDO_AFTER +
+            PSEUDO_HIDE_ELEMENT_STYLE,
+        );
       };
       var createStyles = function (body, styles) {
-          var document = body.ownerDocument;
-          if (document) {
-              var style = document.createElement('style');
-              style.textContent = styles;
-              body.appendChild(style);
-          }
+        var document = body.ownerDocument;
+        if (document) {
+          var style = document.createElement("style");
+          style.textContent = styles;
+          body.appendChild(style);
+        }
       };
 
       var CacheStorage = /** @class */ (function () {
-          function CacheStorage() {
-          }
-          CacheStorage.getOrigin = function (url) {
-              var link = CacheStorage._link;
-              if (!link) {
-                  return 'about:blank';
-              }
-              link.href = url;
-              link.href = link.href; // IE9, LOL! - http://jsfiddle.net/niklasvh/2e48b/
-              return link.protocol + link.hostname + link.port;
-          };
-          CacheStorage.isSameOrigin = function (src) {
-              return CacheStorage.getOrigin(src) === CacheStorage._origin;
-          };
-          CacheStorage.setContext = function (window) {
-              CacheStorage._link = window.document.createElement('a');
-              CacheStorage._origin = CacheStorage.getOrigin(window.location.href);
-          };
-          CacheStorage._origin = 'about:blank';
-          return CacheStorage;
-      }());
+        function CacheStorage() {}
+        CacheStorage.getOrigin = function (url) {
+          var link = CacheStorage._link;
+          if (!link) {
+            return "about:blank";
+          }
+          link.href = url;
+          link.href = link.href; // IE9, LOL! - http://jsfiddle.net/niklasvh/2e48b/
+          return link.protocol + link.hostname + link.port;
+        };
+        CacheStorage.isSameOrigin = function (src) {
+          return CacheStorage.getOrigin(src) === CacheStorage._origin;
+        };
+        CacheStorage.setContext = function (window) {
+          CacheStorage._link = window.document.createElement("a");
+          CacheStorage._origin = CacheStorage.getOrigin(window.location.href);
+        };
+        CacheStorage._origin = "about:blank";
+        return CacheStorage;
+      })();
       var Cache = /** @class */ (function () {
-          function Cache(context, _options) {
-              this.context = context;
-              this._options = _options;
-              // eslint-disable-next-line @typescript-eslint/no-explicit-any
-              this._cache = {};
-          }
-          Cache.prototype.addImage = function (src) {
-              var result = Promise.resolve();
-              if (this.has(src)) {
-                  return result;
-              }
-              if (isBlobImage(src) || isRenderable(src)) {
-                  (this._cache[src] = this.loadImage(src)).catch(function () {
-                      // prevent unhandled rejection
-                  });
-                  return result;
-              }
-              return result;
-          };
+        function Cache(context, _options) {
+          this.context = context;
+          this._options = _options;
           // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          Cache.prototype.match = function (src) {
-              return this._cache[src];
-          };
-          Cache.prototype.loadImage = function (key) {
-              return __awaiter(this, void 0, void 0, function () {
-                  var isSameOrigin, useCORS, useProxy, src;
-                  var _this = this;
-                  return __generator(this, function (_a) {
-                      switch (_a.label) {
-                          case 0:
-                              isSameOrigin = CacheStorage.isSameOrigin(key);
-                              useCORS = !isInlineImage(key) && this._options.useCORS === true && FEATURES.SUPPORT_CORS_IMAGES && !isSameOrigin;
-                              useProxy = !isInlineImage(key) &&
-                                  !isSameOrigin &&
-                                  !isBlobImage(key) &&
-                                  typeof this._options.proxy === 'string' &&
-                                  FEATURES.SUPPORT_CORS_XHR &&
-                                  !useCORS;
-                              if (!isSameOrigin &&
-                                  this._options.allowTaint === false &&
-                                  !isInlineImage(key) &&
-                                  !isBlobImage(key) &&
-                                  !useProxy &&
-                                  !useCORS) {
-                                  return [2 /*return*/];
-                              }
-                              src = key;
-                              if (!useProxy) return [3 /*break*/, 2];
-                              return [4 /*yield*/, this.proxy(src)];
-                          case 1:
-                              src = _a.sent();
-                              _a.label = 2;
-                          case 2:
-                              this.context.logger.debug("Added image " + key.substring(0, 256));
-                              return [4 /*yield*/, new Promise(function (resolve, reject) {
-                                      var img = new Image();
-                                      img.onload = function () { return resolve(img); };
-                                      img.onerror = reject;
-                                      //ios safari 10.3 taints canvas with data urls unless crossOrigin is set to anonymous
-                                      if (isInlineBase64Image(src) || useCORS) {
-                                          img.crossOrigin = 'anonymous';
-                                      }
-                                      img.src = src;
-                                      if (img.complete === true) {
-                                          // Inline XML images may fail to parse, throwing an Error later on
-                                          setTimeout(function () { return resolve(img); }, 500);
-                                      }
-                                      if (_this._options.imageTimeout > 0) {
-                                          setTimeout(function () { return reject("Timed out (" + _this._options.imageTimeout + "ms) loading image"); }, _this._options.imageTimeout);
-                                      }
-                                  })];
-                          case 3: return [2 /*return*/, _a.sent()];
+          this._cache = {};
+        }
+        Cache.prototype.addImage = function (src) {
+          var result = Promise.resolve();
+          if (this.has(src)) {
+            return result;
+          }
+          if (isBlobImage(src) || isRenderable(src)) {
+            (this._cache[src] = this.loadImage(src)).catch(function () {
+              // prevent unhandled rejection
+            });
+            return result;
+          }
+          return result;
+        };
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        Cache.prototype.match = function (src) {
+          return this._cache[src];
+        };
+        Cache.prototype.loadImage = function (key) {
+          return __awaiter(this, void 0, void 0, function () {
+            var isSameOrigin, useCORS, useProxy, src;
+            var _this = this;
+            return __generator(this, function (_a) {
+              switch (_a.label) {
+                case 0:
+                  isSameOrigin = CacheStorage.isSameOrigin(key);
+                  useCORS =
+                    !isInlineImage(key) &&
+                    this._options.useCORS === true &&
+                    FEATURES.SUPPORT_CORS_IMAGES &&
+                    !isSameOrigin;
+                  useProxy =
+                    !isInlineImage(key) &&
+                    !isSameOrigin &&
+                    !isBlobImage(key) &&
+                    typeof this._options.proxy === "string" &&
+                    FEATURES.SUPPORT_CORS_XHR &&
+                    !useCORS;
+                  if (
+                    !isSameOrigin &&
+                    this._options.allowTaint === false &&
+                    !isInlineImage(key) &&
+                    !isBlobImage(key) &&
+                    !useProxy &&
+                    !useCORS
+                  ) {
+                    return [2 /*return*/];
+                  }
+                  src = key;
+                  if (!useProxy) return [3 /*break*/, 2];
+                  return [4 /*yield*/, this.proxy(src)];
+                case 1:
+                  src = _a.sent();
+                  _a.label = 2;
+                case 2:
+                  this.context.logger.debug(
+                    "Added image " + key.substring(0, 256),
+                  );
+                  return [
+                    4 /*yield*/,
+                    new Promise(function (resolve, reject) {
+                      var img = new Image();
+                      img.onload = function () {
+                        return resolve(img);
+                      };
+                      img.onerror = reject;
+                      //ios safari 10.3 taints canvas with data urls unless crossOrigin is set to anonymous
+                      if (isInlineBase64Image(src) || useCORS) {
+                        img.crossOrigin = "anonymous";
                       }
-                  });
-              });
-          };
-          Cache.prototype.has = function (key) {
-              return typeof this._cache[key] !== 'undefined';
-          };
-          Cache.prototype.keys = function () {
-              return Promise.resolve(Object.keys(this._cache));
-          };
-          Cache.prototype.proxy = function (src) {
-              var _this = this;
-              var proxy = this._options.proxy;
-              if (!proxy) {
-                  throw new Error('No proxy defined');
-              }
-              var key = src.substring(0, 256);
-              return new Promise(function (resolve, reject) {
-                  var responseType = FEATURES.SUPPORT_RESPONSE_TYPE ? 'blob' : 'text';
-                  var xhr = new XMLHttpRequest();
-                  xhr.onload = function () {
-                      if (xhr.status === 200) {
-                          if (responseType === 'text') {
-                              resolve(xhr.response);
-                          }
-                          else {
-                              var reader_1 = new FileReader();
-                              reader_1.addEventListener('load', function () { return resolve(reader_1.result); }, false);
-                              reader_1.addEventListener('error', function (e) { return reject(e); }, false);
-                              reader_1.readAsDataURL(xhr.response);
-                          }
+                      img.src = src;
+                      if (img.complete === true) {
+                        // Inline XML images may fail to parse, throwing an Error later on
+                        setTimeout(function () {
+                          return resolve(img);
+                        }, 500);
                       }
-                      else {
-                          reject("Failed to proxy resource " + key + " with status code " + xhr.status);
+                      if (_this._options.imageTimeout > 0) {
+                        setTimeout(function () {
+                          return reject(
+                            "Timed out (" +
+                              _this._options.imageTimeout +
+                              "ms) loading image",
+                          );
+                        }, _this._options.imageTimeout);
                       }
-                  };
-                  xhr.onerror = reject;
-                  var queryString = proxy.indexOf('?') > -1 ? '&' : '?';
-                  xhr.open('GET', "" + proxy + queryString + "url=" + encodeURIComponent(src) + "&responseType=" + responseType);
-                  if (responseType !== 'text' && xhr instanceof XMLHttpRequest) {
-                      xhr.responseType = responseType;
-                  }
-                  if (_this._options.imageTimeout) {
-                      var timeout_1 = _this._options.imageTimeout;
-                      xhr.timeout = timeout_1;
-                      xhr.ontimeout = function () { return reject("Timed out (" + timeout_1 + "ms) proxying " + key); };
-                  }
-                  xhr.send();
-              });
-          };
-          return Cache;
-      }());
+                    }),
+                  ];
+                case 3:
+                  return [2 /*return*/, _a.sent()];
+              }
+            });
+          });
+        };
+        Cache.prototype.has = function (key) {
+          return typeof this._cache[key] !== "undefined";
+        };
+        Cache.prototype.keys = function () {
+          return Promise.resolve(Object.keys(this._cache));
+        };
+        Cache.prototype.proxy = function (src) {
+          var _this = this;
+          var proxy = this._options.proxy;
+          if (!proxy) {
+            throw new Error("No proxy defined");
+          }
+          var key = src.substring(0, 256);
+          return new Promise(function (resolve, reject) {
+            var responseType = FEATURES.SUPPORT_RESPONSE_TYPE ? "blob" : "text";
+            var xhr = new XMLHttpRequest();
+            xhr.onload = function () {
+              if (xhr.status === 200) {
+                if (responseType === "text") {
+                  resolve(xhr.response);
+                } else {
+                  var reader_1 = new FileReader();
+                  reader_1.addEventListener(
+                    "load",
+                    function () {
+                      return resolve(reader_1.result);
+                    },
+                    false,
+                  );
+                  reader_1.addEventListener(
+                    "error",
+                    function (e) {
+                      return reject(e);
+                    },
+                    false,
+                  );
+                  reader_1.readAsDataURL(xhr.response);
+                }
+              } else {
+                reject(
+                  "Failed to proxy resource " +
+                    key +
+                    " with status code " +
+                    xhr.status,
+                );
+              }
+            };
+            xhr.onerror = reject;
+            var queryString = proxy.indexOf("?") > -1 ? "&" : "?";
+            xhr.open(
+              "GET",
+              "" +
+                proxy +
+                queryString +
+                "url=" +
+                encodeURIComponent(src) +
+                "&responseType=" +
+                responseType,
+            );
+            if (responseType !== "text" && xhr instanceof XMLHttpRequest) {
+              xhr.responseType = responseType;
+            }
+            if (_this._options.imageTimeout) {
+              var timeout_1 = _this._options.imageTimeout;
+              xhr.timeout = timeout_1;
+              xhr.ontimeout = function () {
+                return reject(
+                  "Timed out (" + timeout_1 + "ms) proxying " + key,
+                );
+              };
+            }
+            xhr.send();
+          });
+        };
+        return Cache;
+      })();
       var INLINE_SVG = /^data:image\/svg\+xml/i;
       var INLINE_BASE64 = /^data:image\/.*;base64,/i;
       var INLINE_IMG = /^data:image\/.*/i;
-      var isRenderable = function (src) { return FEATURES.SUPPORT_SVG_DRAWING || !isSVG(src); };
-      var isInlineImage = function (src) { return INLINE_IMG.test(src); };
-      var isInlineBase64Image = function (src) { return INLINE_BASE64.test(src); };
-      var isBlobImage = function (src) { return src.substr(0, 4) === 'blob'; };
-      var isSVG = function (src) { return src.substr(-3).toLowerCase() === 'svg' || INLINE_SVG.test(src); };
+      var isRenderable = function (src) {
+        return FEATURES.SUPPORT_SVG_DRAWING || !isSVG(src);
+      };
+      var isInlineImage = function (src) {
+        return INLINE_IMG.test(src);
+      };
+      var isInlineBase64Image = function (src) {
+        return INLINE_BASE64.test(src);
+      };
+      var isBlobImage = function (src) {
+        return src.substr(0, 4) === "blob";
+      };
+      var isSVG = function (src) {
+        return src.substr(-3).toLowerCase() === "svg" || INLINE_SVG.test(src);
+      };
 
       var Vector = /** @class */ (function () {
-          function Vector(x, y) {
-              this.type = 0 /* VECTOR */;
-              this.x = x;
-              this.y = y;
-          }
-          Vector.prototype.add = function (deltaX, deltaY) {
-              return new Vector(this.x + deltaX, this.y + deltaY);
-          };
-          return Vector;
-      }());
+        function Vector(x, y) {
+          this.type = 0 /* VECTOR */;
+          this.x = x;
+          this.y = y;
+        }
+        Vector.prototype.add = function (deltaX, deltaY) {
+          return new Vector(this.x + deltaX, this.y + deltaY);
+        };
+        return Vector;
+      })();
 
       var lerp = function (a, b, t) {
-          return new Vector(a.x + (b.x - a.x) * t, a.y + (b.y - a.y) * t);
+        return new Vector(a.x + (b.x - a.x) * t, a.y + (b.y - a.y) * t);
       };
       var BezierCurve = /** @class */ (function () {
-          function BezierCurve(start, startControl, endControl, end) {
-              this.type = 1 /* BEZIER_CURVE */;
-              this.start = start;
-              this.startControl = startControl;
-              this.endControl = endControl;
-              this.end = end;
-          }
-          BezierCurve.prototype.subdivide = function (t, firstHalf) {
-              var ab = lerp(this.start, this.startControl, t);
-              var bc = lerp(this.startControl, this.endControl, t);
-              var cd = lerp(this.endControl, this.end, t);
-              var abbc = lerp(ab, bc, t);
-              var bccd = lerp(bc, cd, t);
-              var dest = lerp(abbc, bccd, t);
-              return firstHalf ? new BezierCurve(this.start, ab, abbc, dest) : new BezierCurve(dest, bccd, cd, this.end);
-          };
-          BezierCurve.prototype.add = function (deltaX, deltaY) {
-              return new BezierCurve(this.start.add(deltaX, deltaY), this.startControl.add(deltaX, deltaY), this.endControl.add(deltaX, deltaY), this.end.add(deltaX, deltaY));
-          };
-          BezierCurve.prototype.reverse = function () {
-              return new BezierCurve(this.end, this.endControl, this.startControl, this.start);
-          };
-          return BezierCurve;
-      }());
-      var isBezierCurve = function (path) { return path.type === 1 /* BEZIER_CURVE */; };
+        function BezierCurve(start, startControl, endControl, end) {
+          this.type = 1 /* BEZIER_CURVE */;
+          this.start = start;
+          this.startControl = startControl;
+          this.endControl = endControl;
+          this.end = end;
+        }
+        BezierCurve.prototype.subdivide = function (t, firstHalf) {
+          var ab = lerp(this.start, this.startControl, t);
+          var bc = lerp(this.startControl, this.endControl, t);
+          var cd = lerp(this.endControl, this.end, t);
+          var abbc = lerp(ab, bc, t);
+          var bccd = lerp(bc, cd, t);
+          var dest = lerp(abbc, bccd, t);
+          return firstHalf
+            ? new BezierCurve(this.start, ab, abbc, dest)
+            : new BezierCurve(dest, bccd, cd, this.end);
+        };
+        BezierCurve.prototype.add = function (deltaX, deltaY) {
+          return new BezierCurve(
+            this.start.add(deltaX, deltaY),
+            this.startControl.add(deltaX, deltaY),
+            this.endControl.add(deltaX, deltaY),
+            this.end.add(deltaX, deltaY),
+          );
+        };
+        BezierCurve.prototype.reverse = function () {
+          return new BezierCurve(
+            this.end,
+            this.endControl,
+            this.startControl,
+            this.start,
+          );
+        };
+        return BezierCurve;
+      })();
+      var isBezierCurve = function (path) {
+        return path.type === 1 /* BEZIER_CURVE */;
+      };
 
       var BoundCurves = /** @class */ (function () {
-          function BoundCurves(element) {
-              var styles = element.styles;
-              var bounds = element.bounds;
-              var _a = getAbsoluteValueForTuple(styles.borderTopLeftRadius, bounds.width, bounds.height), tlh = _a[0], tlv = _a[1];
-              var _b = getAbsoluteValueForTuple(styles.borderTopRightRadius, bounds.width, bounds.height), trh = _b[0], trv = _b[1];
-              var _c = getAbsoluteValueForTuple(styles.borderBottomRightRadius, bounds.width, bounds.height), brh = _c[0], brv = _c[1];
-              var _d = getAbsoluteValueForTuple(styles.borderBottomLeftRadius, bounds.width, bounds.height), blh = _d[0], blv = _d[1];
-              var factors = [];
-              factors.push((tlh + trh) / bounds.width);
-              factors.push((blh + brh) / bounds.width);
-              factors.push((tlv + blv) / bounds.height);
-              factors.push((trv + brv) / bounds.height);
-              var maxFactor = Math.max.apply(Math, factors);
-              if (maxFactor > 1) {
-                  tlh /= maxFactor;
-                  tlv /= maxFactor;
-                  trh /= maxFactor;
-                  trv /= maxFactor;
-                  brh /= maxFactor;
-                  brv /= maxFactor;
-                  blh /= maxFactor;
-                  blv /= maxFactor;
-              }
-              var topWidth = bounds.width - trh;
-              var rightHeight = bounds.height - brv;
-              var bottomWidth = bounds.width - brh;
-              var leftHeight = bounds.height - blv;
-              var borderTopWidth = styles.borderTopWidth;
-              var borderRightWidth = styles.borderRightWidth;
-              var borderBottomWidth = styles.borderBottomWidth;
-              var borderLeftWidth = styles.borderLeftWidth;
-              var paddingTop = getAbsoluteValue(styles.paddingTop, element.bounds.width);
-              var paddingRight = getAbsoluteValue(styles.paddingRight, element.bounds.width);
-              var paddingBottom = getAbsoluteValue(styles.paddingBottom, element.bounds.width);
-              var paddingLeft = getAbsoluteValue(styles.paddingLeft, element.bounds.width);
-              this.topLeftBorderDoubleOuterBox =
-                  tlh > 0 || tlv > 0
-                      ? getCurvePoints(bounds.left + borderLeftWidth / 3, bounds.top + borderTopWidth / 3, tlh - borderLeftWidth / 3, tlv - borderTopWidth / 3, CORNER.TOP_LEFT)
-                      : new Vector(bounds.left + borderLeftWidth / 3, bounds.top + borderTopWidth / 3);
-              this.topRightBorderDoubleOuterBox =
-                  tlh > 0 || tlv > 0
-                      ? getCurvePoints(bounds.left + topWidth, bounds.top + borderTopWidth / 3, trh - borderRightWidth / 3, trv - borderTopWidth / 3, CORNER.TOP_RIGHT)
-                      : new Vector(bounds.left + bounds.width - borderRightWidth / 3, bounds.top + borderTopWidth / 3);
-              this.bottomRightBorderDoubleOuterBox =
-                  brh > 0 || brv > 0
-                      ? getCurvePoints(bounds.left + bottomWidth, bounds.top + rightHeight, brh - borderRightWidth / 3, brv - borderBottomWidth / 3, CORNER.BOTTOM_RIGHT)
-                      : new Vector(bounds.left + bounds.width - borderRightWidth / 3, bounds.top + bounds.height - borderBottomWidth / 3);
-              this.bottomLeftBorderDoubleOuterBox =
-                  blh > 0 || blv > 0
-                      ? getCurvePoints(bounds.left + borderLeftWidth / 3, bounds.top + leftHeight, blh - borderLeftWidth / 3, blv - borderBottomWidth / 3, CORNER.BOTTOM_LEFT)
-                      : new Vector(bounds.left + borderLeftWidth / 3, bounds.top + bounds.height - borderBottomWidth / 3);
-              this.topLeftBorderDoubleInnerBox =
-                  tlh > 0 || tlv > 0
-                      ? getCurvePoints(bounds.left + (borderLeftWidth * 2) / 3, bounds.top + (borderTopWidth * 2) / 3, tlh - (borderLeftWidth * 2) / 3, tlv - (borderTopWidth * 2) / 3, CORNER.TOP_LEFT)
-                      : new Vector(bounds.left + (borderLeftWidth * 2) / 3, bounds.top + (borderTopWidth * 2) / 3);
-              this.topRightBorderDoubleInnerBox =
-                  tlh > 0 || tlv > 0
-                      ? getCurvePoints(bounds.left + topWidth, bounds.top + (borderTopWidth * 2) / 3, trh - (borderRightWidth * 2) / 3, trv - (borderTopWidth * 2) / 3, CORNER.TOP_RIGHT)
-                      : new Vector(bounds.left + bounds.width - (borderRightWidth * 2) / 3, bounds.top + (borderTopWidth * 2) / 3);
-              this.bottomRightBorderDoubleInnerBox =
-                  brh > 0 || brv > 0
-                      ? getCurvePoints(bounds.left + bottomWidth, bounds.top + rightHeight, brh - (borderRightWidth * 2) / 3, brv - (borderBottomWidth * 2) / 3, CORNER.BOTTOM_RIGHT)
-                      : new Vector(bounds.left + bounds.width - (borderRightWidth * 2) / 3, bounds.top + bounds.height - (borderBottomWidth * 2) / 3);
-              this.bottomLeftBorderDoubleInnerBox =
-                  blh > 0 || blv > 0
-                      ? getCurvePoints(bounds.left + (borderLeftWidth * 2) / 3, bounds.top + leftHeight, blh - (borderLeftWidth * 2) / 3, blv - (borderBottomWidth * 2) / 3, CORNER.BOTTOM_LEFT)
-                      : new Vector(bounds.left + (borderLeftWidth * 2) / 3, bounds.top + bounds.height - (borderBottomWidth * 2) / 3);
-              this.topLeftBorderStroke =
-                  tlh > 0 || tlv > 0
-                      ? getCurvePoints(bounds.left + borderLeftWidth / 2, bounds.top + borderTopWidth / 2, tlh - borderLeftWidth / 2, tlv - borderTopWidth / 2, CORNER.TOP_LEFT)
-                      : new Vector(bounds.left + borderLeftWidth / 2, bounds.top + borderTopWidth / 2);
-              this.topRightBorderStroke =
-                  tlh > 0 || tlv > 0
-                      ? getCurvePoints(bounds.left + topWidth, bounds.top + borderTopWidth / 2, trh - borderRightWidth / 2, trv - borderTopWidth / 2, CORNER.TOP_RIGHT)
-                      : new Vector(bounds.left + bounds.width - borderRightWidth / 2, bounds.top + borderTopWidth / 2);
-              this.bottomRightBorderStroke =
-                  brh > 0 || brv > 0
-                      ? getCurvePoints(bounds.left + bottomWidth, bounds.top + rightHeight, brh - borderRightWidth / 2, brv - borderBottomWidth / 2, CORNER.BOTTOM_RIGHT)
-                      : new Vector(bounds.left + bounds.width - borderRightWidth / 2, bounds.top + bounds.height - borderBottomWidth / 2);
-              this.bottomLeftBorderStroke =
-                  blh > 0 || blv > 0
-                      ? getCurvePoints(bounds.left + borderLeftWidth / 2, bounds.top + leftHeight, blh - borderLeftWidth / 2, blv - borderBottomWidth / 2, CORNER.BOTTOM_LEFT)
-                      : new Vector(bounds.left + borderLeftWidth / 2, bounds.top + bounds.height - borderBottomWidth / 2);
-              this.topLeftBorderBox =
-                  tlh > 0 || tlv > 0
-                      ? getCurvePoints(bounds.left, bounds.top, tlh, tlv, CORNER.TOP_LEFT)
-                      : new Vector(bounds.left, bounds.top);
-              this.topRightBorderBox =
-                  trh > 0 || trv > 0
-                      ? getCurvePoints(bounds.left + topWidth, bounds.top, trh, trv, CORNER.TOP_RIGHT)
-                      : new Vector(bounds.left + bounds.width, bounds.top);
-              this.bottomRightBorderBox =
-                  brh > 0 || brv > 0
-                      ? getCurvePoints(bounds.left + bottomWidth, bounds.top + rightHeight, brh, brv, CORNER.BOTTOM_RIGHT)
-                      : new Vector(bounds.left + bounds.width, bounds.top + bounds.height);
-              this.bottomLeftBorderBox =
-                  blh > 0 || blv > 0
-                      ? getCurvePoints(bounds.left, bounds.top + leftHeight, blh, blv, CORNER.BOTTOM_LEFT)
-                      : new Vector(bounds.left, bounds.top + bounds.height);
-              this.topLeftPaddingBox =
-                  tlh > 0 || tlv > 0
-                      ? getCurvePoints(bounds.left + borderLeftWidth, bounds.top + borderTopWidth, Math.max(0, tlh - borderLeftWidth), Math.max(0, tlv - borderTopWidth), CORNER.TOP_LEFT)
-                      : new Vector(bounds.left + borderLeftWidth, bounds.top + borderTopWidth);
-              this.topRightPaddingBox =
-                  trh > 0 || trv > 0
-                      ? getCurvePoints(bounds.left + Math.min(topWidth, bounds.width - borderRightWidth), bounds.top + borderTopWidth, topWidth > bounds.width + borderRightWidth ? 0 : Math.max(0, trh - borderRightWidth), Math.max(0, trv - borderTopWidth), CORNER.TOP_RIGHT)
-                      : new Vector(bounds.left + bounds.width - borderRightWidth, bounds.top + borderTopWidth);
-              this.bottomRightPaddingBox =
-                  brh > 0 || brv > 0
-                      ? getCurvePoints(bounds.left + Math.min(bottomWidth, bounds.width - borderLeftWidth), bounds.top + Math.min(rightHeight, bounds.height - borderBottomWidth), Math.max(0, brh - borderRightWidth), Math.max(0, brv - borderBottomWidth), CORNER.BOTTOM_RIGHT)
-                      : new Vector(bounds.left + bounds.width - borderRightWidth, bounds.top + bounds.height - borderBottomWidth);
-              this.bottomLeftPaddingBox =
-                  blh > 0 || blv > 0
-                      ? getCurvePoints(bounds.left + borderLeftWidth, bounds.top + Math.min(leftHeight, bounds.height - borderBottomWidth), Math.max(0, blh - borderLeftWidth), Math.max(0, blv - borderBottomWidth), CORNER.BOTTOM_LEFT)
-                      : new Vector(bounds.left + borderLeftWidth, bounds.top + bounds.height - borderBottomWidth);
-              this.topLeftContentBox =
-                  tlh > 0 || tlv > 0
-                      ? getCurvePoints(bounds.left + borderLeftWidth + paddingLeft, bounds.top + borderTopWidth + paddingTop, Math.max(0, tlh - (borderLeftWidth + paddingLeft)), Math.max(0, tlv - (borderTopWidth + paddingTop)), CORNER.TOP_LEFT)
-                      : new Vector(bounds.left + borderLeftWidth + paddingLeft, bounds.top + borderTopWidth + paddingTop);
-              this.topRightContentBox =
-                  trh > 0 || trv > 0
-                      ? getCurvePoints(bounds.left + Math.min(topWidth, bounds.width + borderLeftWidth + paddingLeft), bounds.top + borderTopWidth + paddingTop, topWidth > bounds.width + borderLeftWidth + paddingLeft ? 0 : trh - borderLeftWidth + paddingLeft, trv - (borderTopWidth + paddingTop), CORNER.TOP_RIGHT)
-                      : new Vector(bounds.left + bounds.width - (borderRightWidth + paddingRight), bounds.top + borderTopWidth + paddingTop);
-              this.bottomRightContentBox =
-                  brh > 0 || brv > 0
-                      ? getCurvePoints(bounds.left + Math.min(bottomWidth, bounds.width - (borderLeftWidth + paddingLeft)), bounds.top + Math.min(rightHeight, bounds.height + borderTopWidth + paddingTop), Math.max(0, brh - (borderRightWidth + paddingRight)), brv - (borderBottomWidth + paddingBottom), CORNER.BOTTOM_RIGHT)
-                      : new Vector(bounds.left + bounds.width - (borderRightWidth + paddingRight), bounds.top + bounds.height - (borderBottomWidth + paddingBottom));
-              this.bottomLeftContentBox =
-                  blh > 0 || blv > 0
-                      ? getCurvePoints(bounds.left + borderLeftWidth + paddingLeft, bounds.top + leftHeight, Math.max(0, blh - (borderLeftWidth + paddingLeft)), blv - (borderBottomWidth + paddingBottom), CORNER.BOTTOM_LEFT)
-                      : new Vector(bounds.left + borderLeftWidth + paddingLeft, bounds.top + bounds.height - (borderBottomWidth + paddingBottom));
-          }
-          return BoundCurves;
-      }());
+        function BoundCurves(element) {
+          var styles = element.styles;
+          var bounds = element.bounds;
+          var _a = getAbsoluteValueForTuple(
+              styles.borderTopLeftRadius,
+              bounds.width,
+              bounds.height,
+            ),
+            tlh = _a[0],
+            tlv = _a[1];
+          var _b = getAbsoluteValueForTuple(
+              styles.borderTopRightRadius,
+              bounds.width,
+              bounds.height,
+            ),
+            trh = _b[0],
+            trv = _b[1];
+          var _c = getAbsoluteValueForTuple(
+              styles.borderBottomRightRadius,
+              bounds.width,
+              bounds.height,
+            ),
+            brh = _c[0],
+            brv = _c[1];
+          var _d = getAbsoluteValueForTuple(
+              styles.borderBottomLeftRadius,
+              bounds.width,
+              bounds.height,
+            ),
+            blh = _d[0],
+            blv = _d[1];
+          var factors = [];
+          factors.push((tlh + trh) / bounds.width);
+          factors.push((blh + brh) / bounds.width);
+          factors.push((tlv + blv) / bounds.height);
+          factors.push((trv + brv) / bounds.height);
+          var maxFactor = Math.max.apply(Math, factors);
+          if (maxFactor > 1) {
+            tlh /= maxFactor;
+            tlv /= maxFactor;
+            trh /= maxFactor;
+            trv /= maxFactor;
+            brh /= maxFactor;
+            brv /= maxFactor;
+            blh /= maxFactor;
+            blv /= maxFactor;
+          }
+          var topWidth = bounds.width - trh;
+          var rightHeight = bounds.height - brv;
+          var bottomWidth = bounds.width - brh;
+          var leftHeight = bounds.height - blv;
+          var borderTopWidth = styles.borderTopWidth;
+          var borderRightWidth = styles.borderRightWidth;
+          var borderBottomWidth = styles.borderBottomWidth;
+          var borderLeftWidth = styles.borderLeftWidth;
+          var paddingTop = getAbsoluteValue(
+            styles.paddingTop,
+            element.bounds.width,
+          );
+          var paddingRight = getAbsoluteValue(
+            styles.paddingRight,
+            element.bounds.width,
+          );
+          var paddingBottom = getAbsoluteValue(
+            styles.paddingBottom,
+            element.bounds.width,
+          );
+          var paddingLeft = getAbsoluteValue(
+            styles.paddingLeft,
+            element.bounds.width,
+          );
+          this.topLeftBorderDoubleOuterBox =
+            tlh > 0 || tlv > 0
+              ? getCurvePoints(
+                  bounds.left + borderLeftWidth / 3,
+                  bounds.top + borderTopWidth / 3,
+                  tlh - borderLeftWidth / 3,
+                  tlv - borderTopWidth / 3,
+                  CORNER.TOP_LEFT,
+                )
+              : new Vector(
+                  bounds.left + borderLeftWidth / 3,
+                  bounds.top + borderTopWidth / 3,
+                );
+          this.topRightBorderDoubleOuterBox =
+            tlh > 0 || tlv > 0
+              ? getCurvePoints(
+                  bounds.left + topWidth,
+                  bounds.top + borderTopWidth / 3,
+                  trh - borderRightWidth / 3,
+                  trv - borderTopWidth / 3,
+                  CORNER.TOP_RIGHT,
+                )
+              : new Vector(
+                  bounds.left + bounds.width - borderRightWidth / 3,
+                  bounds.top + borderTopWidth / 3,
+                );
+          this.bottomRightBorderDoubleOuterBox =
+            brh > 0 || brv > 0
+              ? getCurvePoints(
+                  bounds.left + bottomWidth,
+                  bounds.top + rightHeight,
+                  brh - borderRightWidth / 3,
+                  brv - borderBottomWidth / 3,
+                  CORNER.BOTTOM_RIGHT,
+                )
+              : new Vector(
+                  bounds.left + bounds.width - borderRightWidth / 3,
+                  bounds.top + bounds.height - borderBottomWidth / 3,
+                );
+          this.bottomLeftBorderDoubleOuterBox =
+            blh > 0 || blv > 0
+              ? getCurvePoints(
+                  bounds.left + borderLeftWidth / 3,
+                  bounds.top + leftHeight,
+                  blh - borderLeftWidth / 3,
+                  blv - borderBottomWidth / 3,
+                  CORNER.BOTTOM_LEFT,
+                )
+              : new Vector(
+                  bounds.left + borderLeftWidth / 3,
+                  bounds.top + bounds.height - borderBottomWidth / 3,
+                );
+          this.topLeftBorderDoubleInnerBox =
+            tlh > 0 || tlv > 0
+              ? getCurvePoints(
+                  bounds.left + (borderLeftWidth * 2) / 3,
+                  bounds.top + (borderTopWidth * 2) / 3,
+                  tlh - (borderLeftWidth * 2) / 3,
+                  tlv - (borderTopWidth * 2) / 3,
+                  CORNER.TOP_LEFT,
+                )
+              : new Vector(
+                  bounds.left + (borderLeftWidth * 2) / 3,
+                  bounds.top + (borderTopWidth * 2) / 3,
+                );
+          this.topRightBorderDoubleInnerBox =
+            tlh > 0 || tlv > 0
+              ? getCurvePoints(
+                  bounds.left + topWidth,
+                  bounds.top + (borderTopWidth * 2) / 3,
+                  trh - (borderRightWidth * 2) / 3,
+                  trv - (borderTopWidth * 2) / 3,
+                  CORNER.TOP_RIGHT,
+                )
+              : new Vector(
+                  bounds.left + bounds.width - (borderRightWidth * 2) / 3,
+                  bounds.top + (borderTopWidth * 2) / 3,
+                );
+          this.bottomRightBorderDoubleInnerBox =
+            brh > 0 || brv > 0
+              ? getCurvePoints(
+                  bounds.left + bottomWidth,
+                  bounds.top + rightHeight,
+                  brh - (borderRightWidth * 2) / 3,
+                  brv - (borderBottomWidth * 2) / 3,
+                  CORNER.BOTTOM_RIGHT,
+                )
+              : new Vector(
+                  bounds.left + bounds.width - (borderRightWidth * 2) / 3,
+                  bounds.top + bounds.height - (borderBottomWidth * 2) / 3,
+                );
+          this.bottomLeftBorderDoubleInnerBox =
+            blh > 0 || blv > 0
+              ? getCurvePoints(
+                  bounds.left + (borderLeftWidth * 2) / 3,
+                  bounds.top + leftHeight,
+                  blh - (borderLeftWidth * 2) / 3,
+                  blv - (borderBottomWidth * 2) / 3,
+                  CORNER.BOTTOM_LEFT,
+                )
+              : new Vector(
+                  bounds.left + (borderLeftWidth * 2) / 3,
+                  bounds.top + bounds.height - (borderBottomWidth * 2) / 3,
+                );
+          this.topLeftBorderStroke =
+            tlh > 0 || tlv > 0
+              ? getCurvePoints(
+                  bounds.left + borderLeftWidth / 2,
+                  bounds.top + borderTopWidth / 2,
+                  tlh - borderLeftWidth / 2,
+                  tlv - borderTopWidth / 2,
+                  CORNER.TOP_LEFT,
+                )
+              : new Vector(
+                  bounds.left + borderLeftWidth / 2,
+                  bounds.top + borderTopWidth / 2,
+                );
+          this.topRightBorderStroke =
+            tlh > 0 || tlv > 0
+              ? getCurvePoints(
+                  bounds.left + topWidth,
+                  bounds.top + borderTopWidth / 2,
+                  trh - borderRightWidth / 2,
+                  trv - borderTopWidth / 2,
+                  CORNER.TOP_RIGHT,
+                )
+              : new Vector(
+                  bounds.left + bounds.width - borderRightWidth / 2,
+                  bounds.top + borderTopWidth / 2,
+                );
+          this.bottomRightBorderStroke =
+            brh > 0 || brv > 0
+              ? getCurvePoints(
+                  bounds.left + bottomWidth,
+                  bounds.top + rightHeight,
+                  brh - borderRightWidth / 2,
+                  brv - borderBottomWidth / 2,
+                  CORNER.BOTTOM_RIGHT,
+                )
+              : new Vector(
+                  bounds.left + bounds.width - borderRightWidth / 2,
+                  bounds.top + bounds.height - borderBottomWidth / 2,
+                );
+          this.bottomLeftBorderStroke =
+            blh > 0 || blv > 0
+              ? getCurvePoints(
+                  bounds.left + borderLeftWidth / 2,
+                  bounds.top + leftHeight,
+                  blh - borderLeftWidth / 2,
+                  blv - borderBottomWidth / 2,
+                  CORNER.BOTTOM_LEFT,
+                )
+              : new Vector(
+                  bounds.left + borderLeftWidth / 2,
+                  bounds.top + bounds.height - borderBottomWidth / 2,
+                );
+          this.topLeftBorderBox =
+            tlh > 0 || tlv > 0
+              ? getCurvePoints(
+                  bounds.left,
+                  bounds.top,
+                  tlh,
+                  tlv,
+                  CORNER.TOP_LEFT,
+                )
+              : new Vector(bounds.left, bounds.top);
+          this.topRightBorderBox =
+            trh > 0 || trv > 0
+              ? getCurvePoints(
+                  bounds.left + topWidth,
+                  bounds.top,
+                  trh,
+                  trv,
+                  CORNER.TOP_RIGHT,
+                )
+              : new Vector(bounds.left + bounds.width, bounds.top);
+          this.bottomRightBorderBox =
+            brh > 0 || brv > 0
+              ? getCurvePoints(
+                  bounds.left + bottomWidth,
+                  bounds.top + rightHeight,
+                  brh,
+                  brv,
+                  CORNER.BOTTOM_RIGHT,
+                )
+              : new Vector(
+                  bounds.left + bounds.width,
+                  bounds.top + bounds.height,
+                );
+          this.bottomLeftBorderBox =
+            blh > 0 || blv > 0
+              ? getCurvePoints(
+                  bounds.left,
+                  bounds.top + leftHeight,
+                  blh,
+                  blv,
+                  CORNER.BOTTOM_LEFT,
+                )
+              : new Vector(bounds.left, bounds.top + bounds.height);
+          this.topLeftPaddingBox =
+            tlh > 0 || tlv > 0
+              ? getCurvePoints(
+                  bounds.left + borderLeftWidth,
+                  bounds.top + borderTopWidth,
+                  Math.max(0, tlh - borderLeftWidth),
+                  Math.max(0, tlv - borderTopWidth),
+                  CORNER.TOP_LEFT,
+                )
+              : new Vector(
+                  bounds.left + borderLeftWidth,
+                  bounds.top + borderTopWidth,
+                );
+          this.topRightPaddingBox =
+            trh > 0 || trv > 0
+              ? getCurvePoints(
+                  bounds.left +
+                    Math.min(topWidth, bounds.width - borderRightWidth),
+                  bounds.top + borderTopWidth,
+                  topWidth > bounds.width + borderRightWidth
+                    ? 0
+                    : Math.max(0, trh - borderRightWidth),
+                  Math.max(0, trv - borderTopWidth),
+                  CORNER.TOP_RIGHT,
+                )
+              : new Vector(
+                  bounds.left + bounds.width - borderRightWidth,
+                  bounds.top + borderTopWidth,
+                );
+          this.bottomRightPaddingBox =
+            brh > 0 || brv > 0
+              ? getCurvePoints(
+                  bounds.left +
+                    Math.min(bottomWidth, bounds.width - borderLeftWidth),
+                  bounds.top +
+                    Math.min(rightHeight, bounds.height - borderBottomWidth),
+                  Math.max(0, brh - borderRightWidth),
+                  Math.max(0, brv - borderBottomWidth),
+                  CORNER.BOTTOM_RIGHT,
+                )
+              : new Vector(
+                  bounds.left + bounds.width - borderRightWidth,
+                  bounds.top + bounds.height - borderBottomWidth,
+                );
+          this.bottomLeftPaddingBox =
+            blh > 0 || blv > 0
+              ? getCurvePoints(
+                  bounds.left + borderLeftWidth,
+                  bounds.top +
+                    Math.min(leftHeight, bounds.height - borderBottomWidth),
+                  Math.max(0, blh - borderLeftWidth),
+                  Math.max(0, blv - borderBottomWidth),
+                  CORNER.BOTTOM_LEFT,
+                )
+              : new Vector(
+                  bounds.left + borderLeftWidth,
+                  bounds.top + bounds.height - borderBottomWidth,
+                );
+          this.topLeftContentBox =
+            tlh > 0 || tlv > 0
+              ? getCurvePoints(
+                  bounds.left + borderLeftWidth + paddingLeft,
+                  bounds.top + borderTopWidth + paddingTop,
+                  Math.max(0, tlh - (borderLeftWidth + paddingLeft)),
+                  Math.max(0, tlv - (borderTopWidth + paddingTop)),
+                  CORNER.TOP_LEFT,
+                )
+              : new Vector(
+                  bounds.left + borderLeftWidth + paddingLeft,
+                  bounds.top + borderTopWidth + paddingTop,
+                );
+          this.topRightContentBox =
+            trh > 0 || trv > 0
+              ? getCurvePoints(
+                  bounds.left +
+                    Math.min(
+                      topWidth,
+                      bounds.width + borderLeftWidth + paddingLeft,
+                    ),
+                  bounds.top + borderTopWidth + paddingTop,
+                  topWidth > bounds.width + borderLeftWidth + paddingLeft
+                    ? 0
+                    : trh - borderLeftWidth + paddingLeft,
+                  trv - (borderTopWidth + paddingTop),
+                  CORNER.TOP_RIGHT,
+                )
+              : new Vector(
+                  bounds.left +
+                    bounds.width -
+                    (borderRightWidth + paddingRight),
+                  bounds.top + borderTopWidth + paddingTop,
+                );
+          this.bottomRightContentBox =
+            brh > 0 || brv > 0
+              ? getCurvePoints(
+                  bounds.left +
+                    Math.min(
+                      bottomWidth,
+                      bounds.width - (borderLeftWidth + paddingLeft),
+                    ),
+                  bounds.top +
+                    Math.min(
+                      rightHeight,
+                      bounds.height + borderTopWidth + paddingTop,
+                    ),
+                  Math.max(0, brh - (borderRightWidth + paddingRight)),
+                  brv - (borderBottomWidth + paddingBottom),
+                  CORNER.BOTTOM_RIGHT,
+                )
+              : new Vector(
+                  bounds.left +
+                    bounds.width -
+                    (borderRightWidth + paddingRight),
+                  bounds.top +
+                    bounds.height -
+                    (borderBottomWidth + paddingBottom),
+                );
+          this.bottomLeftContentBox =
+            blh > 0 || blv > 0
+              ? getCurvePoints(
+                  bounds.left + borderLeftWidth + paddingLeft,
+                  bounds.top + leftHeight,
+                  Math.max(0, blh - (borderLeftWidth + paddingLeft)),
+                  blv - (borderBottomWidth + paddingBottom),
+                  CORNER.BOTTOM_LEFT,
+                )
+              : new Vector(
+                  bounds.left + borderLeftWidth + paddingLeft,
+                  bounds.top +
+                    bounds.height -
+                    (borderBottomWidth + paddingBottom),
+                );
+        }
+        return BoundCurves;
+      })();
       var CORNER;
       (function (CORNER) {
-          CORNER[CORNER["TOP_LEFT"] = 0] = "TOP_LEFT";
-          CORNER[CORNER["TOP_RIGHT"] = 1] = "TOP_RIGHT";
-          CORNER[CORNER["BOTTOM_RIGHT"] = 2] = "BOTTOM_RIGHT";
-          CORNER[CORNER["BOTTOM_LEFT"] = 3] = "BOTTOM_LEFT";
+        CORNER[(CORNER["TOP_LEFT"] = 0)] = "TOP_LEFT";
+        CORNER[(CORNER["TOP_RIGHT"] = 1)] = "TOP_RIGHT";
+        CORNER[(CORNER["BOTTOM_RIGHT"] = 2)] = "BOTTOM_RIGHT";
+        CORNER[(CORNER["BOTTOM_LEFT"] = 3)] = "BOTTOM_LEFT";
       })(CORNER || (CORNER = {}));
       var getCurvePoints = function (x, y, r1, r2, position) {
-          var kappa = 4 * ((Math.sqrt(2) - 1) / 3);
-          var ox = r1 * kappa; // control point offset horizontal
-          var oy = r2 * kappa; // control point offset vertical
-          var xm = x + r1; // x-middle
-          var ym = y + r2; // y-middle
-          switch (position) {
-              case CORNER.TOP_LEFT:
-                  return new BezierCurve(new Vector(x, ym), new Vector(x, ym - oy), new Vector(xm - ox, y), new Vector(xm, y));
-              case CORNER.TOP_RIGHT:
-                  return new BezierCurve(new Vector(x, y), new Vector(x + ox, y), new Vector(xm, ym - oy), new Vector(xm, ym));
-              case CORNER.BOTTOM_RIGHT:
-                  return new BezierCurve(new Vector(xm, y), new Vector(xm, y + oy), new Vector(x + ox, ym), new Vector(x, ym));
-              case CORNER.BOTTOM_LEFT:
-              default:
-                  return new BezierCurve(new Vector(xm, ym), new Vector(xm - ox, ym), new Vector(x, y + oy), new Vector(x, y));
-          }
+        var kappa = 4 * ((Math.sqrt(2) - 1) / 3);
+        var ox = r1 * kappa; // control point offset horizontal
+        var oy = r2 * kappa; // control point offset vertical
+        var xm = x + r1; // x-middle
+        var ym = y + r2; // y-middle
+        switch (position) {
+          case CORNER.TOP_LEFT:
+            return new BezierCurve(
+              new Vector(x, ym),
+              new Vector(x, ym - oy),
+              new Vector(xm - ox, y),
+              new Vector(xm, y),
+            );
+          case CORNER.TOP_RIGHT:
+            return new BezierCurve(
+              new Vector(x, y),
+              new Vector(x + ox, y),
+              new Vector(xm, ym - oy),
+              new Vector(xm, ym),
+            );
+          case CORNER.BOTTOM_RIGHT:
+            return new BezierCurve(
+              new Vector(xm, y),
+              new Vector(xm, y + oy),
+              new Vector(x + ox, ym),
+              new Vector(x, ym),
+            );
+          case CORNER.BOTTOM_LEFT:
+          default:
+            return new BezierCurve(
+              new Vector(xm, ym),
+              new Vector(xm - ox, ym),
+              new Vector(x, y + oy),
+              new Vector(x, y),
+            );
+        }
       };
       var calculateBorderBoxPath = function (curves) {
-          return [curves.topLeftBorderBox, curves.topRightBorderBox, curves.bottomRightBorderBox, curves.bottomLeftBorderBox];
+        return [
+          curves.topLeftBorderBox,
+          curves.topRightBorderBox,
+          curves.bottomRightBorderBox,
+          curves.bottomLeftBorderBox,
+        ];
       };
       var calculateContentBoxPath = function (curves) {
-          return [
-              curves.topLeftContentBox,
-              curves.topRightContentBox,
-              curves.bottomRightContentBox,
-              curves.bottomLeftContentBox
-          ];
+        return [
+          curves.topLeftContentBox,
+          curves.topRightContentBox,
+          curves.bottomRightContentBox,
+          curves.bottomLeftContentBox,
+        ];
       };
       var calculatePaddingBoxPath = function (curves) {
-          return [
-              curves.topLeftPaddingBox,
-              curves.topRightPaddingBox,
-              curves.bottomRightPaddingBox,
-              curves.bottomLeftPaddingBox
-          ];
+        return [
+          curves.topLeftPaddingBox,
+          curves.topRightPaddingBox,
+          curves.bottomRightPaddingBox,
+          curves.bottomLeftPaddingBox,
+        ];
       };
 
       var TransformEffect = /** @class */ (function () {
-          function TransformEffect(offsetX, offsetY, matrix) {
-              this.offsetX = offsetX;
-              this.offsetY = offsetY;
-              this.matrix = matrix;
-              this.type = 0 /* TRANSFORM */;
-              this.target = 2 /* BACKGROUND_BORDERS */ | 4 /* CONTENT */;
-          }
-          return TransformEffect;
-      }());
+        function TransformEffect(offsetX, offsetY, matrix) {
+          this.offsetX = offsetX;
+          this.offsetY = offsetY;
+          this.matrix = matrix;
+          this.type = 0 /* TRANSFORM */;
+          this.target = 2 /* BACKGROUND_BORDERS */ | 4 /* CONTENT */;
+        }
+        return TransformEffect;
+      })();
       var ClipEffect = /** @class */ (function () {
-          function ClipEffect(path, target) {
-              this.path = path;
-              this.target = target;
-              this.type = 1 /* CLIP */;
-          }
-          return ClipEffect;
-      }());
+        function ClipEffect(path, target) {
+          this.path = path;
+          this.target = target;
+          this.type = 1 /* CLIP */;
+        }
+        return ClipEffect;
+      })();
       var OpacityEffect = /** @class */ (function () {
-          function OpacityEffect(opacity) {
-              this.opacity = opacity;
-              this.type = 2 /* OPACITY */;
-              this.target = 2 /* BACKGROUND_BORDERS */ | 4 /* CONTENT */;
-          }
-          return OpacityEffect;
-      }());
+        function OpacityEffect(opacity) {
+          this.opacity = opacity;
+          this.type = 2 /* OPACITY */;
+          this.target = 2 /* BACKGROUND_BORDERS */ | 4 /* CONTENT */;
+        }
+        return OpacityEffect;
+      })();
       var isTransformEffect = function (effect) {
-          return effect.type === 0 /* TRANSFORM */;
+        return effect.type === 0 /* TRANSFORM */;
+      };
+      var isClipEffect = function (effect) {
+        return effect.type === 1 /* CLIP */;
+      };
+      var isOpacityEffect = function (effect) {
+        return effect.type === 2 /* OPACITY */;
       };
-      var isClipEffect = function (effect) { return effect.type === 1 /* CLIP */; };
-      var isOpacityEffect = function (effect) { return effect.type === 2 /* OPACITY */; };
 
       var equalPath = function (a, b) {
-          if (a.length === b.length) {
-              return a.some(function (v, i) { return v === b[i]; });
-          }
-          return false;
+        if (a.length === b.length) {
+          return a.some(function (v, i) {
+            return v === b[i];
+          });
+        }
+        return false;
       };
       var transformPath = function (path, deltaX, deltaY, deltaW, deltaH) {
-          return path.map(function (point, index) {
-              switch (index) {
-                  case 0:
-                      return point.add(deltaX, deltaY);
-                  case 1:
-                      return point.add(deltaX + deltaW, deltaY);
-                  case 2:
-                      return point.add(deltaX + deltaW, deltaY + deltaH);
-                  case 3:
-                      return point.add(deltaX, deltaY + deltaH);
-              }
-              return point;
-          });
+        return path.map(function (point, index) {
+          switch (index) {
+            case 0:
+              return point.add(deltaX, deltaY);
+            case 1:
+              return point.add(deltaX + deltaW, deltaY);
+            case 2:
+              return point.add(deltaX + deltaW, deltaY + deltaH);
+            case 3:
+              return point.add(deltaX, deltaY + deltaH);
+          }
+          return point;
+        });
       };
 
       var StackingContext = /** @class */ (function () {
-          function StackingContext(container) {
-              this.element = container;
-              this.inlineLevel = [];
-              this.nonInlineLevel = [];
-              this.negativeZIndex = [];
-              this.zeroOrAutoZIndexOrTransformedOrOpacity = [];
-              this.positiveZIndex = [];
-              this.nonPositionedFloats = [];
-              this.nonPositionedInlineLevel = [];
-          }
-          return StackingContext;
-      }());
+        function StackingContext(container) {
+          this.element = container;
+          this.inlineLevel = [];
+          this.nonInlineLevel = [];
+          this.negativeZIndex = [];
+          this.zeroOrAutoZIndexOrTransformedOrOpacity = [];
+          this.positiveZIndex = [];
+          this.nonPositionedFloats = [];
+          this.nonPositionedInlineLevel = [];
+        }
+        return StackingContext;
+      })();
       var ElementPaint = /** @class */ (function () {
-          function ElementPaint(container, parent) {
-              this.container = container;
-              this.parent = parent;
-              this.effects = [];
-              this.curves = new BoundCurves(this.container);
-              if (this.container.styles.opacity < 1) {
-                  this.effects.push(new OpacityEffect(this.container.styles.opacity));
-              }
-              if (this.container.styles.transform !== null) {
-                  var offsetX = this.container.bounds.left + this.container.styles.transformOrigin[0].number;
-                  var offsetY = this.container.bounds.top + this.container.styles.transformOrigin[1].number;
-                  var matrix = this.container.styles.transform;
-                  this.effects.push(new TransformEffect(offsetX, offsetY, matrix));
-              }
-              if (this.container.styles.overflowX !== 0 /* VISIBLE */) {
-                  var borderBox = calculateBorderBoxPath(this.curves);
-                  var paddingBox = calculatePaddingBoxPath(this.curves);
-                  if (equalPath(borderBox, paddingBox)) {
-                      this.effects.push(new ClipEffect(borderBox, 2 /* BACKGROUND_BORDERS */ | 4 /* CONTENT */));
-                  }
-                  else {
-                      this.effects.push(new ClipEffect(borderBox, 2 /* BACKGROUND_BORDERS */));
-                      this.effects.push(new ClipEffect(paddingBox, 4 /* CONTENT */));
-                  }
-              }
+        function ElementPaint(container, parent) {
+          this.container = container;
+          this.parent = parent;
+          this.effects = [];
+          this.curves = new BoundCurves(this.container);
+          if (this.container.styles.opacity < 1) {
+            this.effects.push(new OpacityEffect(this.container.styles.opacity));
+          }
+          if (this.container.styles.transform !== null) {
+            var offsetX =
+              this.container.bounds.left +
+              this.container.styles.transformOrigin[0].number;
+            var offsetY =
+              this.container.bounds.top +
+              this.container.styles.transformOrigin[1].number;
+            var matrix = this.container.styles.transform;
+            this.effects.push(new TransformEffect(offsetX, offsetY, matrix));
+          }
+          if (this.container.styles.overflowX !== 0 /* VISIBLE */) {
+            var borderBox = calculateBorderBoxPath(this.curves);
+            var paddingBox = calculatePaddingBoxPath(this.curves);
+            if (equalPath(borderBox, paddingBox)) {
+              this.effects.push(
+                new ClipEffect(
+                  borderBox,
+                  2 /* BACKGROUND_BORDERS */ | 4 /* CONTENT */,
+                ),
+              );
+            } else {
+              this.effects.push(
+                new ClipEffect(borderBox, 2 /* BACKGROUND_BORDERS */),
+              );
+              this.effects.push(new ClipEffect(paddingBox, 4 /* CONTENT */));
+            }
           }
-          ElementPaint.prototype.getEffects = function (target) {
-              var inFlow = [2 /* ABSOLUTE */, 3 /* FIXED */].indexOf(this.container.styles.position) === -1;
-              var parent = this.parent;
-              var effects = this.effects.slice(0);
-              while (parent) {
-                  var croplessEffects = parent.effects.filter(function (effect) { return !isClipEffect(effect); });
-                  if (inFlow || parent.container.styles.position !== 0 /* STATIC */ || !parent.parent) {
-                      effects.unshift.apply(effects, croplessEffects);
-                      inFlow = [2 /* ABSOLUTE */, 3 /* FIXED */].indexOf(parent.container.styles.position) === -1;
-                      if (parent.container.styles.overflowX !== 0 /* VISIBLE */) {
-                          var borderBox = calculateBorderBoxPath(parent.curves);
-                          var paddingBox = calculatePaddingBoxPath(parent.curves);
-                          if (!equalPath(borderBox, paddingBox)) {
-                              effects.unshift(new ClipEffect(paddingBox, 2 /* BACKGROUND_BORDERS */ | 4 /* CONTENT */));
-                          }
-                      }
-                  }
-                  else {
-                      effects.unshift.apply(effects, croplessEffects);
-                  }
-                  parent = parent.parent;
-              }
-              return effects.filter(function (effect) { return contains(effect.target, target); });
-          };
-          return ElementPaint;
-      }());
-      var parseStackTree = function (parent, stackingContext, realStackingContext, listItems) {
-          parent.container.elements.forEach(function (child) {
-              var treatAsRealStackingContext = contains(child.flags, 4 /* CREATES_REAL_STACKING_CONTEXT */);
-              var createsStackingContext = contains(child.flags, 2 /* CREATES_STACKING_CONTEXT */);
-              var paintContainer = new ElementPaint(child, parent);
-              if (contains(child.styles.display, 2048 /* LIST_ITEM */)) {
-                  listItems.push(paintContainer);
-              }
-              var listOwnerItems = contains(child.flags, 8 /* IS_LIST_OWNER */) ? [] : listItems;
-              if (treatAsRealStackingContext || createsStackingContext) {
-                  var parentStack = treatAsRealStackingContext || child.styles.isPositioned() ? realStackingContext : stackingContext;
-                  var stack = new StackingContext(paintContainer);
-                  if (child.styles.isPositioned() || child.styles.opacity < 1 || child.styles.isTransformed()) {
-                      var order_1 = child.styles.zIndex.order;
-                      if (order_1 < 0) {
-                          var index_1 = 0;
-                          parentStack.negativeZIndex.some(function (current, i) {
-                              if (order_1 > current.element.container.styles.zIndex.order) {
-                                  index_1 = i;
-                                  return false;
-                              }
-                              else if (index_1 > 0) {
-                                  return true;
-                              }
-                              return false;
-                          });
-                          parentStack.negativeZIndex.splice(index_1, 0, stack);
-                      }
-                      else if (order_1 > 0) {
-                          var index_2 = 0;
-                          parentStack.positiveZIndex.some(function (current, i) {
-                              if (order_1 >= current.element.container.styles.zIndex.order) {
-                                  index_2 = i + 1;
-                                  return false;
-                              }
-                              else if (index_2 > 0) {
-                                  return true;
-                              }
-                              return false;
-                          });
-                          parentStack.positiveZIndex.splice(index_2, 0, stack);
-                      }
-                      else {
-                          parentStack.zeroOrAutoZIndexOrTransformedOrOpacity.push(stack);
-                      }
-                  }
-                  else {
-                      if (child.styles.isFloating()) {
-                          parentStack.nonPositionedFloats.push(stack);
-                      }
-                      else {
-                          parentStack.nonPositionedInlineLevel.push(stack);
-                      }
-                  }
-                  parseStackTree(paintContainer, stack, treatAsRealStackingContext ? stack : realStackingContext, listOwnerItems);
-              }
-              else {
-                  if (child.styles.isInlineLevel()) {
-                      stackingContext.inlineLevel.push(paintContainer);
-                  }
-                  else {
-                      stackingContext.nonInlineLevel.push(paintContainer);
-                  }
-                  parseStackTree(paintContainer, stackingContext, realStackingContext, listOwnerItems);
-              }
-              if (contains(child.flags, 8 /* IS_LIST_OWNER */)) {
-                  processListItems(child, listOwnerItems);
-              }
+        }
+        ElementPaint.prototype.getEffects = function (target) {
+          var inFlow =
+            [2 /* ABSOLUTE */, 3 /* FIXED */].indexOf(
+              this.container.styles.position,
+            ) === -1;
+          var parent = this.parent;
+          var effects = this.effects.slice(0);
+          while (parent) {
+            var croplessEffects = parent.effects.filter(function (effect) {
+              return !isClipEffect(effect);
+            });
+            if (
+              inFlow ||
+              parent.container.styles.position !== 0 /* STATIC */ ||
+              !parent.parent
+            ) {
+              effects.unshift.apply(effects, croplessEffects);
+              inFlow =
+                [2 /* ABSOLUTE */, 3 /* FIXED */].indexOf(
+                  parent.container.styles.position,
+                ) === -1;
+              if (parent.container.styles.overflowX !== 0 /* VISIBLE */) {
+                var borderBox = calculateBorderBoxPath(parent.curves);
+                var paddingBox = calculatePaddingBoxPath(parent.curves);
+                if (!equalPath(borderBox, paddingBox)) {
+                  effects.unshift(
+                    new ClipEffect(
+                      paddingBox,
+                      2 /* BACKGROUND_BORDERS */ | 4 /* CONTENT */,
+                    ),
+                  );
+                }
+              }
+            } else {
+              effects.unshift.apply(effects, croplessEffects);
+            }
+            parent = parent.parent;
+          }
+          return effects.filter(function (effect) {
+            return contains(effect.target, target);
           });
+        };
+        return ElementPaint;
+      })();
+      var parseStackTree = function (
+        parent,
+        stackingContext,
+        realStackingContext,
+        listItems,
+      ) {
+        parent.container.elements.forEach(function (child) {
+          var treatAsRealStackingContext = contains(
+            child.flags,
+            4 /* CREATES_REAL_STACKING_CONTEXT */,
+          );
+          var createsStackingContext = contains(
+            child.flags,
+            2 /* CREATES_STACKING_CONTEXT */,
+          );
+          var paintContainer = new ElementPaint(child, parent);
+          if (contains(child.styles.display, 2048 /* LIST_ITEM */)) {
+            listItems.push(paintContainer);
+          }
+          var listOwnerItems = contains(child.flags, 8 /* IS_LIST_OWNER */)
+            ? []
+            : listItems;
+          if (treatAsRealStackingContext || createsStackingContext) {
+            var parentStack =
+              treatAsRealStackingContext || child.styles.isPositioned()
+                ? realStackingContext
+                : stackingContext;
+            var stack = new StackingContext(paintContainer);
+            if (
+              child.styles.isPositioned() ||
+              child.styles.opacity < 1 ||
+              child.styles.isTransformed()
+            ) {
+              var order_1 = child.styles.zIndex.order;
+              if (order_1 < 0) {
+                var index_1 = 0;
+                parentStack.negativeZIndex.some(function (current, i) {
+                  if (order_1 > current.element.container.styles.zIndex.order) {
+                    index_1 = i;
+                    return false;
+                  } else if (index_1 > 0) {
+                    return true;
+                  }
+                  return false;
+                });
+                parentStack.negativeZIndex.splice(index_1, 0, stack);
+              } else if (order_1 > 0) {
+                var index_2 = 0;
+                parentStack.positiveZIndex.some(function (current, i) {
+                  if (
+                    order_1 >= current.element.container.styles.zIndex.order
+                  ) {
+                    index_2 = i + 1;
+                    return false;
+                  } else if (index_2 > 0) {
+                    return true;
+                  }
+                  return false;
+                });
+                parentStack.positiveZIndex.splice(index_2, 0, stack);
+              } else {
+                parentStack.zeroOrAutoZIndexOrTransformedOrOpacity.push(stack);
+              }
+            } else {
+              if (child.styles.isFloating()) {
+                parentStack.nonPositionedFloats.push(stack);
+              } else {
+                parentStack.nonPositionedInlineLevel.push(stack);
+              }
+            }
+            parseStackTree(
+              paintContainer,
+              stack,
+              treatAsRealStackingContext ? stack : realStackingContext,
+              listOwnerItems,
+            );
+          } else {
+            if (child.styles.isInlineLevel()) {
+              stackingContext.inlineLevel.push(paintContainer);
+            } else {
+              stackingContext.nonInlineLevel.push(paintContainer);
+            }
+            parseStackTree(
+              paintContainer,
+              stackingContext,
+              realStackingContext,
+              listOwnerItems,
+            );
+          }
+          if (contains(child.flags, 8 /* IS_LIST_OWNER */)) {
+            processListItems(child, listOwnerItems);
+          }
+        });
       };
       var processListItems = function (owner, elements) {
-          var numbering = owner instanceof OLElementContainer ? owner.start : 1;
-          var reversed = owner instanceof OLElementContainer ? owner.reversed : false;
-          for (var i = 0; i < elements.length; i++) {
-              var item = elements[i];
-              if (item.container instanceof LIElementContainer &&
-                  typeof item.container.value === 'number' &&
-                  item.container.value !== 0) {
-                  numbering = item.container.value;
-              }
-              item.listValue = createCounterText(numbering, item.container.styles.listStyleType, true);
-              numbering += reversed ? -1 : 1;
-          }
+        var numbering = owner instanceof OLElementContainer ? owner.start : 1;
+        var reversed =
+          owner instanceof OLElementContainer ? owner.reversed : false;
+        for (var i = 0; i < elements.length; i++) {
+          var item = elements[i];
+          if (
+            item.container instanceof LIElementContainer &&
+            typeof item.container.value === "number" &&
+            item.container.value !== 0
+          ) {
+            numbering = item.container.value;
+          }
+          item.listValue = createCounterText(
+            numbering,
+            item.container.styles.listStyleType,
+            true,
+          );
+          numbering += reversed ? -1 : 1;
+        }
       };
       var parseStackingContexts = function (container) {
-          var paintContainer = new ElementPaint(container, null);
-          var root = new StackingContext(paintContainer);
-          var listItems = [];
-          parseStackTree(paintContainer, root, root, listItems);
-          processListItems(paintContainer.container, listItems);
-          return root;
+        var paintContainer = new ElementPaint(container, null);
+        var root = new StackingContext(paintContainer);
+        var listItems = [];
+        parseStackTree(paintContainer, root, root, listItems);
+        processListItems(paintContainer.container, listItems);
+        return root;
       };
 
       var parsePathForBorder = function (curves, borderSide) {
-          switch (borderSide) {
-              case 0:
-                  return createPathFromCurves(curves.topLeftBorderBox, curves.topLeftPaddingBox, curves.topRightBorderBox, curves.topRightPaddingBox);
-              case 1:
-                  return createPathFromCurves(curves.topRightBorderBox, curves.topRightPaddingBox, curves.bottomRightBorderBox, curves.bottomRightPaddingBox);
-              case 2:
-                  return createPathFromCurves(curves.bottomRightBorderBox, curves.bottomRightPaddingBox, curves.bottomLeftBorderBox, curves.bottomLeftPaddingBox);
-              case 3:
-              default:
-                  return createPathFromCurves(curves.bottomLeftBorderBox, curves.bottomLeftPaddingBox, curves.topLeftBorderBox, curves.topLeftPaddingBox);
-          }
+        switch (borderSide) {
+          case 0:
+            return createPathFromCurves(
+              curves.topLeftBorderBox,
+              curves.topLeftPaddingBox,
+              curves.topRightBorderBox,
+              curves.topRightPaddingBox,
+            );
+          case 1:
+            return createPathFromCurves(
+              curves.topRightBorderBox,
+              curves.topRightPaddingBox,
+              curves.bottomRightBorderBox,
+              curves.bottomRightPaddingBox,
+            );
+          case 2:
+            return createPathFromCurves(
+              curves.bottomRightBorderBox,
+              curves.bottomRightPaddingBox,
+              curves.bottomLeftBorderBox,
+              curves.bottomLeftPaddingBox,
+            );
+          case 3:
+          default:
+            return createPathFromCurves(
+              curves.bottomLeftBorderBox,
+              curves.bottomLeftPaddingBox,
+              curves.topLeftBorderBox,
+              curves.topLeftPaddingBox,
+            );
+        }
       };
       var parsePathForBorderDoubleOuter = function (curves, borderSide) {
-          switch (borderSide) {
-              case 0:
-                  return createPathFromCurves(curves.topLeftBorderBox, curves.topLeftBorderDoubleOuterBox, curves.topRightBorderBox, curves.topRightBorderDoubleOuterBox);
-              case 1:
-                  return createPathFromCurves(curves.topRightBorderBox, curves.topRightBorderDoubleOuterBox, curves.bottomRightBorderBox, curves.bottomRightBorderDoubleOuterBox);
-              case 2:
-                  return createPathFromCurves(curves.bottomRightBorderBox, curves.bottomRightBorderDoubleOuterBox, curves.bottomLeftBorderBox, curves.bottomLeftBorderDoubleOuterBox);
-              case 3:
-              default:
-                  return createPathFromCurves(curves.bottomLeftBorderBox, curves.bottomLeftBorderDoubleOuterBox, curves.topLeftBorderBox, curves.topLeftBorderDoubleOuterBox);
-          }
+        switch (borderSide) {
+          case 0:
+            return createPathFromCurves(
+              curves.topLeftBorderBox,
+              curves.topLeftBorderDoubleOuterBox,
+              curves.topRightBorderBox,
+              curves.topRightBorderDoubleOuterBox,
+            );
+          case 1:
+            return createPathFromCurves(
+              curves.topRightBorderBox,
+              curves.topRightBorderDoubleOuterBox,
+              curves.bottomRightBorderBox,
+              curves.bottomRightBorderDoubleOuterBox,
+            );
+          case 2:
+            return createPathFromCurves(
+              curves.bottomRightBorderBox,
+              curves.bottomRightBorderDoubleOuterBox,
+              curves.bottomLeftBorderBox,
+              curves.bottomLeftBorderDoubleOuterBox,
+            );
+          case 3:
+          default:
+            return createPathFromCurves(
+              curves.bottomLeftBorderBox,
+              curves.bottomLeftBorderDoubleOuterBox,
+              curves.topLeftBorderBox,
+              curves.topLeftBorderDoubleOuterBox,
+            );
+        }
       };
       var parsePathForBorderDoubleInner = function (curves, borderSide) {
-          switch (borderSide) {
-              case 0:
-                  return createPathFromCurves(curves.topLeftBorderDoubleInnerBox, curves.topLeftPaddingBox, curves.topRightBorderDoubleInnerBox, curves.topRightPaddingBox);
-              case 1:
-                  return createPathFromCurves(curves.topRightBorderDoubleInnerBox, curves.topRightPaddingBox, curves.bottomRightBorderDoubleInnerBox, curves.bottomRightPaddingBox);
-              case 2:
-                  return createPathFromCurves(curves.bottomRightBorderDoubleInnerBox, curves.bottomRightPaddingBox, curves.bottomLeftBorderDoubleInnerBox, curves.bottomLeftPaddingBox);
-              case 3:
-              default:
-                  return createPathFromCurves(curves.bottomLeftBorderDoubleInnerBox, curves.bottomLeftPaddingBox, curves.topLeftBorderDoubleInnerBox, curves.topLeftPaddingBox);
-          }
+        switch (borderSide) {
+          case 0:
+            return createPathFromCurves(
+              curves.topLeftBorderDoubleInnerBox,
+              curves.topLeftPaddingBox,
+              curves.topRightBorderDoubleInnerBox,
+              curves.topRightPaddingBox,
+            );
+          case 1:
+            return createPathFromCurves(
+              curves.topRightBorderDoubleInnerBox,
+              curves.topRightPaddingBox,
+              curves.bottomRightBorderDoubleInnerBox,
+              curves.bottomRightPaddingBox,
+            );
+          case 2:
+            return createPathFromCurves(
+              curves.bottomRightBorderDoubleInnerBox,
+              curves.bottomRightPaddingBox,
+              curves.bottomLeftBorderDoubleInnerBox,
+              curves.bottomLeftPaddingBox,
+            );
+          case 3:
+          default:
+            return createPathFromCurves(
+              curves.bottomLeftBorderDoubleInnerBox,
+              curves.bottomLeftPaddingBox,
+              curves.topLeftBorderDoubleInnerBox,
+              curves.topLeftPaddingBox,
+            );
+        }
       };
       var parsePathForBorderStroke = function (curves, borderSide) {
-          switch (borderSide) {
-              case 0:
-                  return createStrokePathFromCurves(curves.topLeftBorderStroke, curves.topRightBorderStroke);
-              case 1:
-                  return createStrokePathFromCurves(curves.topRightBorderStroke, curves.bottomRightBorderStroke);
-              case 2:
-                  return createStrokePathFromCurves(curves.bottomRightBorderStroke, curves.bottomLeftBorderStroke);
-              case 3:
-              default:
-                  return createStrokePathFromCurves(curves.bottomLeftBorderStroke, curves.topLeftBorderStroke);
-          }
+        switch (borderSide) {
+          case 0:
+            return createStrokePathFromCurves(
+              curves.topLeftBorderStroke,
+              curves.topRightBorderStroke,
+            );
+          case 1:
+            return createStrokePathFromCurves(
+              curves.topRightBorderStroke,
+              curves.bottomRightBorderStroke,
+            );
+          case 2:
+            return createStrokePathFromCurves(
+              curves.bottomRightBorderStroke,
+              curves.bottomLeftBorderStroke,
+            );
+          case 3:
+          default:
+            return createStrokePathFromCurves(
+              curves.bottomLeftBorderStroke,
+              curves.topLeftBorderStroke,
+            );
+        }
       };
       var createStrokePathFromCurves = function (outer1, outer2) {
-          var path = [];
-          if (isBezierCurve(outer1)) {
-              path.push(outer1.subdivide(0.5, false));
-          }
-          else {
-              path.push(outer1);
-          }
-          if (isBezierCurve(outer2)) {
-              path.push(outer2.subdivide(0.5, true));
-          }
-          else {
-              path.push(outer2);
-          }
-          return path;
+        var path = [];
+        if (isBezierCurve(outer1)) {
+          path.push(outer1.subdivide(0.5, false));
+        } else {
+          path.push(outer1);
+        }
+        if (isBezierCurve(outer2)) {
+          path.push(outer2.subdivide(0.5, true));
+        } else {
+          path.push(outer2);
+        }
+        return path;
       };
       var createPathFromCurves = function (outer1, inner1, outer2, inner2) {
-          var path = [];
-          if (isBezierCurve(outer1)) {
-              path.push(outer1.subdivide(0.5, false));
-          }
-          else {
-              path.push(outer1);
-          }
-          if (isBezierCurve(outer2)) {
-              path.push(outer2.subdivide(0.5, true));
-          }
-          else {
-              path.push(outer2);
-          }
-          if (isBezierCurve(inner2)) {
-              path.push(inner2.subdivide(0.5, true).reverse());
-          }
-          else {
-              path.push(inner2);
-          }
-          if (isBezierCurve(inner1)) {
-              path.push(inner1.subdivide(0.5, false).reverse());
-          }
-          else {
-              path.push(inner1);
-          }
-          return path;
+        var path = [];
+        if (isBezierCurve(outer1)) {
+          path.push(outer1.subdivide(0.5, false));
+        } else {
+          path.push(outer1);
+        }
+        if (isBezierCurve(outer2)) {
+          path.push(outer2.subdivide(0.5, true));
+        } else {
+          path.push(outer2);
+        }
+        if (isBezierCurve(inner2)) {
+          path.push(inner2.subdivide(0.5, true).reverse());
+        } else {
+          path.push(inner2);
+        }
+        if (isBezierCurve(inner1)) {
+          path.push(inner1.subdivide(0.5, false).reverse());
+        } else {
+          path.push(inner1);
+        }
+        return path;
       };
 
       var paddingBox = function (element) {
-          var bounds = element.bounds;
-          var styles = element.styles;
-          return bounds.add(styles.borderLeftWidth, styles.borderTopWidth, -(styles.borderRightWidth + styles.borderLeftWidth), -(styles.borderTopWidth + styles.borderBottomWidth));
+        var bounds = element.bounds;
+        var styles = element.styles;
+        return bounds.add(
+          styles.borderLeftWidth,
+          styles.borderTopWidth,
+          -(styles.borderRightWidth + styles.borderLeftWidth),
+          -(styles.borderTopWidth + styles.borderBottomWidth),
+        );
       };
       var contentBox = function (element) {
-          var styles = element.styles;
-          var bounds = element.bounds;
-          var paddingLeft = getAbsoluteValue(styles.paddingLeft, bounds.width);
-          var paddingRight = getAbsoluteValue(styles.paddingRight, bounds.width);
-          var paddingTop = getAbsoluteValue(styles.paddingTop, bounds.width);
-          var paddingBottom = getAbsoluteValue(styles.paddingBottom, bounds.width);
-          return bounds.add(paddingLeft + styles.borderLeftWidth, paddingTop + styles.borderTopWidth, -(styles.borderRightWidth + styles.borderLeftWidth + paddingLeft + paddingRight), -(styles.borderTopWidth + styles.borderBottomWidth + paddingTop + paddingBottom));
-      };
-
-      var calculateBackgroundPositioningArea = function (backgroundOrigin, element) {
-          if (backgroundOrigin === 0 /* BORDER_BOX */) {
-              return element.bounds;
-          }
-          if (backgroundOrigin === 2 /* CONTENT_BOX */) {
-              return contentBox(element);
-          }
-          return paddingBox(element);
+        var styles = element.styles;
+        var bounds = element.bounds;
+        var paddingLeft = getAbsoluteValue(styles.paddingLeft, bounds.width);
+        var paddingRight = getAbsoluteValue(styles.paddingRight, bounds.width);
+        var paddingTop = getAbsoluteValue(styles.paddingTop, bounds.width);
+        var paddingBottom = getAbsoluteValue(
+          styles.paddingBottom,
+          bounds.width,
+        );
+        return bounds.add(
+          paddingLeft + styles.borderLeftWidth,
+          paddingTop + styles.borderTopWidth,
+          -(
+            styles.borderRightWidth +
+            styles.borderLeftWidth +
+            paddingLeft +
+            paddingRight
+          ),
+          -(
+            styles.borderTopWidth +
+            styles.borderBottomWidth +
+            paddingTop +
+            paddingBottom
+          ),
+        );
+      };
+
+      var calculateBackgroundPositioningArea = function (
+        backgroundOrigin,
+        element,
+      ) {
+        if (backgroundOrigin === 0 /* BORDER_BOX */) {
+          return element.bounds;
+        }
+        if (backgroundOrigin === 2 /* CONTENT_BOX */) {
+          return contentBox(element);
+        }
+        return paddingBox(element);
       };
       var calculateBackgroundPaintingArea = function (backgroundClip, element) {
-          if (backgroundClip === 0 /* BORDER_BOX */) {
-              return element.bounds;
-          }
-          if (backgroundClip === 2 /* CONTENT_BOX */) {
-              return contentBox(element);
-          }
-          return paddingBox(element);
-      };
-      var calculateBackgroundRendering = function (container, index, intrinsicSize) {
-          var backgroundPositioningArea = calculateBackgroundPositioningArea(getBackgroundValueForIndex(container.styles.backgroundOrigin, index), container);
-          var backgroundPaintingArea = calculateBackgroundPaintingArea(getBackgroundValueForIndex(container.styles.backgroundClip, index), container);
-          var backgroundImageSize = calculateBackgroundSize(getBackgroundValueForIndex(container.styles.backgroundSize, index), intrinsicSize, backgroundPositioningArea);
-          var sizeWidth = backgroundImageSize[0], sizeHeight = backgroundImageSize[1];
-          var position = getAbsoluteValueForTuple(getBackgroundValueForIndex(container.styles.backgroundPosition, index), backgroundPositioningArea.width - sizeWidth, backgroundPositioningArea.height - sizeHeight);
-          var path = calculateBackgroundRepeatPath(getBackgroundValueForIndex(container.styles.backgroundRepeat, index), position, backgroundImageSize, backgroundPositioningArea, backgroundPaintingArea);
-          var offsetX = Math.round(backgroundPositioningArea.left + position[0]);
-          var offsetY = Math.round(backgroundPositioningArea.top + position[1]);
-          return [path, offsetX, offsetY, sizeWidth, sizeHeight];
-      };
-      var isAuto = function (token) { return isIdentToken(token) && token.value === BACKGROUND_SIZE.AUTO; };
-      var hasIntrinsicValue = function (value) { return typeof value === 'number'; };
+        if (backgroundClip === 0 /* BORDER_BOX */) {
+          return element.bounds;
+        }
+        if (backgroundClip === 2 /* CONTENT_BOX */) {
+          return contentBox(element);
+        }
+        return paddingBox(element);
+      };
+      var calculateBackgroundRendering = function (
+        container,
+        index,
+        intrinsicSize,
+      ) {
+        var backgroundPositioningArea = calculateBackgroundPositioningArea(
+          getBackgroundValueForIndex(container.styles.backgroundOrigin, index),
+          container,
+        );
+        var backgroundPaintingArea = calculateBackgroundPaintingArea(
+          getBackgroundValueForIndex(container.styles.backgroundClip, index),
+          container,
+        );
+        var backgroundImageSize = calculateBackgroundSize(
+          getBackgroundValueForIndex(container.styles.backgroundSize, index),
+          intrinsicSize,
+          backgroundPositioningArea,
+        );
+        var sizeWidth = backgroundImageSize[0],
+          sizeHeight = backgroundImageSize[1];
+        var position = getAbsoluteValueForTuple(
+          getBackgroundValueForIndex(
+            container.styles.backgroundPosition,
+            index,
+          ),
+          backgroundPositioningArea.width - sizeWidth,
+          backgroundPositioningArea.height - sizeHeight,
+        );
+        var path = calculateBackgroundRepeatPath(
+          getBackgroundValueForIndex(container.styles.backgroundRepeat, index),
+          position,
+          backgroundImageSize,
+          backgroundPositioningArea,
+          backgroundPaintingArea,
+        );
+        var offsetX = Math.round(backgroundPositioningArea.left + position[0]);
+        var offsetY = Math.round(backgroundPositioningArea.top + position[1]);
+        return [path, offsetX, offsetY, sizeWidth, sizeHeight];
+      };
+      var isAuto = function (token) {
+        return isIdentToken(token) && token.value === BACKGROUND_SIZE.AUTO;
+      };
+      var hasIntrinsicValue = function (value) {
+        return typeof value === "number";
+      };
       var calculateBackgroundSize = function (size, _a, bounds) {
-          var intrinsicWidth = _a[0], intrinsicHeight = _a[1], intrinsicProportion = _a[2];
-          var first = size[0], second = size[1];
-          if (!first) {
-              return [0, 0];
-          }
-          if (isLengthPercentage(first) && second && isLengthPercentage(second)) {
-              return [getAbsoluteValue(first, bounds.width), getAbsoluteValue(second, bounds.height)];
-          }
-          var hasIntrinsicProportion = hasIntrinsicValue(intrinsicProportion);
-          if (isIdentToken(first) && (first.value === BACKGROUND_SIZE.CONTAIN || first.value === BACKGROUND_SIZE.COVER)) {
-              if (hasIntrinsicValue(intrinsicProportion)) {
-                  var targetRatio = bounds.width / bounds.height;
-                  return targetRatio < intrinsicProportion !== (first.value === BACKGROUND_SIZE.COVER)
-                      ? [bounds.width, bounds.width / intrinsicProportion]
-                      : [bounds.height * intrinsicProportion, bounds.height];
-              }
-              return [bounds.width, bounds.height];
-          }
-          var hasIntrinsicWidth = hasIntrinsicValue(intrinsicWidth);
-          var hasIntrinsicHeight = hasIntrinsicValue(intrinsicHeight);
-          var hasIntrinsicDimensions = hasIntrinsicWidth || hasIntrinsicHeight;
-          // If the background-size is auto or auto auto:
-          if (isAuto(first) && (!second || isAuto(second))) {
-              // If the image has both horizontal and vertical intrinsic dimensions, it's rendered at that size.
-              if (hasIntrinsicWidth && hasIntrinsicHeight) {
-                  return [intrinsicWidth, intrinsicHeight];
-              }
-              // If the image has no intrinsic dimensions and has no intrinsic proportions,
-              // it's rendered at the size of the background positioning area.
-              if (!hasIntrinsicProportion && !hasIntrinsicDimensions) {
-                  return [bounds.width, bounds.height];
-              }
-              // TODO If the image has no intrinsic dimensions but has intrinsic proportions, it's rendered as if contain had been specified instead.
-              // If the image has only one intrinsic dimension and has intrinsic proportions, it's rendered at the size corresponding to that one dimension.
-              // The other dimension is computed using the specified dimension and the intrinsic proportions.
-              if (hasIntrinsicDimensions && hasIntrinsicProportion) {
-                  var width_1 = hasIntrinsicWidth
-                      ? intrinsicWidth
-                      : intrinsicHeight * intrinsicProportion;
-                  var height_1 = hasIntrinsicHeight
-                      ? intrinsicHeight
-                      : intrinsicWidth / intrinsicProportion;
-                  return [width_1, height_1];
-              }
-              // If the image has only one intrinsic dimension but has no intrinsic proportions,
-              // it's rendered using the specified dimension and the other dimension of the background positioning area.
-              var width_2 = hasIntrinsicWidth ? intrinsicWidth : bounds.width;
-              var height_2 = hasIntrinsicHeight ? intrinsicHeight : bounds.height;
-              return [width_2, height_2];
-          }
-          // If the image has intrinsic proportions, it's stretched to the specified dimension.
-          // The unspecified dimension is computed using the specified dimension and the intrinsic proportions.
-          if (hasIntrinsicProportion) {
-              var width_3 = 0;
-              var height_3 = 0;
-              if (isLengthPercentage(first)) {
-                  width_3 = getAbsoluteValue(first, bounds.width);
-              }
-              else if (isLengthPercentage(second)) {
-                  height_3 = getAbsoluteValue(second, bounds.height);
-              }
-              if (isAuto(first)) {
-                  width_3 = height_3 * intrinsicProportion;
-              }
-              else if (!second || isAuto(second)) {
-                  height_3 = width_3 / intrinsicProportion;
-              }
-              return [width_3, height_3];
-          }
-          // If the image has no intrinsic proportions, it's stretched to the specified dimension.
-          // The unspecified dimension is computed using the image's corresponding intrinsic dimension,
-          // if there is one. If there is no such intrinsic dimension,
-          // it becomes the corresponding dimension of the background positioning area.
-          var width = null;
-          var height = null;
+        var intrinsicWidth = _a[0],
+          intrinsicHeight = _a[1],
+          intrinsicProportion = _a[2];
+        var first = size[0],
+          second = size[1];
+        if (!first) {
+          return [0, 0];
+        }
+        if (isLengthPercentage(first) && second && isLengthPercentage(second)) {
+          return [
+            getAbsoluteValue(first, bounds.width),
+            getAbsoluteValue(second, bounds.height),
+          ];
+        }
+        var hasIntrinsicProportion = hasIntrinsicValue(intrinsicProportion);
+        if (
+          isIdentToken(first) &&
+          (first.value === BACKGROUND_SIZE.CONTAIN ||
+            first.value === BACKGROUND_SIZE.COVER)
+        ) {
+          if (hasIntrinsicValue(intrinsicProportion)) {
+            var targetRatio = bounds.width / bounds.height;
+            return targetRatio < intrinsicProportion !==
+              (first.value === BACKGROUND_SIZE.COVER)
+              ? [bounds.width, bounds.width / intrinsicProportion]
+              : [bounds.height * intrinsicProportion, bounds.height];
+          }
+          return [bounds.width, bounds.height];
+        }
+        var hasIntrinsicWidth = hasIntrinsicValue(intrinsicWidth);
+        var hasIntrinsicHeight = hasIntrinsicValue(intrinsicHeight);
+        var hasIntrinsicDimensions = hasIntrinsicWidth || hasIntrinsicHeight;
+        // If the background-size is auto or auto auto:
+        if (isAuto(first) && (!second || isAuto(second))) {
+          // If the image has both horizontal and vertical intrinsic dimensions, it's rendered at that size.
+          if (hasIntrinsicWidth && hasIntrinsicHeight) {
+            return [intrinsicWidth, intrinsicHeight];
+          }
+          // If the image has no intrinsic dimensions and has no intrinsic proportions,
+          // it's rendered at the size of the background positioning area.
+          if (!hasIntrinsicProportion && !hasIntrinsicDimensions) {
+            return [bounds.width, bounds.height];
+          }
+          // TODO If the image has no intrinsic dimensions but has intrinsic proportions, it's rendered as if contain had been specified instead.
+          // If the image has only one intrinsic dimension and has intrinsic proportions, it's rendered at the size corresponding to that one dimension.
+          // The other dimension is computed using the specified dimension and the intrinsic proportions.
+          if (hasIntrinsicDimensions && hasIntrinsicProportion) {
+            var width_1 = hasIntrinsicWidth
+              ? intrinsicWidth
+              : intrinsicHeight * intrinsicProportion;
+            var height_1 = hasIntrinsicHeight
+              ? intrinsicHeight
+              : intrinsicWidth / intrinsicProportion;
+            return [width_1, height_1];
+          }
+          // If the image has only one intrinsic dimension but has no intrinsic proportions,
+          // it's rendered using the specified dimension and the other dimension of the background positioning area.
+          var width_2 = hasIntrinsicWidth ? intrinsicWidth : bounds.width;
+          var height_2 = hasIntrinsicHeight ? intrinsicHeight : bounds.height;
+          return [width_2, height_2];
+        }
+        // If the image has intrinsic proportions, it's stretched to the specified dimension.
+        // The unspecified dimension is computed using the specified dimension and the intrinsic proportions.
+        if (hasIntrinsicProportion) {
+          var width_3 = 0;
+          var height_3 = 0;
           if (isLengthPercentage(first)) {
-              width = getAbsoluteValue(first, bounds.width);
-          }
-          else if (second && isLengthPercentage(second)) {
-              height = getAbsoluteValue(second, bounds.height);
-          }
-          if (width !== null && (!second || isAuto(second))) {
-              height =
-                  hasIntrinsicWidth && hasIntrinsicHeight
-                      ? (width / intrinsicWidth) * intrinsicHeight
-                      : bounds.height;
-          }
-          if (height !== null && isAuto(first)) {
-              width =
-                  hasIntrinsicWidth && hasIntrinsicHeight
-                      ? (height / intrinsicHeight) * intrinsicWidth
-                      : bounds.width;
+            width_3 = getAbsoluteValue(first, bounds.width);
+          } else if (isLengthPercentage(second)) {
+            height_3 = getAbsoluteValue(second, bounds.height);
           }
-          if (width !== null && height !== null) {
-              return [width, height];
+          if (isAuto(first)) {
+            width_3 = height_3 * intrinsicProportion;
+          } else if (!second || isAuto(second)) {
+            height_3 = width_3 / intrinsicProportion;
           }
-          throw new Error("Unable to calculate background-size for element");
+          return [width_3, height_3];
+        }
+        // If the image has no intrinsic proportions, it's stretched to the specified dimension.
+        // The unspecified dimension is computed using the image's corresponding intrinsic dimension,
+        // if there is one. If there is no such intrinsic dimension,
+        // it becomes the corresponding dimension of the background positioning area.
+        var width = null;
+        var height = null;
+        if (isLengthPercentage(first)) {
+          width = getAbsoluteValue(first, bounds.width);
+        } else if (second && isLengthPercentage(second)) {
+          height = getAbsoluteValue(second, bounds.height);
+        }
+        if (width !== null && (!second || isAuto(second))) {
+          height =
+            hasIntrinsicWidth && hasIntrinsicHeight
+              ? (width / intrinsicWidth) * intrinsicHeight
+              : bounds.height;
+        }
+        if (height !== null && isAuto(first)) {
+          width =
+            hasIntrinsicWidth && hasIntrinsicHeight
+              ? (height / intrinsicHeight) * intrinsicWidth
+              : bounds.width;
+        }
+        if (width !== null && height !== null) {
+          return [width, height];
+        }
+        throw new Error("Unable to calculate background-size for element");
       };
       var getBackgroundValueForIndex = function (values, index) {
-          var value = values[index];
-          if (typeof value === 'undefined') {
-              return values[0];
-          }
-          return value;
-      };
-      var calculateBackgroundRepeatPath = function (repeat, _a, _b, backgroundPositioningArea, backgroundPaintingArea) {
-          var x = _a[0], y = _a[1];
-          var width = _b[0], height = _b[1];
-          switch (repeat) {
-              case 2 /* REPEAT_X */:
-                  return [
-                      new Vector(Math.round(backgroundPositioningArea.left), Math.round(backgroundPositioningArea.top + y)),
-                      new Vector(Math.round(backgroundPositioningArea.left + backgroundPositioningArea.width), Math.round(backgroundPositioningArea.top + y)),
-                      new Vector(Math.round(backgroundPositioningArea.left + backgroundPositioningArea.width), Math.round(height + backgroundPositioningArea.top + y)),
-                      new Vector(Math.round(backgroundPositioningArea.left), Math.round(height + backgroundPositioningArea.top + y))
-                  ];
-              case 3 /* REPEAT_Y */:
-                  return [
-                      new Vector(Math.round(backgroundPositioningArea.left + x), Math.round(backgroundPositioningArea.top)),
-                      new Vector(Math.round(backgroundPositioningArea.left + x + width), Math.round(backgroundPositioningArea.top)),
-                      new Vector(Math.round(backgroundPositioningArea.left + x + width), Math.round(backgroundPositioningArea.height + backgroundPositioningArea.top)),
-                      new Vector(Math.round(backgroundPositioningArea.left + x), Math.round(backgroundPositioningArea.height + backgroundPositioningArea.top))
-                  ];
-              case 1 /* NO_REPEAT */:
-                  return [
-                      new Vector(Math.round(backgroundPositioningArea.left + x), Math.round(backgroundPositioningArea.top + y)),
-                      new Vector(Math.round(backgroundPositioningArea.left + x + width), Math.round(backgroundPositioningArea.top + y)),
-                      new Vector(Math.round(backgroundPositioningArea.left + x + width), Math.round(backgroundPositioningArea.top + y + height)),
-                      new Vector(Math.round(backgroundPositioningArea.left + x), Math.round(backgroundPositioningArea.top + y + height))
-                  ];
-              default:
-                  return [
-                      new Vector(Math.round(backgroundPaintingArea.left), Math.round(backgroundPaintingArea.top)),
-                      new Vector(Math.round(backgroundPaintingArea.left + backgroundPaintingArea.width), Math.round(backgroundPaintingArea.top)),
-                      new Vector(Math.round(backgroundPaintingArea.left + backgroundPaintingArea.width), Math.round(backgroundPaintingArea.height + backgroundPaintingArea.top)),
-                      new Vector(Math.round(backgroundPaintingArea.left), Math.round(backgroundPaintingArea.height + backgroundPaintingArea.top))
-                  ];
-          }
+        var value = values[index];
+        if (typeof value === "undefined") {
+          return values[0];
+        }
+        return value;
+      };
+      var calculateBackgroundRepeatPath = function (
+        repeat,
+        _a,
+        _b,
+        backgroundPositioningArea,
+        backgroundPaintingArea,
+      ) {
+        var x = _a[0],
+          y = _a[1];
+        var width = _b[0],
+          height = _b[1];
+        switch (repeat) {
+          case 2 /* REPEAT_X */:
+            return [
+              new Vector(
+                Math.round(backgroundPositioningArea.left),
+                Math.round(backgroundPositioningArea.top + y),
+              ),
+              new Vector(
+                Math.round(
+                  backgroundPositioningArea.left +
+                    backgroundPositioningArea.width,
+                ),
+                Math.round(backgroundPositioningArea.top + y),
+              ),
+              new Vector(
+                Math.round(
+                  backgroundPositioningArea.left +
+                    backgroundPositioningArea.width,
+                ),
+                Math.round(height + backgroundPositioningArea.top + y),
+              ),
+              new Vector(
+                Math.round(backgroundPositioningArea.left),
+                Math.round(height + backgroundPositioningArea.top + y),
+              ),
+            ];
+          case 3 /* REPEAT_Y */:
+            return [
+              new Vector(
+                Math.round(backgroundPositioningArea.left + x),
+                Math.round(backgroundPositioningArea.top),
+              ),
+              new Vector(
+                Math.round(backgroundPositioningArea.left + x + width),
+                Math.round(backgroundPositioningArea.top),
+              ),
+              new Vector(
+                Math.round(backgroundPositioningArea.left + x + width),
+                Math.round(
+                  backgroundPositioningArea.height +
+                    backgroundPositioningArea.top,
+                ),
+              ),
+              new Vector(
+                Math.round(backgroundPositioningArea.left + x),
+                Math.round(
+                  backgroundPositioningArea.height +
+                    backgroundPositioningArea.top,
+                ),
+              ),
+            ];
+          case 1 /* NO_REPEAT */:
+            return [
+              new Vector(
+                Math.round(backgroundPositioningArea.left + x),
+                Math.round(backgroundPositioningArea.top + y),
+              ),
+              new Vector(
+                Math.round(backgroundPositioningArea.left + x + width),
+                Math.round(backgroundPositioningArea.top + y),
+              ),
+              new Vector(
+                Math.round(backgroundPositioningArea.left + x + width),
+                Math.round(backgroundPositioningArea.top + y + height),
+              ),
+              new Vector(
+                Math.round(backgroundPositioningArea.left + x),
+                Math.round(backgroundPositioningArea.top + y + height),
+              ),
+            ];
+          default:
+            return [
+              new Vector(
+                Math.round(backgroundPaintingArea.left),
+                Math.round(backgroundPaintingArea.top),
+              ),
+              new Vector(
+                Math.round(
+                  backgroundPaintingArea.left + backgroundPaintingArea.width,
+                ),
+                Math.round(backgroundPaintingArea.top),
+              ),
+              new Vector(
+                Math.round(
+                  backgroundPaintingArea.left + backgroundPaintingArea.width,
+                ),
+                Math.round(
+                  backgroundPaintingArea.height + backgroundPaintingArea.top,
+                ),
+              ),
+              new Vector(
+                Math.round(backgroundPaintingArea.left),
+                Math.round(
+                  backgroundPaintingArea.height + backgroundPaintingArea.top,
+                ),
+              ),
+            ];
+        }
       };
 
-      var SMALL_IMAGE = 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7';
+      var SMALL_IMAGE =
+        "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7";
 
-      var SAMPLE_TEXT = 'Hidden Text';
+      var SAMPLE_TEXT = "Hidden Text";
       var FontMetrics = /** @class */ (function () {
-          function FontMetrics(document) {
-              this._data = {};
-              this._document = document;
-          }
-          FontMetrics.prototype.parseMetrics = function (fontFamily, fontSize) {
-              var container = this._document.createElement('div');
-              var img = this._document.createElement('img');
-              var span = this._document.createElement('span');
-              var body = this._document.body;
-              container.style.visibility = 'hidden';
-              container.style.fontFamily = fontFamily;
-              container.style.fontSize = fontSize;
-              container.style.margin = '0';
-              container.style.padding = '0';
-              container.style.whiteSpace = 'nowrap';
-              body.appendChild(container);
-              img.src = SMALL_IMAGE;
-              img.width = 1;
-              img.height = 1;
-              img.style.margin = '0';
-              img.style.padding = '0';
-              img.style.verticalAlign = 'baseline';
-              span.style.fontFamily = fontFamily;
-              span.style.fontSize = fontSize;
-              span.style.margin = '0';
-              span.style.padding = '0';
-              span.appendChild(this._document.createTextNode(SAMPLE_TEXT));
-              container.appendChild(span);
-              container.appendChild(img);
-              var baseline = img.offsetTop - span.offsetTop + 2;
-              container.removeChild(span);
-              container.appendChild(this._document.createTextNode(SAMPLE_TEXT));
-              container.style.lineHeight = 'normal';
-              img.style.verticalAlign = 'super';
-              var middle = img.offsetTop - container.offsetTop + 2;
-              body.removeChild(container);
-              return { baseline: baseline, middle: middle };
-          };
-          FontMetrics.prototype.getMetrics = function (fontFamily, fontSize) {
-              var key = fontFamily + " " + fontSize;
-              if (typeof this._data[key] === 'undefined') {
-                  this._data[key] = this.parseMetrics(fontFamily, fontSize);
-              }
-              return this._data[key];
-          };
-          return FontMetrics;
-      }());
+        function FontMetrics(document) {
+          this._data = {};
+          this._document = document;
+        }
+        FontMetrics.prototype.parseMetrics = function (fontFamily, fontSize) {
+          var container = this._document.createElement("div");
+          var img = this._document.createElement("img");
+          var span = this._document.createElement("span");
+          var body = this._document.body;
+          container.style.visibility = "hidden";
+          container.style.fontFamily = fontFamily;
+          container.style.fontSize = fontSize;
+          container.style.margin = "0";
+          container.style.padding = "0";
+          container.style.whiteSpace = "nowrap";
+          body.appendChild(container);
+          img.src = SMALL_IMAGE;
+          img.width = 1;
+          img.height = 1;
+          img.style.margin = "0";
+          img.style.padding = "0";
+          img.style.verticalAlign = "baseline";
+          span.style.fontFamily = fontFamily;
+          span.style.fontSize = fontSize;
+          span.style.margin = "0";
+          span.style.padding = "0";
+          span.appendChild(this._document.createTextNode(SAMPLE_TEXT));
+          container.appendChild(span);
+          container.appendChild(img);
+          var baseline = img.offsetTop - span.offsetTop + 2;
+          container.removeChild(span);
+          container.appendChild(this._document.createTextNode(SAMPLE_TEXT));
+          container.style.lineHeight = "normal";
+          img.style.verticalAlign = "super";
+          var middle = img.offsetTop - container.offsetTop + 2;
+          body.removeChild(container);
+          return { baseline: baseline, middle: middle };
+        };
+        FontMetrics.prototype.getMetrics = function (fontFamily, fontSize) {
+          var key = fontFamily + " " + fontSize;
+          if (typeof this._data[key] === "undefined") {
+            this._data[key] = this.parseMetrics(fontFamily, fontSize);
+          }
+          return this._data[key];
+        };
+        return FontMetrics;
+      })();
 
       var Renderer = /** @class */ (function () {
-          function Renderer(context, options) {
-              this.context = context;
-              this.options = options;
-          }
-          return Renderer;
-      }());
+        function Renderer(context, options) {
+          this.context = context;
+          this.options = options;
+        }
+        return Renderer;
+      })();
 
       var MASK_OFFSET = 10000;
       var CanvasRenderer = /** @class */ (function (_super) {
-          __extends(CanvasRenderer, _super);
-          function CanvasRenderer(context, options) {
-              var _this = _super.call(this, context, options) || this;
-              _this._activeEffects = [];
-              _this.canvas = options.canvas ? options.canvas : document.createElement('canvas');
-              _this.ctx = _this.canvas.getContext('2d');
-              if (!options.canvas) {
-                  _this.canvas.width = Math.floor(options.width * options.scale);
-                  _this.canvas.height = Math.floor(options.height * options.scale);
-                  _this.canvas.style.width = options.width + "px";
-                  _this.canvas.style.height = options.height + "px";
-              }
-              _this.fontMetrics = new FontMetrics(document);
-              _this.ctx.scale(_this.options.scale, _this.options.scale);
-              _this.ctx.translate(-options.x, -options.y);
-              _this.ctx.textBaseline = 'bottom';
-              _this._activeEffects = [];
-              _this.context.logger.debug("Canvas renderer initialized (" + options.width + "x" + options.height + ") with scale " + options.scale);
-              return _this;
-          }
-          CanvasRenderer.prototype.applyEffects = function (effects) {
-              var _this = this;
-              while (this._activeEffects.length) {
-                  this.popEffect();
-              }
-              effects.forEach(function (effect) { return _this.applyEffect(effect); });
-          };
-          CanvasRenderer.prototype.applyEffect = function (effect) {
-              this.ctx.save();
-              if (isOpacityEffect(effect)) {
-                  this.ctx.globalAlpha = effect.opacity;
-              }
-              if (isTransformEffect(effect)) {
-                  this.ctx.translate(effect.offsetX, effect.offsetY);
-                  this.ctx.transform(effect.matrix[0], effect.matrix[1], effect.matrix[2], effect.matrix[3], effect.matrix[4], effect.matrix[5]);
-                  this.ctx.translate(-effect.offsetX, -effect.offsetY);
-              }
-              if (isClipEffect(effect)) {
-                  this.path(effect.path);
-                  this.ctx.clip();
-              }
-              this._activeEffects.push(effect);
-          };
-          CanvasRenderer.prototype.popEffect = function () {
-              this._activeEffects.pop();
-              this.ctx.restore();
-          };
-          CanvasRenderer.prototype.renderStack = function (stack) {
-              return __awaiter(this, void 0, void 0, function () {
-                  var styles;
-                  return __generator(this, function (_a) {
-                      switch (_a.label) {
-                          case 0:
-                              styles = stack.element.container.styles;
-                              if (!styles.isVisible()) return [3 /*break*/, 2];
-                              return [4 /*yield*/, this.renderStackContent(stack)];
-                          case 1:
-                              _a.sent();
-                              _a.label = 2;
-                          case 2: return [2 /*return*/];
-                      }
-                  });
-              });
-          };
-          CanvasRenderer.prototype.renderNode = function (paint) {
-              return __awaiter(this, void 0, void 0, function () {
-                  return __generator(this, function (_a) {
-                      switch (_a.label) {
-                          case 0:
-                              if (contains(paint.container.flags, 16 /* DEBUG_RENDER */)) {
-                                  debugger;
-                              }
-                              if (!paint.container.styles.isVisible()) return [3 /*break*/, 3];
-                              return [4 /*yield*/, this.renderNodeBackgroundAndBorders(paint)];
-                          case 1:
-                              _a.sent();
-                              return [4 /*yield*/, this.renderNodeContent(paint)];
-                          case 2:
-                              _a.sent();
-                              _a.label = 3;
-                          case 3: return [2 /*return*/];
-                      }
-                  });
-              });
-          };
-          CanvasRenderer.prototype.renderTextWithLetterSpacing = function (text, letterSpacing, baseline) {
-              var _this = this;
-              if (letterSpacing === 0) {
-                  this.ctx.fillText(text.text, text.bounds.left, text.bounds.top + baseline);
-              }
-              else {
-                  var letters = segmentGraphemes(text.text);
-                  letters.reduce(function (left, letter) {
-                      _this.ctx.fillText(letter, left, text.bounds.top + baseline);
-                      return left + _this.ctx.measureText(letter).width;
-                  }, text.bounds.left);
-              }
-          };
-          CanvasRenderer.prototype.createFontStyle = function (styles) {
-              var fontVariant = styles.fontVariant
-                  .filter(function (variant) { return variant === 'normal' || variant === 'small-caps'; })
-                  .join('');
-              var fontFamily = fixIOSSystemFonts(styles.fontFamily).join(', ');
-              var fontSize = isDimensionToken(styles.fontSize)
-                  ? "" + styles.fontSize.number + styles.fontSize.unit
-                  : styles.fontSize.number + "px";
-              return [
-                  [styles.fontStyle, fontVariant, styles.fontWeight, fontSize, fontFamily].join(' '),
-                  fontFamily,
-                  fontSize
-              ];
-          };
-          CanvasRenderer.prototype.renderTextNode = function (text, styles) {
-              return __awaiter(this, void 0, void 0, function () {
-                  var _a, font, fontFamily, fontSize, _b, baseline, middle, paintOrder;
-                  var _this = this;
-                  return __generator(this, function (_c) {
-                      _a = this.createFontStyle(styles), font = _a[0], fontFamily = _a[1], fontSize = _a[2];
-                      this.ctx.font = font;
-                      this.ctx.direction = styles.direction === 1 /* RTL */ ? 'rtl' : 'ltr';
-                      this.ctx.textAlign = 'left';
-                      this.ctx.textBaseline = 'alphabetic';
-                      _b = this.fontMetrics.getMetrics(fontFamily, fontSize), baseline = _b.baseline, middle = _b.middle;
-                      paintOrder = styles.paintOrder;
-                      text.textBounds.forEach(function (text) {
-                          paintOrder.forEach(function (paintOrderLayer) {
-                              switch (paintOrderLayer) {
-                                  case 0 /* FILL */:
-                                      _this.ctx.fillStyle = asString(styles.color);
-                                      _this.renderTextWithLetterSpacing(text, styles.letterSpacing, baseline);
-                                      var textShadows = styles.textShadow;
-                                      if (textShadows.length && text.text.trim().length) {
-                                          textShadows
-                                              .slice(0)
-                                              .reverse()
-                                              .forEach(function (textShadow) {
-                                              _this.ctx.shadowColor = asString(textShadow.color);
-                                              _this.ctx.shadowOffsetX = textShadow.offsetX.number * _this.options.scale;
-                                              _this.ctx.shadowOffsetY = textShadow.offsetY.number * _this.options.scale;
-                                              _this.ctx.shadowBlur = textShadow.blur.number;
-                                              _this.renderTextWithLetterSpacing(text, styles.letterSpacing, baseline);
-                                          });
-                                          _this.ctx.shadowColor = '';
-                                          _this.ctx.shadowOffsetX = 0;
-                                          _this.ctx.shadowOffsetY = 0;
-                                          _this.ctx.shadowBlur = 0;
-                                      }
-                                      if (styles.textDecorationLine.length) {
-                                          _this.ctx.fillStyle = asString(styles.textDecorationColor || styles.color);
-                                          styles.textDecorationLine.forEach(function (textDecorationLine) {
-                                              switch (textDecorationLine) {
-                                                  case 1 /* UNDERLINE */:
-                                                      // Draws a line at the baseline of the font
-                                                      // TODO As some browsers display the line as more than 1px if the font-size is big,
-                                                      // need to take that into account both in position and size
-                                                      _this.ctx.fillRect(text.bounds.left, Math.round(text.bounds.top + baseline), text.bounds.width, 1);
-                                                      break;
-                                                  case 2 /* OVERLINE */:
-                                                      _this.ctx.fillRect(text.bounds.left, Math.round(text.bounds.top), text.bounds.width, 1);
-                                                      break;
-                                                  case 3 /* LINE_THROUGH */:
-                                                      // TODO try and find exact position for line-through
-                                                      _this.ctx.fillRect(text.bounds.left, Math.ceil(text.bounds.top + middle), text.bounds.width, 1);
-                                                      break;
-                                              }
-                                          });
-                                      }
-                                      break;
-                                  case 1 /* STROKE */:
-                                      if (styles.webkitTextStrokeWidth && text.text.trim().length) {
-                                          _this.ctx.strokeStyle = asString(styles.webkitTextStrokeColor);
-                                          _this.ctx.lineWidth = styles.webkitTextStrokeWidth;
-                                          // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                                          _this.ctx.lineJoin = !!window.chrome ? 'miter' : 'round';
-                                          _this.ctx.strokeText(text.text, text.bounds.left, text.bounds.top + baseline);
-                                      }
-                                      _this.ctx.strokeStyle = '';
-                                      _this.ctx.lineWidth = 0;
-                                      _this.ctx.lineJoin = 'miter';
-                                      break;
-                              }
+        __extends(CanvasRenderer, _super);
+        function CanvasRenderer(context, options) {
+          var _this = _super.call(this, context, options) || this;
+          _this._activeEffects = [];
+          _this.canvas = options.canvas
+            ? options.canvas
+            : document.createElement("canvas");
+          _this.ctx = _this.canvas.getContext("2d");
+          if (!options.canvas) {
+            _this.canvas.width = Math.floor(options.width * options.scale);
+            _this.canvas.height = Math.floor(options.height * options.scale);
+            _this.canvas.style.width = options.width + "px";
+            _this.canvas.style.height = options.height + "px";
+          }
+          _this.fontMetrics = new FontMetrics(document);
+          _this.ctx.scale(_this.options.scale, _this.options.scale);
+          _this.ctx.translate(-options.x, -options.y);
+          _this.ctx.textBaseline = "bottom";
+          _this._activeEffects = [];
+          _this.context.logger.debug(
+            "Canvas renderer initialized (" +
+              options.width +
+              "x" +
+              options.height +
+              ") with scale " +
+              options.scale,
+          );
+          return _this;
+        }
+        CanvasRenderer.prototype.applyEffects = function (effects) {
+          var _this = this;
+          while (this._activeEffects.length) {
+            this.popEffect();
+          }
+          effects.forEach(function (effect) {
+            return _this.applyEffect(effect);
+          });
+        };
+        CanvasRenderer.prototype.applyEffect = function (effect) {
+          this.ctx.save();
+          if (isOpacityEffect(effect)) {
+            this.ctx.globalAlpha = effect.opacity;
+          }
+          if (isTransformEffect(effect)) {
+            this.ctx.translate(effect.offsetX, effect.offsetY);
+            this.ctx.transform(
+              effect.matrix[0],
+              effect.matrix[1],
+              effect.matrix[2],
+              effect.matrix[3],
+              effect.matrix[4],
+              effect.matrix[5],
+            );
+            this.ctx.translate(-effect.offsetX, -effect.offsetY);
+          }
+          if (isClipEffect(effect)) {
+            this.path(effect.path);
+            this.ctx.clip();
+          }
+          this._activeEffects.push(effect);
+        };
+        CanvasRenderer.prototype.popEffect = function () {
+          this._activeEffects.pop();
+          this.ctx.restore();
+        };
+        CanvasRenderer.prototype.renderStack = function (stack) {
+          return __awaiter(this, void 0, void 0, function () {
+            var styles;
+            return __generator(this, function (_a) {
+              switch (_a.label) {
+                case 0:
+                  styles = stack.element.container.styles;
+                  if (!styles.isVisible()) return [3 /*break*/, 2];
+                  return [4 /*yield*/, this.renderStackContent(stack)];
+                case 1:
+                  _a.sent();
+                  _a.label = 2;
+                case 2:
+                  return [2 /*return*/];
+              }
+            });
+          });
+        };
+        CanvasRenderer.prototype.renderNode = function (paint) {
+          return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+              switch (_a.label) {
+                case 0:
+                  if (contains(paint.container.flags, 16 /* DEBUG_RENDER */)) {
+                    debugger;
+                  }
+                  if (!paint.container.styles.isVisible())
+                    return [3 /*break*/, 3];
+                  return [
+                    4 /*yield*/,
+                    this.renderNodeBackgroundAndBorders(paint),
+                  ];
+                case 1:
+                  _a.sent();
+                  return [4 /*yield*/, this.renderNodeContent(paint)];
+                case 2:
+                  _a.sent();
+                  _a.label = 3;
+                case 3:
+                  return [2 /*return*/];
+              }
+            });
+          });
+        };
+        CanvasRenderer.prototype.renderTextWithLetterSpacing = function (
+          text,
+          letterSpacing,
+          baseline,
+        ) {
+          var _this = this;
+          if (letterSpacing === 0) {
+            this.ctx.fillText(
+              text.text,
+              text.bounds.left,
+              text.bounds.top + baseline,
+            );
+          } else {
+            var letters = segmentGraphemes(text.text);
+            letters.reduce(function (left, letter) {
+              _this.ctx.fillText(letter, left, text.bounds.top + baseline);
+              return left + _this.ctx.measureText(letter).width;
+            }, text.bounds.left);
+          }
+        };
+        CanvasRenderer.prototype.createFontStyle = function (styles) {
+          var fontVariant = styles.fontVariant
+            .filter(function (variant) {
+              return variant === "normal" || variant === "small-caps";
+            })
+            .join("");
+          var fontFamily = fixIOSSystemFonts(styles.fontFamily).join(", ");
+          var fontSize = isDimensionToken(styles.fontSize)
+            ? "" + styles.fontSize.number + styles.fontSize.unit
+            : styles.fontSize.number + "px";
+          return [
+            [
+              styles.fontStyle,
+              fontVariant,
+              styles.fontWeight,
+              fontSize,
+              fontFamily,
+            ].join(" "),
+            fontFamily,
+            fontSize,
+          ];
+        };
+        CanvasRenderer.prototype.renderTextNode = function (text, styles) {
+          return __awaiter(this, void 0, void 0, function () {
+            var _a,
+              font,
+              fontFamily,
+              fontSize,
+              _b,
+              baseline,
+              middle,
+              paintOrder;
+            var _this = this;
+            return __generator(this, function (_c) {
+              (_a = this.createFontStyle(styles)),
+                (font = _a[0]),
+                (fontFamily = _a[1]),
+                (fontSize = _a[2]);
+              this.ctx.font = font;
+              this.ctx.direction =
+                styles.direction === 1 /* RTL */ ? "rtl" : "ltr";
+              this.ctx.textAlign = "left";
+              this.ctx.textBaseline = "alphabetic";
+              (_b = this.fontMetrics.getMetrics(fontFamily, fontSize)),
+                (baseline = _b.baseline),
+                (middle = _b.middle);
+              paintOrder = styles.paintOrder;
+              text.textBounds.forEach(function (text) {
+                paintOrder.forEach(function (paintOrderLayer) {
+                  switch (paintOrderLayer) {
+                    case 0 /* FILL */:
+                      _this.ctx.fillStyle = asString(styles.color);
+                      _this.renderTextWithLetterSpacing(
+                        text,
+                        styles.letterSpacing,
+                        baseline,
+                      );
+                      var textShadows = styles.textShadow;
+                      if (textShadows.length && text.text.trim().length) {
+                        textShadows
+                          .slice(0)
+                          .reverse()
+                          .forEach(function (textShadow) {
+                            _this.ctx.shadowColor = asString(textShadow.color);
+                            _this.ctx.shadowOffsetX =
+                              textShadow.offsetX.number * _this.options.scale;
+                            _this.ctx.shadowOffsetY =
+                              textShadow.offsetY.number * _this.options.scale;
+                            _this.ctx.shadowBlur = textShadow.blur.number;
+                            _this.renderTextWithLetterSpacing(
+                              text,
+                              styles.letterSpacing,
+                              baseline,
+                            );
                           });
-                      });
-                      return [2 /*return*/];
-                  });
-              });
-          };
-          CanvasRenderer.prototype.renderReplacedElement = function (container, curves, image) {
-              if (image && container.intrinsicWidth > 0 && container.intrinsicHeight > 0) {
-                  var box = contentBox(container);
-                  var path = calculatePaddingBoxPath(curves);
-                  this.path(path);
-                  this.ctx.save();
-                  this.ctx.clip();
-                  this.ctx.drawImage(image, 0, 0, container.intrinsicWidth, container.intrinsicHeight, box.left, box.top, box.width, box.height);
-                  this.ctx.restore();
-              }
-          };
-          CanvasRenderer.prototype.renderNodeContent = function (paint) {
-              return __awaiter(this, void 0, void 0, function () {
-                  var container, curves, styles, _i, _a, child, image, image, iframeRenderer, canvas, size, _b, fontFamily, fontSize, baseline, bounds, x, textBounds, img, image, url, fontFamily, bounds;
-                  return __generator(this, function (_c) {
-                      switch (_c.label) {
-                          case 0:
-                              this.applyEffects(paint.getEffects(4 /* CONTENT */));
-                              container = paint.container;
-                              curves = paint.curves;
-                              styles = container.styles;
-                              _i = 0, _a = container.textNodes;
-                              _c.label = 1;
-                          case 1:
-                              if (!(_i < _a.length)) return [3 /*break*/, 4];
-                              child = _a[_i];
-                              return [4 /*yield*/, this.renderTextNode(child, styles)];
-                          case 2:
-                              _c.sent();
-                              _c.label = 3;
-                          case 3:
-                              _i++;
-                              return [3 /*break*/, 1];
-                          case 4:
-                              if (!(container instanceof ImageElementContainer)) return [3 /*break*/, 8];
-                              _c.label = 5;
-                          case 5:
-                              _c.trys.push([5, 7, , 8]);
-                              return [4 /*yield*/, this.context.cache.match(container.src)];
-                          case 6:
-                              image = _c.sent();
-                              this.renderReplacedElement(container, curves, image);
-                              return [3 /*break*/, 8];
-                          case 7:
-                              _c.sent();
-                              this.context.logger.error("Error loading image " + container.src);
-                              return [3 /*break*/, 8];
-                          case 8:
-                              if (container instanceof CanvasElementContainer) {
-                                  this.renderReplacedElement(container, curves, container.canvas);
-                              }
-                              if (!(container instanceof SVGElementContainer)) return [3 /*break*/, 12];
-                              _c.label = 9;
-                          case 9:
-                              _c.trys.push([9, 11, , 12]);
-                              return [4 /*yield*/, this.context.cache.match(container.svg)];
-                          case 10:
-                              image = _c.sent();
-                              this.renderReplacedElement(container, curves, image);
-                              return [3 /*break*/, 12];
-                          case 11:
-                              _c.sent();
-                              this.context.logger.error("Error loading svg " + container.svg.substring(0, 255));
-                              return [3 /*break*/, 12];
-                          case 12:
-                              if (!(container instanceof IFrameElementContainer && container.tree)) return [3 /*break*/, 14];
-                              iframeRenderer = new CanvasRenderer(this.context, {
-                                  scale: this.options.scale,
-                                  backgroundColor: container.backgroundColor,
-                                  x: 0,
-                                  y: 0,
-                                  width: container.width,
-                                  height: container.height
-                              });
-                              return [4 /*yield*/, iframeRenderer.render(container.tree)];
-                          case 13:
-                              canvas = _c.sent();
-                              if (container.width && container.height) {
-                                  this.ctx.drawImage(canvas, 0, 0, container.width, container.height, container.bounds.left, container.bounds.top, container.bounds.width, container.bounds.height);
-                              }
-                              _c.label = 14;
-                          case 14:
-                              if (container instanceof InputElementContainer) {
-                                  size = Math.min(container.bounds.width, container.bounds.height);
-                                  if (container.type === CHECKBOX) {
-                                      if (container.checked) {
-                                          this.ctx.save();
-                                          this.path([
-                                              new Vector(container.bounds.left + size * 0.39363, container.bounds.top + size * 0.79),
-                                              new Vector(container.bounds.left + size * 0.16, container.bounds.top + size * 0.5549),
-                                              new Vector(container.bounds.left + size * 0.27347, container.bounds.top + size * 0.44071),
-                                              new Vector(container.bounds.left + size * 0.39694, container.bounds.top + size * 0.5649),
-                                              new Vector(container.bounds.left + size * 0.72983, container.bounds.top + size * 0.23),
-                                              new Vector(container.bounds.left + size * 0.84, container.bounds.top + size * 0.34085),
-                                              new Vector(container.bounds.left + size * 0.39363, container.bounds.top + size * 0.79)
-                                          ]);
-                                          this.ctx.fillStyle = asString(INPUT_COLOR);
-                                          this.ctx.fill();
-                                          this.ctx.restore();
-                                      }
-                                  }
-                                  else if (container.type === RADIO) {
-                                      if (container.checked) {
-                                          this.ctx.save();
-                                          this.ctx.beginPath();
-                                          this.ctx.arc(container.bounds.left + size / 2, container.bounds.top + size / 2, size / 4, 0, Math.PI * 2, true);
-                                          this.ctx.fillStyle = asString(INPUT_COLOR);
-                                          this.ctx.fill();
-                                          this.ctx.restore();
-                                      }
-                                  }
-                              }
-                              if (isTextInputElement(container) && container.value.length) {
-                                  _b = this.createFontStyle(styles), fontFamily = _b[0], fontSize = _b[1];
-                                  baseline = this.fontMetrics.getMetrics(fontFamily, fontSize).baseline;
-                                  this.ctx.font = fontFamily;
-                                  this.ctx.fillStyle = asString(styles.color);
-                                  this.ctx.textBaseline = 'alphabetic';
-                                  this.ctx.textAlign = canvasTextAlign(container.styles.textAlign);
-                                  bounds = contentBox(container);
-                                  x = 0;
-                                  switch (container.styles.textAlign) {
-                                      case 1 /* CENTER */:
-                                          x += bounds.width / 2;
-                                          break;
-                                      case 2 /* RIGHT */:
-                                          x += bounds.width;
-                                          break;
-                                  }
-                                  textBounds = bounds.add(x, 0, 0, -bounds.height / 2 + 1);
-                                  this.ctx.save();
-                                  this.path([
-                                      new Vector(bounds.left, bounds.top),
-                                      new Vector(bounds.left + bounds.width, bounds.top),
-                                      new Vector(bounds.left + bounds.width, bounds.top + bounds.height),
-                                      new Vector(bounds.left, bounds.top + bounds.height)
-                                  ]);
-                                  this.ctx.clip();
-                                  this.renderTextWithLetterSpacing(new TextBounds(container.value, textBounds), styles.letterSpacing, baseline);
-                                  this.ctx.restore();
-                                  this.ctx.textBaseline = 'alphabetic';
-                                  this.ctx.textAlign = 'left';
-                              }
-                              if (!contains(container.styles.display, 2048 /* LIST_ITEM */)) return [3 /*break*/, 20];
-                              if (!(container.styles.listStyleImage !== null)) return [3 /*break*/, 19];
-                              img = container.styles.listStyleImage;
-                              if (!(img.type === 0 /* URL */)) return [3 /*break*/, 18];
-                              image = void 0;
-                              url = img.url;
-                              _c.label = 15;
-                          case 15:
-                              _c.trys.push([15, 17, , 18]);
-                              return [4 /*yield*/, this.context.cache.match(url)];
-                          case 16:
-                              image = _c.sent();
-                              this.ctx.drawImage(image, container.bounds.left - (image.width + 10), container.bounds.top);
-                              return [3 /*break*/, 18];
-                          case 17:
-                              _c.sent();
-                              this.context.logger.error("Error loading list-style-image " + url);
-                              return [3 /*break*/, 18];
-                          case 18: return [3 /*break*/, 20];
-                          case 19:
-                              if (paint.listValue && container.styles.listStyleType !== -1 /* NONE */) {
-                                  fontFamily = this.createFontStyle(styles)[0];
-                                  this.ctx.font = fontFamily;
-                                  this.ctx.fillStyle = asString(styles.color);
-                                  this.ctx.textBaseline = 'middle';
-                                  this.ctx.textAlign = 'right';
-                                  bounds = new Bounds(container.bounds.left, container.bounds.top + getAbsoluteValue(container.styles.paddingTop, container.bounds.width), container.bounds.width, computeLineHeight(styles.lineHeight, styles.fontSize.number) / 2 + 1);
-                                  this.renderTextWithLetterSpacing(new TextBounds(paint.listValue, bounds), styles.letterSpacing, computeLineHeight(styles.lineHeight, styles.fontSize.number) / 2 + 2);
-                                  this.ctx.textBaseline = 'bottom';
-                                  this.ctx.textAlign = 'left';
-                              }
-                              _c.label = 20;
-                          case 20: return [2 /*return*/];
+                        _this.ctx.shadowColor = "";
+                        _this.ctx.shadowOffsetX = 0;
+                        _this.ctx.shadowOffsetY = 0;
+                        _this.ctx.shadowBlur = 0;
                       }
-                  });
-              });
-          };
-          CanvasRenderer.prototype.renderStackContent = function (stack) {
-              return __awaiter(this, void 0, void 0, function () {
-                  var _i, _a, child, _b, _c, child, _d, _e, child, _f, _g, child, _h, _j, child, _k, _l, child, _m, _o, child;
-                  return __generator(this, function (_p) {
-                      switch (_p.label) {
-                          case 0:
-                              if (contains(stack.element.container.flags, 16 /* DEBUG_RENDER */)) {
-                                  debugger;
-                              }
-                              // https://www.w3.org/TR/css-position-3/#painting-order
-                              // 1. the background and borders of the element forming the stacking context.
-                              return [4 /*yield*/, this.renderNodeBackgroundAndBorders(stack.element)];
-                          case 1:
-                              // https://www.w3.org/TR/css-position-3/#painting-order
-                              // 1. the background and borders of the element forming the stacking context.
-                              _p.sent();
-                              _i = 0, _a = stack.negativeZIndex;
-                              _p.label = 2;
-                          case 2:
-                              if (!(_i < _a.length)) return [3 /*break*/, 5];
-                              child = _a[_i];
-                              return [4 /*yield*/, this.renderStack(child)];
-                          case 3:
-                              _p.sent();
-                              _p.label = 4;
-                          case 4:
-                              _i++;
-                              return [3 /*break*/, 2];
-                          case 5: 
-                          // 3. For all its in-flow, non-positioned, block-level descendants in tree order:
-                          return [4 /*yield*/, this.renderNodeContent(stack.element)];
-                          case 6:
-                              // 3. For all its in-flow, non-positioned, block-level descendants in tree order:
-                              _p.sent();
-                              _b = 0, _c = stack.nonInlineLevel;
-                              _p.label = 7;
-                          case 7:
-                              if (!(_b < _c.length)) return [3 /*break*/, 10];
-                              child = _c[_b];
-                              return [4 /*yield*/, this.renderNode(child)];
-                          case 8:
-                              _p.sent();
-                              _p.label = 9;
-                          case 9:
-                              _b++;
-                              return [3 /*break*/, 7];
-                          case 10:
-                              _d = 0, _e = stack.nonPositionedFloats;
-                              _p.label = 11;
-                          case 11:
-                              if (!(_d < _e.length)) return [3 /*break*/, 14];
-                              child = _e[_d];
-                              return [4 /*yield*/, this.renderStack(child)];
-                          case 12:
-                              _p.sent();
-                              _p.label = 13;
-                          case 13:
-                              _d++;
-                              return [3 /*break*/, 11];
-                          case 14:
-                              _f = 0, _g = stack.nonPositionedInlineLevel;
-                              _p.label = 15;
-                          case 15:
-                              if (!(_f < _g.length)) return [3 /*break*/, 18];
-                              child = _g[_f];
-                              return [4 /*yield*/, this.renderStack(child)];
-                          case 16:
-                              _p.sent();
-                              _p.label = 17;
-                          case 17:
-                              _f++;
-                              return [3 /*break*/, 15];
-                          case 18:
-                              _h = 0, _j = stack.inlineLevel;
-                              _p.label = 19;
-                          case 19:
-                              if (!(_h < _j.length)) return [3 /*break*/, 22];
-                              child = _j[_h];
-                              return [4 /*yield*/, this.renderNode(child)];
-                          case 20:
-                              _p.sent();
-                              _p.label = 21;
-                          case 21:
-                              _h++;
-                              return [3 /*break*/, 19];
-                          case 22:
-                              _k = 0, _l = stack.zeroOrAutoZIndexOrTransformedOrOpacity;
-                              _p.label = 23;
-                          case 23:
-                              if (!(_k < _l.length)) return [3 /*break*/, 26];
-                              child = _l[_k];
-                              return [4 /*yield*/, this.renderStack(child)];
-                          case 24:
-                              _p.sent();
-                              _p.label = 25;
-                          case 25:
-                              _k++;
-                              return [3 /*break*/, 23];
-                          case 26:
-                              _m = 0, _o = stack.positiveZIndex;
-                              _p.label = 27;
-                          case 27:
-                              if (!(_m < _o.length)) return [3 /*break*/, 30];
-                              child = _o[_m];
-                              return [4 /*yield*/, this.renderStack(child)];
-                          case 28:
-                              _p.sent();
-                              _p.label = 29;
-                          case 29:
-                              _m++;
-                              return [3 /*break*/, 27];
-                          case 30: return [2 /*return*/];
+                      if (styles.textDecorationLine.length) {
+                        _this.ctx.fillStyle = asString(
+                          styles.textDecorationColor || styles.color,
+                        );
+                        styles.textDecorationLine.forEach(
+                          function (textDecorationLine) {
+                            switch (textDecorationLine) {
+                              case 1 /* UNDERLINE */:
+                                // Draws a line at the baseline of the font
+                                // TODO As some browsers display the line as more than 1px if the font-size is big,
+                                // need to take that into account both in position and size
+                                _this.ctx.fillRect(
+                                  text.bounds.left,
+                                  Math.round(text.bounds.top + baseline),
+                                  text.bounds.width,
+                                  1,
+                                );
+                                break;
+                              case 2 /* OVERLINE */:
+                                _this.ctx.fillRect(
+                                  text.bounds.left,
+                                  Math.round(text.bounds.top),
+                                  text.bounds.width,
+                                  1,
+                                );
+                                break;
+                              case 3 /* LINE_THROUGH */:
+                                // TODO try and find exact position for line-through
+                                _this.ctx.fillRect(
+                                  text.bounds.left,
+                                  Math.ceil(text.bounds.top + middle),
+                                  text.bounds.width,
+                                  1,
+                                );
+                                break;
+                            }
+                          },
+                        );
                       }
-                  });
-              });
-          };
-          CanvasRenderer.prototype.mask = function (paths) {
-              this.ctx.beginPath();
-              this.ctx.moveTo(0, 0);
-              this.ctx.lineTo(this.canvas.width, 0);
-              this.ctx.lineTo(this.canvas.width, this.canvas.height);
-              this.ctx.lineTo(0, this.canvas.height);
-              this.ctx.lineTo(0, 0);
-              this.formatPath(paths.slice(0).reverse());
-              this.ctx.closePath();
-          };
-          CanvasRenderer.prototype.path = function (paths) {
-              this.ctx.beginPath();
-              this.formatPath(paths);
-              this.ctx.closePath();
-          };
-          CanvasRenderer.prototype.formatPath = function (paths) {
-              var _this = this;
-              paths.forEach(function (point, index) {
-                  var start = isBezierCurve(point) ? point.start : point;
-                  if (index === 0) {
-                      _this.ctx.moveTo(start.x, start.y);
-                  }
-                  else {
-                      _this.ctx.lineTo(start.x, start.y);
-                  }
-                  if (isBezierCurve(point)) {
-                      _this.ctx.bezierCurveTo(point.startControl.x, point.startControl.y, point.endControl.x, point.endControl.y, point.end.x, point.end.y);
-                  }
-              });
-          };
-          CanvasRenderer.prototype.renderRepeat = function (path, pattern, offsetX, offsetY) {
-              this.path(path);
-              this.ctx.fillStyle = pattern;
-              this.ctx.translate(offsetX, offsetY);
-              this.ctx.fill();
-              this.ctx.translate(-offsetX, -offsetY);
-          };
-          CanvasRenderer.prototype.resizeImage = function (image, width, height) {
-              var _a;
-              if (image.width === width && image.height === height) {
-                  return image;
-              }
-              var ownerDocument = (_a = this.canvas.ownerDocument) !== null && _a !== void 0 ? _a : document;
-              var canvas = ownerDocument.createElement('canvas');
-              canvas.width = Math.max(1, width);
-              canvas.height = Math.max(1, height);
-              var ctx = canvas.getContext('2d');
-              ctx.drawImage(image, 0, 0, image.width, image.height, 0, 0, width, height);
-              return canvas;
-          };
-          CanvasRenderer.prototype.renderBackgroundImage = function (container) {
-              return __awaiter(this, void 0, void 0, function () {
-                  var index, _loop_1, this_1, _i, _a, backgroundImage;
-                  return __generator(this, function (_b) {
-                      switch (_b.label) {
-                          case 0:
-                              index = container.styles.backgroundImage.length - 1;
-                              _loop_1 = function (backgroundImage) {
-                                  var image, url, _c, path, x, y, width, height, pattern, _d, path, x, y, width, height, _e, lineLength, x0, x1, y0, y1, canvas, ctx, gradient_1, pattern, _f, path, left, top_1, width, height, position, x, y, _g, rx, ry, radialGradient_1, midX, midY, f, invF;
-                                  return __generator(this, function (_h) {
-                                      switch (_h.label) {
-                                          case 0:
-                                              if (!(backgroundImage.type === 0 /* URL */)) return [3 /*break*/, 5];
-                                              image = void 0;
-                                              url = backgroundImage.url;
-                                              _h.label = 1;
-                                          case 1:
-                                              _h.trys.push([1, 3, , 4]);
-                                              return [4 /*yield*/, this_1.context.cache.match(url)];
-                                          case 2:
-                                              image = _h.sent();
-                                              return [3 /*break*/, 4];
-                                          case 3:
-                                              _h.sent();
-                                              this_1.context.logger.error("Error loading background-image " + url);
-                                              return [3 /*break*/, 4];
-                                          case 4:
-                                              if (image) {
-                                                  _c = calculateBackgroundRendering(container, index, [
-                                                      image.width,
-                                                      image.height,
-                                                      image.width / image.height
-                                                  ]), path = _c[0], x = _c[1], y = _c[2], width = _c[3], height = _c[4];
-                                                  pattern = this_1.ctx.createPattern(this_1.resizeImage(image, width, height), 'repeat');
-                                                  this_1.renderRepeat(path, pattern, x, y);
-                                              }
-                                              return [3 /*break*/, 6];
-                                          case 5:
-                                              if (isLinearGradient(backgroundImage)) {
-                                                  _d = calculateBackgroundRendering(container, index, [null, null, null]), path = _d[0], x = _d[1], y = _d[2], width = _d[3], height = _d[4];
-                                                  _e = calculateGradientDirection(backgroundImage.angle, width, height), lineLength = _e[0], x0 = _e[1], x1 = _e[2], y0 = _e[3], y1 = _e[4];
-                                                  canvas = document.createElement('canvas');
-                                                  canvas.width = width;
-                                                  canvas.height = height;
-                                                  ctx = canvas.getContext('2d');
-                                                  gradient_1 = ctx.createLinearGradient(x0, y0, x1, y1);
-                                                  processColorStops(backgroundImage.stops, lineLength).forEach(function (colorStop) {
-                                                      return gradient_1.addColorStop(colorStop.stop, asString(colorStop.color));
-                                                  });
-                                                  ctx.fillStyle = gradient_1;
-                                                  ctx.fillRect(0, 0, width, height);
-                                                  if (width > 0 && height > 0) {
-                                                      pattern = this_1.ctx.createPattern(canvas, 'repeat');
-                                                      this_1.renderRepeat(path, pattern, x, y);
-                                                  }
-                                              }
-                                              else if (isRadialGradient(backgroundImage)) {
-                                                  _f = calculateBackgroundRendering(container, index, [
-                                                      null,
-                                                      null,
-                                                      null
-                                                  ]), path = _f[0], left = _f[1], top_1 = _f[2], width = _f[3], height = _f[4];
-                                                  position = backgroundImage.position.length === 0 ? [FIFTY_PERCENT] : backgroundImage.position;
-                                                  x = getAbsoluteValue(position[0], width);
-                                                  y = getAbsoluteValue(position[position.length - 1], height);
-                                                  _g = calculateRadius(backgroundImage, x, y, width, height), rx = _g[0], ry = _g[1];
-                                                  if (rx > 0 && ry > 0) {
-                                                      radialGradient_1 = this_1.ctx.createRadialGradient(left + x, top_1 + y, 0, left + x, top_1 + y, rx);
-                                                      processColorStops(backgroundImage.stops, rx * 2).forEach(function (colorStop) {
-                                                          return radialGradient_1.addColorStop(colorStop.stop, asString(colorStop.color));
-                                                      });
-                                                      this_1.path(path);
-                                                      this_1.ctx.fillStyle = radialGradient_1;
-                                                      if (rx !== ry) {
-                                                          midX = container.bounds.left + 0.5 * container.bounds.width;
-                                                          midY = container.bounds.top + 0.5 * container.bounds.height;
-                                                          f = ry / rx;
-                                                          invF = 1 / f;
-                                                          this_1.ctx.save();
-                                                          this_1.ctx.translate(midX, midY);
-                                                          this_1.ctx.transform(1, 0, 0, f, 0, 0);
-                                                          this_1.ctx.translate(-midX, -midY);
-                                                          this_1.ctx.fillRect(left, invF * (top_1 - midY) + midY, width, height * invF);
-                                                          this_1.ctx.restore();
-                                                      }
-                                                      else {
-                                                          this_1.ctx.fill();
-                                                      }
-                                                  }
-                                              }
-                                              _h.label = 6;
-                                          case 6:
-                                              index--;
-                                              return [2 /*return*/];
-                                      }
-                                  });
-                              };
-                              this_1 = this;
-                              _i = 0, _a = container.styles.backgroundImage.slice(0).reverse();
-                              _b.label = 1;
-                          case 1:
-                              if (!(_i < _a.length)) return [3 /*break*/, 4];
-                              backgroundImage = _a[_i];
-                              return [5 /*yield**/, _loop_1(backgroundImage)];
-                          case 2:
-                              _b.sent();
-                              _b.label = 3;
-                          case 3:
-                              _i++;
-                              return [3 /*break*/, 1];
-                          case 4: return [2 /*return*/];
-                      }
-                  });
-              });
-          };
-          CanvasRenderer.prototype.renderSolidBorder = function (color, side, curvePoints) {
-              return __awaiter(this, void 0, void 0, function () {
-                  return __generator(this, function (_a) {
-                      this.path(parsePathForBorder(curvePoints, side));
-                      this.ctx.fillStyle = asString(color);
-                      this.ctx.fill();
-                      return [2 /*return*/];
-                  });
-              });
-          };
-          CanvasRenderer.prototype.renderDoubleBorder = function (color, width, side, curvePoints) {
-              return __awaiter(this, void 0, void 0, function () {
-                  var outerPaths, innerPaths;
-                  return __generator(this, function (_a) {
-                      switch (_a.label) {
-                          case 0:
-                              if (!(width < 3)) return [3 /*break*/, 2];
-                              return [4 /*yield*/, this.renderSolidBorder(color, side, curvePoints)];
-                          case 1:
-                              _a.sent();
-                              return [2 /*return*/];
-                          case 2:
-                              outerPaths = parsePathForBorderDoubleOuter(curvePoints, side);
-                              this.path(outerPaths);
-                              this.ctx.fillStyle = asString(color);
-                              this.ctx.fill();
-                              innerPaths = parsePathForBorderDoubleInner(curvePoints, side);
-                              this.path(innerPaths);
-                              this.ctx.fill();
-                              return [2 /*return*/];
+                      break;
+                    case 1 /* STROKE */:
+                      if (
+                        styles.webkitTextStrokeWidth &&
+                        text.text.trim().length
+                      ) {
+                        _this.ctx.strokeStyle = asString(
+                          styles.webkitTextStrokeColor,
+                        );
+                        _this.ctx.lineWidth = styles.webkitTextStrokeWidth;
+                        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                        _this.ctx.lineJoin = !!window.chrome
+                          ? "miter"
+                          : "round";
+                        _this.ctx.strokeText(
+                          text.text,
+                          text.bounds.left,
+                          text.bounds.top + baseline,
+                        );
                       }
-                  });
+                      _this.ctx.strokeStyle = "";
+                      _this.ctx.lineWidth = 0;
+                      _this.ctx.lineJoin = "miter";
+                      break;
+                  }
+                });
               });
-          };
-          CanvasRenderer.prototype.renderNodeBackgroundAndBorders = function (paint) {
-              return __awaiter(this, void 0, void 0, function () {
-                  var styles, hasBackground, borders, backgroundPaintingArea, side, _i, borders_1, border;
-                  var _this = this;
-                  return __generator(this, function (_a) {
-                      switch (_a.label) {
-                          case 0:
-                              this.applyEffects(paint.getEffects(2 /* BACKGROUND_BORDERS */));
-                              styles = paint.container.styles;
-                              hasBackground = !isTransparent(styles.backgroundColor) || styles.backgroundImage.length;
-                              borders = [
-                                  { style: styles.borderTopStyle, color: styles.borderTopColor, width: styles.borderTopWidth },
-                                  { style: styles.borderRightStyle, color: styles.borderRightColor, width: styles.borderRightWidth },
-                                  { style: styles.borderBottomStyle, color: styles.borderBottomColor, width: styles.borderBottomWidth },
-                                  { style: styles.borderLeftStyle, color: styles.borderLeftColor, width: styles.borderLeftWidth }
-                              ];
-                              backgroundPaintingArea = calculateBackgroundCurvedPaintingArea(getBackgroundValueForIndex(styles.backgroundClip, 0), paint.curves);
-                              if (!(hasBackground || styles.boxShadow.length)) return [3 /*break*/, 2];
-                              this.ctx.save();
-                              this.path(backgroundPaintingArea);
-                              this.ctx.clip();
-                              if (!isTransparent(styles.backgroundColor)) {
-                                  this.ctx.fillStyle = asString(styles.backgroundColor);
-                                  this.ctx.fill();
-                              }
-                              return [4 /*yield*/, this.renderBackgroundImage(paint.container)];
-                          case 1:
-                              _a.sent();
-                              this.ctx.restore();
-                              styles.boxShadow
-                                  .slice(0)
-                                  .reverse()
-                                  .forEach(function (shadow) {
-                                  _this.ctx.save();
-                                  var borderBoxArea = calculateBorderBoxPath(paint.curves);
-                                  var maskOffset = shadow.inset ? 0 : MASK_OFFSET;
-                                  var shadowPaintingArea = transformPath(borderBoxArea, -maskOffset + (shadow.inset ? 1 : -1) * shadow.spread.number, (shadow.inset ? 1 : -1) * shadow.spread.number, shadow.spread.number * (shadow.inset ? -2 : 2), shadow.spread.number * (shadow.inset ? -2 : 2));
-                                  if (shadow.inset) {
-                                      _this.path(borderBoxArea);
-                                      _this.ctx.clip();
-                                      _this.mask(shadowPaintingArea);
-                                  }
-                                  else {
-                                      _this.mask(borderBoxArea);
-                                      _this.ctx.clip();
-                                      _this.path(shadowPaintingArea);
-                                  }
-                                  _this.ctx.shadowOffsetX = shadow.offsetX.number + maskOffset;
-                                  _this.ctx.shadowOffsetY = shadow.offsetY.number;
-                                  _this.ctx.shadowColor = asString(shadow.color);
-                                  _this.ctx.shadowBlur = shadow.blur.number;
-                                  _this.ctx.fillStyle = shadow.inset ? asString(shadow.color) : 'rgba(0,0,0,1)';
-                                  _this.ctx.fill();
-                                  _this.ctx.restore();
-                              });
-                              _a.label = 2;
-                          case 2:
-                              side = 0;
-                              _i = 0, borders_1 = borders;
-                              _a.label = 3;
-                          case 3:
-                              if (!(_i < borders_1.length)) return [3 /*break*/, 13];
-                              border = borders_1[_i];
-                              if (!(border.style !== 0 /* NONE */ && !isTransparent(border.color) && border.width > 0)) return [3 /*break*/, 11];
-                              if (!(border.style === 2 /* DASHED */)) return [3 /*break*/, 5];
-                              return [4 /*yield*/, this.renderDashedDottedBorder(border.color, border.width, side, paint.curves, 2 /* DASHED */)];
-                          case 4:
-                              _a.sent();
-                              return [3 /*break*/, 11];
-                          case 5:
-                              if (!(border.style === 3 /* DOTTED */)) return [3 /*break*/, 7];
-                              return [4 /*yield*/, this.renderDashedDottedBorder(border.color, border.width, side, paint.curves, 3 /* DOTTED */)];
-                          case 6:
-                              _a.sent();
-                              return [3 /*break*/, 11];
-                          case 7:
-                              if (!(border.style === 4 /* DOUBLE */)) return [3 /*break*/, 9];
-                              return [4 /*yield*/, this.renderDoubleBorder(border.color, border.width, side, paint.curves)];
-                          case 8:
-                              _a.sent();
-                              return [3 /*break*/, 11];
-                          case 9: return [4 /*yield*/, this.renderSolidBorder(border.color, side, paint.curves)];
-                          case 10:
-                              _a.sent();
-                              _a.label = 11;
-                          case 11:
-                              side++;
-                              _a.label = 12;
-                          case 12:
-                              _i++;
-                              return [3 /*break*/, 3];
-                          case 13: return [2 /*return*/];
-                      }
+              return [2 /*return*/];
+            });
+          });
+        };
+        CanvasRenderer.prototype.renderReplacedElement = function (
+          container,
+          curves,
+          image,
+        ) {
+          if (
+            image &&
+            container.intrinsicWidth > 0 &&
+            container.intrinsicHeight > 0
+          ) {
+            var box = contentBox(container);
+            var path = calculatePaddingBoxPath(curves);
+            this.path(path);
+            this.ctx.save();
+            this.ctx.clip();
+            this.ctx.drawImage(
+              image,
+              0,
+              0,
+              container.intrinsicWidth,
+              container.intrinsicHeight,
+              box.left,
+              box.top,
+              box.width,
+              box.height,
+            );
+            this.ctx.restore();
+          }
+        };
+        CanvasRenderer.prototype.renderNodeContent = function (paint) {
+          return __awaiter(this, void 0, void 0, function () {
+            var container,
+              curves,
+              styles,
+              _i,
+              _a,
+              child,
+              image,
+              image,
+              iframeRenderer,
+              canvas,
+              size,
+              _b,
+              fontFamily,
+              fontSize,
+              baseline,
+              bounds,
+              x,
+              textBounds,
+              img,
+              image,
+              url,
+              fontFamily,
+              bounds;
+            return __generator(this, function (_c) {
+              switch (_c.label) {
+                case 0:
+                  this.applyEffects(paint.getEffects(4 /* CONTENT */));
+                  container = paint.container;
+                  curves = paint.curves;
+                  styles = container.styles;
+                  (_i = 0), (_a = container.textNodes);
+                  _c.label = 1;
+                case 1:
+                  if (!(_i < _a.length)) return [3 /*break*/, 4];
+                  child = _a[_i];
+                  return [4 /*yield*/, this.renderTextNode(child, styles)];
+                case 2:
+                  _c.sent();
+                  _c.label = 3;
+                case 3:
+                  _i++;
+                  return [3 /*break*/, 1];
+                case 4:
+                  if (!(container instanceof ImageElementContainer))
+                    return [3 /*break*/, 8];
+                  _c.label = 5;
+                case 5:
+                  _c.trys.push([5, 7, , 8]);
+                  return [4 /*yield*/, this.context.cache.match(container.src)];
+                case 6:
+                  image = _c.sent();
+                  this.renderReplacedElement(container, curves, image);
+                  return [3 /*break*/, 8];
+                case 7:
+                  _c.sent();
+                  this.context.logger.error(
+                    "Error loading image " + container.src,
+                  );
+                  return [3 /*break*/, 8];
+                case 8:
+                  if (container instanceof CanvasElementContainer) {
+                    this.renderReplacedElement(
+                      container,
+                      curves,
+                      container.canvas,
+                    );
+                  }
+                  if (!(container instanceof SVGElementContainer))
+                    return [3 /*break*/, 12];
+                  _c.label = 9;
+                case 9:
+                  _c.trys.push([9, 11, , 12]);
+                  return [4 /*yield*/, this.context.cache.match(container.svg)];
+                case 10:
+                  image = _c.sent();
+                  this.renderReplacedElement(container, curves, image);
+                  return [3 /*break*/, 12];
+                case 11:
+                  _c.sent();
+                  this.context.logger.error(
+                    "Error loading svg " + container.svg.substring(0, 255),
+                  );
+                  return [3 /*break*/, 12];
+                case 12:
+                  if (
+                    !(
+                      container instanceof IFrameElementContainer &&
+                      container.tree
+                    )
+                  )
+                    return [3 /*break*/, 14];
+                  iframeRenderer = new CanvasRenderer(this.context, {
+                    scale: this.options.scale,
+                    backgroundColor: container.backgroundColor,
+                    x: 0,
+                    y: 0,
+                    width: container.width,
+                    height: container.height,
                   });
-              });
-          };
-          CanvasRenderer.prototype.renderDashedDottedBorder = function (color, width, side, curvePoints, style) {
-              return __awaiter(this, void 0, void 0, function () {
-                  var strokePaths, boxPaths, startX, startY, endX, endY, length, dashLength, spaceLength, useLineDash, multiplier, numberOfDashes, minSpace, maxSpace, path1, path2, path1, path2;
-                  return __generator(this, function (_a) {
-                      this.ctx.save();
-                      strokePaths = parsePathForBorderStroke(curvePoints, side);
-                      boxPaths = parsePathForBorder(curvePoints, side);
-                      if (style === 2 /* DASHED */) {
-                          this.path(boxPaths);
-                          this.ctx.clip();
-                      }
-                      if (isBezierCurve(boxPaths[0])) {
-                          startX = boxPaths[0].start.x;
-                          startY = boxPaths[0].start.y;
-                      }
-                      else {
-                          startX = boxPaths[0].x;
-                          startY = boxPaths[0].y;
-                      }
-                      if (isBezierCurve(boxPaths[1])) {
-                          endX = boxPaths[1].end.x;
-                          endY = boxPaths[1].end.y;
+                  return [4 /*yield*/, iframeRenderer.render(container.tree)];
+                case 13:
+                  canvas = _c.sent();
+                  if (container.width && container.height) {
+                    this.ctx.drawImage(
+                      canvas,
+                      0,
+                      0,
+                      container.width,
+                      container.height,
+                      container.bounds.left,
+                      container.bounds.top,
+                      container.bounds.width,
+                      container.bounds.height,
+                    );
+                  }
+                  _c.label = 14;
+                case 14:
+                  if (container instanceof InputElementContainer) {
+                    size = Math.min(
+                      container.bounds.width,
+                      container.bounds.height,
+                    );
+                    if (container.type === CHECKBOX) {
+                      if (container.checked) {
+                        this.ctx.save();
+                        this.path([
+                          new Vector(
+                            container.bounds.left + size * 0.39363,
+                            container.bounds.top + size * 0.79,
+                          ),
+                          new Vector(
+                            container.bounds.left + size * 0.16,
+                            container.bounds.top + size * 0.5549,
+                          ),
+                          new Vector(
+                            container.bounds.left + size * 0.27347,
+                            container.bounds.top + size * 0.44071,
+                          ),
+                          new Vector(
+                            container.bounds.left + size * 0.39694,
+                            container.bounds.top + size * 0.5649,
+                          ),
+                          new Vector(
+                            container.bounds.left + size * 0.72983,
+                            container.bounds.top + size * 0.23,
+                          ),
+                          new Vector(
+                            container.bounds.left + size * 0.84,
+                            container.bounds.top + size * 0.34085,
+                          ),
+                          new Vector(
+                            container.bounds.left + size * 0.39363,
+                            container.bounds.top + size * 0.79,
+                          ),
+                        ]);
+                        this.ctx.fillStyle = asString(INPUT_COLOR);
+                        this.ctx.fill();
+                        this.ctx.restore();
                       }
-                      else {
-                          endX = boxPaths[1].x;
-                          endY = boxPaths[1].y;
+                    } else if (container.type === RADIO) {
+                      if (container.checked) {
+                        this.ctx.save();
+                        this.ctx.beginPath();
+                        this.ctx.arc(
+                          container.bounds.left + size / 2,
+                          container.bounds.top + size / 2,
+                          size / 4,
+                          0,
+                          Math.PI * 2,
+                          true,
+                        );
+                        this.ctx.fillStyle = asString(INPUT_COLOR);
+                        this.ctx.fill();
+                        this.ctx.restore();
                       }
-                      if (side === 0 || side === 2) {
-                          length = Math.abs(startX - endX);
-                      }
-                      else {
-                          length = Math.abs(startY - endY);
-                      }
-                      this.ctx.beginPath();
-                      if (style === 3 /* DOTTED */) {
-                          this.formatPath(strokePaths);
-                      }
-                      else {
-                          this.formatPath(boxPaths.slice(0, 2));
-                      }
-                      dashLength = width < 3 ? width * 3 : width * 2;
-                      spaceLength = width < 3 ? width * 2 : width;
-                      if (style === 3 /* DOTTED */) {
-                          dashLength = width;
-                          spaceLength = width;
-                      }
-                      useLineDash = true;
-                      if (length <= dashLength * 2) {
-                          useLineDash = false;
-                      }
-                      else if (length <= dashLength * 2 + spaceLength) {
-                          multiplier = length / (2 * dashLength + spaceLength);
-                          dashLength *= multiplier;
-                          spaceLength *= multiplier;
-                      }
-                      else {
-                          numberOfDashes = Math.floor((length + spaceLength) / (dashLength + spaceLength));
-                          minSpace = (length - numberOfDashes * dashLength) / (numberOfDashes - 1);
-                          maxSpace = (length - (numberOfDashes + 1) * dashLength) / numberOfDashes;
-                          spaceLength =
-                              maxSpace <= 0 || Math.abs(spaceLength - minSpace) < Math.abs(spaceLength - maxSpace)
-                                  ? minSpace
-                                  : maxSpace;
-                      }
-                      if (useLineDash) {
-                          if (style === 3 /* DOTTED */) {
-                              this.ctx.setLineDash([0, dashLength + spaceLength]);
-                          }
-                          else {
-                              this.ctx.setLineDash([dashLength, spaceLength]);
-                          }
-                      }
-                      if (style === 3 /* DOTTED */) {
-                          this.ctx.lineCap = 'round';
-                          this.ctx.lineWidth = width;
-                      }
-                      else {
-                          this.ctx.lineWidth = width * 2 + 1.1;
-                      }
-                      this.ctx.strokeStyle = asString(color);
-                      this.ctx.stroke();
-                      this.ctx.setLineDash([]);
-                      // dashed round edge gap
-                      if (style === 2 /* DASHED */) {
-                          if (isBezierCurve(boxPaths[0])) {
-                              path1 = boxPaths[3];
-                              path2 = boxPaths[0];
-                              this.ctx.beginPath();
-                              this.formatPath([new Vector(path1.end.x, path1.end.y), new Vector(path2.start.x, path2.start.y)]);
-                              this.ctx.stroke();
-                          }
-                          if (isBezierCurve(boxPaths[1])) {
-                              path1 = boxPaths[1];
-                              path2 = boxPaths[2];
-                              this.ctx.beginPath();
-                              this.formatPath([new Vector(path1.end.x, path1.end.y), new Vector(path2.start.x, path2.start.y)]);
-                              this.ctx.stroke();
+                    }
+                  }
+                  if (isTextInputElement(container) && container.value.length) {
+                    (_b = this.createFontStyle(styles)),
+                      (fontFamily = _b[0]),
+                      (fontSize = _b[1]);
+                    baseline = this.fontMetrics.getMetrics(
+                      fontFamily,
+                      fontSize,
+                    ).baseline;
+                    this.ctx.font = fontFamily;
+                    this.ctx.fillStyle = asString(styles.color);
+                    this.ctx.textBaseline = "alphabetic";
+                    this.ctx.textAlign = canvasTextAlign(
+                      container.styles.textAlign,
+                    );
+                    bounds = contentBox(container);
+                    x = 0;
+                    switch (container.styles.textAlign) {
+                      case 1 /* CENTER */:
+                        x += bounds.width / 2;
+                        break;
+                      case 2 /* RIGHT */:
+                        x += bounds.width;
+                        break;
+                    }
+                    textBounds = bounds.add(x, 0, 0, -bounds.height / 2 + 1);
+                    this.ctx.save();
+                    this.path([
+                      new Vector(bounds.left, bounds.top),
+                      new Vector(bounds.left + bounds.width, bounds.top),
+                      new Vector(
+                        bounds.left + bounds.width,
+                        bounds.top + bounds.height,
+                      ),
+                      new Vector(bounds.left, bounds.top + bounds.height),
+                    ]);
+                    this.ctx.clip();
+                    this.renderTextWithLetterSpacing(
+                      new TextBounds(container.value, textBounds),
+                      styles.letterSpacing,
+                      baseline,
+                    );
+                    this.ctx.restore();
+                    this.ctx.textBaseline = "alphabetic";
+                    this.ctx.textAlign = "left";
+                  }
+                  if (!contains(container.styles.display, 2048 /* LIST_ITEM */))
+                    return [3 /*break*/, 20];
+                  if (!(container.styles.listStyleImage !== null))
+                    return [3 /*break*/, 19];
+                  img = container.styles.listStyleImage;
+                  if (!((img.type === 0) /* URL */)) return [3 /*break*/, 18];
+                  image = void 0;
+                  url = img.url;
+                  _c.label = 15;
+                case 15:
+                  _c.trys.push([15, 17, , 18]);
+                  return [4 /*yield*/, this.context.cache.match(url)];
+                case 16:
+                  image = _c.sent();
+                  this.ctx.drawImage(
+                    image,
+                    container.bounds.left - (image.width + 10),
+                    container.bounds.top,
+                  );
+                  return [3 /*break*/, 18];
+                case 17:
+                  _c.sent();
+                  this.context.logger.error(
+                    "Error loading list-style-image " + url,
+                  );
+                  return [3 /*break*/, 18];
+                case 18:
+                  return [3 /*break*/, 20];
+                case 19:
+                  if (
+                    paint.listValue &&
+                    container.styles.listStyleType !== -1 /* NONE */
+                  ) {
+                    fontFamily = this.createFontStyle(styles)[0];
+                    this.ctx.font = fontFamily;
+                    this.ctx.fillStyle = asString(styles.color);
+                    this.ctx.textBaseline = "middle";
+                    this.ctx.textAlign = "right";
+                    bounds = new Bounds(
+                      container.bounds.left,
+                      container.bounds.top +
+                        getAbsoluteValue(
+                          container.styles.paddingTop,
+                          container.bounds.width,
+                        ),
+                      container.bounds.width,
+                      computeLineHeight(
+                        styles.lineHeight,
+                        styles.fontSize.number,
+                      ) /
+                        2 +
+                        1,
+                    );
+                    this.renderTextWithLetterSpacing(
+                      new TextBounds(paint.listValue, bounds),
+                      styles.letterSpacing,
+                      computeLineHeight(
+                        styles.lineHeight,
+                        styles.fontSize.number,
+                      ) /
+                        2 +
+                        2,
+                    );
+                    this.ctx.textBaseline = "bottom";
+                    this.ctx.textAlign = "left";
+                  }
+                  _c.label = 20;
+                case 20:
+                  return [2 /*return*/];
+              }
+            });
+          });
+        };
+        CanvasRenderer.prototype.renderStackContent = function (stack) {
+          return __awaiter(this, void 0, void 0, function () {
+            var _i,
+              _a,
+              child,
+              _b,
+              _c,
+              child,
+              _d,
+              _e,
+              child,
+              _f,
+              _g,
+              child,
+              _h,
+              _j,
+              child,
+              _k,
+              _l,
+              child,
+              _m,
+              _o,
+              child;
+            return __generator(this, function (_p) {
+              switch (_p.label) {
+                case 0:
+                  if (
+                    contains(
+                      stack.element.container.flags,
+                      16 /* DEBUG_RENDER */,
+                    )
+                  ) {
+                    debugger;
+                  }
+                  // https://www.w3.org/TR/css-position-3/#painting-order
+                  // 1. the background and borders of the element forming the stacking context.
+                  return [
+                    4 /*yield*/,
+                    this.renderNodeBackgroundAndBorders(stack.element),
+                  ];
+                case 1:
+                  // https://www.w3.org/TR/css-position-3/#painting-order
+                  // 1. the background and borders of the element forming the stacking context.
+                  _p.sent();
+                  (_i = 0), (_a = stack.negativeZIndex);
+                  _p.label = 2;
+                case 2:
+                  if (!(_i < _a.length)) return [3 /*break*/, 5];
+                  child = _a[_i];
+                  return [4 /*yield*/, this.renderStack(child)];
+                case 3:
+                  _p.sent();
+                  _p.label = 4;
+                case 4:
+                  _i++;
+                  return [3 /*break*/, 2];
+                case 5:
+                  // 3. For all its in-flow, non-positioned, block-level descendants in tree order:
+                  return [4 /*yield*/, this.renderNodeContent(stack.element)];
+                case 6:
+                  // 3. For all its in-flow, non-positioned, block-level descendants in tree order:
+                  _p.sent();
+                  (_b = 0), (_c = stack.nonInlineLevel);
+                  _p.label = 7;
+                case 7:
+                  if (!(_b < _c.length)) return [3 /*break*/, 10];
+                  child = _c[_b];
+                  return [4 /*yield*/, this.renderNode(child)];
+                case 8:
+                  _p.sent();
+                  _p.label = 9;
+                case 9:
+                  _b++;
+                  return [3 /*break*/, 7];
+                case 10:
+                  (_d = 0), (_e = stack.nonPositionedFloats);
+                  _p.label = 11;
+                case 11:
+                  if (!(_d < _e.length)) return [3 /*break*/, 14];
+                  child = _e[_d];
+                  return [4 /*yield*/, this.renderStack(child)];
+                case 12:
+                  _p.sent();
+                  _p.label = 13;
+                case 13:
+                  _d++;
+                  return [3 /*break*/, 11];
+                case 14:
+                  (_f = 0), (_g = stack.nonPositionedInlineLevel);
+                  _p.label = 15;
+                case 15:
+                  if (!(_f < _g.length)) return [3 /*break*/, 18];
+                  child = _g[_f];
+                  return [4 /*yield*/, this.renderStack(child)];
+                case 16:
+                  _p.sent();
+                  _p.label = 17;
+                case 17:
+                  _f++;
+                  return [3 /*break*/, 15];
+                case 18:
+                  (_h = 0), (_j = stack.inlineLevel);
+                  _p.label = 19;
+                case 19:
+                  if (!(_h < _j.length)) return [3 /*break*/, 22];
+                  child = _j[_h];
+                  return [4 /*yield*/, this.renderNode(child)];
+                case 20:
+                  _p.sent();
+                  _p.label = 21;
+                case 21:
+                  _h++;
+                  return [3 /*break*/, 19];
+                case 22:
+                  (_k = 0), (_l = stack.zeroOrAutoZIndexOrTransformedOrOpacity);
+                  _p.label = 23;
+                case 23:
+                  if (!(_k < _l.length)) return [3 /*break*/, 26];
+                  child = _l[_k];
+                  return [4 /*yield*/, this.renderStack(child)];
+                case 24:
+                  _p.sent();
+                  _p.label = 25;
+                case 25:
+                  _k++;
+                  return [3 /*break*/, 23];
+                case 26:
+                  (_m = 0), (_o = stack.positiveZIndex);
+                  _p.label = 27;
+                case 27:
+                  if (!(_m < _o.length)) return [3 /*break*/, 30];
+                  child = _o[_m];
+                  return [4 /*yield*/, this.renderStack(child)];
+                case 28:
+                  _p.sent();
+                  _p.label = 29;
+                case 29:
+                  _m++;
+                  return [3 /*break*/, 27];
+                case 30:
+                  return [2 /*return*/];
+              }
+            });
+          });
+        };
+        CanvasRenderer.prototype.mask = function (paths) {
+          this.ctx.beginPath();
+          this.ctx.moveTo(0, 0);
+          this.ctx.lineTo(this.canvas.width, 0);
+          this.ctx.lineTo(this.canvas.width, this.canvas.height);
+          this.ctx.lineTo(0, this.canvas.height);
+          this.ctx.lineTo(0, 0);
+          this.formatPath(paths.slice(0).reverse());
+          this.ctx.closePath();
+        };
+        CanvasRenderer.prototype.path = function (paths) {
+          this.ctx.beginPath();
+          this.formatPath(paths);
+          this.ctx.closePath();
+        };
+        CanvasRenderer.prototype.formatPath = function (paths) {
+          var _this = this;
+          paths.forEach(function (point, index) {
+            var start = isBezierCurve(point) ? point.start : point;
+            if (index === 0) {
+              _this.ctx.moveTo(start.x, start.y);
+            } else {
+              _this.ctx.lineTo(start.x, start.y);
+            }
+            if (isBezierCurve(point)) {
+              _this.ctx.bezierCurveTo(
+                point.startControl.x,
+                point.startControl.y,
+                point.endControl.x,
+                point.endControl.y,
+                point.end.x,
+                point.end.y,
+              );
+            }
+          });
+        };
+        CanvasRenderer.prototype.renderRepeat = function (
+          path,
+          pattern,
+          offsetX,
+          offsetY,
+        ) {
+          this.path(path);
+          this.ctx.fillStyle = pattern;
+          this.ctx.translate(offsetX, offsetY);
+          this.ctx.fill();
+          this.ctx.translate(-offsetX, -offsetY);
+        };
+        CanvasRenderer.prototype.resizeImage = function (image, width, height) {
+          var _a;
+          if (image.width === width && image.height === height) {
+            return image;
+          }
+          var ownerDocument =
+            (_a = this.canvas.ownerDocument) !== null && _a !== void 0
+              ? _a
+              : document;
+          var canvas = ownerDocument.createElement("canvas");
+          canvas.width = Math.max(1, width);
+          canvas.height = Math.max(1, height);
+          var ctx = canvas.getContext("2d");
+          ctx.drawImage(
+            image,
+            0,
+            0,
+            image.width,
+            image.height,
+            0,
+            0,
+            width,
+            height,
+          );
+          return canvas;
+        };
+        CanvasRenderer.prototype.renderBackgroundImage = function (container) {
+          return __awaiter(this, void 0, void 0, function () {
+            var index, _loop_1, this_1, _i, _a, backgroundImage;
+            return __generator(this, function (_b) {
+              switch (_b.label) {
+                case 0:
+                  index = container.styles.backgroundImage.length - 1;
+                  _loop_1 = function (backgroundImage) {
+                    var image,
+                      url,
+                      _c,
+                      path,
+                      x,
+                      y,
+                      width,
+                      height,
+                      pattern,
+                      _d,
+                      path,
+                      x,
+                      y,
+                      width,
+                      height,
+                      _e,
+                      lineLength,
+                      x0,
+                      x1,
+                      y0,
+                      y1,
+                      canvas,
+                      ctx,
+                      gradient_1,
+                      pattern,
+                      _f,
+                      path,
+                      left,
+                      top_1,
+                      width,
+                      height,
+                      position,
+                      x,
+                      y,
+                      _g,
+                      rx,
+                      ry,
+                      radialGradient_1,
+                      midX,
+                      midY,
+                      f,
+                      invF;
+                    return __generator(this, function (_h) {
+                      switch (_h.label) {
+                        case 0:
+                          if (!((backgroundImage.type === 0) /* URL */))
+                            return [3 /*break*/, 5];
+                          image = void 0;
+                          url = backgroundImage.url;
+                          _h.label = 1;
+                        case 1:
+                          _h.trys.push([1, 3, , 4]);
+                          return [4 /*yield*/, this_1.context.cache.match(url)];
+                        case 2:
+                          image = _h.sent();
+                          return [3 /*break*/, 4];
+                        case 3:
+                          _h.sent();
+                          this_1.context.logger.error(
+                            "Error loading background-image " + url,
+                          );
+                          return [3 /*break*/, 4];
+                        case 4:
+                          if (image) {
+                            (_c = calculateBackgroundRendering(
+                              container,
+                              index,
+                              [
+                                image.width,
+                                image.height,
+                                image.width / image.height,
+                              ],
+                            )),
+                              (path = _c[0]),
+                              (x = _c[1]),
+                              (y = _c[2]),
+                              (width = _c[3]),
+                              (height = _c[4]);
+                            pattern = this_1.ctx.createPattern(
+                              this_1.resizeImage(image, width, height),
+                              "repeat",
+                            );
+                            this_1.renderRepeat(path, pattern, x, y);
                           }
-                      }
-                      this.ctx.restore();
-                      return [2 /*return*/];
-                  });
-              });
-          };
-          CanvasRenderer.prototype.render = function (element) {
-              return __awaiter(this, void 0, void 0, function () {
-                  var stack;
-                  return __generator(this, function (_a) {
-                      switch (_a.label) {
-                          case 0:
-                              if (this.options.backgroundColor) {
-                                  this.ctx.fillStyle = asString(this.options.backgroundColor);
-                                  this.ctx.fillRect(this.options.x, this.options.y, this.options.width, this.options.height);
-                              }
-                              stack = parseStackingContexts(element);
-                              return [4 /*yield*/, this.renderStack(stack)];
-                          case 1:
-                              _a.sent();
-                              this.applyEffects([]);
-                              return [2 /*return*/, this.canvas];
-                      }
-                  });
-              });
-          };
-          return CanvasRenderer;
-      }(Renderer));
-      var isTextInputElement = function (container) {
-          if (container instanceof TextareaElementContainer) {
-              return true;
-          }
-          else if (container instanceof SelectElementContainer) {
-              return true;
-          }
-          else if (container instanceof InputElementContainer && container.type !== RADIO && container.type !== CHECKBOX) {
-              return true;
-          }
-          return false;
-      };
-      var calculateBackgroundCurvedPaintingArea = function (clip, curves) {
-          switch (clip) {
-              case 0 /* BORDER_BOX */:
-                  return calculateBorderBoxPath(curves);
-              case 2 /* CONTENT_BOX */:
-                  return calculateContentBoxPath(curves);
-              case 1 /* PADDING_BOX */:
-              default:
-                  return calculatePaddingBoxPath(curves);
-          }
-      };
-      var canvasTextAlign = function (textAlign) {
-          switch (textAlign) {
-              case 1 /* CENTER */:
-                  return 'center';
-              case 2 /* RIGHT */:
-                  return 'right';
-              case 0 /* LEFT */:
-              default:
-                  return 'left';
-          }
-      };
-      // see https://github.com/niklasvh/html2canvas/pull/2645
-      var iOSBrokenFonts = ['-apple-system', 'system-ui'];
-      var fixIOSSystemFonts = function (fontFamilies) {
-          return /iPhone OS 15_(0|1)/.test(window.navigator.userAgent)
-              ? fontFamilies.filter(function (fontFamily) { return iOSBrokenFonts.indexOf(fontFamily) === -1; })
-              : fontFamilies;
-      };
-
-      var ForeignObjectRenderer = /** @class */ (function (_super) {
-          __extends(ForeignObjectRenderer, _super);
-          function ForeignObjectRenderer(context, options) {
-              var _this = _super.call(this, context, options) || this;
-              _this.canvas = options.canvas ? options.canvas : document.createElement('canvas');
-              _this.ctx = _this.canvas.getContext('2d');
-              _this.options = options;
-              _this.canvas.width = Math.floor(options.width * options.scale);
-              _this.canvas.height = Math.floor(options.height * options.scale);
-              _this.canvas.style.width = options.width + "px";
-              _this.canvas.style.height = options.height + "px";
-              _this.ctx.scale(_this.options.scale, _this.options.scale);
-              _this.ctx.translate(-options.x, -options.y);
-              _this.context.logger.debug("EXPERIMENTAL ForeignObject renderer initialized (" + options.width + "x" + options.height + " at " + options.x + "," + options.y + ") with scale " + options.scale);
-              return _this;
-          }
-          ForeignObjectRenderer.prototype.render = function (element) {
-              return __awaiter(this, void 0, void 0, function () {
-                  var svg, img;
-                  return __generator(this, function (_a) {
-                      switch (_a.label) {
-                          case 0:
-                              svg = createForeignObjectSVG(this.options.width * this.options.scale, this.options.height * this.options.scale, this.options.scale, this.options.scale, element);
-                              return [4 /*yield*/, loadSerializedSVG(svg)];
-                          case 1:
-                              img = _a.sent();
-                              if (this.options.backgroundColor) {
-                                  this.ctx.fillStyle = asString(this.options.backgroundColor);
-                                  this.ctx.fillRect(0, 0, this.options.width * this.options.scale, this.options.height * this.options.scale);
+                          return [3 /*break*/, 6];
+                        case 5:
+                          if (isLinearGradient(backgroundImage)) {
+                            (_d = calculateBackgroundRendering(
+                              container,
+                              index,
+                              [null, null, null],
+                            )),
+                              (path = _d[0]),
+                              (x = _d[1]),
+                              (y = _d[2]),
+                              (width = _d[3]),
+                              (height = _d[4]);
+                            (_e = calculateGradientDirection(
+                              backgroundImage.angle,
+                              width,
+                              height,
+                            )),
+                              (lineLength = _e[0]),
+                              (x0 = _e[1]),
+                              (x1 = _e[2]),
+                              (y0 = _e[3]),
+                              (y1 = _e[4]);
+                            canvas = document.createElement("canvas");
+                            canvas.width = width;
+                            canvas.height = height;
+                            ctx = canvas.getContext("2d");
+                            gradient_1 = ctx.createLinearGradient(
+                              x0,
+                              y0,
+                              x1,
+                              y1,
+                            );
+                            processColorStops(
+                              backgroundImage.stops,
+                              lineLength,
+                            ).forEach(function (colorStop) {
+                              return gradient_1.addColorStop(
+                                colorStop.stop,
+                                asString(colorStop.color),
+                              );
+                            });
+                            ctx.fillStyle = gradient_1;
+                            ctx.fillRect(0, 0, width, height);
+                            if (width > 0 && height > 0) {
+                              pattern = this_1.ctx.createPattern(
+                                canvas,
+                                "repeat",
+                              );
+                              this_1.renderRepeat(path, pattern, x, y);
+                            }
+                          } else if (isRadialGradient(backgroundImage)) {
+                            (_f = calculateBackgroundRendering(
+                              container,
+                              index,
+                              [null, null, null],
+                            )),
+                              (path = _f[0]),
+                              (left = _f[1]),
+                              (top_1 = _f[2]),
+                              (width = _f[3]),
+                              (height = _f[4]);
+                            position =
+                              backgroundImage.position.length === 0
+                                ? [FIFTY_PERCENT]
+                                : backgroundImage.position;
+                            x = getAbsoluteValue(position[0], width);
+                            y = getAbsoluteValue(
+                              position[position.length - 1],
+                              height,
+                            );
+                            (_g = calculateRadius(
+                              backgroundImage,
+                              x,
+                              y,
+                              width,
+                              height,
+                            )),
+                              (rx = _g[0]),
+                              (ry = _g[1]);
+                            if (rx > 0 && ry > 0) {
+                              radialGradient_1 =
+                                this_1.ctx.createRadialGradient(
+                                  left + x,
+                                  top_1 + y,
+                                  0,
+                                  left + x,
+                                  top_1 + y,
+                                  rx,
+                                );
+                              processColorStops(
+                                backgroundImage.stops,
+                                rx * 2,
+                              ).forEach(function (colorStop) {
+                                return radialGradient_1.addColorStop(
+                                  colorStop.stop,
+                                  asString(colorStop.color),
+                                );
+                              });
+                              this_1.path(path);
+                              this_1.ctx.fillStyle = radialGradient_1;
+                              if (rx !== ry) {
+                                midX =
+                                  container.bounds.left +
+                                  0.5 * container.bounds.width;
+                                midY =
+                                  container.bounds.top +
+                                  0.5 * container.bounds.height;
+                                f = ry / rx;
+                                invF = 1 / f;
+                                this_1.ctx.save();
+                                this_1.ctx.translate(midX, midY);
+                                this_1.ctx.transform(1, 0, 0, f, 0, 0);
+                                this_1.ctx.translate(-midX, -midY);
+                                this_1.ctx.fillRect(
+                                  left,
+                                  invF * (top_1 - midY) + midY,
+                                  width,
+                                  height * invF,
+                                );
+                                this_1.ctx.restore();
+                              } else {
+                                this_1.ctx.fill();
                               }
-                              this.ctx.drawImage(img, -this.options.x * this.options.scale, -this.options.y * this.options.scale);
-                              return [2 /*return*/, this.canvas];
+                            }
+                          }
+                          _h.label = 6;
+                        case 6:
+                          index--;
+                          return [2 /*return*/];
                       }
-                  });
-              });
-          };
-          return ForeignObjectRenderer;
-      }(Renderer));
-      var loadSerializedSVG = function (svg) {
-          return new Promise(function (resolve, reject) {
-              var img = new Image();
-              img.onload = function () {
-                  resolve(img);
-              };
-              img.onerror = reject;
-              img.src = "data:image/svg+xml;charset=utf-8," + encodeURIComponent(new XMLSerializer().serializeToString(svg));
+                    });
+                  };
+                  this_1 = this;
+                  (_i = 0),
+                    (_a = container.styles.backgroundImage.slice(0).reverse());
+                  _b.label = 1;
+                case 1:
+                  if (!(_i < _a.length)) return [3 /*break*/, 4];
+                  backgroundImage = _a[_i];
+                  return [5 /*yield**/, _loop_1(backgroundImage)];
+                case 2:
+                  _b.sent();
+                  _b.label = 3;
+                case 3:
+                  _i++;
+                  return [3 /*break*/, 1];
+                case 4:
+                  return [2 /*return*/];
+              }
+            });
           });
-      };
-
-      var Logger = /** @class */ (function () {
-          function Logger(_a) {
-              var id = _a.id, enabled = _a.enabled;
-              this.id = id;
-              this.enabled = enabled;
-              this.start = Date.now();
-          }
-          // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          Logger.prototype.debug = function () {
-              var args = [];
-              for (var _i = 0; _i < arguments.length; _i++) {
-                  args[_i] = arguments[_i];
-              }
-              if (this.enabled) {
-                  // eslint-disable-next-line no-console
-                  if (typeof window !== 'undefined' && window.console && typeof console.debug === 'function') {
-                      // eslint-disable-next-line no-console
-                      console.debug.apply(console, __spreadArray([this.id, this.getTime() + "ms"], args));
-                  }
-                  else {
-                      this.info.apply(this, args);
-                  }
-              }
-          };
-          Logger.prototype.getTime = function () {
-              return Date.now() - this.start;
-          };
-          // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          Logger.prototype.info = function () {
-              var args = [];
-              for (var _i = 0; _i < arguments.length; _i++) {
-                  args[_i] = arguments[_i];
-              }
-              if (this.enabled) {
-                  // eslint-disable-next-line no-console
-                  if (typeof window !== 'undefined' && window.console && typeof console.info === 'function') {
-                      // eslint-disable-next-line no-console
-                      console.info.apply(console, __spreadArray([this.id, this.getTime() + "ms"], args));
-                  }
-              }
-          };
-          // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          Logger.prototype.warn = function () {
-              var args = [];
-              for (var _i = 0; _i < arguments.length; _i++) {
-                  args[_i] = arguments[_i];
-              }
-              if (this.enabled) {
-                  // eslint-disable-next-line no-console
-                  if (typeof window !== 'undefined' && window.console && typeof console.warn === 'function') {
-                      // eslint-disable-next-line no-console
-                      console.warn.apply(console, __spreadArray([this.id, this.getTime() + "ms"], args));
-                  }
-                  else {
-                      this.info.apply(this, args);
+        };
+        CanvasRenderer.prototype.renderSolidBorder = function (
+          color,
+          side,
+          curvePoints,
+        ) {
+          return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+              this.path(parsePathForBorder(curvePoints, side));
+              this.ctx.fillStyle = asString(color);
+              this.ctx.fill();
+              return [2 /*return*/];
+            });
+          });
+        };
+        CanvasRenderer.prototype.renderDoubleBorder = function (
+          color,
+          width,
+          side,
+          curvePoints,
+        ) {
+          return __awaiter(this, void 0, void 0, function () {
+            var outerPaths, innerPaths;
+            return __generator(this, function (_a) {
+              switch (_a.label) {
+                case 0:
+                  if (!(width < 3)) return [3 /*break*/, 2];
+                  return [
+                    4 /*yield*/,
+                    this.renderSolidBorder(color, side, curvePoints),
+                  ];
+                case 1:
+                  _a.sent();
+                  return [2 /*return*/];
+                case 2:
+                  outerPaths = parsePathForBorderDoubleOuter(curvePoints, side);
+                  this.path(outerPaths);
+                  this.ctx.fillStyle = asString(color);
+                  this.ctx.fill();
+                  innerPaths = parsePathForBorderDoubleInner(curvePoints, side);
+                  this.path(innerPaths);
+                  this.ctx.fill();
+                  return [2 /*return*/];
+              }
+            });
+          });
+        };
+        CanvasRenderer.prototype.renderNodeBackgroundAndBorders = function (
+          paint,
+        ) {
+          return __awaiter(this, void 0, void 0, function () {
+            var styles,
+              hasBackground,
+              borders,
+              backgroundPaintingArea,
+              side,
+              _i,
+              borders_1,
+              border;
+            var _this = this;
+            return __generator(this, function (_a) {
+              switch (_a.label) {
+                case 0:
+                  this.applyEffects(
+                    paint.getEffects(2 /* BACKGROUND_BORDERS */),
+                  );
+                  styles = paint.container.styles;
+                  hasBackground =
+                    !isTransparent(styles.backgroundColor) ||
+                    styles.backgroundImage.length;
+                  borders = [
+                    {
+                      style: styles.borderTopStyle,
+                      color: styles.borderTopColor,
+                      width: styles.borderTopWidth,
+                    },
+                    {
+                      style: styles.borderRightStyle,
+                      color: styles.borderRightColor,
+                      width: styles.borderRightWidth,
+                    },
+                    {
+                      style: styles.borderBottomStyle,
+                      color: styles.borderBottomColor,
+                      width: styles.borderBottomWidth,
+                    },
+                    {
+                      style: styles.borderLeftStyle,
+                      color: styles.borderLeftColor,
+                      width: styles.borderLeftWidth,
+                    },
+                  ];
+                  backgroundPaintingArea =
+                    calculateBackgroundCurvedPaintingArea(
+                      getBackgroundValueForIndex(styles.backgroundClip, 0),
+                      paint.curves,
+                    );
+                  if (!(hasBackground || styles.boxShadow.length))
+                    return [3 /*break*/, 2];
+                  this.ctx.save();
+                  this.path(backgroundPaintingArea);
+                  this.ctx.clip();
+                  if (!isTransparent(styles.backgroundColor)) {
+                    this.ctx.fillStyle = asString(styles.backgroundColor);
+                    this.ctx.fill();
                   }
+                  return [
+                    4 /*yield*/,
+                    this.renderBackgroundImage(paint.container),
+                  ];
+                case 1:
+                  _a.sent();
+                  this.ctx.restore();
+                  styles.boxShadow
+                    .slice(0)
+                    .reverse()
+                    .forEach(function (shadow) {
+                      _this.ctx.save();
+                      var borderBoxArea = calculateBorderBoxPath(paint.curves);
+                      var maskOffset = shadow.inset ? 0 : MASK_OFFSET;
+                      var shadowPaintingArea = transformPath(
+                        borderBoxArea,
+                        -maskOffset +
+                          (shadow.inset ? 1 : -1) * shadow.spread.number,
+                        (shadow.inset ? 1 : -1) * shadow.spread.number,
+                        shadow.spread.number * (shadow.inset ? -2 : 2),
+                        shadow.spread.number * (shadow.inset ? -2 : 2),
+                      );
+                      if (shadow.inset) {
+                        _this.path(borderBoxArea);
+                        _this.ctx.clip();
+                        _this.mask(shadowPaintingArea);
+                      } else {
+                        _this.mask(borderBoxArea);
+                        _this.ctx.clip();
+                        _this.path(shadowPaintingArea);
+                      }
+                      _this.ctx.shadowOffsetX =
+                        shadow.offsetX.number + maskOffset;
+                      _this.ctx.shadowOffsetY = shadow.offsetY.number;
+                      _this.ctx.shadowColor = asString(shadow.color);
+                      _this.ctx.shadowBlur = shadow.blur.number;
+                      _this.ctx.fillStyle = shadow.inset
+                        ? asString(shadow.color)
+                        : "rgba(0,0,0,1)";
+                      _this.ctx.fill();
+                      _this.ctx.restore();
+                    });
+                  _a.label = 2;
+                case 2:
+                  side = 0;
+                  (_i = 0), (borders_1 = borders);
+                  _a.label = 3;
+                case 3:
+                  if (!(_i < borders_1.length)) return [3 /*break*/, 13];
+                  border = borders_1[_i];
+                  if (
+                    !(
+                      border.style !== 0 /* NONE */ &&
+                      !isTransparent(border.color) &&
+                      border.width > 0
+                    )
+                  )
+                    return [3 /*break*/, 11];
+                  if (!((border.style === 2) /* DASHED */))
+                    return [3 /*break*/, 5];
+                  return [
+                    4 /*yield*/,
+                    this.renderDashedDottedBorder(
+                      border.color,
+                      border.width,
+                      side,
+                      paint.curves,
+                      2 /* DASHED */,
+                    ),
+                  ];
+                case 4:
+                  _a.sent();
+                  return [3 /*break*/, 11];
+                case 5:
+                  if (!((border.style === 3) /* DOTTED */))
+                    return [3 /*break*/, 7];
+                  return [
+                    4 /*yield*/,
+                    this.renderDashedDottedBorder(
+                      border.color,
+                      border.width,
+                      side,
+                      paint.curves,
+                      3 /* DOTTED */,
+                    ),
+                  ];
+                case 6:
+                  _a.sent();
+                  return [3 /*break*/, 11];
+                case 7:
+                  if (!((border.style === 4) /* DOUBLE */))
+                    return [3 /*break*/, 9];
+                  return [
+                    4 /*yield*/,
+                    this.renderDoubleBorder(
+                      border.color,
+                      border.width,
+                      side,
+                      paint.curves,
+                    ),
+                  ];
+                case 8:
+                  _a.sent();
+                  return [3 /*break*/, 11];
+                case 9:
+                  return [
+                    4 /*yield*/,
+                    this.renderSolidBorder(border.color, side, paint.curves),
+                  ];
+                case 10:
+                  _a.sent();
+                  _a.label = 11;
+                case 11:
+                  side++;
+                  _a.label = 12;
+                case 12:
+                  _i++;
+                  return [3 /*break*/, 3];
+                case 13:
+                  return [2 /*return*/];
+              }
+            });
+          });
+        };
+        CanvasRenderer.prototype.renderDashedDottedBorder = function (
+          color,
+          width,
+          side,
+          curvePoints,
+          style,
+        ) {
+          return __awaiter(this, void 0, void 0, function () {
+            var strokePaths,
+              boxPaths,
+              startX,
+              startY,
+              endX,
+              endY,
+              length,
+              dashLength,
+              spaceLength,
+              useLineDash,
+              multiplier,
+              numberOfDashes,
+              minSpace,
+              maxSpace,
+              path1,
+              path2,
+              path1,
+              path2;
+            return __generator(this, function (_a) {
+              this.ctx.save();
+              strokePaths = parsePathForBorderStroke(curvePoints, side);
+              boxPaths = parsePathForBorder(curvePoints, side);
+              if (style === 2 /* DASHED */) {
+                this.path(boxPaths);
+                this.ctx.clip();
+              }
+              if (isBezierCurve(boxPaths[0])) {
+                startX = boxPaths[0].start.x;
+                startY = boxPaths[0].start.y;
+              } else {
+                startX = boxPaths[0].x;
+                startY = boxPaths[0].y;
+              }
+              if (isBezierCurve(boxPaths[1])) {
+                endX = boxPaths[1].end.x;
+                endY = boxPaths[1].end.y;
+              } else {
+                endX = boxPaths[1].x;
+                endY = boxPaths[1].y;
+              }
+              if (side === 0 || side === 2) {
+                length = Math.abs(startX - endX);
+              } else {
+                length = Math.abs(startY - endY);
               }
-          };
-          // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          Logger.prototype.error = function () {
-              var args = [];
-              for (var _i = 0; _i < arguments.length; _i++) {
-                  args[_i] = arguments[_i];
-              }
-              if (this.enabled) {
-                  // eslint-disable-next-line no-console
-                  if (typeof window !== 'undefined' && window.console && typeof console.error === 'function') {
-                      // eslint-disable-next-line no-console
-                      console.error.apply(console, __spreadArray([this.id, this.getTime() + "ms"], args));
-                  }
-                  else {
-                      this.info.apply(this, args);
-                  }
+              this.ctx.beginPath();
+              if (style === 3 /* DOTTED */) {
+                this.formatPath(strokePaths);
+              } else {
+                this.formatPath(boxPaths.slice(0, 2));
+              }
+              dashLength = width < 3 ? width * 3 : width * 2;
+              spaceLength = width < 3 ? width * 2 : width;
+              if (style === 3 /* DOTTED */) {
+                dashLength = width;
+                spaceLength = width;
+              }
+              useLineDash = true;
+              if (length <= dashLength * 2) {
+                useLineDash = false;
+              } else if (length <= dashLength * 2 + spaceLength) {
+                multiplier = length / (2 * dashLength + spaceLength);
+                dashLength *= multiplier;
+                spaceLength *= multiplier;
+              } else {
+                numberOfDashes = Math.floor(
+                  (length + spaceLength) / (dashLength + spaceLength),
+                );
+                minSpace =
+                  (length - numberOfDashes * dashLength) / (numberOfDashes - 1);
+                maxSpace =
+                  (length - (numberOfDashes + 1) * dashLength) / numberOfDashes;
+                spaceLength =
+                  maxSpace <= 0 ||
+                  Math.abs(spaceLength - minSpace) <
+                    Math.abs(spaceLength - maxSpace)
+                    ? minSpace
+                    : maxSpace;
+              }
+              if (useLineDash) {
+                if (style === 3 /* DOTTED */) {
+                  this.ctx.setLineDash([0, dashLength + spaceLength]);
+                } else {
+                  this.ctx.setLineDash([dashLength, spaceLength]);
+                }
+              }
+              if (style === 3 /* DOTTED */) {
+                this.ctx.lineCap = "round";
+                this.ctx.lineWidth = width;
+              } else {
+                this.ctx.lineWidth = width * 2 + 1.1;
+              }
+              this.ctx.strokeStyle = asString(color);
+              this.ctx.stroke();
+              this.ctx.setLineDash([]);
+              // dashed round edge gap
+              if (style === 2 /* DASHED */) {
+                if (isBezierCurve(boxPaths[0])) {
+                  path1 = boxPaths[3];
+                  path2 = boxPaths[0];
+                  this.ctx.beginPath();
+                  this.formatPath([
+                    new Vector(path1.end.x, path1.end.y),
+                    new Vector(path2.start.x, path2.start.y),
+                  ]);
+                  this.ctx.stroke();
+                }
+                if (isBezierCurve(boxPaths[1])) {
+                  path1 = boxPaths[1];
+                  path2 = boxPaths[2];
+                  this.ctx.beginPath();
+                  this.formatPath([
+                    new Vector(path1.end.x, path1.end.y),
+                    new Vector(path2.start.x, path2.start.y),
+                  ]);
+                  this.ctx.stroke();
+                }
               }
+              this.ctx.restore();
+              return [2 /*return*/];
+            });
+          });
+        };
+        CanvasRenderer.prototype.render = function (element) {
+          return __awaiter(this, void 0, void 0, function () {
+            var stack;
+            return __generator(this, function (_a) {
+              switch (_a.label) {
+                case 0:
+                  if (this.options.backgroundColor) {
+                    this.ctx.fillStyle = asString(this.options.backgroundColor);
+                    this.ctx.fillRect(
+                      this.options.x,
+                      this.options.y,
+                      this.options.width,
+                      this.options.height,
+                    );
+                  }
+                  stack = parseStackingContexts(element);
+                  return [4 /*yield*/, this.renderStack(stack)];
+                case 1:
+                  _a.sent();
+                  this.applyEffects([]);
+                  return [2 /*return*/, this.canvas];
+              }
+            });
+          });
+        };
+        return CanvasRenderer;
+      })(Renderer);
+      var isTextInputElement = function (container) {
+        if (container instanceof TextareaElementContainer) {
+          return true;
+        } else if (container instanceof SelectElementContainer) {
+          return true;
+        } else if (
+          container instanceof InputElementContainer &&
+          container.type !== RADIO &&
+          container.type !== CHECKBOX
+        ) {
+          return true;
+        }
+        return false;
+      };
+      var calculateBackgroundCurvedPaintingArea = function (clip, curves) {
+        switch (clip) {
+          case 0 /* BORDER_BOX */:
+            return calculateBorderBoxPath(curves);
+          case 2 /* CONTENT_BOX */:
+            return calculateContentBoxPath(curves);
+          case 1 /* PADDING_BOX */:
+          default:
+            return calculatePaddingBoxPath(curves);
+        }
+      };
+      var canvasTextAlign = function (textAlign) {
+        switch (textAlign) {
+          case 1 /* CENTER */:
+            return "center";
+          case 2 /* RIGHT */:
+            return "right";
+          case 0 /* LEFT */:
+          default:
+            return "left";
+        }
+      };
+      // see https://github.com/niklasvh/html2canvas/pull/2645
+      var iOSBrokenFonts = ["-apple-system", "system-ui"];
+      var fixIOSSystemFonts = function (fontFamilies) {
+        return /iPhone OS 15_(0|1)/.test(window.navigator.userAgent)
+          ? fontFamilies.filter(function (fontFamily) {
+              return iOSBrokenFonts.indexOf(fontFamily) === -1;
+            })
+          : fontFamilies;
+      };
+
+      var ForeignObjectRenderer = /** @class */ (function (_super) {
+        __extends(ForeignObjectRenderer, _super);
+        function ForeignObjectRenderer(context, options) {
+          var _this = _super.call(this, context, options) || this;
+          _this.canvas = options.canvas
+            ? options.canvas
+            : document.createElement("canvas");
+          _this.ctx = _this.canvas.getContext("2d");
+          _this.options = options;
+          _this.canvas.width = Math.floor(options.width * options.scale);
+          _this.canvas.height = Math.floor(options.height * options.scale);
+          _this.canvas.style.width = options.width + "px";
+          _this.canvas.style.height = options.height + "px";
+          _this.ctx.scale(_this.options.scale, _this.options.scale);
+          _this.ctx.translate(-options.x, -options.y);
+          _this.context.logger.debug(
+            "EXPERIMENTAL ForeignObject renderer initialized (" +
+              options.width +
+              "x" +
+              options.height +
+              " at " +
+              options.x +
+              "," +
+              options.y +
+              ") with scale " +
+              options.scale,
+          );
+          return _this;
+        }
+        ForeignObjectRenderer.prototype.render = function (element) {
+          return __awaiter(this, void 0, void 0, function () {
+            var svg, img;
+            return __generator(this, function (_a) {
+              switch (_a.label) {
+                case 0:
+                  svg = createForeignObjectSVG(
+                    this.options.width * this.options.scale,
+                    this.options.height * this.options.scale,
+                    this.options.scale,
+                    this.options.scale,
+                    element,
+                  );
+                  return [4 /*yield*/, loadSerializedSVG(svg)];
+                case 1:
+                  img = _a.sent();
+                  if (this.options.backgroundColor) {
+                    this.ctx.fillStyle = asString(this.options.backgroundColor);
+                    this.ctx.fillRect(
+                      0,
+                      0,
+                      this.options.width * this.options.scale,
+                      this.options.height * this.options.scale,
+                    );
+                  }
+                  this.ctx.drawImage(
+                    img,
+                    -this.options.x * this.options.scale,
+                    -this.options.y * this.options.scale,
+                  );
+                  return [2 /*return*/, this.canvas];
+              }
+            });
+          });
+        };
+        return ForeignObjectRenderer;
+      })(Renderer);
+      var loadSerializedSVG = function (svg) {
+        return new Promise(function (resolve, reject) {
+          var img = new Image();
+          img.onload = function () {
+            resolve(img);
           };
-          Logger.instances = {};
-          return Logger;
-      }());
+          img.onerror = reject;
+          img.src =
+            "data:image/svg+xml;charset=utf-8," +
+            encodeURIComponent(new XMLSerializer().serializeToString(svg));
+        });
+      };
+
+      var Logger = /** @class */ (function () {
+        function Logger(_a) {
+          var id = _a.id,
+            enabled = _a.enabled;
+          this.id = id;
+          this.enabled = enabled;
+          this.start = Date.now();
+        }
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        Logger.prototype.debug = function () {
+          var args = [];
+          for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+          }
+          if (this.enabled) {
+            // eslint-disable-next-line no-console
+            if (
+              typeof window !== "undefined" &&
+              window.console &&
+              typeof console.debug === "function"
+            ) {
+              // eslint-disable-next-line no-console
+              console.debug.apply(
+                console,
+                __spreadArray([this.id, this.getTime() + "ms"], args),
+              );
+            } else {
+              this.info.apply(this, args);
+            }
+          }
+        };
+        Logger.prototype.getTime = function () {
+          return Date.now() - this.start;
+        };
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        Logger.prototype.info = function () {
+          var args = [];
+          for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+          }
+          if (this.enabled) {
+            // eslint-disable-next-line no-console
+            if (
+              typeof window !== "undefined" &&
+              window.console &&
+              typeof console.info === "function"
+            ) {
+              // eslint-disable-next-line no-console
+              console.info.apply(
+                console,
+                __spreadArray([this.id, this.getTime() + "ms"], args),
+              );
+            }
+          }
+        };
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        Logger.prototype.warn = function () {
+          var args = [];
+          for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+          }
+          if (this.enabled) {
+            // eslint-disable-next-line no-console
+            if (
+              typeof window !== "undefined" &&
+              window.console &&
+              typeof console.warn === "function"
+            ) {
+              // eslint-disable-next-line no-console
+              console.warn.apply(
+                console,
+                __spreadArray([this.id, this.getTime() + "ms"], args),
+              );
+            } else {
+              this.info.apply(this, args);
+            }
+          }
+        };
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        Logger.prototype.error = function () {
+          var args = [];
+          for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+          }
+          if (this.enabled) {
+            // eslint-disable-next-line no-console
+            if (
+              typeof window !== "undefined" &&
+              window.console &&
+              typeof console.error === "function"
+            ) {
+              // eslint-disable-next-line no-console
+              console.error.apply(
+                console,
+                __spreadArray([this.id, this.getTime() + "ms"], args),
+              );
+            } else {
+              this.info.apply(this, args);
+            }
+          }
+        };
+        Logger.instances = {};
+        return Logger;
+      })();
 
       var Context = /** @class */ (function () {
-          function Context(options, windowBounds) {
-              var _a;
-              this.windowBounds = windowBounds;
-              this.instanceName = "#" + Context.instanceCount++;
-              this.logger = new Logger({ id: this.instanceName, enabled: options.logging });
-              this.cache = (_a = options.cache) !== null && _a !== void 0 ? _a : new Cache(this, options);
-          }
-          Context.instanceCount = 1;
-          return Context;
-      }());
+        function Context(options, windowBounds) {
+          var _a;
+          this.windowBounds = windowBounds;
+          this.instanceName = "#" + Context.instanceCount++;
+          this.logger = new Logger({
+            id: this.instanceName,
+            enabled: options.logging,
+          });
+          this.cache =
+            (_a = options.cache) !== null && _a !== void 0
+              ? _a
+              : new Cache(this, options);
+        }
+        Context.instanceCount = 1;
+        return Context;
+      })();
 
       var html2canvas = function (element, options) {
-          if (options === void 0) { options = {}; }
-          return renderElement(element, options);
+        if (options === void 0) {
+          options = {};
+        }
+        return renderElement(element, options);
       };
-      if (typeof window !== 'undefined') {
-          CacheStorage.setContext(window);
+      if (typeof window !== "undefined") {
+        CacheStorage.setContext(window);
       }
-      var renderElement = function (element, opts) { return __awaiter(void 0, void 0, void 0, function () {
-          var ownerDocument, defaultView, resourceOptions, contextOptions, windowOptions, windowBounds, context, foreignObjectRendering, cloneOptions, documentCloner, clonedElement, container, _a, width, height, left, top, backgroundColor, renderOptions, canvas, renderer, root, renderer;
-          var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
+      var renderElement = function (element, opts) {
+        return __awaiter(void 0, void 0, void 0, function () {
+          var ownerDocument,
+            defaultView,
+            resourceOptions,
+            contextOptions,
+            windowOptions,
+            windowBounds,
+            context,
+            foreignObjectRendering,
+            cloneOptions,
+            documentCloner,
+            clonedElement,
+            container,
+            _a,
+            width,
+            height,
+            left,
+            top,
+            backgroundColor,
+            renderOptions,
+            canvas,
+            renderer,
+            root,
+            renderer;
+          var _b,
+            _c,
+            _d,
+            _e,
+            _f,
+            _g,
+            _h,
+            _j,
+            _k,
+            _l,
+            _m,
+            _o,
+            _p,
+            _q,
+            _r,
+            _s,
+            _t;
           return __generator(this, function (_u) {
-              switch (_u.label) {
-                  case 0:
-                      if (!element || typeof element !== 'object') {
-                          return [2 /*return*/, Promise.reject('Invalid element provided as first argument')];
-                      }
-                      ownerDocument = element.ownerDocument;
-                      if (!ownerDocument) {
-                          throw new Error("Element is not attached to a Document");
-                      }
-                      defaultView = ownerDocument.defaultView;
-                      if (!defaultView) {
-                          throw new Error("Document is not attached to a Window");
-                      }
-                      resourceOptions = {
-                          allowTaint: (_b = opts.allowTaint) !== null && _b !== void 0 ? _b : false,
-                          imageTimeout: (_c = opts.imageTimeout) !== null && _c !== void 0 ? _c : 15000,
-                          proxy: opts.proxy,
-                          useCORS: (_d = opts.useCORS) !== null && _d !== void 0 ? _d : false
-                      };
-                      contextOptions = __assign({ logging: (_e = opts.logging) !== null && _e !== void 0 ? _e : true, cache: opts.cache }, resourceOptions);
-                      windowOptions = {
-                          windowWidth: (_f = opts.windowWidth) !== null && _f !== void 0 ? _f : defaultView.innerWidth,
-                          windowHeight: (_g = opts.windowHeight) !== null && _g !== void 0 ? _g : defaultView.innerHeight,
-                          scrollX: (_h = opts.scrollX) !== null && _h !== void 0 ? _h : defaultView.pageXOffset,
-                          scrollY: (_j = opts.scrollY) !== null && _j !== void 0 ? _j : defaultView.pageYOffset
-                      };
-                      windowBounds = new Bounds(windowOptions.scrollX, windowOptions.scrollY, windowOptions.windowWidth, windowOptions.windowHeight);
-                      context = new Context(contextOptions, windowBounds);
-                      foreignObjectRendering = (_k = opts.foreignObjectRendering) !== null && _k !== void 0 ? _k : false;
-                      cloneOptions = {
-                          allowTaint: (_l = opts.allowTaint) !== null && _l !== void 0 ? _l : false,
-                          onclone: opts.onclone,
-                          ignoreElements: opts.ignoreElements,
-                          inlineImages: foreignObjectRendering,
-                          copyStyles: foreignObjectRendering
-                      };
-                      context.logger.debug("Starting document clone with size " + windowBounds.width + "x" + windowBounds.height + " scrolled to " + -windowBounds.left + "," + -windowBounds.top);
-                      documentCloner = new DocumentCloner(context, element, cloneOptions);
-                      clonedElement = documentCloner.clonedReferenceElement;
-                      if (!clonedElement) {
-                          return [2 /*return*/, Promise.reject("Unable to find element in cloned iframe")];
-                      }
-                      return [4 /*yield*/, documentCloner.toIFrame(ownerDocument, windowBounds)];
-                  case 1:
-                      container = _u.sent();
-                      _a = isBodyElement(clonedElement) || isHTMLElement(clonedElement)
-                          ? parseDocumentSize(clonedElement.ownerDocument)
-                          : parseBounds(context, clonedElement), width = _a.width, height = _a.height, left = _a.left, top = _a.top;
-                      backgroundColor = parseBackgroundColor(context, clonedElement, opts.backgroundColor);
-                      renderOptions = {
-                          canvas: opts.canvas,
-                          backgroundColor: backgroundColor,
-                          scale: (_o = (_m = opts.scale) !== null && _m !== void 0 ? _m : defaultView.devicePixelRatio) !== null && _o !== void 0 ? _o : 1,
-                          x: ((_p = opts.x) !== null && _p !== void 0 ? _p : 0) + left,
-                          y: ((_q = opts.y) !== null && _q !== void 0 ? _q : 0) + top,
-                          width: (_r = opts.width) !== null && _r !== void 0 ? _r : Math.ceil(width),
-                          height: (_s = opts.height) !== null && _s !== void 0 ? _s : Math.ceil(height)
-                      };
-                      if (!foreignObjectRendering) return [3 /*break*/, 3];
-                      context.logger.debug("Document cloned, using foreign object rendering");
-                      renderer = new ForeignObjectRenderer(context, renderOptions);
-                      return [4 /*yield*/, renderer.render(clonedElement)];
-                  case 2:
-                      canvas = _u.sent();
-                      return [3 /*break*/, 5];
-                  case 3:
-                      context.logger.debug("Document cloned, element located at " + left + "," + top + " with size " + width + "x" + height + " using computed rendering");
-                      context.logger.debug("Starting DOM parsing");
-                      root = parseTree(context, clonedElement);
-                      if (backgroundColor === root.styles.backgroundColor) {
-                          root.styles.backgroundColor = COLORS.TRANSPARENT;
-                      }
-                      context.logger.debug("Starting renderer for element at " + renderOptions.x + "," + renderOptions.y + " with size " + renderOptions.width + "x" + renderOptions.height);
-                      renderer = new CanvasRenderer(context, renderOptions);
-                      return [4 /*yield*/, renderer.render(root)];
-                  case 4:
-                      canvas = _u.sent();
-                      _u.label = 5;
-                  case 5:
-                      if ((_t = opts.removeContainer) !== null && _t !== void 0 ? _t : true) {
-                          if (!DocumentCloner.destroy(container)) {
-                              context.logger.error("Cannot detach cloned iframe as it is not in the DOM anymore");
-                          }
-                      }
-                      context.logger.debug("Finished rendering");
-                      return [2 /*return*/, canvas];
-              }
+            switch (_u.label) {
+              case 0:
+                if (!element || typeof element !== "object") {
+                  return [
+                    2 /*return*/,
+                    Promise.reject(
+                      "Invalid element provided as first argument",
+                    ),
+                  ];
+                }
+                ownerDocument = element.ownerDocument;
+                if (!ownerDocument) {
+                  throw new Error("Element is not attached to a Document");
+                }
+                defaultView = ownerDocument.defaultView;
+                if (!defaultView) {
+                  throw new Error("Document is not attached to a Window");
+                }
+                resourceOptions = {
+                  allowTaint:
+                    (_b = opts.allowTaint) !== null && _b !== void 0
+                      ? _b
+                      : false,
+                  imageTimeout:
+                    (_c = opts.imageTimeout) !== null && _c !== void 0
+                      ? _c
+                      : 15000,
+                  proxy: opts.proxy,
+                  useCORS:
+                    (_d = opts.useCORS) !== null && _d !== void 0 ? _d : false,
+                };
+                contextOptions = __assign(
+                  {
+                    logging:
+                      (_e = opts.logging) !== null && _e !== void 0 ? _e : true,
+                    cache: opts.cache,
+                  },
+                  resourceOptions,
+                );
+                windowOptions = {
+                  windowWidth:
+                    (_f = opts.windowWidth) !== null && _f !== void 0
+                      ? _f
+                      : defaultView.innerWidth,
+                  windowHeight:
+                    (_g = opts.windowHeight) !== null && _g !== void 0
+                      ? _g
+                      : defaultView.innerHeight,
+                  scrollX:
+                    (_h = opts.scrollX) !== null && _h !== void 0
+                      ? _h
+                      : defaultView.pageXOffset,
+                  scrollY:
+                    (_j = opts.scrollY) !== null && _j !== void 0
+                      ? _j
+                      : defaultView.pageYOffset,
+                };
+                windowBounds = new Bounds(
+                  windowOptions.scrollX,
+                  windowOptions.scrollY,
+                  windowOptions.windowWidth,
+                  windowOptions.windowHeight,
+                );
+                context = new Context(contextOptions, windowBounds);
+                foreignObjectRendering =
+                  (_k = opts.foreignObjectRendering) !== null && _k !== void 0
+                    ? _k
+                    : false;
+                cloneOptions = {
+                  allowTaint:
+                    (_l = opts.allowTaint) !== null && _l !== void 0
+                      ? _l
+                      : false,
+                  onclone: opts.onclone,
+                  ignoreElements: opts.ignoreElements,
+                  inlineImages: foreignObjectRendering,
+                  copyStyles: foreignObjectRendering,
+                };
+                context.logger.debug(
+                  "Starting document clone with size " +
+                    windowBounds.width +
+                    "x" +
+                    windowBounds.height +
+                    " scrolled to " +
+                    -windowBounds.left +
+                    "," +
+                    -windowBounds.top,
+                );
+                documentCloner = new DocumentCloner(
+                  context,
+                  element,
+                  cloneOptions,
+                );
+                clonedElement = documentCloner.clonedReferenceElement;
+                if (!clonedElement) {
+                  return [
+                    2 /*return*/,
+                    Promise.reject("Unable to find element in cloned iframe"),
+                  ];
+                }
+                return [
+                  4 /*yield*/,
+                  documentCloner.toIFrame(ownerDocument, windowBounds),
+                ];
+              case 1:
+                container = _u.sent();
+                (_a =
+                  isBodyElement(clonedElement) || isHTMLElement(clonedElement)
+                    ? parseDocumentSize(clonedElement.ownerDocument)
+                    : parseBounds(context, clonedElement)),
+                  (width = _a.width),
+                  (height = _a.height),
+                  (left = _a.left),
+                  (top = _a.top);
+                backgroundColor = parseBackgroundColor(
+                  context,
+                  clonedElement,
+                  opts.backgroundColor,
+                );
+                renderOptions = {
+                  canvas: opts.canvas,
+                  backgroundColor: backgroundColor,
+                  scale:
+                    (_o =
+                      (_m = opts.scale) !== null && _m !== void 0
+                        ? _m
+                        : defaultView.devicePixelRatio) !== null &&
+                    _o !== void 0
+                      ? _o
+                      : 1,
+                  x: ((_p = opts.x) !== null && _p !== void 0 ? _p : 0) + left,
+                  y: ((_q = opts.y) !== null && _q !== void 0 ? _q : 0) + top,
+                  width:
+                    (_r = opts.width) !== null && _r !== void 0
+                      ? _r
+                      : Math.ceil(width),
+                  height:
+                    (_s = opts.height) !== null && _s !== void 0
+                      ? _s
+                      : Math.ceil(height),
+                };
+                if (!foreignObjectRendering) return [3 /*break*/, 3];
+                context.logger.debug(
+                  "Document cloned, using foreign object rendering",
+                );
+                renderer = new ForeignObjectRenderer(context, renderOptions);
+                return [4 /*yield*/, renderer.render(clonedElement)];
+              case 2:
+                canvas = _u.sent();
+                return [3 /*break*/, 5];
+              case 3:
+                context.logger.debug(
+                  "Document cloned, element located at " +
+                    left +
+                    "," +
+                    top +
+                    " with size " +
+                    width +
+                    "x" +
+                    height +
+                    " using computed rendering",
+                );
+                context.logger.debug("Starting DOM parsing");
+                root = parseTree(context, clonedElement);
+                if (backgroundColor === root.styles.backgroundColor) {
+                  root.styles.backgroundColor = COLORS.TRANSPARENT;
+                }
+                context.logger.debug(
+                  "Starting renderer for element at " +
+                    renderOptions.x +
+                    "," +
+                    renderOptions.y +
+                    " with size " +
+                    renderOptions.width +
+                    "x" +
+                    renderOptions.height,
+                );
+                renderer = new CanvasRenderer(context, renderOptions);
+                return [4 /*yield*/, renderer.render(root)];
+              case 4:
+                canvas = _u.sent();
+                _u.label = 5;
+              case 5:
+                if (
+                  (_t = opts.removeContainer) !== null && _t !== void 0
+                    ? _t
+                    : true
+                ) {
+                  if (!DocumentCloner.destroy(container)) {
+                    context.logger.error(
+                      "Cannot detach cloned iframe as it is not in the DOM anymore",
+                    );
+                  }
+                }
+                context.logger.debug("Finished rendering");
+                return [2 /*return*/, canvas];
+            }
           });
-      }); };
-      var parseBackgroundColor = function (context, element, backgroundColorOverride) {
-          var ownerDocument = element.ownerDocument;
-          // http://www.w3.org/TR/css3-background/#special-backgrounds
-          var documentBackgroundColor = ownerDocument.documentElement
-              ? parseColor(context, getComputedStyle(ownerDocument.documentElement).backgroundColor)
-              : COLORS.TRANSPARENT;
-          var bodyBackgroundColor = ownerDocument.body
-              ? parseColor(context, getComputedStyle(ownerDocument.body).backgroundColor)
-              : COLORS.TRANSPARENT;
-          var defaultBackgroundColor = typeof backgroundColorOverride === 'string'
-              ? parseColor(context, backgroundColorOverride)
-              : backgroundColorOverride === null
-                  ? COLORS.TRANSPARENT
-                  : 0xffffffff;
-          return element === ownerDocument.documentElement
-              ? isTransparent(documentBackgroundColor)
-                  ? isTransparent(bodyBackgroundColor)
-                      ? defaultBackgroundColor
-                      : bodyBackgroundColor
-                  : documentBackgroundColor
-              : defaultBackgroundColor;
+        });
+      };
+      var parseBackgroundColor = function (
+        context,
+        element,
+        backgroundColorOverride,
+      ) {
+        var ownerDocument = element.ownerDocument;
+        // http://www.w3.org/TR/css3-background/#special-backgrounds
+        var documentBackgroundColor = ownerDocument.documentElement
+          ? parseColor(
+              context,
+              getComputedStyle(ownerDocument.documentElement).backgroundColor,
+            )
+          : COLORS.TRANSPARENT;
+        var bodyBackgroundColor = ownerDocument.body
+          ? parseColor(
+              context,
+              getComputedStyle(ownerDocument.body).backgroundColor,
+            )
+          : COLORS.TRANSPARENT;
+        var defaultBackgroundColor =
+          typeof backgroundColorOverride === "string"
+            ? parseColor(context, backgroundColorOverride)
+            : backgroundColorOverride === null
+              ? COLORS.TRANSPARENT
+              : 0xffffffff;
+        return element === ownerDocument.documentElement
+          ? isTransparent(documentBackgroundColor)
+            ? isTransparent(bodyBackgroundColor)
+              ? defaultBackgroundColor
+              : bodyBackgroundColor
+            : documentBackgroundColor
+          : defaultBackgroundColor;
       };
 
       return html2canvas;
-
-  })));
-
+    });
   });
 
   /* src/SearchFaces.svelte generated by Svelte v3.59.2 */
@@ -10986,835 +14362,982 @@
   const file$2 = "src/SearchFaces.svelte";
 
   function create_fragment$2(ctx) {
-  	let button;
-  	let svg;
-  	let path;
-  	let mounted;
-  	let dispose;
-
-  	const block = {
-  		c: function create() {
-  			button = element("button");
-  			svg = svg_element("svg");
-  			path = svg_element("path");
-  			attr_dev(path, "d", "M9,11.75A1.25,1.25 0 0,0 7.75,13A1.25,1.25 0 0,0 9,14.25A1.25,1.25 0 0,0 10.25,13A1.25,1.25 0 0,0 9,11.75M15,11.75A1.25,1.25 0 0,0 13.75,13A1.25,1.25 0 0,0 15,14.25A1.25,1.25 0 0,0 16.25,13A1.25,1.25 0 0,0 15,11.75M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20A8,8 0 0,1 4,12C3.97,11.71 3.97,11.43 4,11.14C6.38,10.1 8.27,8.17 9.26,5.77C11.13,8.42 14.17,10 17.42,10C18.18,10 18.93,9.91 19.67,9.74C20.92,14 18.5,18.43 14.26,19.67C13.5,19.89 12.76,20 12,20M0,2A2,2 0 0,1 2,0H6V2H2V6H0V2M24,22A2,2 0 0,1 22,24H18V22H22V18H24V22M2,24A2,2 0 0,1 0,22V18H2V22H6V24H2M22,0A2,2 0 0,1 24,2V6H22V2H18V0H22Z");
-  			add_location(path, file$2, 66, 4, 1826);
-  			attr_dev(svg, "xmlns", "http://www.w3.org/2000/svg");
-  			attr_dev(svg, "width", "20px");
-  			attr_dev(svg, "height", "20px");
-  			attr_dev(svg, "viewBox", "0 0 24 24");
-  			attr_dev(svg, "class", "svelte-1m5gxnd");
-  			add_location(svg, file$2, 65, 2, 1733);
-  			attr_dev(button, "id", "visage");
-  			attr_dev(button, "class", "svelte-1m5gxnd");
-  			toggle_class(button, "scanner", /*scanner*/ ctx[0]);
-  			add_location(button, file$2, 64, 0, 1675);
-  		},
-  		l: function claim(nodes) {
-  			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
-  		},
-  		m: function mount(target, anchor) {
-  			insert_dev(target, button, anchor);
-  			append_dev(button, svg);
-  			append_dev(svg, path);
-
-  			if (!mounted) {
-  				dispose = listen_dev(button, "click", /*recognize*/ ctx[1], false, false, false, false);
-  				mounted = true;
-  			}
-  		},
-  		p: function update(ctx, [dirty]) {
-  			if (dirty & /*scanner*/ 1) {
-  				toggle_class(button, "scanner", /*scanner*/ ctx[0]);
-  			}
-  		},
-  		i: noop,
-  		o: noop,
-  		d: function destroy(detaching) {
-  			if (detaching) detach_dev(button);
-  			mounted = false;
-  			dispose();
-  		}
-  	};
-
-  	dispatch_dev("SvelteRegisterBlock", {
-  		block,
-  		id: create_fragment$2.name,
-  		type: "component",
-  		source: "",
-  		ctx
-  	});
-
-  	return block;
+    let button;
+    let svg;
+    let path;
+    let mounted;
+    let dispose;
+
+    const block = {
+      c: function create() {
+        button = element("button");
+        svg = svg_element("svg");
+        path = svg_element("path");
+        attr_dev(
+          path,
+          "d",
+          "M9,11.75A1.25,1.25 0 0,0 7.75,13A1.25,1.25 0 0,0 9,14.25A1.25,1.25 0 0,0 10.25,13A1.25,1.25 0 0,0 9,11.75M15,11.75A1.25,1.25 0 0,0 13.75,13A1.25,1.25 0 0,0 15,14.25A1.25,1.25 0 0,0 16.25,13A1.25,1.25 0 0,0 15,11.75M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20A8,8 0 0,1 4,12C3.97,11.71 3.97,11.43 4,11.14C6.38,10.1 8.27,8.17 9.26,5.77C11.13,8.42 14.17,10 17.42,10C18.18,10 18.93,9.91 19.67,9.74C20.92,14 18.5,18.43 14.26,19.67C13.5,19.89 12.76,20 12,20M0,2A2,2 0 0,1 2,0H6V2H2V6H0V2M24,22A2,2 0 0,1 22,24H18V22H22V18H24V22M2,24A2,2 0 0,1 0,22V18H2V22H6V24H2M22,0A2,2 0 0,1 24,2V6H22V2H18V0H22Z",
+        );
+        add_location(path, file$2, 66, 4, 1826);
+        attr_dev(svg, "xmlns", "http://www.w3.org/2000/svg");
+        attr_dev(svg, "width", "20px");
+        attr_dev(svg, "height", "20px");
+        attr_dev(svg, "viewBox", "0 0 24 24");
+        attr_dev(svg, "class", "svelte-1m5gxnd");
+        add_location(svg, file$2, 65, 2, 1733);
+        attr_dev(button, "id", "visage");
+        attr_dev(button, "class", "svelte-1m5gxnd");
+        toggle_class(button, "scanner", /*scanner*/ ctx[0]);
+        add_location(button, file$2, 64, 0, 1675);
+      },
+      l: function claim(nodes) {
+        throw new Error(
+          "options.hydrate only works if the component was compiled with the `hydratable: true` option",
+        );
+      },
+      m: function mount(target, anchor) {
+        insert_dev(target, button, anchor);
+        append_dev(button, svg);
+        append_dev(svg, path);
+
+        if (!mounted) {
+          dispose = listen_dev(
+            button,
+            "click",
+            /*recognize*/ ctx[1],
+            false,
+            false,
+            false,
+            false,
+          );
+          mounted = true;
+        }
+      },
+      p: function update(ctx, [dirty]) {
+        if (dirty & /*scanner*/ 1) {
+          toggle_class(button, "scanner", /*scanner*/ ctx[0]);
+        }
+      },
+      i: noop,
+      o: noop,
+      d: function destroy(detaching) {
+        if (detaching) detach_dev(button);
+        mounted = false;
+        dispose();
+      },
+    };
+
+    dispatch_dev("SvelteRegisterBlock", {
+      block,
+      id: create_fragment$2.name,
+      type: "component",
+      source: "",
+      ctx,
+    });
+
+    return block;
   }
 
   function instance$2($$self, $$props, $$invalidate) {
-  	let { $$slots: slots = {}, $$scope } = $$props;
-  	validate_slots('SearchFaces', slots, []);
-  	let scanner = false;
-
-  	function recognize() {
-  		let [scenario] = getScenarioAndID();
-  		let selector;
-
-  		if (scenario === "scenes") {
-  			selector = "#VideoJsPlayer";
-  		} else if (scenario === "images") {
-  			selector = ".image-image";
-  		}
-
-  		html2canvas(document.querySelector(selector)).then(canvas => {
-  			$$invalidate(0, scanner = true);
-  			let image = canvas.toDataURL("image/jpg");
-  			let data = { data: [image, THRESHOLD, MAX_RESULTS] };
-
-  			fetch(VISAGE_API_URL + "_1", {
-  				method: "POST",
-  				headers: {
-  					"Content-Type": "application/json; charset=utf-8"
-  				},
-  				body: JSON.stringify(data)
-  			}).then(response => {
-  				console.log(response.responseText);
-
-  				if (response.status !== 200) {
-  					$$invalidate(0, scanner = false);
-  					alert("Something went wrong. It's likely a server issue, Please try again later.");
-  					return;
-  				}
-
-  				return response.json();
-  			}).then(data => {
-  				$$invalidate(0, scanner = false);
-
-  				if (data.data[0].length === 0) {
-  					alert("No matches found");
-  					return;
-  				}
-
-  				new Match({
-  						target: document.body,
-  						props: { matches: data.data[0] }
-  					});
-  			}).catch(error => {
-  				$$invalidate(0, scanner = false);
-  				alert("Error: " + error.message);
-  			});
-  		});
-  	}
-
-  	const calls = {
-  		recog() {
-  			recognize();
-  		}
-  	};
-
-  	const writable_props = [];
-
-  	Object.keys($$props).forEach(key => {
-  		if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console_1.warn(`<SearchFaces> was created with unknown prop '${key}'`);
-  	});
-
-  	$$self.$capture_state = () => ({
-  		getScenarioAndID,
-  		VISAGE_API_URL,
-  		THRESHOLD,
-  		MAX_RESULTS,
-  		Match,
-  		html2canvas,
-  		scanner,
-  		recognize,
-  		calls
-  	});
-
-  	$$self.$inject_state = $$props => {
-  		if ('scanner' in $$props) $$invalidate(0, scanner = $$props.scanner);
-  	};
-
-  	if ($$props && "$$inject" in $$props) {
-  		$$self.$inject_state($$props.$$inject);
-  	}
-
-  	return [scanner, recognize, calls];
+    let { $$slots: slots = {}, $$scope } = $$props;
+    validate_slots("SearchFaces", slots, []);
+    let scanner = false;
+
+    function recognize() {
+      let [scenario] = getScenarioAndID();
+      let selector;
+
+      if (scenario === "scenes") {
+        selector = "#VideoJsPlayer";
+      } else if (scenario === "images") {
+        selector = ".image-image";
+      }
+
+      html2canvas(document.querySelector(selector)).then((canvas) => {
+        $$invalidate(0, (scanner = true));
+        let image = canvas.toDataURL("image/jpg");
+        let data = { data: [image, THRESHOLD, MAX_RESULTS] };
+
+        fetch(VISAGE_API_URL + "_1", {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json; charset=utf-8",
+          },
+          body: JSON.stringify(data),
+        })
+          .then((response) => {
+            console.log(response.responseText);
+
+            if (response.status !== 200) {
+              $$invalidate(0, (scanner = false));
+              alert(
+                "Something went wrong. It's likely a server issue, Please try again later.",
+              );
+              return;
+            }
+
+            return response.json();
+          })
+          .then((data) => {
+            $$invalidate(0, (scanner = false));
+
+            if (data.data[0].length === 0) {
+              alert("No matches found");
+              return;
+            }
+
+            new Match({
+              target: document.body,
+              props: { matches: data.data[0] },
+            });
+          })
+          .catch((error) => {
+            $$invalidate(0, (scanner = false));
+            alert("Error: " + error.message);
+          });
+      });
+    }
+
+    const calls = {
+      recog() {
+        recognize();
+      },
+    };
+
+    const writable_props = [];
+
+    Object.keys($$props).forEach((key) => {
+      if (
+        !~writable_props.indexOf(key) &&
+        key.slice(0, 2) !== "$$" &&
+        key !== "slot"
+      )
+        console_1.warn(`<SearchFaces> was created with unknown prop '${key}'`);
+    });
+
+    $$self.$capture_state = () => ({
+      getScenarioAndID,
+      VISAGE_API_URL,
+      THRESHOLD,
+      MAX_RESULTS,
+      Match,
+      html2canvas,
+      scanner,
+      recognize,
+      calls,
+    });
+
+    $$self.$inject_state = ($$props) => {
+      if ("scanner" in $$props) $$invalidate(0, (scanner = $$props.scanner));
+    };
+
+    if ($$props && "$$inject" in $$props) {
+      $$self.$inject_state($$props.$$inject);
+    }
+
+    return [scanner, recognize, calls];
   }
 
   class SearchFaces extends SvelteComponentDev {
-  	constructor(options) {
-  		super(options);
-  		init(this, options, instance$2, create_fragment$2, safe_not_equal, { calls: 2 });
+    constructor(options) {
+      super(options);
+      init(this, options, instance$2, create_fragment$2, safe_not_equal, {
+        calls: 2,
+      });
 
-  		dispatch_dev("SvelteRegisterComponent", {
-  			component: this,
-  			tagName: "SearchFaces",
-  			options,
-  			id: create_fragment$2.name
-  		});
-  	}
+      dispatch_dev("SvelteRegisterComponent", {
+        component: this,
+        tagName: "SearchFaces",
+        options,
+        id: create_fragment$2.name,
+      });
+    }
 
-  	get calls() {
-  		return this.$$.ctx[2];
-  	}
+    get calls() {
+      return this.$$.ctx[2];
+    }
 
-  	set calls(value) {
-  		throw new Error("<SearchFaces>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
-  	}
+    set calls(value) {
+      throw new Error(
+        "<SearchFaces>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+      );
+    }
   }
 
   function flip(node, { from, to }, params = {}) {
-      const style = getComputedStyle(node);
-      const transform = style.transform === 'none' ? '' : style.transform;
-      const [ox, oy] = style.transformOrigin.split(' ').map(parseFloat);
-      const dx = (from.left + from.width * ox / to.width) - (to.left + ox);
-      const dy = (from.top + from.height * oy / to.height) - (to.top + oy);
-      const { delay = 0, duration = (d) => Math.sqrt(d) * 120, easing = cubicOut } = params;
-      return {
-          delay,
-          duration: is_function(duration) ? duration(Math.sqrt(dx * dx + dy * dy)) : duration,
-          easing,
-          css: (t, u) => {
-              const x = u * dx;
-              const y = u * dy;
-              const sx = t + u * from.width / to.width;
-              const sy = t + u * from.height / to.height;
-              return `transform: ${transform} translate(${x}px, ${y}px) scale(${sx}, ${sy});`;
-          }
-      };
+    const style = getComputedStyle(node);
+    const transform = style.transform === "none" ? "" : style.transform;
+    const [ox, oy] = style.transformOrigin.split(" ").map(parseFloat);
+    const dx = from.left + (from.width * ox) / to.width - (to.left + ox);
+    const dy = from.top + (from.height * oy) / to.height - (to.top + oy);
+    const {
+      delay = 0,
+      duration = (d) => Math.sqrt(d) * 120,
+      easing = cubicOut,
+    } = params;
+    return {
+      delay,
+      duration: is_function(duration)
+        ? duration(Math.sqrt(dx * dx + dy * dy))
+        : duration,
+      easing,
+      css: (t, u) => {
+        const x = u * dx;
+        const y = u * dy;
+        const sx = t + (u * from.width) / to.width;
+        const sy = t + (u * from.height) / to.height;
+        return `transform: ${transform} translate(${x}px, ${y}px) scale(${sx}, ${sy});`;
+      },
+    };
   }
 
   /* src/Faces.svelte generated by Svelte v3.59.2 */
   const file$1 = "src/Faces.svelte";
 
   function get_each_context(ctx, list, i) {
-  	const child_ctx = ctx.slice();
-  	child_ctx[10] = list[i];
-  	return child_ctx;
+    const child_ctx = ctx.slice();
+    child_ctx[10] = list[i];
+    return child_ctx;
   }
 
   // (49:10) {#each frames as frame (frame.id)}
   function create_each_block(key_1, ctx) {
-  	let div2;
-  	let div1;
-  	let div0;
-  	let div0_data_offset_value;
-  	let t;
-  	let div2_intro;
-  	let div2_outro;
-  	let rect;
-  	let stop_animation = noop;
-  	let current;
-  	let mounted;
-  	let dispose;
-
-  	function click_handler() {
-  		return /*click_handler*/ ctx[8](/*frame*/ ctx[10]);
-  	}
-
-  	const block = {
-  		key: key_1,
-  		first: null,
-  		c: function create() {
-  			div2 = element("div");
-  			div1 = element("div");
-  			div0 = element("div");
-  			t = space();
-  			attr_dev(div0, "class", "face-item svelte-p95y28");
-  			set_style(div0, "background-position", "-" + /*frame*/ ctx[10].offset[0] + "px -" + /*frame*/ ctx[10].offset[1] + "px");
-  			set_style(div0, "background-image", "url('" + /*url*/ ctx[0] + "')");
-  			attr_dev(div0, "data-offset", div0_data_offset_value = /*frame*/ ctx[10].offset);
-  			add_location(div0, file$1, 57, 16, 1631);
-  			set_style(div1, "padding", "10px");
-  			add_location(div1, file$1, 55, 14, 1513);
-  			attr_dev(div2, "class", "svelte-p95y28");
-  			toggle_class(div2, "selected", /*selected*/ ctx[3] === /*frame*/ ctx[10].id);
-  			add_location(div2, file$1, 49, 12, 1317);
-  			this.first = div2;
-  		},
-  		m: function mount(target, anchor) {
-  			insert_dev(target, div2, anchor);
-  			append_dev(div2, div1);
-  			append_dev(div1, div0);
-  			append_dev(div2, t);
-  			current = true;
-
-  			if (!mounted) {
-  				dispose = listen_dev(div0, "click", click_handler, false, false, false, false);
-  				mounted = true;
-  			}
-  		},
-  		p: function update(new_ctx, dirty) {
-  			ctx = new_ctx;
-
-  			if (!current || dirty & /*frames*/ 2) {
-  				set_style(div0, "background-position", "-" + /*frame*/ ctx[10].offset[0] + "px -" + /*frame*/ ctx[10].offset[1] + "px");
-  			}
-
-  			if (!current || dirty & /*url*/ 1) {
-  				set_style(div0, "background-image", "url('" + /*url*/ ctx[0] + "')");
-  			}
-
-  			if (!current || dirty & /*frames*/ 2 && div0_data_offset_value !== (div0_data_offset_value = /*frame*/ ctx[10].offset)) {
-  				attr_dev(div0, "data-offset", div0_data_offset_value);
-  			}
-
-  			if (!current || dirty & /*selected, frames*/ 10) {
-  				toggle_class(div2, "selected", /*selected*/ ctx[3] === /*frame*/ ctx[10].id);
-  			}
-  		},
-  		r: function measure() {
-  			rect = div2.getBoundingClientRect();
-  		},
-  		f: function fix() {
-  			fix_position(div2);
-  			stop_animation();
-  			add_transform(div2, rect);
-  		},
-  		a: function animate() {
-  			stop_animation();
-  			stop_animation = create_animation(div2, rect, flip, { duration: 250, easing: quintOut });
-  		},
-  		i: function intro(local) {
-  			if (current) return;
-
-  			add_render_callback(() => {
-  				if (!current) return;
-  				if (div2_outro) div2_outro.end(1);
-  				div2_intro = create_in_transition(div2, fade, {});
-  				div2_intro.start();
-  			});
-
-  			current = true;
-  		},
-  		o: function outro(local) {
-  			if (div2_intro) div2_intro.invalidate();
-  			div2_outro = create_out_transition(div2, fade, {});
-  			current = false;
-  		},
-  		d: function destroy(detaching) {
-  			if (detaching) detach_dev(div2);
-  			if (detaching && div2_outro) div2_outro.end();
-  			mounted = false;
-  			dispose();
-  		}
-  	};
-
-  	dispatch_dev("SvelteRegisterBlock", {
-  		block,
-  		id: create_each_block.name,
-  		type: "each",
-  		source: "(49:10) {#each frames as frame (frame.id)}",
-  		ctx
-  	});
-
-  	return block;
+    let div2;
+    let div1;
+    let div0;
+    let div0_data_offset_value;
+    let t;
+    let div2_intro;
+    let div2_outro;
+    let rect;
+    let stop_animation = noop;
+    let current;
+    let mounted;
+    let dispose;
+
+    function click_handler() {
+      return /*click_handler*/ ctx[8](/*frame*/ ctx[10]);
+    }
+
+    const block = {
+      key: key_1,
+      first: null,
+      c: function create() {
+        div2 = element("div");
+        div1 = element("div");
+        div0 = element("div");
+        t = space();
+        attr_dev(div0, "class", "face-item svelte-p95y28");
+        set_style(
+          div0,
+          "background-position",
+          "-" +
+            /*frame*/ ctx[10].offset[0] +
+            "px -" +
+            /*frame*/ ctx[10].offset[1] +
+            "px",
+        );
+        set_style(div0, "background-image", "url('" + /*url*/ ctx[0] + "')");
+        attr_dev(
+          div0,
+          "data-offset",
+          (div0_data_offset_value = /*frame*/ ctx[10].offset),
+        );
+        add_location(div0, file$1, 57, 16, 1631);
+        set_style(div1, "padding", "10px");
+        add_location(div1, file$1, 55, 14, 1513);
+        attr_dev(div2, "class", "svelte-p95y28");
+        toggle_class(
+          div2,
+          "selected",
+          /*selected*/ ctx[3] === /*frame*/ ctx[10].id,
+        );
+        add_location(div2, file$1, 49, 12, 1317);
+        this.first = div2;
+      },
+      m: function mount(target, anchor) {
+        insert_dev(target, div2, anchor);
+        append_dev(div2, div1);
+        append_dev(div1, div0);
+        append_dev(div2, t);
+        current = true;
+
+        if (!mounted) {
+          dispose = listen_dev(
+            div0,
+            "click",
+            click_handler,
+            false,
+            false,
+            false,
+            false,
+          );
+          mounted = true;
+        }
+      },
+      p: function update(new_ctx, dirty) {
+        ctx = new_ctx;
+
+        if (!current || dirty & /*frames*/ 2) {
+          set_style(
+            div0,
+            "background-position",
+            "-" +
+              /*frame*/ ctx[10].offset[0] +
+              "px -" +
+              /*frame*/ ctx[10].offset[1] +
+              "px",
+          );
+        }
+
+        if (!current || dirty & /*url*/ 1) {
+          set_style(div0, "background-image", "url('" + /*url*/ ctx[0] + "')");
+        }
+
+        if (
+          !current ||
+          (dirty & /*frames*/ 2 &&
+            div0_data_offset_value !==
+              (div0_data_offset_value = /*frame*/ ctx[10].offset))
+        ) {
+          attr_dev(div0, "data-offset", div0_data_offset_value);
+        }
+
+        if (!current || dirty & /*selected, frames*/ 10) {
+          toggle_class(
+            div2,
+            "selected",
+            /*selected*/ ctx[3] === /*frame*/ ctx[10].id,
+          );
+        }
+      },
+      r: function measure() {
+        rect = div2.getBoundingClientRect();
+      },
+      f: function fix() {
+        fix_position(div2);
+        stop_animation();
+        add_transform(div2, rect);
+      },
+      a: function animate() {
+        stop_animation();
+        stop_animation = create_animation(div2, rect, flip, {
+          duration: 250,
+          easing: quintOut,
+        });
+      },
+      i: function intro(local) {
+        if (current) return;
+
+        add_render_callback(() => {
+          if (!current) return;
+          if (div2_outro) div2_outro.end(1);
+          div2_intro = create_in_transition(div2, fade, {});
+          div2_intro.start();
+        });
+
+        current = true;
+      },
+      o: function outro(local) {
+        if (div2_intro) div2_intro.invalidate();
+        div2_outro = create_out_transition(div2, fade, {});
+        current = false;
+      },
+      d: function destroy(detaching) {
+        if (detaching) detach_dev(div2);
+        if (detaching && div2_outro) div2_outro.end();
+        mounted = false;
+        dispose();
+      },
+    };
+
+    dispatch_dev("SvelteRegisterBlock", {
+      block,
+      id: create_each_block.name,
+      type: "each",
+      source: "(49:10) {#each frames as frame (frame.id)}",
+      ctx,
+    });
+
+    return block;
   }
 
   function create_fragment$1(ctx) {
-  	let div6;
-  	let div5;
-  	let div4;
-  	let div1;
-  	let div0;
-  	let searchfaces;
-  	let updating_calls;
-  	let t0;
-  	let button;
-  	let t2;
-  	let div3;
-  	let div2;
-  	let each_blocks = [];
-  	let each_1_lookup = new Map();
-  	let current;
-  	let mounted;
-  	let dispose;
-
-  	function searchfaces_calls_binding(value) {
-  		/*searchfaces_calls_binding*/ ctx[7](value);
-  	}
-
-  	let searchfaces_props = {};
-
-  	if (/*calls*/ ctx[4] !== void 0) {
-  		searchfaces_props.calls = /*calls*/ ctx[4];
-  	}
-
-  	searchfaces = new SearchFaces({ props: searchfaces_props, $$inline: true });
-  	binding_callbacks.push(() => bind(searchfaces, 'calls', searchfaces_calls_binding));
-  	let each_value = /*frames*/ ctx[1];
-  	validate_each_argument(each_value);
-  	const get_key = ctx => /*frame*/ ctx[10].id;
-  	validate_each_keys(ctx, each_value, get_each_context, get_key);
-
-  	for (let i = 0; i < each_value.length; i += 1) {
-  		let child_ctx = get_each_context(ctx, each_value, i);
-  		let key = get_key(child_ctx);
-  		each_1_lookup.set(key, each_blocks[i] = create_each_block(key, child_ctx));
-  	}
-
-  	const block = {
-  		c: function create() {
-  			div6 = element("div");
-  			div5 = element("div");
-  			div4 = element("div");
-  			div1 = element("div");
-  			div0 = element("div");
-  			create_component(searchfaces.$$.fragment);
-  			t0 = space();
-  			button = element("button");
-  			button.textContent = "Close";
-  			t2 = space();
-  			div3 = element("div");
-  			div2 = element("div");
-
-  			for (let i = 0; i < each_blocks.length; i += 1) {
-  				each_blocks[i].c();
-  			}
-
-  			attr_dev(button, "id", "tags-cancel");
-  			attr_dev(button, "type", "button");
-  			attr_dev(button, "class", "ml-2 btn btn-secondary");
-  			add_location(button, file$1, 38, 10, 991);
-  			add_location(div0, file$1, 36, 8, 931);
-  			attr_dev(div1, "class", "ModalFooter modal-header");
-  			add_location(div1, file$1, 35, 6, 884);
-  			attr_dev(div2, "class", "row justify-content-center");
-  			add_location(div2, file$1, 47, 8, 1219);
-  			attr_dev(div3, "class", "modal-body");
-  			add_location(div3, file$1, 46, 6, 1186);
-  			attr_dev(div4, "class", "modal-content");
-  			add_location(div4, file$1, 34, 4, 850);
-  			attr_dev(div5, "class", "modal-dialog modal-xl top-accent");
-  			add_location(div5, file$1, 33, 2, 799);
-  			attr_dev(div6, "class", "face-tabs svelte-p95y28");
-  			add_location(div6, file$1, 32, 0, 756);
-  		},
-  		l: function claim(nodes) {
-  			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
-  		},
-  		m: function mount(target, anchor) {
-  			insert_dev(target, div6, anchor);
-  			append_dev(div6, div5);
-  			append_dev(div5, div4);
-  			append_dev(div4, div1);
-  			append_dev(div1, div0);
-  			mount_component(searchfaces, div0, null);
-  			append_dev(div0, t0);
-  			append_dev(div0, button);
-  			append_dev(div4, t2);
-  			append_dev(div4, div3);
-  			append_dev(div3, div2);
-
-  			for (let i = 0; i < each_blocks.length; i += 1) {
-  				if (each_blocks[i]) {
-  					each_blocks[i].m(div2, null);
-  				}
-  			}
-
-  			/*div6_binding*/ ctx[9](div6);
-  			current = true;
-
-  			if (!mounted) {
-  				dispose = listen_dev(button, "click", /*close*/ ctx[5], false, false, false, false);
-  				mounted = true;
-  			}
-  		},
-  		p: function update(ctx, [dirty]) {
-  			const searchfaces_changes = {};
-
-  			if (!updating_calls && dirty & /*calls*/ 16) {
-  				updating_calls = true;
-  				searchfaces_changes.calls = /*calls*/ ctx[4];
-  				add_flush_callback(() => updating_calls = false);
-  			}
-
-  			searchfaces.$set(searchfaces_changes);
-
-  			if (dirty & /*selected, frames, url, select*/ 75) {
-  				each_value = /*frames*/ ctx[1];
-  				validate_each_argument(each_value);
-  				group_outros();
-  				for (let i = 0; i < each_blocks.length; i += 1) each_blocks[i].r();
-  				validate_each_keys(ctx, each_value, get_each_context, get_key);
-  				each_blocks = update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, div2, fix_and_outro_and_destroy_block, create_each_block, null, get_each_context);
-  				for (let i = 0; i < each_blocks.length; i += 1) each_blocks[i].a();
-  				check_outros();
-  			}
-  		},
-  		i: function intro(local) {
-  			if (current) return;
-  			transition_in(searchfaces.$$.fragment, local);
-
-  			for (let i = 0; i < each_value.length; i += 1) {
-  				transition_in(each_blocks[i]);
-  			}
-
-  			current = true;
-  		},
-  		o: function outro(local) {
-  			transition_out(searchfaces.$$.fragment, local);
-
-  			for (let i = 0; i < each_blocks.length; i += 1) {
-  				transition_out(each_blocks[i]);
-  			}
-
-  			current = false;
-  		},
-  		d: function destroy(detaching) {
-  			if (detaching) detach_dev(div6);
-  			destroy_component(searchfaces);
-
-  			for (let i = 0; i < each_blocks.length; i += 1) {
-  				each_blocks[i].d();
-  			}
-
-  			/*div6_binding*/ ctx[9](null);
-  			mounted = false;
-  			dispose();
-  		}
-  	};
-
-  	dispatch_dev("SvelteRegisterBlock", {
-  		block,
-  		id: create_fragment$1.name,
-  		type: "component",
-  		source: "",
-  		ctx
-  	});
-
-  	return block;
+    let div6;
+    let div5;
+    let div4;
+    let div1;
+    let div0;
+    let searchfaces;
+    let updating_calls;
+    let t0;
+    let button;
+    let t2;
+    let div3;
+    let div2;
+    let each_blocks = [];
+    let each_1_lookup = new Map();
+    let current;
+    let mounted;
+    let dispose;
+
+    function searchfaces_calls_binding(value) {
+      /*searchfaces_calls_binding*/ ctx[7](value);
+    }
+
+    let searchfaces_props = {};
+
+    if (/*calls*/ ctx[4] !== void 0) {
+      searchfaces_props.calls = /*calls*/ ctx[4];
+    }
+
+    searchfaces = new SearchFaces({ props: searchfaces_props, $$inline: true });
+    binding_callbacks.push(() =>
+      bind(searchfaces, "calls", searchfaces_calls_binding),
+    );
+    let each_value = /*frames*/ ctx[1];
+    validate_each_argument(each_value);
+    const get_key = (ctx) => /*frame*/ ctx[10].id;
+    validate_each_keys(ctx, each_value, get_each_context, get_key);
+
+    for (let i = 0; i < each_value.length; i += 1) {
+      let child_ctx = get_each_context(ctx, each_value, i);
+      let key = get_key(child_ctx);
+      each_1_lookup.set(
+        key,
+        (each_blocks[i] = create_each_block(key, child_ctx)),
+      );
+    }
+
+    const block = {
+      c: function create() {
+        div6 = element("div");
+        div5 = element("div");
+        div4 = element("div");
+        div1 = element("div");
+        div0 = element("div");
+        create_component(searchfaces.$$.fragment);
+        t0 = space();
+        button = element("button");
+        button.textContent = "Close";
+        t2 = space();
+        div3 = element("div");
+        div2 = element("div");
+
+        for (let i = 0; i < each_blocks.length; i += 1) {
+          each_blocks[i].c();
+        }
+
+        attr_dev(button, "id", "tags-cancel");
+        attr_dev(button, "type", "button");
+        attr_dev(button, "class", "ml-2 btn btn-secondary");
+        add_location(button, file$1, 38, 10, 991);
+        add_location(div0, file$1, 36, 8, 931);
+        attr_dev(div1, "class", "ModalFooter modal-header");
+        add_location(div1, file$1, 35, 6, 884);
+        attr_dev(div2, "class", "row justify-content-center");
+        add_location(div2, file$1, 47, 8, 1219);
+        attr_dev(div3, "class", "modal-body");
+        add_location(div3, file$1, 46, 6, 1186);
+        attr_dev(div4, "class", "modal-content");
+        add_location(div4, file$1, 34, 4, 850);
+        attr_dev(div5, "class", "modal-dialog modal-xl top-accent");
+        add_location(div5, file$1, 33, 2, 799);
+        attr_dev(div6, "class", "face-tabs svelte-p95y28");
+        add_location(div6, file$1, 32, 0, 756);
+      },
+      l: function claim(nodes) {
+        throw new Error(
+          "options.hydrate only works if the component was compiled with the `hydratable: true` option",
+        );
+      },
+      m: function mount(target, anchor) {
+        insert_dev(target, div6, anchor);
+        append_dev(div6, div5);
+        append_dev(div5, div4);
+        append_dev(div4, div1);
+        append_dev(div1, div0);
+        mount_component(searchfaces, div0, null);
+        append_dev(div0, t0);
+        append_dev(div0, button);
+        append_dev(div4, t2);
+        append_dev(div4, div3);
+        append_dev(div3, div2);
+
+        for (let i = 0; i < each_blocks.length; i += 1) {
+          if (each_blocks[i]) {
+            each_blocks[i].m(div2, null);
+          }
+        }
+
+        /*div6_binding*/ ctx[9](div6);
+        current = true;
+
+        if (!mounted) {
+          dispose = listen_dev(
+            button,
+            "click",
+            /*close*/ ctx[5],
+            false,
+            false,
+            false,
+            false,
+          );
+          mounted = true;
+        }
+      },
+      p: function update(ctx, [dirty]) {
+        const searchfaces_changes = {};
+
+        if (!updating_calls && dirty & /*calls*/ 16) {
+          updating_calls = true;
+          searchfaces_changes.calls = /*calls*/ ctx[4];
+          add_flush_callback(() => (updating_calls = false));
+        }
+
+        searchfaces.$set(searchfaces_changes);
+
+        if (dirty & /*selected, frames, url, select*/ 75) {
+          each_value = /*frames*/ ctx[1];
+          validate_each_argument(each_value);
+          group_outros();
+          for (let i = 0; i < each_blocks.length; i += 1) each_blocks[i].r();
+          validate_each_keys(ctx, each_value, get_each_context, get_key);
+          each_blocks = update_keyed_each(
+            each_blocks,
+            dirty,
+            get_key,
+            1,
+            ctx,
+            each_value,
+            each_1_lookup,
+            div2,
+            fix_and_outro_and_destroy_block,
+            create_each_block,
+            null,
+            get_each_context,
+          );
+          for (let i = 0; i < each_blocks.length; i += 1) each_blocks[i].a();
+          check_outros();
+        }
+      },
+      i: function intro(local) {
+        if (current) return;
+        transition_in(searchfaces.$$.fragment, local);
+
+        for (let i = 0; i < each_value.length; i += 1) {
+          transition_in(each_blocks[i]);
+        }
+
+        current = true;
+      },
+      o: function outro(local) {
+        transition_out(searchfaces.$$.fragment, local);
+
+        for (let i = 0; i < each_blocks.length; i += 1) {
+          transition_out(each_blocks[i]);
+        }
+
+        current = false;
+      },
+      d: function destroy(detaching) {
+        if (detaching) detach_dev(div6);
+        destroy_component(searchfaces);
+
+        for (let i = 0; i < each_blocks.length; i += 1) {
+          each_blocks[i].d();
+        }
+
+        /*div6_binding*/ ctx[9](null);
+        mounted = false;
+        dispose();
+      },
+    };
+
+    dispatch_dev("SvelteRegisterBlock", {
+      block,
+      id: create_fragment$1.name,
+      type: "component",
+      source: "",
+      ctx,
+    });
+
+    return block;
   }
 
   function getCurrentVideo() {
-  	return document.querySelector("#VideoJsPlayer_html5_api");
+    return document.querySelector("#VideoJsPlayer_html5_api");
   }
 
   async function playVideoAtTime(time) {
-  	const video = getCurrentVideo();
-  	await video.play();
-  	video.currentTime = time;
-  	await video.pause();
+    const video = getCurrentVideo();
+    await video.play();
+    video.currentTime = time;
+    await video.pause();
   }
 
   function instance$1($$self, $$props, $$invalidate) {
-  	let { $$slots: slots = {}, $$scope } = $$props;
-  	validate_slots('Faces', slots, []);
-  	let { url = "" } = $$props;
-  	let { frames = [] } = $$props;
-  	let self;
-  	let selected = null;
-  	let calls;
-
-  	async function close() {
-  		self.remove();
-  	}
-
-  	function select(frame) {
-  		if (selected === frame.id) {
-  			calls.recog();
-  		} else {
-  			$$invalidate(3, selected = frame.id);
-  			playVideoAtTime(frame.time);
-  		}
-  	}
-
-  	const writable_props = ['url', 'frames'];
-
-  	Object.keys($$props).forEach(key => {
-  		if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console.warn(`<Faces> was created with unknown prop '${key}'`);
-  	});
-
-  	function searchfaces_calls_binding(value) {
-  		calls = value;
-  		$$invalidate(4, calls);
-  	}
-
-  	const click_handler = frame => {
-  		select(frame);
-  	};
-
-  	function div6_binding($$value) {
-  		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
-  			self = $$value;
-  			$$invalidate(2, self);
-  		});
-  	}
-
-  	$$self.$$set = $$props => {
-  		if ('url' in $$props) $$invalidate(0, url = $$props.url);
-  		if ('frames' in $$props) $$invalidate(1, frames = $$props.frames);
-  	};
-
-  	$$self.$capture_state = () => ({
-  		flip,
-  		quintOut,
-  		fade,
-  		SearchFaces,
-  		url,
-  		frames,
-  		self,
-  		selected,
-  		calls,
-  		getCurrentVideo,
-  		close,
-  		select,
-  		playVideoAtTime
-  	});
-
-  	$$self.$inject_state = $$props => {
-  		if ('url' in $$props) $$invalidate(0, url = $$props.url);
-  		if ('frames' in $$props) $$invalidate(1, frames = $$props.frames);
-  		if ('self' in $$props) $$invalidate(2, self = $$props.self);
-  		if ('selected' in $$props) $$invalidate(3, selected = $$props.selected);
-  		if ('calls' in $$props) $$invalidate(4, calls = $$props.calls);
-  	};
-
-  	if ($$props && "$$inject" in $$props) {
-  		$$self.$inject_state($$props.$$inject);
-  	}
-
-  	return [
-  		url,
-  		frames,
-  		self,
-  		selected,
-  		calls,
-  		close,
-  		select,
-  		searchfaces_calls_binding,
-  		click_handler,
-  		div6_binding
-  	];
+    let { $$slots: slots = {}, $$scope } = $$props;
+    validate_slots("Faces", slots, []);
+    let { url = "" } = $$props;
+    let { frames = [] } = $$props;
+    let self;
+    let selected = null;
+    let calls;
+
+    async function close() {
+      self.remove();
+    }
+
+    function select(frame) {
+      if (selected === frame.id) {
+        calls.recog();
+      } else {
+        $$invalidate(3, (selected = frame.id));
+        playVideoAtTime(frame.time);
+      }
+    }
+
+    const writable_props = ["url", "frames"];
+
+    Object.keys($$props).forEach((key) => {
+      if (
+        !~writable_props.indexOf(key) &&
+        key.slice(0, 2) !== "$$" &&
+        key !== "slot"
+      )
+        console.warn(`<Faces> was created with unknown prop '${key}'`);
+    });
+
+    function searchfaces_calls_binding(value) {
+      calls = value;
+      $$invalidate(4, calls);
+    }
+
+    const click_handler = (frame) => {
+      select(frame);
+    };
+
+    function div6_binding($$value) {
+      binding_callbacks[$$value ? "unshift" : "push"](() => {
+        self = $$value;
+        $$invalidate(2, self);
+      });
+    }
+
+    $$self.$$set = ($$props) => {
+      if ("url" in $$props) $$invalidate(0, (url = $$props.url));
+      if ("frames" in $$props) $$invalidate(1, (frames = $$props.frames));
+    };
+
+    $$self.$capture_state = () => ({
+      flip,
+      quintOut,
+      fade,
+      SearchFaces,
+      url,
+      frames,
+      self,
+      selected,
+      calls,
+      getCurrentVideo,
+      close,
+      select,
+      playVideoAtTime,
+    });
+
+    $$self.$inject_state = ($$props) => {
+      if ("url" in $$props) $$invalidate(0, (url = $$props.url));
+      if ("frames" in $$props) $$invalidate(1, (frames = $$props.frames));
+      if ("self" in $$props) $$invalidate(2, (self = $$props.self));
+      if ("selected" in $$props) $$invalidate(3, (selected = $$props.selected));
+      if ("calls" in $$props) $$invalidate(4, (calls = $$props.calls));
+    };
+
+    if ($$props && "$$inject" in $$props) {
+      $$self.$inject_state($$props.$$inject);
+    }
+
+    return [
+      url,
+      frames,
+      self,
+      selected,
+      calls,
+      close,
+      select,
+      searchfaces_calls_binding,
+      click_handler,
+      div6_binding,
+    ];
   }
 
   class Faces extends SvelteComponentDev {
-  	constructor(options) {
-  		super(options);
-  		init(this, options, instance$1, create_fragment$1, safe_not_equal, { url: 0, frames: 1 });
+    constructor(options) {
+      super(options);
+      init(this, options, instance$1, create_fragment$1, safe_not_equal, {
+        url: 0,
+        frames: 1,
+      });
 
-  		dispatch_dev("SvelteRegisterComponent", {
-  			component: this,
-  			tagName: "Faces",
-  			options,
-  			id: create_fragment$1.name
-  		});
-  	}
+      dispatch_dev("SvelteRegisterComponent", {
+        component: this,
+        tagName: "Faces",
+        options,
+        id: create_fragment$1.name,
+      });
+    }
 
-  	get url() {
-  		throw new Error("<Faces>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
-  	}
+    get url() {
+      throw new Error(
+        "<Faces>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+      );
+    }
 
-  	set url(value) {
-  		throw new Error("<Faces>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
-  	}
+    set url(value) {
+      throw new Error(
+        "<Faces>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+      );
+    }
 
-  	get frames() {
-  		throw new Error("<Faces>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
-  	}
+    get frames() {
+      throw new Error(
+        "<Faces>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+      );
+    }
 
-  	set frames(value) {
-  		throw new Error("<Faces>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'");
-  	}
+    set frames(value) {
+      throw new Error(
+        "<Faces>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+      );
+    }
   }
 
   /* src/FindFaces.svelte generated by Svelte v3.59.2 */
   const file = "src/FindFaces.svelte";
 
   function create_fragment(ctx) {
-  	let button;
-  	let svg;
-  	let path;
-  	let mounted;
-  	let dispose;
-
-  	const block = {
-  		c: function create() {
-  			button = element("button");
-  			svg = svg_element("svg");
-  			path = svg_element("path");
-  			attr_dev(path, "d", "M17,10.5L21,6.5V17.5L17,13.5V17A1,1 0 0,1 16,18H4A1,1 0 0,1 3,17V7A1,1 0 0,1 4,6H16A1,1 0 0,1 17,7V10.5M14,16V15C14,13.67 11.33,13 10,13C8.67,13 6,13.67 6,15V16H14M10,8A2,2 0 0,0 8,10A2,2 0 0,0 10,12A2,2 0 0,0 12,10A2,2 0 0,0 10,8Z");
-  			add_location(path, file, 69, 5, 2175);
-  			attr_dev(svg, "xmlns", "http://www.w3.org/2000/svg");
-  			attr_dev(svg, "width", "20px");
-  			attr_dev(svg, "height", "20px");
-  			attr_dev(svg, "viewBox", "0 0 24 24");
-  			attr_dev(svg, "class", "svelte-1m5gxnd");
-  			add_location(svg, file, 64, 2, 2067);
-  			attr_dev(button, "id", "faces");
-  			attr_dev(button, "class", "svelte-1m5gxnd");
-  			toggle_class(button, "scanner", /*scanner*/ ctx[0]);
-  			add_location(button, file, 63, 0, 2011);
-  		},
-  		l: function claim(nodes) {
-  			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
-  		},
-  		m: function mount(target, anchor) {
-  			insert_dev(target, button, anchor);
-  			append_dev(button, svg);
-  			append_dev(svg, path);
-
-  			if (!mounted) {
-  				dispose = listen_dev(button, "click", /*getFaces*/ ctx[1], false, false, false, false);
-  				mounted = true;
-  			}
-  		},
-  		p: function update(ctx, [dirty]) {
-  			if (dirty & /*scanner*/ 1) {
-  				toggle_class(button, "scanner", /*scanner*/ ctx[0]);
-  			}
-  		},
-  		i: noop,
-  		o: noop,
-  		d: function destroy(detaching) {
-  			if (detaching) detach_dev(button);
-  			mounted = false;
-  			dispose();
-  		}
-  	};
-
-  	dispatch_dev("SvelteRegisterBlock", {
-  		block,
-  		id: create_fragment.name,
-  		type: "component",
-  		source: "",
-  		ctx
-  	});
-
-  	return block;
+    let button;
+    let svg;
+    let path;
+    let mounted;
+    let dispose;
+
+    const block = {
+      c: function create() {
+        button = element("button");
+        svg = svg_element("svg");
+        path = svg_element("path");
+        attr_dev(
+          path,
+          "d",
+          "M17,10.5L21,6.5V17.5L17,13.5V17A1,1 0 0,1 16,18H4A1,1 0 0,1 3,17V7A1,1 0 0,1 4,6H16A1,1 0 0,1 17,7V10.5M14,16V15C14,13.67 11.33,13 10,13C8.67,13 6,13.67 6,15V16H14M10,8A2,2 0 0,0 8,10A2,2 0 0,0 10,12A2,2 0 0,0 12,10A2,2 0 0,0 10,8Z",
+        );
+        add_location(path, file, 69, 5, 2175);
+        attr_dev(svg, "xmlns", "http://www.w3.org/2000/svg");
+        attr_dev(svg, "width", "20px");
+        attr_dev(svg, "height", "20px");
+        attr_dev(svg, "viewBox", "0 0 24 24");
+        attr_dev(svg, "class", "svelte-1m5gxnd");
+        add_location(svg, file, 64, 2, 2067);
+        attr_dev(button, "id", "faces");
+        attr_dev(button, "class", "svelte-1m5gxnd");
+        toggle_class(button, "scanner", /*scanner*/ ctx[0]);
+        add_location(button, file, 63, 0, 2011);
+      },
+      l: function claim(nodes) {
+        throw new Error(
+          "options.hydrate only works if the component was compiled with the `hydratable: true` option",
+        );
+      },
+      m: function mount(target, anchor) {
+        insert_dev(target, button, anchor);
+        append_dev(button, svg);
+        append_dev(svg, path);
+
+        if (!mounted) {
+          dispose = listen_dev(
+            button,
+            "click",
+            /*getFaces*/ ctx[1],
+            false,
+            false,
+            false,
+            false,
+          );
+          mounted = true;
+        }
+      },
+      p: function update(ctx, [dirty]) {
+        if (dirty & /*scanner*/ 1) {
+          toggle_class(button, "scanner", /*scanner*/ ctx[0]);
+        }
+      },
+      i: noop,
+      o: noop,
+      d: function destroy(detaching) {
+        if (detaching) detach_dev(button);
+        mounted = false;
+        dispose();
+      },
+    };
+
+    dispatch_dev("SvelteRegisterBlock", {
+      block,
+      id: create_fragment.name,
+      type: "component",
+      source: "",
+      ctx,
+    });
+
+    return block;
   }
 
   async function download(url) {
-  	const vblob = await fetch(url).then(res => res.blob());
+    const vblob = await fetch(url).then((res) => res.blob());
 
-  	return new Promise(resolve => {
-  			let reader = new FileReader();
-  			reader.onload = () => resolve(reader.result);
-  			reader.readAsDataURL(vblob);
-  		});
+    return new Promise((resolve) => {
+      let reader = new FileReader();
+      reader.onload = () => resolve(reader.result);
+      reader.readAsDataURL(vblob);
+    });
   }
 
   function instance($$self, $$props, $$invalidate) {
-  	let { $$slots: slots = {}, $$scope } = $$props;
-  	validate_slots('FindFaces', slots, []);
-  	let scanner = false;
-
-  	async function getFaces() {
-  		$$invalidate(0, scanner = true);
-  		const [,scene_id] = getScenarioAndID();
-  		let url = await getUrlSprite(scene_id);
-
-  		if (!url) {
-  			alert("No sprite found, please ensure you have sprites enabled and generated for your scenes.");
-  			$$invalidate(0, scanner = false);
-  			return;
-  		}
-
-  		// get image blob
-  		let image = await download(url);
-
-  		// get vtt blob
-  		const vtt_url = url.replace("_sprite.jpg", "_thumbs.vtt");
-
-  		let vtt = await download(vtt_url);
-
-  		// query the api with a threshold of 0.4 as we want to do the filtering ourselves
-  		var data = { data: [image, vtt] };
-
-  		fetch(VISAGE_API_URL + "_3", {
-  			method: "POST",
-  			headers: {
-  				"Content-Type": "application/json; charset=utf-8"
-  			},
-  			body: JSON.stringify(data)
-  		}).then(response => {
-  			if (response.status !== 200) {
-  				$$invalidate(0, scanner = false);
-  				alert("Something went wrong. It's likely a server issue, Please try again later.");
-  				return;
-  			}
-
-  			return response.json();
-  		}).then(data => {
-  			$$invalidate(0, scanner = false);
-
-  			// find a div with class row
-  			let row = document.querySelector(".row");
-
-  			new Faces({
-  					target: row,
-  					props: { frames: data.data[0], url }
-  				});
-  		}).catch(error => {
-  			$$invalidate(0, scanner = false);
-
-  			if (error.message === "") {
-  				alert("Error: Service may be down. please try again later.");
-  			} else {
-  				alert("Error: " + error.message);
-  			}
-  		});
-  	}
-
-  	const writable_props = [];
-
-  	Object.keys($$props).forEach(key => {
-  		if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console.warn(`<FindFaces> was created with unknown prop '${key}'`);
-  	});
-
-  	$$self.$capture_state = () => ({
-  		getScenarioAndID,
-  		getUrlSprite,
-  		VISAGE_API_URL,
-  		Faces,
-  		scanner,
-  		download,
-  		getFaces
-  	});
-
-  	$$self.$inject_state = $$props => {
-  		if ('scanner' in $$props) $$invalidate(0, scanner = $$props.scanner);
-  	};
-
-  	if ($$props && "$$inject" in $$props) {
-  		$$self.$inject_state($$props.$$inject);
-  	}
-
-  	return [scanner, getFaces];
+    let { $$slots: slots = {}, $$scope } = $$props;
+    validate_slots("FindFaces", slots, []);
+    let scanner = false;
+
+    async function getFaces() {
+      $$invalidate(0, (scanner = true));
+      const [, scene_id] = getScenarioAndID();
+      let url = await getUrlSprite(scene_id);
+
+      if (!url) {
+        alert(
+          "No sprite found, please ensure you have sprites enabled and generated for your scenes.",
+        );
+        $$invalidate(0, (scanner = false));
+        return;
+      }
+
+      // get image blob
+      let image = await download(url);
+
+      // get vtt blob
+      const vtt_url = url.replace("_sprite.jpg", "_thumbs.vtt");
+
+      let vtt = await download(vtt_url);
+
+      // query the api with a threshold of 0.4 as we want to do the filtering ourselves
+      var data = { data: [image, vtt] };
+
+      fetch(VISAGE_API_URL + "_3", {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json; charset=utf-8",
+        },
+        body: JSON.stringify(data),
+      })
+        .then((response) => {
+          if (response.status !== 200) {
+            $$invalidate(0, (scanner = false));
+            alert(
+              "Something went wrong. It's likely a server issue, Please try again later.",
+            );
+            return;
+          }
+
+          return response.json();
+        })
+        .then((data) => {
+          $$invalidate(0, (scanner = false));
+
+          // find a div with class row
+          let row = document.querySelector(".row");
+
+          new Faces({
+            target: row,
+            props: { frames: data.data[0], url },
+          });
+        })
+        .catch((error) => {
+          $$invalidate(0, (scanner = false));
+
+          if (error.message === "") {
+            alert("Error: Service may be down. please try again later.");
+          } else {
+            alert("Error: " + error.message);
+          }
+        });
+    }
+
+    const writable_props = [];
+
+    Object.keys($$props).forEach((key) => {
+      if (
+        !~writable_props.indexOf(key) &&
+        key.slice(0, 2) !== "$$" &&
+        key !== "slot"
+      )
+        console.warn(`<FindFaces> was created with unknown prop '${key}'`);
+    });
+
+    $$self.$capture_state = () => ({
+      getScenarioAndID,
+      getUrlSprite,
+      VISAGE_API_URL,
+      Faces,
+      scanner,
+      download,
+      getFaces,
+    });
+
+    $$self.$inject_state = ($$props) => {
+      if ("scanner" in $$props) $$invalidate(0, (scanner = $$props.scanner));
+    };
+
+    if ($$props && "$$inject" in $$props) {
+      $$self.$inject_state($$props.$$inject);
+    }
+
+    return [scanner, getFaces];
   }
 
   class FindFaces extends SvelteComponentDev {
-  	constructor(options) {
-  		super(options);
-  		init(this, options, instance, create_fragment, safe_not_equal, {});
-
-  		dispatch_dev("SvelteRegisterComponent", {
-  			component: this,
-  			tagName: "FindFaces",
-  			options,
-  			id: create_fragment.name
-  		});
-  	}
+    constructor(options) {
+      super(options);
+      init(this, options, instance, create_fragment, safe_not_equal, {});
+
+      dispatch_dev("SvelteRegisterComponent", {
+        component: this,
+        tagName: "FindFaces",
+        options,
+        id: create_fragment.name,
+      });
+    }
   }
 
   stash.addEventListener("stash:page:scene", function () {
-      let elms = ".ml-auto .btn-group";
-      waitForElm(elms).then(() => {
-          const e = document.querySelector(elms);
-          if (!document.querySelector("#visage")) {
-              new SearchFaces({ target: e });
-          }
-          if (!document.querySelector("#faces")) {
-              const e = document.querySelector(elms);
-              new FindFaces({ target: e });
-          }
-      });
+    let elms = ".ml-auto .btn-group";
+    waitForElm(elms).then(() => {
+      const e = document.querySelector(elms);
+      if (!document.querySelector("#visage")) {
+        new SearchFaces({ target: e });
+      }
+      if (!document.querySelector("#faces")) {
+        const e = document.querySelector(elms);
+        new FindFaces({ target: e });
+      }
+    });
   });
   stash.addEventListener("stash:page:image", function () {
-      let elms = ".ml-auto .btn-group";
-      waitForElm(elms).then(() => {
-          if (!document.querySelector("#visage")) {
-              const e = document.querySelector(elms);
-              new SearchFaces({ target: e });
-          }
-      });
+    let elms = ".ml-auto .btn-group";
+    waitForElm(elms).then(() => {
+      if (!document.querySelector("#visage")) {
+        const e = document.querySelector(elms);
+        new SearchFaces({ target: e });
+      }
+    });
   });
-
 })();
diff --git a/plugins/visage/visage.yml b/plugins/visage/visage.yml
index efb1d004..baac0f91 100644
--- a/plugins/visage/visage.yml
+++ b/plugins/visage/visage.yml
@@ -1,14 +1,14 @@
-name: Visage
-# requires: StashUserscriptLibrary
-description: Use facial Recognition To Lookup Performers.
-version: 1.0.2
-ui:
-  requires: 
-  - StashUserscriptLibrary
-  javascript:
-  - visage.js
-  css:
-  - visage.css
-  csp:
-    connect-src:
-    - "https://cc1234-stashface.hf.space"
+name: Visage
+# requires: StashUserscriptLibrary
+description: Use facial Recognition To Lookup Performers.
+version: 1.0.2
+ui:
+  requires:
+    - StashUserscriptLibrary
+  javascript:
+    - visage.js
+  css:
+    - visage.css
+  csp:
+    connect-src:
+      - "https://cc1234-stashface.hf.space"
diff --git a/requirements.txt b/requirements.txt
new file mode 100644
index 00000000..05a538a1
--- /dev/null
+++ b/requirements.txt
@@ -0,0 +1 @@
+black>=24.1.1
\ No newline at end of file
diff --git a/scripts/Sqlite_Renamer/Stash_Sqlite_Renamer.py b/scripts/Sqlite_Renamer/Stash_Sqlite_Renamer.py
index 2de803db..d878b67b 100644
--- a/scripts/Sqlite_Renamer/Stash_Sqlite_Renamer.py
+++ b/scripts/Sqlite_Renamer/Stash_Sqlite_Renamer.py
@@ -16,11 +16,13 @@
 # Print debug message
 DEBUG_MODE = True
 
+
 def logPrint(q):
     if "[DEBUG]" in q and DEBUG_MODE == False:
         return
     print(q)
 
+
 logPrint("Database Path: {}".format(DB_PATH))
 if DRY_RUN == True:
     try:
@@ -35,7 +37,7 @@ def gettingTagsID(name):
     result = cursor.fetchone()
     try:
         id = str(result[0])
-        logPrint("[Tag] [{}] {}".format(id,name))
+        logPrint("[Tag] [{}] {}".format(id, name))
     except:
         id = None
         logPrint("[Tag] Error when trying to get:{}".format(name))
@@ -55,9 +57,11 @@ def get_SceneID_fromTags(id):
 
 def get_Perf_fromSceneID(id_scene):
     perf_list = ""
-    cursor.execute("SELECT performer_id from performers_scenes WHERE scene_id=?;", [id_scene])
+    cursor.execute(
+        "SELECT performer_id from performers_scenes WHERE scene_id=?;", [id_scene]
+    )
     record = cursor.fetchall()
-    #logPrint("Performer in scene: ", len(record))
+    # logPrint("Performer in scene: ", len(record))
     if len(record) > 3:
         logPrint("More than 3 performers.")
     else:
@@ -95,38 +99,38 @@ def makeFilename(scene_info, query):
     # $date $performer - $title [$studio] == 2016-12-29 Eva Lovia - Her Fantasy Ball [Sneaky Sex].mp4
     new_filename = str(query)
     if "$date" in new_filename:
-        if scene_info.get('date') == "" or scene_info.get('date') is None:
-            new_filename = re.sub('\$date\s*', '', new_filename)
+        if scene_info.get("date") == "" or scene_info.get("date") is None:
+            new_filename = re.sub("\$date\s*", "", new_filename)
         else:
             new_filename = new_filename.replace("$date", scene_info["date"])
 
     if "$performer" in new_filename:
-        if scene_info.get('performer') == "" or scene_info.get('performer') is None:
-            new_filename = re.sub('\$performer\s*', '', new_filename)
+        if scene_info.get("performer") == "" or scene_info.get("performer") is None:
+            new_filename = re.sub("\$performer\s*", "", new_filename)
         else:
             new_filename = new_filename.replace("$performer", scene_info["performer"])
 
     if "$title" in new_filename:
-        if scene_info.get('title') == "" or scene_info.get('title') is None:
-            new_filename = re.sub('\$title\s*', '', new_filename)
+        if scene_info.get("title") == "" or scene_info.get("title") is None:
+            new_filename = re.sub("\$title\s*", "", new_filename)
         else:
             new_filename = new_filename.replace("$title", scene_info["title"])
 
     if "$studio" in new_filename:
-        if scene_info.get('studio') == "" or scene_info.get('studio') is None:
-            new_filename = re.sub('\$studio\s*', '', new_filename)
+        if scene_info.get("studio") == "" or scene_info.get("studio") is None:
+            new_filename = re.sub("\$studio\s*", "", new_filename)
         else:
             new_filename = new_filename.replace("$studio", scene_info["studio"])
 
     if "$height" in new_filename:
-        if scene_info.get('height') == "" or scene_info.get('height') is None:
-            new_filename = re.sub('\$height\s*', '', new_filename)
+        if scene_info.get("height") == "" or scene_info.get("height") is None:
+            new_filename = re.sub("\$height\s*", "", new_filename)
         else:
             new_filename = new_filename.replace("$height", scene_info["height"])
-    new_filename = re.sub('^\s*-\s*', '', new_filename)
-    new_filename = re.sub('\s*-\s*$', '', new_filename)
-    new_filename = re.sub('\[\W*]', '', new_filename)
-    new_filename = re.sub('\s{2,}', ' ', new_filename)
+    new_filename = re.sub("^\s*-\s*", "", new_filename)
+    new_filename = re.sub("\s*-\s*$", "", new_filename)
+    new_filename = re.sub("\[\W*]", "", new_filename)
+    new_filename = re.sub("\s{2,}", " ", new_filename)
     new_filename = new_filename.strip()
     return new_filename
 
@@ -134,7 +138,9 @@ def makeFilename(scene_info, query):
 def edit_db(query_filename, optionnal_query=None):
     query = "SELECT id,path,title,date,studio_id,height from scenes;"
     if optionnal_query is not None:
-        query = "SELECT id,path,title,date,studio_id,height from scenes {};".format(optionnal_query)
+        query = "SELECT id,path,title,date,studio_id,height from scenes {};".format(
+            optionnal_query
+        )
     cursor.execute(query)
     record = cursor.fetchall()
     if len(record) == 0:
@@ -157,19 +163,19 @@ def edit_db(query_filename, optionnal_query=None):
         scene_Studio_id = str(row[4])
         file_height = str(row[5])
         # By default, title contains extensions.
-        scene_title = re.sub(file_extension + '$', '', scene_title)
+        scene_title = re.sub(file_extension + "$", "", scene_title)
 
         performer_name = get_Perf_fromSceneID(scene_ID)
 
         studio_name = ""
-        if (scene_Studio_id and scene_Studio_id != "None"):
+        if scene_Studio_id and scene_Studio_id != "None":
             studio_name = get_Studio_fromID(scene_Studio_id)
 
-        if file_height == '4320':
-            file_height = '8k'
+        if file_height == "4320":
+            file_height = "8k"
         else:
-            if file_height == '2160':
-                file_height = '4k'
+            if file_height == "2160":
+                file_height = "4k"
             else:
                 file_height = "{}p".format(file_height)
 
@@ -178,14 +184,14 @@ def edit_db(query_filename, optionnal_query=None):
             "date": scene_date,
             "performer": performer_name,
             "studio": studio_name,
-            "height": file_height
+            "height": file_height,
         }
         logPrint("[DEBUG] Scene information: {}".format(scene_info))
         # Create the new filename
         new_filename = makeFilename(scene_info, query_filename) + file_extension
 
         # Remove illegal character for Windows ('#' and ',' is not illegal you can remove it)
-        new_filename = re.sub('[\\/:"*?<>|#,]+', '', new_filename)
+        new_filename = re.sub('[\\/:"*?<>|#,]+', "", new_filename)
 
         # Replace the old filename by the new in the filepath
         new_path = current_path.replace(current_filename, new_filename)
@@ -194,35 +200,54 @@ def edit_db(query_filename, optionnal_query=None):
             logPrint("[Warn] The Path is too long ({})".format(new_path))
             # We only use the date and title to get a shorter file (eg: 2017-04-27 - Oni Chichi.mp4)
             if scene_info.get("date"):
-                reducePath = len(current_directory + scene_info["title"] + scene_info["date"] + file_extension) + 3
+                reducePath = (
+                    len(
+                        current_directory
+                        + scene_info["title"]
+                        + scene_info["date"]
+                        + file_extension
+                    )
+                    + 3
+                )
             else:
-                reducePath = len(current_directory + scene_info["title"] + file_extension) + 3
+                reducePath = (
+                    len(current_directory + scene_info["title"] + file_extension) + 3
+                )
             if reducePath < 240:
                 if scene_info.get("date"):
-                    new_filename = makeFilename(scene_info, "$date - $title") + file_extension
+                    new_filename = (
+                        makeFilename(scene_info, "$date - $title") + file_extension
+                    )
                 else:
                     new_filename = makeFilename(scene_info, "$title") + file_extension
-                #new_path = re.sub('{}$'.format(current_filename), new_filename, current_path)
+                # new_path = re.sub('{}$'.format(current_filename), new_filename, current_path)
                 new_path = current_path.replace(current_filename, new_filename)
                 logPrint("Reduced filename to: {}", new_filename)
             else:
-                logPrint("[Error] Can't manage to reduce the path, ID: {}".format(scene_ID))
+                logPrint(
+                    "[Error] Can't manage to reduce the path, ID: {}".format(scene_ID)
+                )
                 continue
 
         # Looking for duplicate filename
-        cursor.execute("SELECT id FROM scenes WHERE path LIKE ? AND NOT id=?;", ["%" + new_filename, scene_ID])
+        cursor.execute(
+            "SELECT id FROM scenes WHERE path LIKE ? AND NOT id=?;",
+            ["%" + new_filename, scene_ID],
+        )
         dupl_check = cursor.fetchall()
         if len(dupl_check) > 0:
             for dupl_row in dupl_check:
                 logPrint("[Error] Same filename: [{}]".format(dupl_row[0]))
-                logPrint("[{}] - {}\n".format(dupl_row[0], new_filename),
-                      file=open("renamer_duplicate.txt", "a", encoding='utf-8'))
+                logPrint(
+                    "[{}] - {}\n".format(dupl_row[0], new_filename),
+                    file=open("renamer_duplicate.txt", "a", encoding="utf-8"),
+                )
             logPrint("\n")
             continue
 
         logPrint("[DEBUG] Filename: {} -> {}".format(current_filename, new_filename))
         logPrint("[DEBUG] Path: {} -> {}".format(current_path, new_path))
-        if (new_path == current_path):
+        if new_path == current_path:
             logPrint("[DEBUG] File already good.\n")
             continue
         else:
@@ -230,26 +255,41 @@ def edit_db(query_filename, optionnal_query=None):
             # THIS PART WILL EDIT YOUR DATABASE, FILES (be careful and know what you do)
             #
             # Windows Rename
-            if (os.path.isfile(current_path) == True):
+            if os.path.isfile(current_path) == True:
                 if DRY_RUN == False:
                     os.rename(current_path, new_path)
-                    if (os.path.isfile(new_path) == True):
+                    if os.path.isfile(new_path) == True:
                         logPrint("[OS] File Renamed! ({})".format(current_filename))
                         if USING_LOG == True:
-                            print("{}|{}|{}\n".format(scene_ID, current_path, new_path), file=open("rename_log.txt", "a", encoding='utf-8'))
+                            print(
+                                "{}|{}|{}\n".format(scene_ID, current_path, new_path),
+                                file=open("rename_log.txt", "a", encoding="utf-8"),
+                            )
 
                         # Database rename
-                        cursor.execute("UPDATE scenes SET path=? WHERE id=?;", [new_path, scene_ID])
+                        cursor.execute(
+                            "UPDATE scenes SET path=? WHERE id=?;", [new_path, scene_ID]
+                        )
                         sqliteConnection.commit()
                         logPrint("[SQLITE] Datebase Updated!")
                     else:
-                        logPrint("[OS] File failed to rename ? ({})".format(current_filename))
-                        print("{} -> {}\n".format(current_path,new_path), file=open("renamer_fail.txt", "a", encoding='utf-8'))
+                        logPrint(
+                            "[OS] File failed to rename ? ({})".format(current_filename)
+                        )
+                        print(
+                            "{} -> {}\n".format(current_path, new_path),
+                            file=open("renamer_fail.txt", "a", encoding="utf-8"),
+                        )
                 else:
                     logPrint("[DRY_RUN][OS] File should be renamed")
-                    print("{} -> {}\n".format(current_path, new_path), file=open("renamer_dryrun.txt", "a", encoding='utf-8'))
+                    print(
+                        "{} -> {}\n".format(current_path, new_path),
+                        file=open("renamer_dryrun.txt", "a", encoding="utf-8"),
+                    )
             else:
-                logPrint("[OS] File don't exist in your Disk/Drive ({})".format(current_path))
+                logPrint(
+                    "[OS] File don't exist in your Disk/Drive ({})".format(current_path)
+                )
             logPrint("\n")
         # break
     progress.finish()
@@ -271,18 +311,9 @@ def edit_db(query_filename, optionnal_query=None):
 
 # Select Scene with Specific Tags
 tags_dict = {
-    '1': {
-        'tag': '!1. JAV',
-        'filename': '$title'
-    },
-    '2': {
-        'tag': '!1. Anime',
-        'filename': '$date $title'
-    },
-    '3': {
-        'tag': '!1. Western',
-        'filename': '$date $performer - $title [$studio]'
-    }
+    "1": {"tag": "!1. JAV", "filename": "$title"},
+    "2": {"tag": "!1. Anime", "filename": "$date $title"},
+    "3": {"tag": "!1. Western", "filename": "$date $performer - $title [$studio]"},
 }
 
 for _, dict_section in tags_dict.items():
@@ -291,12 +322,14 @@ def edit_db(query_filename, optionnal_query=None):
     id_tags = gettingTagsID(tag_name)
     if id_tags is not None:
         id_scene = get_SceneID_fromTags(id_tags)
-        option_sqlite_query = "WHERE id in ({}) AND path LIKE 'E:\\Film\\R18\\%'".format(id_scene)
+        option_sqlite_query = (
+            "WHERE id in ({}) AND path LIKE 'E:\\Film\\R18\\%'".format(id_scene)
+        )
         edit_db(filename_template, option_sqlite_query)
         logPrint("====================")
 
 # Select ALL scenes
-#edit_db("$date $performer - $title [$studio]")
+# edit_db("$date $performer - $title [$studio]")
 
 # END OF PERSONAL THINGS
 
diff --git a/scripts/kodi-helper/kodi-helper.py b/scripts/kodi-helper/kodi-helper.py
index e2463e6d..e74143db 100644
--- a/scripts/kodi-helper/kodi-helper.py
+++ b/scripts/kodi-helper/kodi-helper.py
@@ -9,25 +9,66 @@
 
 BATCH_SIZE = 100
 
+
 def parseArgs():
-    parser = argparse.ArgumentParser(description="Generate nfo and strm files for Kodi integration.")
-    parser.add_argument("mode", metavar="MODE", choices=["generate-nfo", "generate-strm"], help="generate-nfo or generate-strm")
-    parser.add_argument("--inline", action="store_true", help="Generate nfo files along side video files")
-    parser.add_argument("--outdir", metavar="<output directory>", help="Generate files in <outdir>")
-    parser.add_argument("--preserve-path", action="store_true", help="Include source file directory structure in output directory (with --outdir only)")
-    parser.add_argument("--truncate-prefix", type=str, metavar="<path prefix>", help="Remove prefix from output directory (with --preserve-path only)")
-    parser.add_argument("--use-source-filenames", action="store_true", help="Use source filenames for strm files instead of stash id")
-    parser.add_argument("--overwrite", action="store_true", help="Overwrite nfo/strm files if already present")
-    parser.add_argument("--filter", metavar="<filter string>", help="JSON graphql string to filter scenes with")
-    parser.add_argument("--genre", metavar="<genre>", help="Genre to assign. May be included multiple times", action="append")
+    parser = argparse.ArgumentParser(
+        description="Generate nfo and strm files for Kodi integration."
+    )
+    parser.add_argument(
+        "mode",
+        metavar="MODE",
+        choices=["generate-nfo", "generate-strm"],
+        help="generate-nfo or generate-strm",
+    )
+    parser.add_argument(
+        "--inline",
+        action="store_true",
+        help="Generate nfo files along side video files",
+    )
+    parser.add_argument(
+        "--outdir", metavar="<output directory>", help="Generate files in <outdir>"
+    )
+    parser.add_argument(
+        "--preserve-path",
+        action="store_true",
+        help="Include source file directory structure in output directory (with --outdir only)",
+    )
+    parser.add_argument(
+        "--truncate-prefix",
+        type=str,
+        metavar="<path prefix>",
+        help="Remove prefix from output directory (with --preserve-path only)",
+    )
+    parser.add_argument(
+        "--use-source-filenames",
+        action="store_true",
+        help="Use source filenames for strm files instead of stash id",
+    )
+    parser.add_argument(
+        "--overwrite",
+        action="store_true",
+        help="Overwrite nfo/strm files if already present",
+    )
+    parser.add_argument(
+        "--filter",
+        metavar="<filter string>",
+        help="JSON graphql string to filter scenes with",
+    )
+    parser.add_argument(
+        "--genre",
+        metavar="<genre>",
+        help="Genre to assign. May be included multiple times",
+        action="append",
+    )
     return parser.parse_args()
 
+
 # raw plugins may accept the plugin input from stdin, or they can elect
 # to ignore it entirely. In this case it optionally reads from the
 # command-line parameters.
 def main():
     args = parseArgs()
-    
+
     if args.mode == "generate-nfo":
         generateNFOFiles(args)
     elif args.mode == "generate-strm":
@@ -64,12 +105,13 @@ def generateNFOFiles(args):
             output = getOutputNFOFile(scene["path"], args)
             if not args.overwrite and os.path.exists(output):
                 continue
-            
-            nfo = generateNFO(scene, args) 
+
+            nfo = generateNFO(scene, args)
             writeFile(output, nfo, True)
 
         i += 1
 
+
 def generateSTRMFiles(args):
     if args.outdir == "":
         print("--outdir must be set\n")
@@ -92,12 +134,12 @@ def generateSTRMFiles(args):
         for scene in scenes:
             name = ""
             outdir = getOutputDir(scene["path"], args)
-            
+
             if args.use_source_filenames:
                 name = basename(os.path.splitext(scene["path"])[0])
             else:
                 name = scene["id"]
-            
+
             name = os.path.join(outdir, name)
 
             # don't regenerate if file already exists and not overwriting
@@ -108,18 +150,21 @@ def generateSTRMFiles(args):
 
             output = name + ".nfo"
             if args.overwrite or not os.path.exists(output):
-                nfo = generateNFO(scene, args) 
+                nfo = generateNFO(scene, args)
                 writeFile(output, nfo, True)
 
         i += 1
 
+
 def basename(f):
     f = os.path.normpath(f)
     return os.path.basename(f)
 
+
 def getOutputSTRMFile(sceneID, args):
     return os.path.join(args.outdir, "{}.strm".format(sceneID))
 
+
 def getOutputDir(sourceFile, args):
     ret = args.outdir
 
@@ -127,22 +172,24 @@ def getOutputDir(sourceFile, args):
         if args.truncate_prefix != None:
             toRemove = args.truncate_prefix
             if sourceFile.startswith(toRemove):
-                sourceFile = sourceFile[len(toRemove):]
+                sourceFile = sourceFile[len(toRemove) :]
 
         sourceFile = os.path.normpath(sourceFile)
         ret = os.path.join(args.outdir, os.path.dirname(sourceFile))
 
     return ret
 
+
 def getOutputNFOFile(sourceFile, args):
     if args.inline:
         # just replace the extension
-        return os.path.splitext(sourceFile)[0]+".nfo"
+        return os.path.splitext(sourceFile)[0] + ".nfo"
 
     outdir = getOutputDir(sourceFile, args)
 
     ret = os.path.join(outdir, basename(sourceFile))
-    return os.path.splitext(ret)[0]+".nfo"
+    return os.path.splitext(ret)[0] + ".nfo"
+
 
 def getCount(sceneFilter):
     query = """
@@ -153,10 +200,10 @@ def getCount(sceneFilter):
 }
 """
     variables = {
-        'filter': {
-            'per_page': 0,
+        "filter": {
+            "per_page": 0,
         },
-        'scene_filter': sceneFilter
+        "scene_filter": sceneFilter,
     }
 
     result = __callGraphQL(query, variables)
@@ -203,31 +250,35 @@ def getScenes(page, sceneFilter):
 """
 
     variables = {
-        'filter': {
-            'per_page': BATCH_SIZE,
-            'page': page,
+        "filter": {
+            "per_page": BATCH_SIZE,
+            "page": page,
         },
-        'scene_filter': sceneFilter
+        "scene_filter": sceneFilter,
     }
 
     result = __callGraphQL(query, variables)
 
     return result["findScenes"]["scenes"]
 
+
 def addAPIKey(url):
     if config.api_key:
         return url + "&apikey=" + config.api_key
     return url
 
+
 def getSceneTitle(scene):
     if scene["title"] != None and scene["title"] != "":
         return scene["title"]
-    
+
     return basename(scene["path"])
 
+
 def generateSTRM(scene):
     return scene["paths"]["stream"]
 
+
 def generateNFO(scene, args):
     ret = """<?xml version="1.0" encoding="UTF-8" standalone="yes" ?>
 <movie>
@@ -245,8 +296,13 @@ def generateNFO(scene, args):
 </movie>"""
     tags = ""
     for t in scene["tags"]:
-        tags = tags + """
-    <tag>{}</tag>""".format(t["name"])
+        tags = (
+            tags
+            + """
+    <tag>{}</tag>""".format(
+                t["name"]
+            )
+        )
 
     rating = ""
     if scene["rating100"] != None:
@@ -271,21 +327,26 @@ def generateNFO(scene, args):
     i = 0
     for p in scene["performers"]:
         thumb = addAPIKey(p["image_path"])
-        performers = performers + """
+        performers = (
+            performers
+            + """
     <actor>
         <name>{}</name>
         <role></role>
         <order>{}</order>
         <thumb>{}</thumb>
-    </actor>""".format(p["name"], i, thumb)
+    </actor>""".format(
+                p["name"], i, thumb
+            )
+        )
         i += 1
 
     thumbs = [
-        """<thumb aspect="poster">{}</thumb>""".format(addAPIKey(scene["paths"]["screenshot"]))
-    ]
-    fanart = [
-        """<thumb>{}</thumb>""".format(addAPIKey(scene["paths"]["screenshot"]))
+        """<thumb aspect="poster">{}</thumb>""".format(
+            addAPIKey(scene["paths"]["screenshot"])
+        )
     ]
+    fanart = ["""<thumb>{}</thumb>""".format(addAPIKey(scene["paths"]["screenshot"]))]
     if logo != "":
         thumbs.append("""<thumb aspect="clearlogo">{}</thumb>""".format(logo))
         fanart.append("""<thumb>{}</thumb>""".format(logo))
@@ -297,10 +358,23 @@ def generateNFO(scene, args):
         for g in args.genre:
             genres.append("<genre>{}</genre>".format(g))
 
-    ret = ret.format(title = getSceneTitle(scene), rating = rating, id = scene["id"], tags = tags, date = date, studio = studio, performers = performers, details = scene["details"] or "", thumbs = "\n".join(thumbs), fanart = fanart, genres = "\n".join(genres))
+    ret = ret.format(
+        title=getSceneTitle(scene),
+        rating=rating,
+        id=scene["id"],
+        tags=tags,
+        date=date,
+        studio=studio,
+        performers=performers,
+        details=scene["details"] or "",
+        thumbs="\n".join(thumbs),
+        fanart=fanart,
+        genres="\n".join(genres),
+    )
 
     return ret
 
+
 def writeFile(fn, data, useUTF):
     encoding = None
     if useUTF:
@@ -310,24 +384,25 @@ def writeFile(fn, data, useUTF):
     f.write(data)
     f.close()
 
-def __callGraphQL(query, variables = None):
+
+def __callGraphQL(query, variables=None):
     headers = {
-		"Accept-Encoding": "gzip, deflate, br",
-		"Content-Type": "application/json",
-		"Accept": "application/json",
-		"Connection": "keep-alive",
-		"DNT": "1",
-        "ApiKey": config.api_key
+        "Accept-Encoding": "gzip, deflate, br",
+        "Content-Type": "application/json",
+        "Accept": "application/json",
+        "Connection": "keep-alive",
+        "DNT": "1",
+        "ApiKey": config.api_key,
     }
 
     json = {}
-    json['query'] = query
+    json["query"] = query
     if variables != None:
-        json['variables'] = variables
-    
+        json["variables"] = variables
+
     # handle cookies
     response = requests.post(config.server_url, json=json, headers=headers)
-    
+
     if response.status_code == 200:
         result = response.json()
         if result.get("error", None):
@@ -336,6 +411,11 @@ def __callGraphQL(query, variables = None):
         if result.get("data", None):
             return result.get("data")
     else:
-        raise Exception("GraphQL query failed:{} - {}. Query: {}. Variables: {}".format(response.status_code, response.content, query, variables))
+        raise Exception(
+            "GraphQL query failed:{} - {}. Query: {}. Variables: {}".format(
+                response.status_code, response.content, query, variables
+            )
+        )
+
 
-main()
\ No newline at end of file
+main()
diff --git a/scripts/stash-watcher/watcher.py b/scripts/stash-watcher/watcher.py
index 5eb8328f..92c9088d 100644
--- a/scripts/stash-watcher/watcher.py
+++ b/scripts/stash-watcher/watcher.py
@@ -12,10 +12,10 @@
 import sys
 from enum import Enum
 
-#the type of watcher being used; controls how to interpret the events
-WatcherType = Enum('WatcherType', ['INOTIFY', 'WINDOWS', 'POLLING', 'KQUEUE'])
+# the type of watcher being used; controls how to interpret the events
+WatcherType = Enum("WatcherType", ["INOTIFY", "WINDOWS", "POLLING", "KQUEUE"])
 
-#Setup logger
+# Setup logger
 logger = logging.getLogger("stash-watcher")
 logger.setLevel(logging.INFO)
 ch = logging.StreamHandler()
@@ -23,7 +23,7 @@
 ch.setFormatter(logging.Formatter("%(asctime)s %(message)s"))
 logger.addHandler(ch)
 
-#This signals that we should 
+# This signals that we should
 shouldUpdate = False
 mutex = Lock()
 signal = Condition(mutex)
@@ -37,38 +37,40 @@
 def log(msg):
     logger.info(msg)
 
+
 def debug(msg):
     logger.debug(msg)
 
+
 def handleEvent(event):
     global shouldUpdate
     global currentWatcherType
     debug("========EVENT========")
     debug(str(event))
-    #log(modifiedFiles)
-    #Record if the file was modified.  When a file is closed, see if it was modified.  If so, trigger
+    # log(modifiedFiles)
+    # Record if the file was modified.  When a file is closed, see if it was modified.  If so, trigger
     shouldTrigger = False
 
     if event.is_directory == True:
         return
-    #Depending on the watcher type, we have to handle these events differently
+    # Depending on the watcher type, we have to handle these events differently
     if currentWatcherType == WatcherType.WINDOWS:
-        #On windows here's what happens:
+        # On windows here's what happens:
         # File moved into a watched directory - Created Event
         # File moved out of a watched directory - Deleted Event
         # Moved within a watched directory (src and dst in watched directory) - Moved event
-        
+
         # echo blah > foo.mp4 - Created then Modified
         # copying a small file - Created then Modified
         # copying a large file - Created then two (or more) Modified events (appears to be one when the file is created and another when it's finished)
 
-        #It looks like you can get an optional Created Event and then 
-        #either one or two Modified events.  You can also get Moved events
+        # It looks like you can get an optional Created Event and then
+        # either one or two Modified events.  You can also get Moved events
 
-        #For local files on Windows, they can't be opened if they're currently
-        #being written to.  Therefore, every time we get an event, attempt to
-        #open the file.  If we're successful, assume the write is finished and
-        #trigger the update.  Otherwise wait until the next event and try again
+        # For local files on Windows, they can't be opened if they're currently
+        # being written to.  Therefore, every time we get an event, attempt to
+        # open the file.  If we're successful, assume the write is finished and
+        # trigger the update.  Otherwise wait until the next event and try again
         if event.event_type == "created" or event.event_type == "modified":
             try:
                 with open(event.src_path) as file:
@@ -80,7 +82,7 @@ def handleEvent(event):
         if event.event_type == "moved":
             shouldTrigger = True
     elif currentWatcherType == WatcherType.POLLING:
-        #Every interval you get 1 event per changed file
+        # Every interval you get 1 event per changed file
         #  - If the file was not present in the previous poll, then Created
         #  - If the file was present and has a new size, then Modified
         #  - If the file was moved within the directory, then Moved
@@ -91,25 +93,28 @@ def handleEvent(event):
         # when it fires, trigger the update.
         if event.event_type == "moved" or event.event_type == "created":
             shouldTrigger = True
-    #Until someone tests this on mac, just do what INOTIFY does
-    elif currentWatcherType == WatcherType.INOTIFY or currentWatcherType == WatcherType.KQUEUE:
+    # Until someone tests this on mac, just do what INOTIFY does
+    elif (
+        currentWatcherType == WatcherType.INOTIFY
+        or currentWatcherType == WatcherType.KQUEUE
+    ):
         if event.event_type == "modified":
             modifiedFiles[event.src_path] = 1
-        #These are for files being copied into the target
+        # These are for files being copied into the target
         elif event.event_type == "closed":
             if event.src_path in modifiedFiles:
                 del modifiedFiles[event.src_path]
                 shouldTrigger = True
-        #For download managers and the like that write to a temporary file and then move to the destination (real)
-        #path.  Note that this actually triggers if the destination is in the watched location, and not just if it's
-        #moved out of a watched directory
+        # For download managers and the like that write to a temporary file and then move to the destination (real)
+        # path.  Note that this actually triggers if the destination is in the watched location, and not just if it's
+        # moved out of a watched directory
         elif event.event_type == "moved":
             shouldTrigger = True
     else:
         print("Unknown watcher type " + str(currentWatcherType))
         sys.exit(1)
 
-    #Trigger the update
+    # Trigger the update
     if shouldTrigger:
         debug("Triggering updates")
         with mutex:
@@ -124,7 +129,7 @@ def main(stash, scanFlags, paths, extensions, timeout, pollInterval):
     if len(extensions) == 1 and extensions[0] == "*":
         patterns = ["*"]
     else:
-        patterns = list(map(lambda x : "*." + x, extensions))
+        patterns = list(map(lambda x: "*." + x, extensions))
     eventHandler = PatternMatchingEventHandler(patterns, None, False, True)
     eventHandler.on_any_event = handleEvent
     observer = Observer()
@@ -141,7 +146,7 @@ def main(stash, scanFlags, paths, extensions, timeout, pollInterval):
     else:
         print("Unknown watcher type " + str(observer))
         sys.exit(1)
-        
+
     debug(str(observer))
     for path in paths:
         observer.schedule(eventHandler, path, recursive=True)
@@ -153,88 +158,94 @@ def main(stash, scanFlags, paths, extensions, timeout, pollInterval):
                     signal.wait()
                 shouldUpdate = False
             log("Triggering stash scan")
-            stash.metadata_scan(flags = scanFlags)
+            stash.metadata_scan(flags=scanFlags)
             log("Sleeping for " + str(timeout) + " seconds")
             time.sleep(timeout)
     except KeyboardInterrupt:
         observer.stop()
         observer.join()
 
+
 def listConverter(item):
     debug("listConverter(" + str(item) + ")")
     if not item:
         return None
-    listItems = [i.strip() for i in item.split(',')]
+    listItems = [i.strip() for i in item.split(",")]
     if not listItems or (len(listItems) == 1 and not listItems[0]):
         return None
     return listItems
 
+
 def makeArgParser():
-    parser = argparse.ArgumentParser(description='Stash file watcher')
-    parser.add_argument('config_path', nargs=1, help='Config file path (toml)')
+    parser = argparse.ArgumentParser(description="Stash file watcher")
+    parser.add_argument("config_path", nargs=1, help="Config file path (toml)")
     return parser
 
+
 def parseConfig(path):
-    config = configparser.ConfigParser(converters={'list': listConverter })
-    
+    config = configparser.ConfigParser(converters={"list": listConverter})
 
-    #Load the defaults first
-    defaults_path = os.path.join(os.path.dirname('__file__'), 'defaults.toml')
+    # Load the defaults first
+    defaults_path = os.path.join(os.path.dirname("__file__"), "defaults.toml")
     config.read(defaults_path)
 
-    #Now read the user config
+    # Now read the user config
     config.read(path)
 
     return config
 
-if __name__ == '__main__':
-    #Parse the arguments
+
+if __name__ == "__main__":
+    # Parse the arguments
     parser = makeArgParser()
     args = parser.parse_args()
     configPath = args.config_path
     config = parseConfig(configPath)
 
-    #Set up Stash
+    # Set up Stash
     stashArgs = {
         "scheme": config["Host"]["Scheme"],
         "host": config["Host"]["Host"],
-        "port": config["Host"]["Port"]
-        }
+        "port": config["Host"]["Port"],
+    }
 
     if config["Host"]["ApiKey"]:
         stashArgs["ApiKey"] = config["Host"]["ApiKey"]
 
     stash = StashInterface(stashArgs)
-    
-    #And now the flags for the scan
+
+    # And now the flags for the scan
     scanFlags = {
-            "scanGenerateCovers": config["ScanOptions"].getboolean("Covers"),
-            "scanGeneratePreviews": config["ScanOptions"].getboolean("Previews"),
-            "scanGenerateImagePreviews": config["ScanOptions"].getboolean("ImagePreviews"),
-            "scanGenerateSprites": config["ScanOptions"].getboolean("Sprites"),
-            "scanGeneratePhashes": config["ScanOptions"].getboolean("Phashes"),
-            "scanGenerateThumbnails": config["ScanOptions"].getboolean("Thumbnails"),
-            "scanGenerateClipPreviews": config["ScanOptions"].getboolean("ClipPreviews")
-            }
+        "scanGenerateCovers": config["ScanOptions"].getboolean("Covers"),
+        "scanGeneratePreviews": config["ScanOptions"].getboolean("Previews"),
+        "scanGenerateImagePreviews": config["ScanOptions"].getboolean("ImagePreviews"),
+        "scanGenerateSprites": config["ScanOptions"].getboolean("Sprites"),
+        "scanGeneratePhashes": config["ScanOptions"].getboolean("Phashes"),
+        "scanGenerateThumbnails": config["ScanOptions"].getboolean("Thumbnails"),
+        "scanGenerateClipPreviews": config["ScanOptions"].getboolean("ClipPreviews"),
+    }
 
     paths = config.getlist("Config", "Paths")
     timeout = config["Config"].getint("Cooldown")
 
-    #If the extensions are in the config, use them.  Otherwise pull them from stash.
-    extensions = config.getlist('Config', 'Extensions')
+    # If the extensions are in the config, use them.  Otherwise pull them from stash.
+    extensions = config.getlist("Config", "Extensions")
     if not extensions:
         stashConfig = stash.get_configuration()
-        extensions = stashConfig['general']['videoExtensions'] + stashConfig['general']['imageExtensions'] + stashConfig['general']['galleryExtensions']
+        extensions = (
+            stashConfig["general"]["videoExtensions"]
+            + stashConfig["general"]["imageExtensions"]
+            + stashConfig["general"]["galleryExtensions"]
+        )
 
-    pollIntervalStr = config.get('Config', 'PollInterval')
+    pollIntervalStr = config.get("Config", "PollInterval")
     if pollIntervalStr:
         pollInterval = int(pollIntervalStr)
     else:
         pollInterval = None
 
-    if config.get('Config', 'Debug') == "true":
+    if config.get("Config", "Debug") == "true":
         logger.setLevel(logging.DEBUG)
         ch.setLevel(logging.DEBUG)
 
-
     main(stash, scanFlags, paths, extensions, timeout, pollInterval)
diff --git a/themes/Theme-BlackHole/Theme-BlackHole.css b/themes/Theme-BlackHole/Theme-BlackHole.css
index 66ca41ab..c928062a 100644
--- a/themes/Theme-BlackHole/Theme-BlackHole.css
+++ b/themes/Theme-BlackHole/Theme-BlackHole.css
@@ -2,13 +2,13 @@
 /* STASH GENERAL */
 /* Set Background to Black & Optional Custom Image */
 body {
-	background: black url("") no-repeat fixed center;
-	background-size: contain;
+  background: black url("") no-repeat fixed center;
+  background-size: contain;
 }
 
 /* Change Top Nav Bar Colors */
 .bg-dark {
-    background-color: #000000!important;
+  background-color: #000000 !important;
 }
 
 /* Set Red Border on Button on Hover */
@@ -31,24 +31,24 @@ body {
 
 /* Set Opacity Studio Logo to 100% */
 .scene-studio-overlay {
-	opacity: 100%;
+  opacity: 100%;
 }
 
 /* Making Checkbox Slightly Bigger */
 .grid-card .card-check {
-	top: 0.9rem;
-	width: 1.75rem;
+  top: 0.9rem;
+  width: 1.75rem;
 }
 
 /* Center Titles on Cards */
 .grid-card a .card-section-title {
-	text-align: center;
+  text-align: center;
 }
 
 /* Setting Background on Cards to Black and Borders to "Stash Grey" */
 .card {
-	background-color: black;
-	border: 1px solid #30404d;
+  background-color: black;
+  border: 1px solid #30404d;
 }
 
 /* STASH MAIN PAGE*/
@@ -71,21 +71,22 @@ body {
 
 /* Setting Row "Scrape With" Background to Black */
 #scene-edit-details .edit-buttons-container {
-    background-color: black;
+  background-color: black;
 }
 
 /* Setting Other Rows Background to Black */
 div.react-select__control {
-    background-color: black;
+  background-color: black;
 }
 
 /* SETTING */
 /* Setting Text Input Border to White */
-.input-control, .text-input {
-	border: 1px solid white;
+.input-control,
+.text-input {
+  border: 1px solid white;
 }
 
 /* Setting Background on Task Queue to Black */
 #tasks-panel .tasks-panel-queue {
-    background-color: black;
+  background-color: black;
 }
diff --git a/themes/Theme-BlackHole/Theme-BlackHole.yml b/themes/Theme-BlackHole/Theme-BlackHole.yml
index a5ded900..06d38c3e 100644
--- a/themes/Theme-BlackHole/Theme-BlackHole.yml
+++ b/themes/Theme-BlackHole/Theme-BlackHole.yml
@@ -1,6 +1,6 @@
 name: Theme - BlackHole
-description: BlackHole Theme for Stash by BViking78 
+description: BlackHole Theme for Stash by BViking78
 version: 2.0.0
 ui:
   css:
-  - Theme-BlackHole.css
+    - Theme-BlackHole.css
diff --git a/themes/Theme-ModernDark/Theme-ModernDark.css b/themes/Theme-ModernDark/Theme-ModernDark.css
index c2a23f90..01da6906 100644
--- a/themes/Theme-ModernDark/Theme-ModernDark.css
+++ b/themes/Theme-ModernDark/Theme-ModernDark.css
@@ -1,484 +1,536 @@
 /* Modern Dark Theme by cj13 v1.2 */
- :root {
-     --nav-color: #212121;
-     --body-color: #191919;
-     --card-color: #2a2a2a;
-     --plex-yelow: #e5a00d;
-     --tag-color: #555555;
-}
- #scrubber-position-indicator {
-     background-color: #e5a00d;
-}
- .scrubber-tags-background {
-     background-color: #e5a00d;
-     opacity: 30%;
-}
- body {
-     width: 100%;
-     height: 100%;
-     background: var(--body-color);
-}
- .text-white {
-     color: #cbced2 !important;
-}
- #root {
-     position: absolute;
-     width: 100%;
-     height: 100%;
-     z-index: 2;
-}
- div.react-select__menu, div.dropdown-menu {
-     background-color: var(--card-color);
-}
- * {
-     scrollbar-color: hsla(0, 0%, 100%, .2) transparent;
-}
- .bg-dark {
-     background-color: var(--nav-color)!important;
-}
- .card {
-     background-color: #30404d;
-     border-radius: 3px;
-     box-shadow: 0 0 0 1px rgba(16, 22, 26, .4), 0 0 0 rgba(16, 22, 26, 0), 0 0 0 rgba(16, 22, 26, 0);
-     padding: 20px;
-     background-color: var(--card-color);
-}
- .text-input, .text-input:focus, .text-input[readonly], .text-input:disabled {
-     background-color: var(--card-color);
-}
- #scrubber-forward {
-     background-color: transparent;
-     border: 1px solid #555;
-}
- .scrubber-button {
-     background-color: transparent;
-     border: 1px solid #555;
-}
- .bg-secondary {
-     background-color: var(--card-color) !important;
-}
- .text-white {
-     color: #eee !important;
-}
- .border-secondary {
-     border-color: #2f3335 !important;
-}
- .btn-secondary.filter-item.col-1.d-none.d-sm-inline.form-control {
-     background-color: rgba(0, 0, 0, .15);
-}
- .btn-secondary {
-     color: #eee;
-     background-color: rgba(0, 0, 0, .15);
-     border-color: var(--tag-color);
-}
- .pagination .btn:last-child {
-     border-right: 1px solid var(--tag-color);
-}
- .pagination .btn:first-child {
-     border-left: 1px solid var(--tag-color);
-}
- a {
-     color: hsla(0, 0%, 100%, .45);
-}
- .btn.active {
-     background-color: #2f3335;
-     color: #f5f8fa;
-}
- minimal.w-100.active.btn.btn-primary {
-     background-color: #2f3335;
-     color: #f5f8fa;
-}
- .btn-primary {
-     color: #fff;
-     background-color: #cc7b19;
-     border-color: #cc7b19;
-     font-weight: bold;
-}
- .btn-primary:hover {
-     color: #fff;
-     background-color: #e59029;
-     border-color: #e59029 font-weight: bold;
-}
- .nav-tabs .nav-link.active {
-     color: #eee;
-}
- .nav-tabs .nav-link.active:hover {
-     border-bottom-color: #eee;
-     outline: 0;
-}
- .nav-tabs .nav-link {
-     color: hsla(0,0%,100%,.65);
-}
- .tag-item {
-     background-color: var(--tag-color);
-     color: #fff;
-}
- .input-control, .input-control:focus {
-     background-color: rgba(16, 22, 26, .3);
-}
- #performer-page .image-container .performer {
-     background-color: rgba(0, 0, 0, .45);
-     box-shadow: 0 0 2px rgba(0, 0, 0, .35);
-}
- .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
-     color: #fff;
-     border-color: #eee;
-}
- .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
-     background-color: var(--nav-color);
-}
- .btn-primary.focus, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
-     box-shadow: none;
-}
- .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
-     color: #fff;
-     background-color: #2f3335;
-     border-color: #eee;
-}
- input[type="range"]::-moz-range-track {
-     background: hsla(0, 0%, 100%, .25);
-}
- input[type="range"]::-moz-range-thumb {
-     background: #bcbcbc;
-}
- div.react-select__control {
-     background-color: hsla(0, 0%, 39.2%, .4);
-     color: #182026;
-     border-color: var(--card-color);
-     cursor: pointer;
-}
- .scene-wall-item-text-container {
-     background: radial-gradient(farthest-corner at 50% 50%, rgba(50, 50, 50, .5) 50%, #323232 100%);
-     color: #eee;
-}
- .filter-container, .operation-container {
-     background-color: rgba(0, 0, 0, .15);
-     box-shadow: none;
-     margin-top: -10px;
-     padding: 10px;
-}
- .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
-     width: 100%;
-     margin-right: 0px;
-     margin-left: 0px;
-}
- .btn-link {
-     font-weight: 500;
-     color: #eee;
-     text-decoration: none;
-}
- button.minimal.brand-link.d-none.d-md-inline-block.btn.btn-primary {
-     text-transform: uppercase;
-     font-weight: bold;
-}
- a:hover {
-     color: hsla(0, 0%, 100%, .7);
-}
- option {
-     background-color: var(--nav-color);
-}
- .folder-list .btn-link {
-     color: #2c2e30;
-}
- #performer-scraper-popover {
-     z-index: 10;
-}
- .filter-container, .operation-container {
-     background-color: transparent;
-}
- .search-item {
-     background-color: var(--card-color);
-}
- .selected-result {
-     background-color: var(--card-color);
-}
- .selected-result:hover {
-     background-color: var(--card-color);
-}
- .performer-select-active .react-select__control, .studio-select-active .react-select__control {
-     background-color: hsla(0, 0%, 39.2%, .4);
-}
- #scene-edit-details .edit-buttons-container {
-     margin: 0px;
-     background: var(--body-color);
-}
- #tasks-panel .tasks-panel-queue {
-     background: var(--body-color);
-}
- .job-table.card {
-     background-color: var(--card-color);
-}
- .modal-header, .modal-body, .modal-footer {
-     background-color: #2d3744;
-     background-repeat: no-repeat;
-     background-size: cover;
-     background-attachment: fixed;
-    /* background-position: center;
+:root {
+  --nav-color: #212121;
+  --body-color: #191919;
+  --card-color: #2a2a2a;
+  --plex-yelow: #e5a00d;
+  --tag-color: #555555;
+}
+#scrubber-position-indicator {
+  background-color: #e5a00d;
+}
+.scrubber-tags-background {
+  background-color: #e5a00d;
+  opacity: 30%;
+}
+body {
+  width: 100%;
+  height: 100%;
+  background: var(--body-color);
+}
+.text-white {
+  color: #cbced2 !important;
+}
+#root {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  z-index: 2;
+}
+div.react-select__menu,
+div.dropdown-menu {
+  background-color: var(--card-color);
+}
+* {
+  scrollbar-color: hsla(0, 0%, 100%, 0.2) transparent;
+}
+.bg-dark {
+  background-color: var(--nav-color) !important;
+}
+.card {
+  background-color: #30404d;
+  border-radius: 3px;
+  box-shadow:
+    0 0 0 1px rgba(16, 22, 26, 0.4),
+    0 0 0 rgba(16, 22, 26, 0),
+    0 0 0 rgba(16, 22, 26, 0);
+  padding: 20px;
+  background-color: var(--card-color);
+}
+.text-input,
+.text-input:focus,
+.text-input[readonly],
+.text-input:disabled {
+  background-color: var(--card-color);
+}
+#scrubber-forward {
+  background-color: transparent;
+  border: 1px solid #555;
+}
+.scrubber-button {
+  background-color: transparent;
+  border: 1px solid #555;
+}
+.bg-secondary {
+  background-color: var(--card-color) !important;
+}
+.text-white {
+  color: #eee !important;
+}
+.border-secondary {
+  border-color: #2f3335 !important;
+}
+.btn-secondary.filter-item.col-1.d-none.d-sm-inline.form-control {
+  background-color: rgba(0, 0, 0, 0.15);
+}
+.btn-secondary {
+  color: #eee;
+  background-color: rgba(0, 0, 0, 0.15);
+  border-color: var(--tag-color);
+}
+.pagination .btn:last-child {
+  border-right: 1px solid var(--tag-color);
+}
+.pagination .btn:first-child {
+  border-left: 1px solid var(--tag-color);
+}
+a {
+  color: hsla(0, 0%, 100%, 0.45);
+}
+.btn.active {
+  background-color: #2f3335;
+  color: #f5f8fa;
+}
+minimal.w-100.active.btn.btn-primary {
+  background-color: #2f3335;
+  color: #f5f8fa;
+}
+.btn-primary {
+  color: #fff;
+  background-color: #cc7b19;
+  border-color: #cc7b19;
+  font-weight: bold;
+}
+.btn-primary:hover {
+  color: #fff;
+  background-color: #e59029;
+  border-color: #e59029;
+  font-weight: bold;
+}
+.nav-tabs .nav-link.active {
+  color: #eee;
+}
+.nav-tabs .nav-link.active:hover {
+  border-bottom-color: #eee;
+  outline: 0;
+}
+.nav-tabs .nav-link {
+  color: hsla(0, 0%, 100%, 0.65);
+}
+.tag-item {
+  background-color: var(--tag-color);
+  color: #fff;
+}
+.input-control,
+.input-control:focus {
+  background-color: rgba(16, 22, 26, 0.3);
+}
+#performer-page .image-container .performer {
+  background-color: rgba(0, 0, 0, 0.45);
+  box-shadow: 0 0 2px rgba(0, 0, 0, 0.35);
+}
+.btn-primary:not(:disabled):not(.disabled).active,
+.btn-primary:not(:disabled):not(.disabled):active,
+.show > .btn-primary.dropdown-toggle {
+  color: #fff;
+  border-color: #eee;
+}
+.nav-pills .nav-link.active,
+.nav-pills .show > .nav-link {
+  background-color: var(--nav-color);
+}
+.btn-primary.focus,
+.btn-primary:focus,
+.btn-primary:not(:disabled):not(.disabled).active:focus,
+.btn-primary:not(:disabled):not(.disabled):active:focus,
+.show > .btn-primary.dropdown-toggle:focus {
+  box-shadow: none;
+}
+.btn-primary:not(:disabled):not(.disabled).active,
+.btn-primary:not(:disabled):not(.disabled):active,
+.show > .btn-primary.dropdown-toggle {
+  color: #fff;
+  background-color: #2f3335;
+  border-color: #eee;
+}
+input[type="range"]::-moz-range-track {
+  background: hsla(0, 0%, 100%, 0.25);
+}
+input[type="range"]::-moz-range-thumb {
+  background: #bcbcbc;
+}
+div.react-select__control {
+  background-color: hsla(0, 0%, 39.2%, 0.4);
+  color: #182026;
+  border-color: var(--card-color);
+  cursor: pointer;
+}
+.scene-wall-item-text-container {
+  background: radial-gradient(
+    farthest-corner at 50% 50%,
+    rgba(50, 50, 50, 0.5) 50%,
+    #323232 100%
+  );
+  color: #eee;
+}
+.filter-container,
+.operation-container {
+  background-color: rgba(0, 0, 0, 0.15);
+  box-shadow: none;
+  margin-top: -10px;
+  padding: 10px;
+}
+.container-fluid,
+.container-lg,
+.container-md,
+.container-sm,
+.container-xl {
+  width: 100%;
+  margin-right: 0px;
+  margin-left: 0px;
+}
+.btn-link {
+  font-weight: 500;
+  color: #eee;
+  text-decoration: none;
+}
+button.minimal.brand-link.d-none.d-md-inline-block.btn.btn-primary {
+  text-transform: uppercase;
+  font-weight: bold;
+}
+a:hover {
+  color: hsla(0, 0%, 100%, 0.7);
+}
+option {
+  background-color: var(--nav-color);
+}
+.folder-list .btn-link {
+  color: #2c2e30;
+}
+#performer-scraper-popover {
+  z-index: 10;
+}
+.filter-container,
+.operation-container {
+  background-color: transparent;
+}
+.search-item {
+  background-color: var(--card-color);
+}
+.selected-result {
+  background-color: var(--card-color);
+}
+.selected-result:hover {
+  background-color: var(--card-color);
+}
+.performer-select-active .react-select__control,
+.studio-select-active .react-select__control {
+  background-color: hsla(0, 0%, 39.2%, 0.4);
+}
+#scene-edit-details .edit-buttons-container {
+  margin: 0px;
+  background: var(--body-color);
+}
+#tasks-panel .tasks-panel-queue {
+  background: var(--body-color);
+}
+.job-table.card {
+  background-color: var(--card-color);
+}
+.modal-header,
+.modal-body,
+.modal-footer {
+  background-color: #2d3744;
+  background-repeat: no-repeat;
+  background-size: cover;
+  background-attachment: fixed;
+  /* background-position: center;
      */
 }
- .folder-list .btn-link {
-     color: #fff;
-}
- .modal-header, .modal-body, .modal-footer {
-     background-color: #30404d;
-     color: #f5f8fa;
-     background-repeat: no-repeat;
-     background-size: cover;
-     background-attachment: fixed;
-     background-position: center;
-}
- @media (max-width: 575.98px) and (orientation: portrait) {
-     .scene-card-preview-image {
-         height: calc(100vw * (9 / 16));
-    }
-     .gallery-tabs .mr-auto.nav.nav-tabs {
-         display: grid;
-         grid-auto-flow: column;
-         text-align: center;
-         left: 0;
-         right: 0;
-         position: fixed;
-    }
-     .VideoPlayer.portrait .video-js {
-         height: 56.25vw;
-    }
-     .gallery-container .tab-content {
-         top: 3rem;
-         position: fixed;
-         height: calc(100vh - 6.5rem);
-    }
-     .gallery-tabs {
-         display: none;
-    }
-     .btn-toolbar {
-         padding-top: 1rem;
-    }
-     body {
-         padding: 0rem 0 5rem;
-    }
-     .scene-tabs .mr-auto.nav.nav-tabs {
-         background-color: #121212;
-         display: grid;
-         grid-auto-flow: column;
-         height: 3rem;
-         left: 0;
-         margin: 0;
-         margin-bottom: 0;
-         max-height: 3rem;
-         padding-bottom: 2.2rem;
-         padding-top: 0.1rem;
-         position: fixed;
-         right: 0;
-         text-align: center;
-         top: calc(100vw * (9 / 16));
-         white-space: nowrap;
-         z-index: 20;
-    }
-     .scene-tabs.order-xl-first.order-last {
-         height: calc(100vh - (100vw * (9 / 16) + 8.5rem));
-         top: calc((100vw * (9 / 16)) + 5rem);
-         position: fixed;
-    }
-     .tab-content {
-         overflow-y: auto;
-         overflow-x: hidden;
-    }
-     .studio-card {
-         width: 100%;
-         height: 294px;
-    }
-     .movie-card {
-         width: 45%;
-    }
-     .performer-card-image {
-         height: 19rem;
-    }
-     .performer-card {
-         width: 14rem;
-         height: 27.5rem;
-    }
-     .scene-performers .performer-card-image {
-         height: 19rem;
-    }
-     .scene-performers .performer-card {
-         width: 14rem;
-         height: 27.5rem;
-    }
-     .movie-card .TruncatedText {
-         display: none;
-    }
-     .nav-tabs .nav-link.active:hover {
-         outline: 0;
-         border-bottom: 2px solid 
-    }
-     #performer-details-tab-edit{
-         display: none;
-    }
-     #performer-details-tab-operations{
-         display: none;
-    }
-     .scene-tabs .ml-auto.btn-group {
-         position: fixed;
-         right: 1rem;
-         top: calc((100vw * (9 / 16)) + 2.7rem);
-    }
-     .stats-element {
-         flex-grow: 1;
-         margin: auto 0rem;
-    }
-     .stats {
-         margin-left: 0px;
-    }
-     .top-nav {
-         bottom: 0;
-         top: auto;
-    }
-     div[data-rb-event-key="/images"] {
-         display: none;
-    }
-     div[data-rb-event-key="/scenes/markers"] {
-         display: none;
-    }
-     .row.justify-content-center.scene-performers {
-         max-height: 450px;
-         display: flex;
-         flex-direction: column;
-         overflow: auto;
-         border-top: solid 2px #2d3035;
-         border-bottom: solid 2px #2d3035;
-         padding-top: .5rem;
-         padding-bottom: .5rem;
-    }
-     .scene-tabs {
-         max-height: 100%;
-    }
-}
- dd {
-     word-break: break-word;
-}
- .btn-secondary {
-     color: hsla(0,0%,100%,.65);
-}
- .btn-secondary:hover {
-     color: white;
-     z-index: 0;
-     border-color: var(--nav-color);
-     background-color: rgba(0, 0, 0, .15);
-}
- .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show>.btn-secondary.dropdown-toggle {
-     background-color: rgba(0, 0, 0, .35);
-}
- .btn-secondary:focus, .btn-secondary.focus {
-     background-color: rgba(0, 0, 0, .35);
-}
- .scrubber-wrapper {
-     background-color: rgba(0, 0, 0, .3);
-     border-style: ridge;
-     border-color: #555555;
-}
- a.minimal:hover:not(:disabled), button.minimal:hover:not(:disabled) {
-     background: none;
-     color: white;
-}
- .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
-     color: var(--plex-yelow);
-     border-bottom: solid;
-     background: none;
-}
- a.minimal, button.minimal {
-     color: hsla(0,0%,100%,.65);
-}
- .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
-     background: none;
-     border-left: solid;
-     color: var(--plex-yelow);
-}
- .nav-link {
-     color: hsla(0,0%,100%,.65);
-}
- .nav-link:hover, .nav-link:focus {
-     color: white;
-     background-color: hsla(0,0%,100%,.08);
-}
- .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
-     background-color: transparent;
-}
- .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show>.btn-secondary.dropdown-toggle {
-     background: none;
-     color: var(--plex-yelow);
-     border-bottom: solid;
-}
- .nav-tabs .nav-link.active {
-     color: var(--plex-yelow);
-     background: none;
-}
- .nav-tabs .nav-link:hover {
-     border-bottom: none;
-}
- .custom-control-input:checked~.custom-control-label:before {
-     color: #fff;
-     border-color: var(--plex-yelow);
-     background-color: var(--plex-yelow);
-}
- .custom-switch .custom-control-input:disabled:checked~.custom-control-label:before {
-     background-color: var(--plex-yelow);
-}
- .btn-primary.disabled, .btn-primary:disabled {
-     color: #fff;
-     background-color: #e59029;
-     border-color: #e59029;
-     font-weight: bold;
-}
- .btn-primary:focus, .btn-primary.focus {
-     background-color: #cc7b19;
-     border-color: #cc7b19;
-     font-weight: bold;
-}
- .btn-danger {
-     color: hsla(0,0%,100%,.75);
-     background-color: #b32;
-     border-color: #b32;
-     font-weight: bold;
-}
- .btn-danger:hover {
-     color: white;
-     background-color: #b32;
-     border-color: #b32;
-}
- .brand-link {
-     background-color: var(--nav-color)!important;
-}
- .hover-popover-content {
-     max-width: 32rem;
-     text-align: center;
-     background: var(--nav-color);
-}
- .progress-bar {
-     background-color: var(--plex-yelow);
-}
- .modal-header, .modal-body, .modal-footer {
-     background-color: var(--body-color);
-}
- .btn-secondary.disabled, .btn-secondary:disabled {
-     background-color: var(--card-color);
-     border-color: var(--card-color);
-     border-left: none!important;
-     border-right: none!important;
-}
- #queue-viewer .current {
-     background-color: var(--card-color);
-}
- .tab-content .card-popovers .btn {
-     padding-left: .4rem;
-     padding-right: .4rem;
+.folder-list .btn-link {
+  color: #fff;
+}
+.modal-header,
+.modal-body,
+.modal-footer {
+  background-color: #30404d;
+  color: #f5f8fa;
+  background-repeat: no-repeat;
+  background-size: cover;
+  background-attachment: fixed;
+  background-position: center;
+}
+@media (max-width: 575.98px) and (orientation: portrait) {
+  .scene-card-preview-image {
+    height: calc(100vw * (9 / 16));
+  }
+  .gallery-tabs .mr-auto.nav.nav-tabs {
+    display: grid;
+    grid-auto-flow: column;
+    text-align: center;
+    left: 0;
+    right: 0;
+    position: fixed;
+  }
+  .VideoPlayer.portrait .video-js {
+    height: 56.25vw;
+  }
+  .gallery-container .tab-content {
+    top: 3rem;
+    position: fixed;
+    height: calc(100vh - 6.5rem);
+  }
+  .gallery-tabs {
+    display: none;
+  }
+  .btn-toolbar {
+    padding-top: 1rem;
+  }
+  body {
+    padding: 0rem 0 5rem;
+  }
+  .scene-tabs .mr-auto.nav.nav-tabs {
+    background-color: #121212;
+    display: grid;
+    grid-auto-flow: column;
+    height: 3rem;
+    left: 0;
+    margin: 0;
+    margin-bottom: 0;
+    max-height: 3rem;
+    padding-bottom: 2.2rem;
+    padding-top: 0.1rem;
+    position: fixed;
+    right: 0;
+    text-align: center;
+    top: calc(100vw * (9 / 16));
+    white-space: nowrap;
+    z-index: 20;
+  }
+  .scene-tabs.order-xl-first.order-last {
+    height: calc(100vh - (100vw * (9 / 16) + 8.5rem));
+    top: calc((100vw * (9 / 16)) + 5rem);
+    position: fixed;
+  }
+  .tab-content {
+    overflow-y: auto;
+    overflow-x: hidden;
+  }
+  .studio-card {
+    width: 100%;
+    height: 294px;
+  }
+  .movie-card {
+    width: 45%;
+  }
+  .performer-card-image {
+    height: 19rem;
+  }
+  .performer-card {
+    width: 14rem;
+    height: 27.5rem;
+  }
+  .scene-performers .performer-card-image {
+    height: 19rem;
+  }
+  .scene-performers .performer-card {
+    width: 14rem;
+    height: 27.5rem;
+  }
+  .movie-card .TruncatedText {
+    display: none;
+  }
+  .nav-tabs .nav-link.active:hover {
+    outline: 0;
+    border-bottom: 2px solid;
+  }
+  #performer-details-tab-edit {
+    display: none;
+  }
+  #performer-details-tab-operations {
+    display: none;
+  }
+  .scene-tabs .ml-auto.btn-group {
+    position: fixed;
+    right: 1rem;
+    top: calc((100vw * (9 / 16)) + 2.7rem);
+  }
+  .stats-element {
+    flex-grow: 1;
+    margin: auto 0rem;
+  }
+  .stats {
+    margin-left: 0px;
+  }
+  .top-nav {
+    bottom: 0;
+    top: auto;
+  }
+  div[data-rb-event-key="/images"] {
+    display: none;
+  }
+  div[data-rb-event-key="/scenes/markers"] {
+    display: none;
+  }
+  .row.justify-content-center.scene-performers {
+    max-height: 450px;
+    display: flex;
+    flex-direction: column;
+    overflow: auto;
+    border-top: solid 2px #2d3035;
+    border-bottom: solid 2px #2d3035;
+    padding-top: 0.5rem;
+    padding-bottom: 0.5rem;
+  }
+  .scene-tabs {
+    max-height: 100%;
+  }
+}
+dd {
+  word-break: break-word;
+}
+.btn-secondary {
+  color: hsla(0, 0%, 100%, 0.65);
+}
+.btn-secondary:hover {
+  color: white;
+  z-index: 0;
+  border-color: var(--nav-color);
+  background-color: rgba(0, 0, 0, 0.15);
+}
+.btn-secondary:not(:disabled):not(.disabled):active,
+.btn-secondary:not(:disabled):not(.disabled).active,
+.show > .btn-secondary.dropdown-toggle {
+  background-color: rgba(0, 0, 0, 0.35);
+}
+.btn-secondary:focus,
+.btn-secondary.focus {
+  background-color: rgba(0, 0, 0, 0.35);
+}
+.scrubber-wrapper {
+  background-color: rgba(0, 0, 0, 0.3);
+  border-style: ridge;
+  border-color: #555555;
+}
+a.minimal:hover:not(:disabled),
+button.minimal:hover:not(:disabled) {
+  background: none;
+  color: white;
+}
+.btn-primary:not(:disabled):not(.disabled).active,
+.btn-primary:not(:disabled):not(.disabled):active,
+.show > .btn-primary.dropdown-toggle {
+  color: var(--plex-yelow);
+  border-bottom: solid;
+  background: none;
+}
+a.minimal,
+button.minimal {
+  color: hsla(0, 0%, 100%, 0.65);
+}
+.nav-pills .nav-link.active,
+.nav-pills .show > .nav-link {
+  background: none;
+  border-left: solid;
+  color: var(--plex-yelow);
+}
+.nav-link {
+  color: hsla(0, 0%, 100%, 0.65);
+}
+.nav-link:hover,
+.nav-link:focus {
+  color: white;
+  background-color: hsla(0, 0%, 100%, 0.08);
+}
+.navbar-dark .navbar-nav .nav-link:hover,
+.navbar-dark .navbar-nav .nav-link:focus {
+  background-color: transparent;
+}
+.btn-secondary:not(:disabled):not(.disabled):active,
+.btn-secondary:not(:disabled):not(.disabled).active,
+.show > .btn-secondary.dropdown-toggle {
+  background: none;
+  color: var(--plex-yelow);
+  border-bottom: solid;
+}
+.nav-tabs .nav-link.active {
+  color: var(--plex-yelow);
+  background: none;
+}
+.nav-tabs .nav-link:hover {
+  border-bottom: none;
+}
+.custom-control-input:checked ~ .custom-control-label:before {
+  color: #fff;
+  border-color: var(--plex-yelow);
+  background-color: var(--plex-yelow);
+}
+.custom-switch
+  .custom-control-input:disabled:checked
+  ~ .custom-control-label:before {
+  background-color: var(--plex-yelow);
+}
+.btn-primary.disabled,
+.btn-primary:disabled {
+  color: #fff;
+  background-color: #e59029;
+  border-color: #e59029;
+  font-weight: bold;
+}
+.btn-primary:focus,
+.btn-primary.focus {
+  background-color: #cc7b19;
+  border-color: #cc7b19;
+  font-weight: bold;
+}
+.btn-danger {
+  color: hsla(0, 0%, 100%, 0.75);
+  background-color: #b32;
+  border-color: #b32;
+  font-weight: bold;
+}
+.btn-danger:hover {
+  color: white;
+  background-color: #b32;
+  border-color: #b32;
+}
+.brand-link {
+  background-color: var(--nav-color) !important;
+}
+.hover-popover-content {
+  max-width: 32rem;
+  text-align: center;
+  background: var(--nav-color);
+}
+.progress-bar {
+  background-color: var(--plex-yelow);
+}
+.modal-header,
+.modal-body,
+.modal-footer {
+  background-color: var(--body-color);
+}
+.btn-secondary.disabled,
+.btn-secondary:disabled {
+  background-color: var(--card-color);
+  border-color: var(--card-color);
+  border-left: none !important;
+  border-right: none !important;
+}
+#queue-viewer .current {
+  background-color: var(--card-color);
+}
+.tab-content .card-popovers .btn {
+  padding-left: 0.4rem;
+  padding-right: 0.4rem;
 }
 /* .gallery-tabs, .scene-tabs, .scene-player-container {
      background-color: var(--nav-color);
 }
  */
- .react-select__menu-portal {
-     z-index: 2;
+.react-select__menu-portal {
+  z-index: 2;
 }
- .video-js .vjs-play-progress {
-     background-color: #e5a00d;
+.video-js .vjs-play-progress {
+  background-color: #e5a00d;
 }
diff --git a/themes/Theme-ModernDark/Theme-ModernDark.yml b/themes/Theme-ModernDark/Theme-ModernDark.yml
index 6e3c40ba..84cd3586 100644
--- a/themes/Theme-ModernDark/Theme-ModernDark.yml
+++ b/themes/Theme-ModernDark/Theme-ModernDark.yml
@@ -3,4 +3,4 @@ description: ModernDark Theme for Stash by cj13
 version: 1.2
 ui:
   css:
-  - Theme-ModernDark.css
+    - Theme-ModernDark.css
diff --git a/themes/Theme-NeonDark/Theme-NeonDark.css b/themes/Theme-NeonDark/Theme-NeonDark.css
index 0126434a..b161daa5 100644
--- a/themes/Theme-NeonDark/Theme-NeonDark.css
+++ b/themes/Theme-NeonDark/Theme-NeonDark.css
@@ -1,1081 +1,972 @@
 /* Neon Dark Theme by Dankonite */
-:root
-{
-	--background-color:#101010;
-	--blue-accent:#137cbd;
-	--card-radius:.75rem;
-	--disabled-color:#181818;
-	--font-color:#fff;
-	--lighter-gray:#303030;
-	--menu-gray:#202020;
-	--menu-rounding:1rem;
-	--not-card-radius:.25rem;
-	--red-delete:#DB3737
+:root {
+  --background-color: #101010;
+  --blue-accent: #137cbd;
+  --card-radius: 0.75rem;
+  --disabled-color: #181818;
+  --font-color: #fff;
+  --lighter-gray: #303030;
+  --menu-gray: #202020;
+  --menu-rounding: 1rem;
+  --not-card-radius: 0.25rem;
+  --red-delete: #db3737;
 }
 
-.btn
-{
-	border-radius:var(--not-card-radius)
+.btn {
+  border-radius: var(--not-card-radius);
 }
 
-.btn-primary:not(:disabled):not(.disabled):not(.brand-link):active,.btn-primary:not(:disabled):not(.disabled).active,.show>.btn-primary.dropdown-toggle
-{
-	background-color:var(--lighter-gray);
-	border-color:var(--blue-accent);
-	color:var(--font-color)
+.btn-primary:not(:disabled):not(.disabled):not(.brand-link):active,
+.btn-primary:not(:disabled):not(.disabled).active,
+.show > .btn-primary.dropdown-toggle {
+  background-color: var(--lighter-gray);
+  border-color: var(--blue-accent);
+  color: var(--font-color);
 }
 
-.dropdown-item
-{
-	border-radius:var(--menu-rounding)
+.dropdown-item {
+  border-radius: var(--menu-rounding);
 }
 
-.edit-buttons-container>*
-{
-	margin-bottom:1rem
+.edit-buttons-container > * {
+  margin-bottom: 1rem;
 }
 
-.fa-chevron-up,.fa-chevron-down
-{
-	color:var(--blue-accent)
+.fa-chevron-up,
+.fa-chevron-down {
+  color: var(--blue-accent);
 }
 
-.form-control
-{
-	border-radius:var(--not-card-radius);
-	padding-right:1.3rem
+.form-control {
+  border-radius: var(--not-card-radius);
+  padding-right: 1.3rem;
 }
 
-.input-group-text
-{
-	background-color:var(--menu-gray);
-	border:1px solid var(--blue-accent);
-	color:var(--font-color)
+.input-group-text {
+  background-color: var(--menu-gray);
+  border: 1px solid var(--blue-accent);
+  color: var(--font-color);
 }
 
-.input-group.has-validation>.input-group-append>div>div>button
-{
-	border-bottom-left-radius:0!important;
-	border-top-left-radius:0!important
+.input-group.has-validation > .input-group-append > div > div > button {
+  border-bottom-left-radius: 0 !important;
+  border-top-left-radius: 0 !important;
 }
 
-.nav-pills .nav-link
-{
-	border-radius:var(--not-card-radius)
+.nav-pills .nav-link {
+  border-radius: var(--not-card-radius);
 }
 
-.row
-{
-	margin-left:0;
-	margin-right:0
+.row {
+  margin-left: 0;
+  margin-right: 0;
 }
 
-.saved-filter-list-menu>div>div
-{
-	margin-bottom:1rem
+.saved-filter-list-menu > div > div {
+  margin-bottom: 1rem;
 }
 
-.search-item
-{
-	background-color:var(--menu-gray);
-	border-radius:.25rem;
-	padding:1rem
+.search-item {
+  background-color: var(--menu-gray);
+  border-radius: 0.25rem;
+  padding: 1rem;
 }
 
-.set-as-default-button
-{
-	margin-top:1rem
+.set-as-default-button {
+  margin-top: 1rem;
 }
 
-.setting-section .setting:not(:last-child)
-{
-	border-bottom:1px solid var(--blue-accent)
+.setting-section .setting:not(:last-child) {
+  border-bottom: 1px solid var(--blue-accent);
 }
 
-a.bg-secondary:hover,a.bg-secondary:focus,button.bg-secondary:hover,button.bg-secondary:focus
-{
-	background-color:var(--lighter-gray)!important
+a.bg-secondary:hover,
+a.bg-secondary:focus,
+button.bg-secondary:hover,
+button.bg-secondary:focus {
+  background-color: var(--lighter-gray) !important;
 }
 
-button.brand-link
-{
-	font-size:0;
-	visibility:hidden!important
+button.brand-link {
+  font-size: 0;
+  visibility: hidden !important;
 }
 
-button.brand-link:after
-{
-	align-items:center;
-	border:1px solid var(--blue-accent)!important;
-	border-radius:var(--not-card-radius);
-	content:"Home";
-	display:inline-block;
-	font-size:1rem;
-	height:40px;
-	padding:7px 12px;
-	position:relative;
-	top:-1px;
-	vertical-align:middle;
-	visibility:visible
+button.brand-link:after {
+  align-items: center;
+  border: 1px solid var(--blue-accent) !important;
+  border-radius: var(--not-card-radius);
+  content: "Home";
+  display: inline-block;
+  font-size: 1rem;
+  height: 40px;
+  padding: 7px 12px;
+  position: relative;
+  top: -1px;
+  vertical-align: middle;
+  visibility: visible;
 }
 
-button.brand-link:hover:after
-{
-	background-color:var(--lighter-gray)
+button.brand-link:hover:after {
+  background-color: var(--lighter-gray);
 }
 
-div.row>h4
-{
-	margin:0;
-	padding:1rem
+div.row > h4 {
+  margin: 0;
+  padding: 1rem;
 }
 
-div.row>hr.w-100
-{
-	padding-bottom:1rem
+div.row > hr.w-100 {
+  padding-bottom: 1rem;
 }
 
-input.bg-secondary.text-white.border-secondary.form-control,.date-input.form-control,.text-input.form-control
-{
-	height:33.5px
+input.bg-secondary.text-white.border-secondary.form-control,
+.date-input.form-control,
+.text-input.form-control {
+  height: 33.5px;
 }
 
 @media (max-width: 1199.98px) {
-	.brand-link:after
-	{
-		margin-left:-16px
-	}
+  .brand-link:after {
+    margin-left: -16px;
+  }
 
-	.top-nav .btn
-	{
-		padding:0 12px
-	}
+  .top-nav .btn {
+    padding: 0 12px;
+  }
 }
 
 @media (min-width: 1199.98px) {
-	.navbar-collapse>.navbar-nav>div>a
-	{
-		height:40px
-	}
+  .navbar-collapse > .navbar-nav > div > a {
+    height: 40px;
+  }
 }
 
 @media (min-width: 576px) {
-#settings-menu-container
-{
-	padding:1rem;
-	position:fixed
-}    
+  #settings-menu-container {
+    padding: 1rem;
+    position: fixed;
+  }
 }
 
-.bs-popover-bottom>.arrow:after,.bs-popover-auto[x-placement^=bottom]>.arrow:after
-{
-	border-bottom-color:var(--blue-accent);
-	border-width:0 .5rem .5rem;
-	top:1px
+.bs-popover-bottom > .arrow:after,
+.bs-popover-auto[x-placement^="bottom"] > .arrow:after {
+  border-bottom-color: var(--blue-accent);
+  border-width: 0 0.5rem 0.5rem;
+  top: 1px;
 }
 
-.btn-toolbar>.btn-group>.dropdown>button,.query-text-field,.form-control,.dropdown,.dropdown-toggle
-{
-	height:100%
+.btn-toolbar > .btn-group > .dropdown > button,
+.query-text-field,
+.form-control,
+.dropdown,
+.dropdown-toggle {
+  height: 100%;
 }
 
-.navbar-brand
-{
-	display:inline-block;
-	font-size:1.25rem;
-	line-height:inherit;
-	margin-right:0;
-	padding-bottom:.3125rem;
-	padding-top:.3125rem;
-	white-space:nowrap
+.navbar-brand {
+  display: inline-block;
+  font-size: 1.25rem;
+  line-height: inherit;
+  margin-right: 0;
+  padding-bottom: 0.3125rem;
+  padding-top: 0.3125rem;
+  white-space: nowrap;
 }
 
-.navbar-collapse>.navbar-nav>div>a
-{
-	border:1px solid var(--blue-accent)
+.navbar-collapse > .navbar-nav > div > a {
+  border: 1px solid var(--blue-accent);
 }
 
-.navbar-expand-xl .navbar-nav .nav-link
-{
-	padding-left:.5rem;
-	padding-right:0
+.navbar-expand-xl .navbar-nav .nav-link {
+  padding-left: 0.5rem;
+  padding-right: 0;
 }
 
-.setting-section .setting-group:not(:last-child)
-{
-	border-bottom:1px solid var(--blue-accent)
+.setting-section .setting-group:not(:last-child) {
+  border-bottom: 1px solid var(--blue-accent);
 }
 
-a
-{
-	color:var(--font-color)
+a {
+  color: var(--font-color);
 }
 
-h6.col-md-2.col-4
-{
-	display:flex;
-	justify-content:center
+h6.col-md-2.col-4 {
+  display: flex;
+  justify-content: center;
 }
 
-img
-{
-	border-bottom:1px solid var(--blue-accent)!important
+img {
+  border-bottom: 1px solid var(--blue-accent) !important;
 }
 
-@media(min-width: 576px) {
-	.offset-sm-3
-	{
-		border-left:1px solid var(--blue-accent)
-	}
+@media (min-width: 576px) {
+  .offset-sm-3 {
+    border-left: 1px solid var(--blue-accent);
+  }
 }
 
-.TruncatedText.scene-card__description
-{
-	font-size:.9rem
+.TruncatedText.scene-card__description {
+  font-size: 0.9rem;
 }
 
-.brand-link
-{
-	padding:0
+.brand-link {
+  padding: 0;
 }
 
-.btn-primary
-{
-	background-color:var(--menu-gray);
-	border-color:var(--blue-accent);
-	color:var(--font-color)
+.btn-primary {
+  background-color: var(--menu-gray);
+  border-color: var(--blue-accent);
+  color: var(--font-color);
 }
 
-.btn-secondary
-{
-	background-color:var(--menu-gray);
-	border-color:var(--blue-accent);
-	color:var(--font-color)
+.btn-secondary {
+  background-color: var(--menu-gray);
+  border-color: var(--blue-accent);
+  color: var(--font-color);
 }
 
-.btn-secondary.disabled,.btn-secondary:disabled
-{
-	background-color:var(--disabled-color);
-	border-color:var(--blue-accent);
-	color:var(--font-color)
+.btn-secondary.disabled,
+.btn-secondary:disabled {
+  background-color: var(--disabled-color);
+  border-color: var(--blue-accent);
+  color: var(--font-color);
 }
 
-.btn-secondary:focus,.btn-secondary.focus
-{
-	background-color:var(--lighter-gray);
-	border-color:var(--blue-accent);
-	box-shadow:0 0 .3rem .3rem var(--blue-accent);
-	color:var(--font-color)
+.btn-secondary:focus,
+.btn-secondary.focus {
+  background-color: var(--lighter-gray);
+  border-color: var(--blue-accent);
+  box-shadow: 0 0 0.3rem 0.3rem var(--blue-accent);
+  color: var(--font-color);
 }
 
-.btn-secondary:hover
-{
-	background-color:var(--lighter-gray);
-	border-color:var(--blue-accent);
-	color:var(--font-color)
+.btn-secondary:hover {
+  background-color: var(--lighter-gray);
+  border-color: var(--blue-accent);
+  color: var(--font-color);
 }
 
-.btn-secondary:not(:disabled):not(.disabled):active,.btn-secondary:not(:disabled):not(.disabled).active,.show>.btn-secondary.dropdown-toggle
-{
-	background-color:var(--lighter-gray);
-	border-color:var(--blue-accent);
-	color:var(--font-color)
+.btn-secondary:not(:disabled):not(.disabled):active,
+.btn-secondary:not(:disabled):not(.disabled).active,
+.show > .btn-secondary.dropdown-toggle {
+  background-color: var(--lighter-gray);
+  border-color: var(--blue-accent);
+  color: var(--font-color);
 }
 
-.btn-secondary:not(:disabled):not(.disabled):active:focus,.btn-secondary:not(:disabled):not(.disabled).active:focus,.show>.btn-secondary.dropdown-toggle:focus
-{
-	box-shadow:var(--blue-accent)
+.btn-secondary:not(:disabled):not(.disabled):active:focus,
+.btn-secondary:not(:disabled):not(.disabled).active:focus,
+.show > .btn-secondary.dropdown-toggle:focus {
+  box-shadow: var(--blue-accent);
 }
 
-.btn-toolbar
-{
-	justify-content:flex-start;
-	padding-top:.5rem
+.btn-toolbar {
+  justify-content: flex-start;
+  padding-top: 0.5rem;
 }
 
-.btn:focus,.btn.focus
-{
-	box-shadow:var(--blue-accent)!important
+.btn:focus,
+.btn.focus {
+  box-shadow: var(--blue-accent) !important;
 }
 
-.dropdown-item.disabled,.dropdown-item:disabled
-{
-	color:#adb5bd
+.dropdown-item.disabled,
+.dropdown-item:disabled {
+  color: #adb5bd;
 }
 
-.dropdown-menu.show
-{
-	display:block;
-	padding:1rem
+.dropdown-menu.show {
+  display: block;
+  padding: 1rem;
 }
 
-.form-control::placeholder
-{
-	color:var(--font-color)
+.form-control::placeholder {
+  color: var(--font-color);
 }
 
-.form-control:focus
-{
-	box-shadow:var(--blue-accent)
+.form-control:focus {
+  box-shadow: var(--blue-accent);
 }
 
-.nav-menu-toggle
-{
-	border:1px solid var(--blue-accent)!important
+.nav-menu-toggle {
+  border: 1px solid var(--blue-accent) !important;
 }
 
-.query-text-field:active,.query-text-field:focus
-{
-	box-shadow:0 0 .3rem .3rem var(--blue-accent)!important
+.query-text-field:active,
+.query-text-field:focus {
+  box-shadow: 0 0 0.3rem 0.3rem var(--blue-accent) !important;
 }
 
-.scene-card a,.gallery-card a
-{
-	color:var(--font-color)
+.scene-card a,
+.gallery-card a {
+  color: var(--font-color);
 }
 
-body
-{
-	background-color:var(--background-color);
-	color:var(--font-color);
-	text-align:left
+body {
+  background-color: var(--background-color);
+  color: var(--font-color);
+  text-align: left;
 }
 
-div.navbar-buttons>:not(.mr-2)
-{
-	border:1px solid var(--blue-accent)!important;
-	border-radius:var(--not-card-radius)
+div.navbar-buttons > :not(.mr-2) {
+  border: 1px solid var(--blue-accent) !important;
+  border-radius: var(--not-card-radius);
 }
 
-h5,.h5
-{
-	font-size:1.1rem
+h5,
+.h5 {
+  font-size: 1.1rem;
 }
 
-hr
-{
-	border-top:1px solid var(--blue-accent)
+hr {
+  border-top: 1px solid var(--blue-accent);
 }
 
-@media (min-width:576px) {
-	.gallery-card
-	{
-		width:unset!important
-	}
+@media (min-width: 576px) {
+  .gallery-card {
+    width: unset !important;
+  }
 
-	.performer-card
-	{
-		width:unset!important
-	}
+  .performer-card {
+    width: unset !important;
+  }
 
-	.tag-card-image
-	{
-		height:180px
-	}
+  .tag-card-image {
+    height: 180px;
+  }
 }
 
-@media (max-width:576px) {
-	.gallery-card
-	{
-		width:unset!important
-	}
+@media (max-width: 576px) {
+  .gallery-card {
+    width: unset !important;
+  }
 
-	.performer-card
-	{
-		width:unset!important
-	}
+  .performer-card {
+    width: unset !important;
+  }
 
-	.tag-card-image
-	{
-		height:120px
-	}
+  .tag-card-image {
+    height: 120px;
+  }
 }
 
-#scrubber-current-position
-{
-	background-color:var(--blue-accent);
-	height:30px;
-	left:50%;
-	position:absolute;
-	width:2px;
-	z-index:1
+#scrubber-current-position {
+  background-color: var(--blue-accent);
+  height: 30px;
+  left: 50%;
+  position: absolute;
+  width: 2px;
+  z-index: 1;
 }
 
-#scrubber-position-indicator
-{
-	background-color:var(--lighter-gray);
-	border-right:2px solid var(--blue-accent);
-	height:20px;
-	left:-100%;
-	position:absolute;
-	width:100%;
-	z-index:0
+#scrubber-position-indicator {
+  background-color: var(--lighter-gray);
+  border-right: 2px solid var(--blue-accent);
+  height: 20px;
+  left: -100%;
+  position: absolute;
+  width: 100%;
+  z-index: 0;
 }
 
-.badge-info
-{
-	background-color:var(--menu-gray);
-	border:1px solid var(--blue-accent);
-	color:var(--font-color)
+.badge-info {
+  background-color: var(--menu-gray);
+  border: 1px solid var(--blue-accent);
+  color: var(--font-color);
 }
 
-.badge-secondary
-{
-	background-color:var(--lighter-gray);
-	border:1px solid var(--blue-accent);
-	border-radius:.25rem;
-	color:var(--font-color)
+.badge-secondary {
+  background-color: var(--lighter-gray);
+  border: 1px solid var(--blue-accent);
+  border-radius: 0.25rem;
+  color: var(--font-color);
 }
 
-.bg-dark
-{
-	background-color:var(--menu-gray)!important
+.bg-dark {
+  background-color: var(--menu-gray) !important;
 }
 
-.bg-secondary
-{
-	background-color:var(--menu-gray)!important
+.bg-secondary {
+  background-color: var(--menu-gray) !important;
 }
 
-.border-secondary
-{
-	border-color:var(--blue-accent)!important
+.border-secondary {
+  border-color: var(--blue-accent) !important;
 }
 
-.brand-link
-{
-	border:1px solid var(--blue-accent)!important
+.brand-link {
+  border: 1px solid var(--blue-accent) !important;
 }
 
-.card
-{
-	background-color:var(--menu-gray);
-	border-radius:var(--card-radius)!important;
-	box-shadow:var(--blue-accent)
+.card {
+  background-color: var(--menu-gray);
+  border-radius: var(--card-radius) !important;
+  box-shadow: var(--blue-accent);
 }
 
-.card
-{
-	border:1px solid var(--blue-accent)
+.card {
+  border: 1px solid var(--blue-accent);
 }
 
-.filter-button .badge
-{
-	border-radius:999px;
-	right:-7px;
-	top:-6px;
-	z-index:3!important
+.filter-button .badge {
+  border-radius: 999px;
+  right: -7px;
+  top: -6px;
+  z-index: 3 !important;
 }
 
-.gallery-card
-{
-	height:min-content!important
+.gallery-card {
+  height: min-content !important;
 }
 
-.gallery-card.card
-{
-	padding-bottom:0
+.gallery-card.card {
+  padding-bottom: 0;
 }
 
-.modal-footer
-{
-	border-radius:1rem;
-	border-top:1px solid var(--blue-accent);
-	border-top-left-radius:0;
-	border-top-right-radius:0
+.modal-footer {
+  border-radius: 1rem;
+  border-top: 1px solid var(--blue-accent);
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
 }
 
-.modal-header
-{
-	border-bottom:1px solid var(--blue-accent);
-	border-bottom-left-radius:0!important;
-	border-bottom-right-radius:0!important;
-	border-radius:1rem
+.modal-header {
+  border-bottom: 1px solid var(--blue-accent);
+  border-bottom-left-radius: 0 !important;
+  border-bottom-right-radius: 0 !important;
+  border-radius: 1rem;
 }
 
-.modal-header,.modal-body,.modal-footer
-{
-	background-color:var(--menu-gray);
-	color:var(--font-color)
+.modal-header,
+.modal-body,
+.modal-footer {
+  background-color: var(--menu-gray);
+  color: var(--font-color);
 }
 
-.nav-pills .nav-link.active,.nav-pills .show>.nav-link
-{
-	background-color:var(--menu-gray);
-	border:1px solid var(--blue-accent);
-	color:var(--font-color)
+.nav-pills .nav-link.active,
+.nav-pills .show > .nav-link {
+  background-color: var(--menu-gray);
+  border: 1px solid var(--blue-accent);
+  color: var(--font-color);
 }
 
-.nav-tabs .nav-link.active,.nav-tabs .nav-item.show .nav-link
-{
-	background-color:var(--menu-gray);
-	border-color:var(--blue-accent);
-	color:var(--font-color)
+.nav-tabs .nav-link.active,
+.nav-tabs .nav-item.show .nav-link {
+  background-color: var(--menu-gray);
+  border-color: var(--blue-accent);
+  color: var(--font-color);
 }
 
-.nav-tabs .nav-link:hover
-{
-	border-bottom:2px solid var(--blue-accent)
+.nav-tabs .nav-link:hover {
+  border-bottom: 2px solid var(--blue-accent);
 }
 
-.pagination .btn
-{
-	border-left:1px solid var(--blue-accent);
-	border-right:1px solid var(--blue-accent)
+.pagination .btn {
+  border-left: 1px solid var(--blue-accent);
+  border-right: 1px solid var(--blue-accent);
 }
 
-.pagination .btn:first-child
-{
-	border-left:1px solid var(--blue-accent)
+.pagination .btn:first-child {
+  border-left: 1px solid var(--blue-accent);
 }
 
-.pagination .btn:last-child
-{
-	border-right:1px solid var(--blue-accent)
+.pagination .btn:last-child {
+  border-right: 1px solid var(--blue-accent);
 }
 
-.performer-card .fi
-{
-	bottom:.3rem;
-	filter:drop-shadow(0 0 2px rgba(0,0,0,.9));
-	height:2rem;
-	position:absolute;
-	right:.2rem;
-	width:3rem
+.performer-card .fi {
+  bottom: 0.3rem;
+  filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.9));
+  height: 2rem;
+  position: absolute;
+  right: 0.2rem;
+  width: 3rem;
 }
 
-.popover
-{
-	background-color:var(--menu-gray);
-	border:1px solid var(--blue-accent)!important;
-	border-radius:var(--card-radius)
+.popover {
+  background-color: var(--menu-gray);
+  border: 1px solid var(--blue-accent) !important;
+  border-radius: var(--card-radius);
 }
 
-.popover-header
-{
-	background-color:var(--lighter-gray);
-	border-bottom:1px solid var(--blue-accent)
+.popover-header {
+  background-color: var(--lighter-gray);
+  border-bottom: 1px solid var(--blue-accent);
 }
 
-.query-text-field
-{
-	border:1px solid var(--blue-accent)!important
+.query-text-field {
+  border: 1px solid var(--blue-accent) !important;
 }
 
-.scene-header>h3>.TruncatedText
-{
-	text-align:left
+.scene-header > h3 > .TruncatedText {
+  text-align: left;
 }
 
-.scene-specs-overlay,.scene-interactive-speed-overlay,.scene-studio-overlay,span.scene-card__date
-{
-	font-weight:900!important
+.scene-specs-overlay,
+.scene-interactive-speed-overlay,
+.scene-studio-overlay,
+span.scene-card__date {
+  font-weight: 900 !important;
 }
 
-.scrubber-tags-background
-{
-	background-color:var(--menu-gray);
-	height:20px;
-	left:0;
-	position:absolute;
-	right:0
+.scrubber-tags-background {
+  background-color: var(--menu-gray);
+  height: 20px;
+  left: 0;
+  position: absolute;
+  right: 0;
 }
 
-::selection
-{
-	background-color:var(--lighter-gray)!important;
-	color:var(--font-color)!important
+::selection {
+  background-color: var(--lighter-gray) !important;
+  color: var(--font-color) !important;
 }
 
-a.minimal,button.minimal
-{
-	color:var(--font-color)
+a.minimal,
+button.minimal {
+  color: var(--font-color);
 }
 
-body ::-webkit-scrollbar-thumb
-{
-	background:var(--blue-accent)
+body ::-webkit-scrollbar-thumb {
+  background: var(--blue-accent);
 }
 
-body ::-webkit-scrollbar-thumb:hover
-{
-	background:var(--blue-accent)
+body ::-webkit-scrollbar-thumb:hover {
+  background: var(--blue-accent);
 }
 
-body ::-webkit-scrollbar-thumb:window-inactive
-{
-	background:var(--blue-accent)
+body ::-webkit-scrollbar-thumb:window-inactive {
+  background: var(--blue-accent);
 }
 
-body ::-webkit-scrollbar-track
-{
-	background:var(--menu-gray)
+body ::-webkit-scrollbar-track {
+  background: var(--menu-gray);
 }
 
-hr
-{
-	margin:0
+hr {
+  margin: 0;
 }
 
-@media(orientation:portrait) {
-	.performer-card-image
-	{
-		height:25vh
-	}
+@media (orientation: portrait) {
+  .performer-card-image {
+    height: 25vh;
+  }
 }
 
-.card.performer-card
-{
-	padding:0
+.card.performer-card {
+  padding: 0;
 }
 
-.fa-mars
-{
-	display:none
+.fa-mars {
+  display: none;
 }
 
-.fa-transgender-alt
-{
-	display:none
+.fa-transgender-alt {
+  display: none;
 }
 
-.fa-venus
-{
-	display:none
+.fa-venus {
+  display: none;
 }
 
-.performer-card__age
-{
-	color:var(--font-color);
-	text-align:center
+.performer-card__age {
+  color: var(--font-color);
+  text-align: center;
 }
 
-.slick-list .gallery-card
-{
-	width:min-content
+.slick-list .gallery-card {
+  width: min-content;
 }
 
-.slick-slide .card
-{
-	height:min-content
+.slick-slide .card {
+  height: min-content;
 }
 
-.slick-track
-{
-	margin-bottom:1rem;
-	top:0
+.slick-track {
+  margin-bottom: 1rem;
+  top: 0;
 }
 
-.tag-sub-tags,.studio-child-studios
-{
-	display:none
+.tag-sub-tags,
+.studio-child-studios {
+  display: none;
 }
 
 @media (max-width: 576px) {
-	.slick-list .scene-card,.slick-list .studio-card
-	{
-		width:44vw!important
-	}
+  .slick-list .scene-card,
+  .slick-list .studio-card {
+    width: 44vw !important;
+  }
 }
 
-.card-popovers
-{
-	justify-content:space-around;
-	margin-bottom:2px;
-	margin-top:2px
+.card-popovers {
+  justify-content: space-around;
+  margin-bottom: 2px;
+  margin-top: 2px;
 }
 
-.card-section
-{
-	height:100%;
-	padding:0 .2rem
+.card-section {
+  height: 100%;
+  padding: 0 0.2rem;
 }
 
-.scene-specs-overlay
-{
-	bottom:.2rem;
-	right:.2rem
+.scene-specs-overlay {
+  bottom: 0.2rem;
+  right: 0.2rem;
 }
 
-.scene-studio-overlay
-{
-	line-height:.8rem;
-	max-width:50%;
-	right:.2rem;
-	top:.2rem
+.scene-studio-overlay {
+  line-height: 0.8rem;
+  max-width: 50%;
+  right: 0.2rem;
+  top: 0.2rem;
 }
 
-@media (min-width: 1200px),(max-width: 575px) {
-	.scene-performers .performer-card
-	{
-		width:47vw
-	}
+@media (min-width: 1200px), (max-width: 575px) {
+  .scene-performers .performer-card {
+    width: 47vw;
+  }
 
-	.scene-performers .performer-card-image
-	{
-		height:22.5rem
-	}
+  .scene-performers .performer-card-image {
+    height: 22.5rem;
+  }
 }
 
-#queue-viewer .current
-{
-	background-color:var(--menu-gray)
+#queue-viewer .current {
+  background-color: var(--menu-gray);
 }
 
-#scene-edit-details .edit-buttons-container
-{
-	background-color:var(--background-color)
+#scene-edit-details .edit-buttons-container {
+  background-color: var(--background-color);
 }
 
-.edit-buttons>button
-{
-	margin-left:1px
+.edit-buttons > button {
+  margin-left: 1px;
 }
 
-.scene-card__details,.gallery-card__details
-{
-	margin-bottom:0!important
+.scene-card__details,
+.gallery-card__details {
+  margin-bottom: 0 !important;
 }
 
-.setting-section .setting>div:last-child
-{
-	display:flex;
-	justify-content:center;
-	text-align:right
+.setting-section .setting > div:last-child {
+  display: flex;
+  justify-content: center;
+  text-align: right;
 }
 
-span.scene-card__date
-{
-	display:flex;
-	font-size:.8em;
-	justify-content:flex-end;
-	margin-right:.2rem
+span.scene-card__date {
+  display: flex;
+  font-size: 0.8em;
+  justify-content: flex-end;
+  margin-right: 0.2rem;
 }
 
 @media (min-width: 576px) and (min-height: 600px) {
-	#tasks-panel .tasks-panel-queue
-	{
-		background-color:var(--background-color)
-	}
+  #tasks-panel .tasks-panel-queue {
+    background-color: var(--background-color);
+  }
 }
 
-.gender-icon
-{
-	display:none
+.gender-icon {
+  display: none;
 }
 
-.job-table.card
-{
-	background-color:var(--menu-gray)
+.job-table.card {
+  background-color: var(--menu-gray);
 }
 
-.scraper-table tr:nth-child(2n)
-{
-	background-color:var(--lighter-gray)
+.scraper-table tr:nth-child(2n) {
+  background-color: var(--lighter-gray);
 }
 
-a.marker-count
-{
-	display:none
+a.marker-count {
+  display: none;
 }
 
-a[target='_blank']
-{
-	display:none
+a[target="_blank"] {
+  display: none;
 }
 
-button.collapse-button.btn-primary:not(:disabled):not(.disabled):hover,button.collapse-button.btn-primary:not(:disabled):not(.disabled):focus,button.collapse-button.btn-primary:not(:disabled):not(.disabled):active
-{
-	color:var(--font-color)
+button.collapse-button.btn-primary:not(:disabled):not(.disabled):hover,
+button.collapse-button.btn-primary:not(:disabled):not(.disabled):focus,
+button.collapse-button.btn-primary:not(:disabled):not(.disabled):active {
+  color: var(--font-color);
 }
 
-@media(max-width: 576px) {
-	.grid-card
-	{
-		width:47vw
-	}
+@media (max-width: 576px) {
+  .grid-card {
+    width: 47vw;
+  }
 }
 
-.TruncatedText
-{
-	text-align:center;
-	white-space:pre-line;
-	word-break:break-word
+.TruncatedText {
+  text-align: center;
+  white-space: pre-line;
+  word-break: break-word;
 }
 
-.gallery-card
-{
-	width:min-content!important
+.gallery-card {
+  width: min-content !important;
 }
 
-.gallery-card-image
-{
-	max-height:240px!important;
-	width:auto!important
+.gallery-card-image {
+  max-height: 240px !important;
+  width: auto !important;
 }
 
-.grid-card .progress-bar
-{
-	background-color:var(--lighter-gray);
-	bottom:0
+.grid-card .progress-bar {
+  background-color: var(--lighter-gray);
+  bottom: 0;
 }
 
-.grid-card a .card-section-title
-{
-	color:var(--font-color);
-	display:flex;
-	justify-content:center
+.grid-card a .card-section-title {
+  color: var(--font-color);
+  display: flex;
+  justify-content: center;
 }
 
-.ml-2.mb-2.d-none.d-sm-inline-flex
-{
-	display:none!important
+.ml-2.mb-2.d-none.d-sm-inline-flex {
+  display: none !important;
 }
 
-.tag-card
-{
-	padding:0;
-	width:auto!important
+.tag-card {
+  padding: 0;
+  width: auto !important;
 }
 
-body
-{
-	color:var(--font-color);
-	padding:3.6rem 0 0
+body {
+  color: var(--font-color);
+  padding: 3.6rem 0 0;
 }
 
-div.mb-2
-{
-	height:auto
+div.mb-2 {
+  height: auto;
 }
 
 @media (max-width: 575.98px) and (orientation: portrait) {
-	body
-	{
-		padding:0
-	}
+  body {
+    padding: 0;
+  }
 }
 
 @media (min-width: 768px) {
-	.offset-md-3
-	{
-		border-left:1px solid var(--blue-accent)
-	}
+  .offset-md-3 {
+    border-left: 1px solid var(--blue-accent);
+  }
 }
 
-.card
-{
-	background-color:var(--menu-gray);
-	padding:0
+.card {
+  background-color: var(--menu-gray);
+  padding: 0;
 }
 
-.container,.container-fluid,.container-xl,.container-lg,.container-md,.container-sm
-{
-	padding-left:0;
-	padding-right:0
+.container,
+.container-fluid,
+.container-xl,
+.container-lg,
+.container-md,
+.container-sm {
+  padding-left: 0;
+  padding-right: 0;
 }
 
-.d-flex.justify-content-center.mb-2.wrap-tags.filter-tags
-{
-	margin:0!important
+.d-flex.justify-content-center.mb-2.wrap-tags.filter-tags {
+  margin: 0 !important;
 }
 
-.input-control,.input-control:focus,.input-control:disabled
-{
-	background-color:var(--lighter-gray)
+.input-control,
+.input-control:focus,
+.input-control:disabled {
+  background-color: var(--lighter-gray);
 }
 
-.input-control,.text-input
-{
-	border:1px solid var(--blue-accent);
-	color:var(--font-color)
+.input-control,
+.text-input {
+  border: 1px solid var(--blue-accent);
+  color: var(--font-color);
 }
 
-.navbar-buttons>.mr-2,.card hr
-{
-	margin:0!important
+.navbar-buttons > .mr-2,
+.card hr {
+  margin: 0 !important;
 }
 
-.preview-button .fa-icon
-{
-	color:var(--font-color)
+.preview-button .fa-icon {
+  color: var(--font-color);
 }
 
-.rating-banner
-{
-	display:none!important
+.rating-banner {
+  display: none !important;
 }
 
-.scene-card-preview,.gallery-card-image,.tag-card-image,.image-card-preview
-{
-	width:100%
+.scene-card-preview,
+.gallery-card-image,
+.tag-card-image,
+.image-card-preview {
+  width: 100%;
 }
 
-.slick-dots li button:before
-{
-	content:"."
+.slick-dots li button:before {
+  content: ".";
 }
 
-.slick-dots li.slick-active button:before
-{
-	color:var(--blue-accent);
-	opacity:.75
+.slick-dots li.slick-active button:before {
+  color: var(--blue-accent);
+  opacity: 0.75;
 }
 
-.tag-item
-{
-	background-color:var(--lighter-gray);
-	border:1px solid var(--blue-accent);
-	color:var(--font-color)
+.tag-item {
+  background-color: var(--lighter-gray);
+  border: 1px solid var(--blue-accent);
+  color: var(--font-color);
 }
 
-.tag-item .btn
-{
-	color:var(--font-color)
+.tag-item .btn {
+  color: var(--font-color);
 }
 
-.text-input,.text-input:focus,.text-input[readonly],.text-input:disabled
-{
-	background-color:var(--lighter-gray)
+.text-input,
+.text-input:focus,
+.text-input[readonly],
+.text-input:disabled {
+  background-color: var(--lighter-gray);
 }
 
-.top-nav
-{
-	border-bottom:1px solid var(--blue-accent);
-	padding:0 2rem!important
+.top-nav {
+  border-bottom: 1px solid var(--blue-accent);
+  padding: 0 2rem !important;
 }
 
-a.nav-utility,button[title='Help'],.nav-menu-toggle
-{
-	margin-left:.5rem
+a.nav-utility,
+button[title="Help"],
+.nav-menu-toggle {
+  margin-left: 0.5rem;
 }
 
-button.brand-link,.top-nav .navbar-buttons .btn
-{
-	height:40px
+button.brand-link,
+.top-nav .navbar-buttons .btn {
+  height: 40px;
 }
 
-div.react-select__control
-{
-	background-color:var(--lighter-gray);
-	border-color:var(--blue-accent)!important;
-	color:var(--font-color)
+div.react-select__control {
+  background-color: var(--lighter-gray);
+  border-color: var(--blue-accent) !important;
+  color: var(--font-color);
 }
 
-div.react-select__control .react-select__multi-value,div.react-select__multi-value__label,div.react-select__multi-value__remove
-{
-	background-color:var(--menu-gray);
-	color:var(--font-color)!important
+div.react-select__control .react-select__multi-value,
+div.react-select__multi-value__label,
+div.react-select__multi-value__remove {
+  background-color: var(--menu-gray);
+  color: var(--font-color) !important;
 }
 
-div.react-select__menu,div.dropdown-menu
-{
-	background-color:var(--menu-gray);
-	border:1px solid var(--blue-accent);
-	color:var(--font-color)
+div.react-select__menu,
+div.dropdown-menu {
+  background-color: var(--menu-gray);
+  border: 1px solid var(--blue-accent);
+  color: var(--font-color);
 }
 
-div.react-select__multi-value
-{
-	border:1px solid var(--blue-accent);
-	border-radius:999px
+div.react-select__multi-value {
+  border: 1px solid var(--blue-accent);
+  border-radius: 999px;
 }
 
-div.react-select__multi-value__label
-{
-	border-bottom-left-radius:999px;
-	border-top-left-radius:999px;
-	padding-right:8px
+div.react-select__multi-value__label {
+  border-bottom-left-radius: 999px;
+  border-top-left-radius: 999px;
+  padding-right: 8px;
 }
 
-div.react-select__multi-value__remove
-{
-	border-bottom-right-radius:999px;
-	border-top-right-radius:999px;
-	padding-left:0
+div.react-select__multi-value__remove {
+  border-bottom-right-radius: 999px;
+  border-top-right-radius: 999px;
+  padding-left: 0;
 }
 
-div.react-select__multi-value__remove:hover
-{
-	background-color:var(--red-delete)
+div.react-select__multi-value__remove:hover {
+  background-color: var(--red-delete);
 }
 
-div.react-select__placeholder
-{
-	color:var(--font-color)
+div.react-select__placeholder {
+  color: var(--font-color);
 }
 
-div[id='settings-menu-container']
-{
-	padding-top:.5rem
+div[id="settings-menu-container"] {
+  padding-top: 0.5rem;
 }
 
-div[role='group'].ml-auto.btn-group>div
-{
-	margin-right:.5rem;
-	margin-top:.5rem
+div[role="group"].ml-auto.btn-group > div {
+  margin-right: 0.5rem;
+  margin-top: 0.5rem;
 }
 
 @media (max-width: 575.98px) and (orientation: portrait) {
-	.container,.container-fluid,.container-xl,.container-lg,.container-nd,.container-sm
-	{
-		padding-top:3.5rem!important
-	}
+  .container,
+  .container-fluid,
+  .container-xl,
+  .container-lg,
+  .container-nd,
+  .container-sm {
+    padding-top: 3.5rem !important;
+  }
 
-	.top-nav
-	{
-		bottom:unset;
-		top:auto
-	}
+  .top-nav {
+    bottom: unset;
+    top: auto;
+  }
 }
 
-.grid-card a .card-section-title
-{
-	display:flex;
-	justify-content:center
+.grid-card a .card-section-title {
+  display: flex;
+  justify-content: center;
 }
 
-.markdown blockquote,.markdown pre
-{
-	background-color:var(--lighter-gray)
+.markdown blockquote,
+.markdown pre {
+  background-color: var(--lighter-gray);
 }
 
-.markdown code
-{
-	background-color:transparent;
-	color:var(--font-color)
+.markdown code {
+  background-color: transparent;
+  color: var(--font-color);
 }
 
-.markdown table tr:nth-child(2n)
-{
-	background-color:var(--lighter-gray)
+.markdown table tr:nth-child(2n) {
+  background-color: var(--lighter-gray);
 }
 
-.details-list>*:nth-child(4n), .details-list>*:nth-child(4n - 1) {
-    background-color: var(--menu-gray);
+.details-list > *:nth-child(4n),
+.details-list > *:nth-child(4n - 1) {
+  background-color: var(--menu-gray);
 }
 dl.details-list {
-    grid-column-gap:0;
+  grid-column-gap: 0;
 }
 dt {
-    padding-right: .5rem;
+  padding-right: 0.5rem;
 }
 dd {
-    margin-bottom: 0;
-    padding-left: .5rem;
-    border-left: 1px solid var(--blue-accent);
+  margin-bottom: 0;
+  padding-left: 0.5rem;
+  border-left: 1px solid var(--blue-accent);
 }
 #performer-page .performer-image-container .performer {
-    border-radius:var(--menu-rounding);
-    border: 0!important;
+  border-radius: var(--menu-rounding);
+  border: 0 !important;
 }
 .recommendations-container-edit .recommendation-row {
-    background-color: var(--menu-gray);
-    border-radius: 1rem;
-    border:1px solid var(--blue-accent);
-    margin-bottom: 10px;
+  background-color: var(--menu-gray);
+  border-radius: 1rem;
+  border: 1px solid var(--blue-accent);
+  margin-bottom: 10px;
 }
-.recommendations-container-edit.recommendations-container>div>div:first-of-type {
-    margin-top: calc(1rem + 10px);
+.recommendations-container-edit.recommendations-container
+  > div
+  > div:first-of-type {
+  margin-top: calc(1rem + 10px);
 }
-
diff --git a/themes/Theme-NeonDark/Theme-NeonDark.yml b/themes/Theme-NeonDark/Theme-NeonDark.yml
index 623f5e8a..eeaaa414 100644
--- a/themes/Theme-NeonDark/Theme-NeonDark.yml
+++ b/themes/Theme-NeonDark/Theme-NeonDark.yml
@@ -3,4 +3,4 @@ description: NeonDark Theme for Stash by Dankonite
 version: 1.0
 ui:
   css:
-  - Theme-NeonDark.css
+    - Theme-NeonDark.css
diff --git a/themes/Theme-Night/Theme-Night.css b/themes/Theme-Night/Theme-Night.css
index c6777617..9093c882 100644
--- a/themes/Theme-Night/Theme-Night.css
+++ b/themes/Theme-Night/Theme-Night.css
@@ -3,76 +3,78 @@ Night theme Version 0.1.
 */
 
 body {
-	color: #bb0009;
-	background-color: #000000;
-	
+  color: #bb0009;
+  background-color: #000000;
 }
 
 .bg-dark {
-	background-color: #1a1a1b!important;
+  background-color: #1a1a1b !important;
 }
 
 .card {
-	background-color: #30404d;
-	border-radius: 3px;
-	box-shadow: 0 0 0 1px rgba(16, 22, 26, .4), 0 0 0 rgba(16, 22, 26, 0), 0 0 0 rgba(16, 22, 26, 0);
-	padding: 20px;
-	background-color: rgba(0, 0, 0, .3);
+  background-color: #30404d;
+  border-radius: 3px;
+  box-shadow:
+    0 0 0 1px rgba(16, 22, 26, 0.4),
+    0 0 0 rgba(16, 22, 26, 0),
+    0 0 0 rgba(16, 22, 26, 0);
+  padding: 20px;
+  background-color: rgba(0, 0, 0, 0.3);
 }
 
 .bg-secondary {
-	background-color: #313437 !important;
+  background-color: #313437 !important;
 }
 
 .text-white {
-	color: #bb0009 !important;
+  color: #bb0009 !important;
 }
 
 .border-secondary {
-	border-color: #2f3335 !important;
+  border-color: #2f3335 !important;
 }
 
 .btn-secondary.filter-item.col-1.d-none.d-sm-inline.form-control {
-	background-color: rgba(0, 0, 0, .15);
+  background-color: rgba(0, 0, 0, 0.15);
 }
 
 .btn-secondary {
-	color: #bb0009;
-	background-color: rgba(0, 0, 0, .15);
+  color: #bb0009;
+  background-color: rgba(0, 0, 0, 0.15);
 }
 
 .btn-primary {
-	color: #bb0009;
-	background-color: #bb0009;
+  color: #bb0009;
+  background-color: #bb0009;
 }
 
 a {
-	color: hsla(0, 0%, 100%, .45);
+  color: hsla(0, 0%, 100%, 0.45);
 }
 
 .btn.active {
-	background-color: #2f3335;
-	color: #bb0009;
+  background-color: #2f3335;
+  color: #bb0009;
 }
 
 minimal.w-100.active.btn.btn-primary {
-	background-color: #bb0009;
-	color: #bb0009;
+  background-color: #bb0009;
+  color: #bb0009;
 }
 
 .btn-primary {
-	color: #fff;
-	background-color: #1a1a1b;
-	border-color: #374242;
+  color: #fff;
+  background-color: #1a1a1b;
+  border-color: #374242;
 }
 
 .nav-tabs .nav-link.active {
-	color: #bb0009;
+  color: #bb0009;
 }
 
 .nav-tabs .nav-link.active:hover {
-	border-bottom-color: #bb0009;
-	outline: 0;
+  border-bottom-color: #bb0009;
+  outline: 0;
 }
 
 .btn-primary.btn.donate.minimal {
@@ -80,7 +82,7 @@ minimal.w-100.active.btn.btn-primary {
 }
 
 .btn-primary.btn.help-button.minimal {
-	display: none;
+  display: none;
 }
 
 .changelog {
@@ -88,102 +90,104 @@ minimal.w-100.active.btn.btn-primary {
 }
 
 .nav-tabs .nav-link {
-	outline: 0;
-	color  #bb0009;
+  outline: 0;
+  color: #bb0009;
 }
 
 .input-control,
 .input-control:focus {
-	background-color: rgba(16, 22, 26, .3);
+  background-color: rgba(16, 22, 26, 0.3);
 }
 
 #performer-page .image-container .performer {
-	background-color: rgba(0, 0, 0, .45);
-	box-shadow: 0 0 2px rgba(0, 0, 0, .35);
+  background-color: rgba(0, 0, 0, 0.45);
+  box-shadow: 0 0 2px rgba(0, 0, 0, 0.35);
 }
 
 .btn-primary:not(:disabled):not(.disabled).active,
 .btn-primary:not(:disabled):not(.disabled):active,
-.show>.btn-primary.dropdown-toggle {
-	color: #fff;
-	border-color: #bb0009;
+.show > .btn-primary.dropdown-toggle {
+  color: #fff;
+  border-color: #bb0009;
 }
 
 .nav-pills .nav-link.active,
-.nav-pills .show>.nav-link {
-	background-color: #1a1a1b;
+.nav-pills .show > .nav-link {
+  background-color: #1a1a1b;
 }
 
-
-
 .btn-primary:not(:disabled):not(.disabled).active,
 .btn-primary:not(:disabled):not(.disabled):active,
-.show>.btn-primary.dropdown-toggle {
-	color: #fff;
-	background-color: #2f3335;
-	border-color: #bb0009;
+.show > .btn-primary.dropdown-toggle {
+  color: #fff;
+  background-color: #2f3335;
+  border-color: #bb0009;
 }
 
 input[type="range"]::-moz-range-track {
-	background: hsla(0, 0%, 100%, .25);
+  background: hsla(0, 0%, 100%, 0.25);
 }
 
 input[type="range"]::-moz-range-thumb {
-	background: #bcbcbc;
+  background: #bcbcbc;
 }
 
 div.react-select__control {
-	background-color: hsla(0, 0%, 39.2%, .4);
-	color: #182026;
-	border-color: #394b59;
-	cursor: pointer;
+  background-color: hsla(0, 0%, 39.2%, 0.4);
+  color: #182026;
+  border-color: #394b59;
+  cursor: pointer;
 }
 
 .scene-wall-item-text-container {
-	background: radial-gradient(farthest-corner at 50% 50%, rgba(50, 50, 50, .5) 50%, #323232 100%);
-	color: #bb0009;
+  background: radial-gradient(
+    farthest-corner at 50% 50%,
+    rgba(50, 50, 50, 0.5) 50%,
+    #323232 100%
+  );
+  color: #bb0009;
 }
 
 .btn-link {
-	font-weight: 500;
-	color: #bb0009;
-	text-decoration: none;
+  font-weight: 500;
+  color: #bb0009;
+  text-decoration: none;
 }
 
 button.minimal.brand-link.d-none.d-md-inline-block.btn.btn-primary {
-	text-transform: uppercase;
-	font-weight: bold;
-	color: #bb0009
+  text-transform: uppercase;
+  font-weight: bold;
+  color: #bb0009;
 }
 
 a.minimal {
-	text-transform: uppercase;
-	font-weight: bold;
-	color: #bb0009
+  text-transform: uppercase;
+  font-weight: bold;
+  color: #bb0009;
 }
 a:hover {
-	color: hsla(0, 0%, 100%, .7);
+  color: hsla(0, 0%, 100%, 0.7);
 }
 
 option {
-	background-color: #1a1a1b;
+  background-color: #1a1a1b;
 }
 .scrubber-tags-background {
-    background-color: #202351;
+  background-color: #202351;
 }
 
 .btn-primary.btn.settings-button.minimal {
-	color: #007dd0;
+  color: #007dd0;
 }
 
 button.minimal.btn.btn-primary {
-	color:  #007dd0;
+  color: #007dd0;
 }
 
 .btn-primary.btn.logout-button.minimal {
-	color:  #00bb2f;
+  color: #00bb2f;
 }
 
 .scrubber-viewport {
-	background-color:  #1f062d;
+  background-color: #1f062d;
 }
diff --git a/themes/Theme-Night/Theme-Night.yml b/themes/Theme-Night/Theme-Night.yml
index 4c7e39f4..d3e44c6f 100644
--- a/themes/Theme-Night/Theme-Night.yml
+++ b/themes/Theme-Night/Theme-Night.yml
@@ -3,4 +3,4 @@ description: Night Theme for Stash (unknown author)
 version: 0.1
 ui:
   css:
-  - Theme-Night.css
+    - Theme-Night.css
diff --git a/themes/Theme-Plex/Theme-Plex.css b/themes/Theme-Plex/Theme-Plex.css
index 0eb2166e..adefe0f9 100644
--- a/themes/Theme-Plex/Theme-Plex.css
+++ b/themes/Theme-Plex/Theme-Plex.css
@@ -4,159 +4,168 @@ StashApp Plex Theme - v1.0.5
 */
 
 body {
-	background-image: url("https://user-images.githubusercontent.com/63812189/79506691-4af78900-7feb-11ea-883e-87b8e05ceb1c.png");
-	width: 100%;
-	height: 100%;
-	background-size: cover;
-	background-repeat: no-repeat;
-	background-color: #3f4245;
-	background-attachment: fixed;
-	background-position: center;
+  background-image: url("https://user-images.githubusercontent.com/63812189/79506691-4af78900-7feb-11ea-883e-87b8e05ceb1c.png");
+  width: 100%;
+  height: 100%;
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-color: #3f4245;
+  background-attachment: fixed;
+  background-position: center;
 }
 
 #root {
-	background: rgba(0, 0, 0, 0) url("https://user-images.githubusercontent.com/63812189/79506696-4c28b600-7feb-11ea-8176-12a46454d87a.png") repeat scroll 0% 0%;
-	position: absolute;
-	width: 100%;
-	height: 100%;
-	z-index: 2;
+  background: rgba(0, 0, 0, 0)
+    url("https://user-images.githubusercontent.com/63812189/79506696-4c28b600-7feb-11ea-8176-12a46454d87a.png")
+    repeat scroll 0% 0%;
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  z-index: 2;
 }
 
 * {
-	scrollbar-color: hsla(0, 0%, 100%, .2) transparent;
+  scrollbar-color: hsla(0, 0%, 100%, 0.2) transparent;
 }
 
 .bg-dark {
-	background-color: #1f2326!important;
+  background-color: #1f2326 !important;
 }
 
 .job-table.card,
 .card {
-	background-color: #30404d;
-	border-radius: 3px;
-	box-shadow: 0 0 0 1px rgba(16, 22, 26, .4), 0 0 0 rgba(16, 22, 26, 0), 0 0 0 rgba(16, 22, 26, 0);
-	padding: 20px;
-	background-color: rgba(0, 0, 0, .3);
+  background-color: #30404d;
+  border-radius: 3px;
+  box-shadow:
+    0 0 0 1px rgba(16, 22, 26, 0.4),
+    0 0 0 rgba(16, 22, 26, 0),
+    0 0 0 rgba(16, 22, 26, 0);
+  padding: 20px;
+  background-color: rgba(0, 0, 0, 0.3);
 }
 
 .bg-secondary {
-	background-color: #313437 !important;
+  background-color: #313437 !important;
 }
 
 .text-white {
-	color: #eee !important;
+  color: #eee !important;
 }
 
 .border-secondary {
-	border-color: #2f3335 !important;
+  border-color: #2f3335 !important;
 }
 
 .btn-secondary.filter-item.col-1.d-none.d-sm-inline.form-control {
-	background-color: rgba(0, 0, 0, .15);
+  background-color: rgba(0, 0, 0, 0.15);
 }
 
 .btn-secondary {
-	color: #eee;
-	background-color: rgba(0, 0, 0, .15);
+  color: #eee;
+  background-color: rgba(0, 0, 0, 0.15);
 }
 
 a {
-	color: hsla(0, 0%, 100%, .45);
+  color: hsla(0, 0%, 100%, 0.45);
 }
 
 .btn.active {
-	background-color: #2f3335;
-	color: #f5f8fa;
+  background-color: #2f3335;
+  color: #f5f8fa;
 }
 
 minimal.w-100.active.btn.btn-primary {
-	background-color: #2f3335;
-	color: #f5f8fa;
+  background-color: #2f3335;
+  color: #f5f8fa;
 }
 
 .btn-primary {
-	color: #fff;
-	background-color: #1f2326;
-	border-color: #374242;
+  color: #fff;
+  background-color: #1f2326;
+  border-color: #374242;
 }
 
 .nav-tabs .nav-link.active {
-	color: #eee;
+  color: #eee;
 }
 
 .nav-tabs .nav-link.active:hover {
-	border-bottom-color: #eee;
-	outline: 0;
+  border-bottom-color: #eee;
+  outline: 0;
 }
 
 .nav-tabs .nav-link {
-	outline: 0;
+  outline: 0;
 }
 
 .input-control,
 .input-control:focus {
-	background-color: rgba(16, 22, 26, .3);
+  background-color: rgba(16, 22, 26, 0.3);
 }
 
 #performer-page .image-container .performer {
-	background-color: rgba(0, 0, 0, .45);
-	box-shadow: 0 0 2px rgba(0, 0, 0, .35);
+  background-color: rgba(0, 0, 0, 0.45);
+  box-shadow: 0 0 2px rgba(0, 0, 0, 0.35);
 }
 
 .btn-primary:not(:disabled):not(.disabled).active,
 .btn-primary:not(:disabled):not(.disabled):active,
-.show>.btn-primary.dropdown-toggle {
-	color: #fff;
-	border-color: #eee;
+.show > .btn-primary.dropdown-toggle {
+  color: #fff;
+  border-color: #eee;
 }
 
 .nav-pills .nav-link.active,
-.nav-pills .show>.nav-link {
-	background-color: #1f2326;
+.nav-pills .show > .nav-link {
+  background-color: #1f2326;
 }
 
 .btn-primary.focus,
 .btn-primary:focus,
 .btn-primary:not(:disabled):not(.disabled).active:focus,
 .btn-primary:not(:disabled):not(.disabled):active:focus,
-.show>.btn-primary.dropdown-toggle:focus {
-	box-shadow: none;
+.show > .btn-primary.dropdown-toggle:focus {
+  box-shadow: none;
 }
 
 .btn-primary:not(:disabled):not(.disabled).active,
 .btn-primary:not(:disabled):not(.disabled):active,
-.show>.btn-primary.dropdown-toggle {
-	color: #fff;
-	background-color: #2f3335;
-	border-color: #eee;
+.show > .btn-primary.dropdown-toggle {
+  color: #fff;
+  background-color: #2f3335;
+  border-color: #eee;
 }
 
 input[type="range"]::-moz-range-track {
-	background: hsla(0, 0%, 100%, .25);
+  background: hsla(0, 0%, 100%, 0.25);
 }
 
 input[type="range"]::-moz-range-thumb {
-	background: #bcbcbc;
+  background: #bcbcbc;
 }
 
 div.react-select__control {
-	background-color: hsla(0, 0%, 39.2%, .4);
-	color: #182026;
-	border-color: #394b59;
-	cursor: pointer;
+  background-color: hsla(0, 0%, 39.2%, 0.4);
+  color: #182026;
+  border-color: #394b59;
+  cursor: pointer;
 }
 
 .scene-wall-item-text-container {
-	background: radial-gradient(farthest-corner at 50% 50%, rgba(50, 50, 50, .5) 50%, #323232 100%);
-	color: #eee;
+  background: radial-gradient(
+    farthest-corner at 50% 50%,
+    rgba(50, 50, 50, 0.5) 50%,
+    #323232 100%
+  );
+  color: #eee;
 }
 
 .filter-container,
 .operation-container {
-	background-color: rgba(0, 0, 0, .15);
-	box-shadow: none;
-	margin-top: -10px;
-	padding: 10px;
+  background-color: rgba(0, 0, 0, 0.15);
+  box-shadow: none;
+  margin-top: -10px;
+  padding: 10px;
 }
 
 .container-fluid,
@@ -164,31 +173,31 @@ div.react-select__control {
 .container-md,
 .container-sm,
 .container-xl {
-	width: 100%;
-	margin-right: 0px;
-	margin-left: 0px;
+  width: 100%;
+  margin-right: 0px;
+  margin-left: 0px;
 }
 
 .btn-link {
-	font-weight: 500;
-	color: #eee;
-	text-decoration: none;
+  font-weight: 500;
+  color: #eee;
+  text-decoration: none;
 }
 
 button.minimal.brand-link.d-none.d-md-inline-block.btn.btn-primary {
-	text-transform: uppercase;
-	font-weight: bold;
+  text-transform: uppercase;
+  font-weight: bold;
 }
 
 a:hover {
-	color: hsla(0, 0%, 100%, .7);
+  color: hsla(0, 0%, 100%, 0.7);
 }
 
 option {
-	background-color: #1f2326;
+  background-color: #1f2326;
 }
 .folder-list .btn-link {
-    color: #2c2e30;
+  color: #2c2e30;
 }
 
 #performer-scraper-popover {
diff --git a/themes/Theme-Plex/Theme-Plex.yml b/themes/Theme-Plex/Theme-Plex.yml
index b6983933..733cd48c 100644
--- a/themes/Theme-Plex/Theme-Plex.yml
+++ b/themes/Theme-Plex/Theme-Plex.yml
@@ -3,4 +3,4 @@ description: Plex Theme for Stash by Fidelio 2020
 version: 1.0.5
 ui:
   css:
-  - Theme-Plex.css
+    - Theme-Plex.css
diff --git a/themes/Theme-PornHub/Theme-PornHub.css b/themes/Theme-PornHub/Theme-PornHub.css
index 20896550..93019cdb 100644
--- a/themes/Theme-PornHub/Theme-PornHub.css
+++ b/themes/Theme-PornHub/Theme-PornHub.css
@@ -2,7 +2,7 @@
 /* stylelint-disable selector-max-specificity, declaration-no-important, selector-type-no-unknown, selector-max-class, a11y/no-outline-none, no-descending-specificity, selector-max-pseudo-class, property-disallowed-list, font-weight-notation, max-line-length, a11y/no-display-none, a11y/font-size-is-readable */
 /* Pornhub inspired stash theme */
 /* Fonts */
-@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
+@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 
 /* Variables */
 :root {
@@ -28,7 +28,17 @@ body {
   background-repeat: no-repeat;
   background-size: cover;
   color: var(--color-text);
-  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
+  font-family:
+    Inter,
+    -apple-system,
+    BlinkMacSystemFont,
+    Segoe UI,
+    Roboto,
+    Oxygen-Sans,
+    Ubuntu,
+    Cantarell,
+    Helvetica Neue,
+    sans-serif;
   height: 100%;
   padding: 6rem 0 0;
   /* background-image: url("https://user-images.githubusercontent.com/63812189/79506691-4af78900-7feb-11ea-883e-87b8e05ceb1c.png"); */
@@ -67,7 +77,17 @@ body .tag-item {
 body div,
 body p,
 body a {
-  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
+  font-family:
+    Inter,
+    -apple-system,
+    BlinkMacSystemFont,
+    Segoe UI,
+    Roboto,
+    Oxygen-Sans,
+    Ubuntu,
+    Cantarell,
+    Helvetica Neue,
+    sans-serif;
 }
 
 .show-carat.dropdown .btn,
@@ -110,7 +130,7 @@ body a {
 }
 
 * {
-  scrollbar-color: hsl(0deg 0% 100% / .2) transparent;
+  scrollbar-color: hsl(0deg 0% 100% / 0.2) transparent;
 }
 
 .bg-dark {
@@ -119,9 +139,12 @@ body a {
 
 .card {
   background-color: var(--color-black);
-  background-color: rgb(0 0 0 / .3);
+  background-color: rgb(0 0 0 / 0.3);
   border-radius: 3px;
-  box-shadow: 0 0 0 1px rgb(16 22 26 / .4), 0 0 0 rgb(16 22 26 / 0), 0 0 0 rgb(16 22 26 / 0);
+  box-shadow:
+    0 0 0 1px rgb(16 22 26 / 0.4),
+    0 0 0 rgb(16 22 26 / 0),
+    0 0 0 rgb(16 22 26 / 0);
   padding: 20px;
 }
 
@@ -176,7 +199,7 @@ body p {
 }
 
 .btn-secondary.filter-item.col-1.d-none.d-sm-inline.form-control {
-  background-color: rgb(0 0 0 / .15);
+  background-color: rgb(0 0 0 / 0.15);
 }
 
 .btn.active,
@@ -223,7 +246,7 @@ minimal.w-100.active.btn.btn-primary,
 }
 
 input[type="range"]::-moz-range-track {
-  background: hsl(0deg 0% 100% / .25);
+  background: hsl(0deg 0% 100% / 0.25);
 }
 
 input[type="range"]::-moz-range-thumb {
@@ -231,7 +254,7 @@ input[type="range"]::-moz-range-thumb {
 }
 
 div.react-select__control {
-  background-color: hsl(0deg 0% 39.2% / .4);
+  background-color: hsl(0deg 0% 39.2% / 0.4);
   border-color: #394b59;
   color: #182026;
   cursor: pointer;
@@ -253,7 +276,11 @@ div.react-select__control {
 }
 
 .scene-wall-item-text-container {
-  background: radial-gradient(farthest-corner at 50% 50%, rgb(50 50 50 / .5) 50%, #323232 100%);
+  background: radial-gradient(
+    farthest-corner at 50% 50%,
+    rgb(50 50 50 / 0.5) 50%,
+    #323232 100%
+  );
   color: #eee;
 }
 
@@ -296,7 +323,7 @@ button.minimal.brand-link.d-none.d-md-inline-block.btn.btn-primary {
 
 a:hover,
 a:focus {
-  color: hsl(0deg 0% 100% / .7);
+  color: hsl(0deg 0% 100% / 0.7);
 }
 
 option {
@@ -397,7 +424,7 @@ body .top-nav .navbar-brand button::after {
   background: var(--color-hubs);
   border-radius: 3px;
   color: var(--color-black);
-  content: 'hub';
+  content: "hub";
   display: inline-block;
   font-weight: 700 !important;
   margin: 0 0 0 3px;
@@ -549,7 +576,7 @@ body .rating-banner {
   background-size: contain;
   color: #fff;
   display: block;
-  font-size: .86rem;
+  font-size: 0.86rem;
   font-weight: 400;
   height: 0;
   left: 0;
@@ -588,15 +615,15 @@ body .rating-banner::after {
 }
 
 body .rating-banner.rating-3::after {
-  content: '3';
+  content: "3";
 }
 
 body .rating-banner.rating-4::after {
-  content: '4';
+  content: "4";
 }
 
 body .rating-banner.rating-5::after {
-  content: '5';
+  content: "5";
 }
 
 .wall-item-text {
@@ -809,7 +836,10 @@ div[role="toolbar"] + .d-flex > .tag-item.badge.badge-secondary {
   gap: 10px;
 }
 
-div[role="toolbar"] + .d-flex > .tag-item.badge.badge-secondary button[type="button"] {
+div[role="toolbar"]
+  + .d-flex
+  > .tag-item.badge.badge-secondary
+  button[type="button"] {
   align-items: center;
   background: none !important;
   bottom: 0 !important;
@@ -928,7 +958,8 @@ h2 {
   }
 }
 
-[data-rb-event-key="https://opencollective.com/stashapp"] {
+[data-rb-event-key="https://opencollective.com/stashapp"]
+{
   display: none !important;
 }
 
diff --git a/themes/Theme-PornHub/Theme-PornHub.yml b/themes/Theme-PornHub/Theme-PornHub.yml
index f5db01fb..14f9cc09 100644
--- a/themes/Theme-PornHub/Theme-PornHub.yml
+++ b/themes/Theme-PornHub/Theme-PornHub.yml
@@ -3,4 +3,4 @@ description: PornHub Theme for Stash by ronilaukkarinen
 version: 1.0
 ui:
   css:
-  - Theme-PornHub.css
+    - Theme-PornHub.css
diff --git a/themes/Theme-Pulsar/Theme-Pulsar.css b/themes/Theme-Pulsar/Theme-Pulsar.css
index 5574024d..3ca4da1b 100644
--- a/themes/Theme-Pulsar/Theme-Pulsar.css
+++ b/themes/Theme-Pulsar/Theme-Pulsar.css
@@ -18,147 +18,182 @@
    
 */
 
-
-
 /* ===================== General ===================== */
 
 body {
-	background-image:url("https://i.imgur.com/gQtSoev.jpg");	/*	Aphonus		*/
-/*	background-image:url("https://i.imgur.com/6BBd6aa.jpg");	/*	Plex		*/
-/*	background-image:url("https://i.imgur.com/xAzxryr.jpg");	/*	Almora		*/
-/*	background-image:url("https://i.imgur.com/0iN75zD.jpg");	/*	Dacirus		*/
-/*	background-image:url("https://i.imgur.com/g5ECcdD.jpg");	/*	Drionope	*/
-/*	background-image:url("https://i.imgur.com/dhVsc3d.jpg");	/*	Elein		*/
-/*	background-image:url("https://i.imgur.com/B5hdvQG.jpg");	/*	FreePhion	*/
-/*	background-image:url("https://i.imgur.com/LcSat6V.jpg");	/*	Lilac		*/
-/*	background-image:url("https://i.imgur.com/kn9wixj.jpg");	/*	Nolrirus	*/
-/*	background-image:url("https://i.imgur.com/190rDim.jpg");	/*	Ongion		*/
-/*	background-image:url("https://i.imgur.com/IpvdJVn.jpg");	/*	PurpleRough	*/
-/*	background-image:url("https://i.imgur.com/hAHylub.jpg");	/*	Tesioria	*/
-/*	background-image:url("https://i.imgur.com/QKiFSvE.jpg");	/*	Ichix		*/
-/*	background-image:url("https://i.imgur.com/8cIqGWj.jpg");	/*	SeaGreen	*/
-/*	background-image:url("https://i.imgur.com/WNXNwV3.jpg");	/*	BrownBlur	*/
-/*	background-image:url("./custom/background.jpg");		/*	Local Background	*/
-
-	font-family:Helvetica, Verdana;
-	width: 100%;
-	height: 100%;
-	padding: 0 0 0;
-	background-size: cover;
-	background-repeat: no-repeat;
-	background-color:#127aa5;
-	background-attachment: fixed;
-	background-position: center;
-	color: #f9fbfd;
-}
-
-h1,h2,h3,h4,h5,h6 {	font-family:Helvetica, Verdana;}
+  background-image: url("https://i.imgur.com/gQtSoev.jpg"); /*	Aphonus		*/
+  /*	background-image:url("https://i.imgur.com/6BBd6aa.jpg");	/*	Plex		*/
+  /*	background-image:url("https://i.imgur.com/xAzxryr.jpg");	/*	Almora		*/
+  /*	background-image:url("https://i.imgur.com/0iN75zD.jpg");	/*	Dacirus		*/
+  /*	background-image:url("https://i.imgur.com/g5ECcdD.jpg");	/*	Drionope	*/
+  /*	background-image:url("https://i.imgur.com/dhVsc3d.jpg");	/*	Elein		*/
+  /*	background-image:url("https://i.imgur.com/B5hdvQG.jpg");	/*	FreePhion	*/
+  /*	background-image:url("https://i.imgur.com/LcSat6V.jpg");	/*	Lilac		*/
+  /*	background-image:url("https://i.imgur.com/kn9wixj.jpg");	/*	Nolrirus	*/
+  /*	background-image:url("https://i.imgur.com/190rDim.jpg");	/*	Ongion		*/
+  /*	background-image:url("https://i.imgur.com/IpvdJVn.jpg");	/*	PurpleRough	*/
+  /*	background-image:url("https://i.imgur.com/hAHylub.jpg");	/*	Tesioria	*/
+  /*	background-image:url("https://i.imgur.com/QKiFSvE.jpg");	/*	Ichix		*/
+  /*	background-image:url("https://i.imgur.com/8cIqGWj.jpg");	/*	SeaGreen	*/
+  /*	background-image:url("https://i.imgur.com/WNXNwV3.jpg");	/*	BrownBlur	*/
+  /*	background-image:url("./custom/background.jpg");		/*	Local Background	*/
+
+  font-family: Helvetica, Verdana;
+  width: 100%;
+  height: 100%;
+  padding: 0 0 0;
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-color: #127aa5;
+  background-attachment: fixed;
+  background-position: center;
+  color: #f9fbfd;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, Verdana;
+}
 :root {
-	--HeaderFont: Helvetica, "Helvetica Neue", "The Sans", "Segoe UI";
-	--std-txt-shadow: 2px 2px 1px #000;
-	--light-txt-shadow: 1px 2px 1px #222;
-	--white: #ffffff;
-	--stars: url("https://i.imgur.com/YM1nCqo.png");
+  --HeaderFont: Helvetica, "Helvetica Neue", "The Sans", "Segoe UI";
+  --std-txt-shadow: 2px 2px 1px #000;
+  --light-txt-shadow: 1px 2px 1px #222;
+  --white: #ffffff;
+  --stars: url("https://i.imgur.com/YM1nCqo.png");
 }
 
-
 /* --- The Home button in the top left corner of each page. Remove the last 3 lines if you don't like the logo --- */
-button.minimal.brand-link.d-none.d-md-inline-block.btn.btn-primary, 
+button.minimal.brand-link.d-none.d-md-inline-block.btn.btn-primary,
 button.minimal.brand-link.d-inline-block.btn.btn-primary {
-	text-transform: uppercase;
-	font-weight: bold;
-	margin-left:1px;
-	background-image:url("./favicon.ico");
-	padding-left:40px;
-	background-repeat: no-repeat;
+  text-transform: uppercase;
+  font-weight: bold;
+  margin-left: 1px;
+  background-image: url("./favicon.ico");
+  padding-left: 40px;
+  background-repeat: no-repeat;
 }
 
 /* --- Makes the background of the Navigation Bar at the Top half-transparent --- */
-nav.bg-dark {background: rgba(10, 20, 25, 0.50)!important;}
-.bg-dark {background:none !important;background-color:none !Important}
-.form-group .bg-dark {background: rgba(10, 20, 25, 0.20)!important;}
+nav.bg-dark {
+  background: rgba(10, 20, 25, 0.5) !important;
+}
+.bg-dark {
+  background: none !important;
+  background-color: none !important;
+}
+.form-group .bg-dark {
+  background: rgba(10, 20, 25, 0.2) !important;
+}
 
-.navbar-buttons.navbar-nav a.nav-utility {margin-right:9px}
+.navbar-buttons.navbar-nav a.nav-utility {
+  margin-right: 9px;
+}
 
 /* --- The space between the Navigation Bar and the rest of the page --- */
-.main { margin-top:18px }
-.top-nav { padding: .13rem 1rem; }
-
+.main {
+  margin-top: 18px;
+}
+.top-nav {
+  padding: 0.13rem 1rem;
+}
 
 /* --- Changes how the Bar at the top of the page behaves --- */
-.fixed-bottom, .fixed-top { position: relative !important; top:0px !important} 
-
+.fixed-bottom,
+.fixed-top {
+  position: relative !important;
+  top: 0px !important;
+}
 
 /* The pagination at the top and at the bottom of the Scenes/Performer/Images/... pages; 
 transparent background, rounded corners, etc. */
-.filter-container, .operation-container {
-	background-color: rgba(0, 0, 0, .22);
-	box-shadow: none;
-	margin-top: 6px;
-	border-radius: 5px;
-	padding: 5px;
+.filter-container,
+.operation-container {
+  background-color: rgba(0, 0, 0, 0.22);
+  box-shadow: none;
+  margin-top: 6px;
+  border-radius: 5px;
+  padding: 5px;
 }
 
-
 /* --- Changes the space between the button in the top right corner of the page --- */
-.order-2 button { margin-left: 4px }
+.order-2 button {
+  margin-left: 4px;
+}
 
 /* --- Space between the items in the Nav bar --- */
-.nav-link > .minimal {  margin: 0px;}
-
+.nav-link > .minimal {
+  margin: 0px;
+}
 
 /* Each item on the Scenes/Performers/Tags/... pages */
 .card {
-	padding: 20px; 
-	margin: 4px 0.5% 14px;
-	/* --- Adds a glowing shimmer effect --- */
-	background-image: linear-gradient(130deg, rgba(60, 70, 85,0.21), rgba(150, 155, 160,0.30), rgba(35, 40, 45,0.22), rgba(160, 160, 165,0.21), rgba(50, 60, 65,0.30)); 
-	background-color: rgba(16, 20, 25, .25); 
-	box-shadow: 2px 2px 6px rgba(0, 0, 0, .55);
-	/* --- Increases the rounded borders of each item on the Scenes/Performers/... pages for 6px in 10px --- */
-	border-radius: 10px;
+  padding: 20px;
+  margin: 4px 0.5% 14px;
+  /* --- Adds a glowing shimmer effect --- */
+  background-image: linear-gradient(
+    130deg,
+    rgba(60, 70, 85, 0.21),
+    rgba(150, 155, 160, 0.3),
+    rgba(35, 40, 45, 0.22),
+    rgba(160, 160, 165, 0.21),
+    rgba(50, 60, 65, 0.3)
+  );
+  background-color: rgba(16, 20, 25, 0.25);
+  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.55);
+  /* --- Increases the rounded borders of each item on the Scenes/Performers/... pages for 6px in 10px --- */
+  border-radius: 10px;
 }
 
 /* --- Removes the glowing shimmer effect on the start page & the settings for readability purpose --- */
-.mx-auto.card, .changelog-version.card {
-	background-image: none !important; 
-	background-color: rgba(16, 20, 25, .40) !important; 
+.mx-auto.card,
+.changelog-version.card {
+  background-image: none !important;
+  background-color: rgba(16, 20, 25, 0.4) !important;
 }
 
 /* --- Color that is used within .card secments --- */
-.text-muted {	color: #f0f0f0 !important}
-
+.text-muted {
+  color: #f0f0f0 !important;
+}
 
 .bg-secondary {
-	background: none;
-	background-color: rgba(10, 25, 30, .62) !important;
+  background: none;
+  background-color: rgba(10, 25, 30, 0.62) !important;
+}
+
+.text-white {
+  color: #f0f0f0;
+}
+.border-secondary {
+  border-color: #2f3335;
 }
- 
-.text-white {	color: #f0f0f0 }
-.border-secondary {	border-color: #2f3335 }
- 
+
 .btn-secondary.filter-item.col-1.d-none.d-sm-inline.form-control {
-    background-color: rgba(0, 0, 0, .08);
+  background-color: rgba(0, 0, 0, 0.08);
 }
 
 /* --- Changes the color and the background of the buttons and elements in the toolbar (Search, Sort by, # of Items, etc.) --- */
 .btn-secondary {
-    color: #f2f2f2;
-    background-color: rgba(0, 0, 0, .08);
-    border-color: #3c3f45;
+  color: #f2f2f2;
+  background-color: rgba(0, 0, 0, 0.08);
+  border-color: #3c3f45;
 }
- 
-a {	color: hsla(0, 10%, 95%, .75);}
-
 
+a {
+  color: hsla(0, 10%, 95%, 0.75);
+}
 
-/* --- Changes the color of the active page in the Navgation Bar --- */ 
+/* --- Changes the color of the active page in the Navgation Bar --- */
 .btn-primary:not(:disabled):not(.disabled).active,
 .btn-primary:not(:disabled):not(.disabled):active,
-.show>.btn-primary.dropdown-toggle {
-	color: #fff;
-	background-color: rgba(22, 50, 60, .75);
-	border-color: #fff;
+.show > .btn-primary.dropdown-toggle {
+  color: #fff;
+  background-color: rgba(22, 50, 60, 0.75);
+  border-color: #fff;
 }
 
 /* --- No border of the active element in the Navgation Bar --- */
@@ -166,50 +201,60 @@ a {	color: hsla(0, 10%, 95%, .75);}
 .btn-primary:focus,
 .btn-primary:not(:disabled):not(.disabled).active:focus,
 .btn-primary:not(:disabled):not(.disabled):active:focus,
-.show>.btn-primary.dropdown-toggle:focus {box-shadow: none;}
+.show > .btn-primary.dropdown-toggle:focus {
+  box-shadow: none;
+}
 
 .btn-primary:not(:disabled):not(.disabled).active,
 .btn-primary:not(:disabled):not(.disabled):active,
-.show>.btn-primary.dropdown-toggle {
-	color: #fff;
-	border-color: #eee;
+.show > .btn-primary.dropdown-toggle {
+  color: #fff;
+  border-color: #eee;
 }
 
-.container-fluid,.container-lg,.container-md,.container-sm,.container-xl {
-	width: 100%;
-	margin-right: 0px;
-	margin-left: 0px;
+.container-fluid,
+.container-lg,
+.container-md,
+.container-sm,
+.container-xl {
+  width: 100%;
+  margin-right: 0px;
+  margin-left: 0px;
 }
 
-
-
-
-
 /* ===================== Performer ========================= */
 
-
 /* --- 0.90 - Section moves Movie-, Image- & Gallery-Count to the bottom of the performer image when hovered over --- */
 
 .performer-card .card-popovers .movie-count,
 .performer-card .card-popovers .image-count,
-.performer-card .card-popovers .gallery-count
-{
-	z-index:300;
-    position:absolute;
-    top:-270%;
-	opacity:0.0;
+.performer-card .card-popovers .gallery-count {
+  z-index: 300;
+  position: absolute;
+  top: -270%;
+  opacity: 0;
 }
 
 /* --- Highlight the bottom of the performer card when hovered over --- */
 .performer-card.grid-card:hover {
-	background-image: linear-gradient(130deg, rgba(50, 60, 75,0.25), rgba(150, 155, 160,0.32), rgba(35, 40, 45,0.26), rgba(160, 160, 165,0.27), rgba(50, 60, 65,0.37));
-	background-color: rgba(62, 72, 80, .26);
+  background-image: linear-gradient(
+    130deg,
+    rgba(50, 60, 75, 0.25),
+    rgba(150, 155, 160, 0.32),
+    rgba(35, 40, 45, 0.26),
+    rgba(160, 160, 165, 0.27),
+    rgba(50, 60, 65, 0.37)
+  );
+  background-color: rgba(62, 72, 80, 0.26);
 }
 
 /* --- When hovered over blend them in ---*/
 .performer-card.grid-card:hover .card-popovers .movie-count,
 .performer-card.grid-card:hover .card-popovers .image-count,
-.performer-card.grid-card:hover .card-popovers .gallery-count {opacity: 1.0;transition: opacity .7s;}
+.performer-card.grid-card:hover .card-popovers .gallery-count {
+  opacity: 1;
+  transition: opacity 0.7s;
+}
 
 /* --- 3 items gets a shadow ---*/
 .performer-card .card-section .movie-count span,
@@ -217,1020 +262,1654 @@ a {	color: hsla(0, 10%, 95%, .75);}
 .performer-card .card-section .image-count span,
 .performer-card .card-section .image-count button.minimal,
 .performer-card .card-section .gallery-count span,
-.performer-card .card-section .gallery-count button.minimal
-{text-shadow: 2px 2px 1px #000, 1px 1px 1px #000, 4px 4px 5px #333, 9px 0px 5px #333, -3px 2px 4px #333, -7px 0px 5px #333, 
-10px 2px 5px #000, 4px 14px 5px #333, 9px 0px 3px #333, -7px 2px 4px #333, -17px 0px 5px #333, -1px -9px 5px #333, 3px -8px 6px #444;
+.performer-card .card-section .gallery-count button.minimal {
+  text-shadow:
+    2px 2px 1px #000,
+    1px 1px 1px #000,
+    4px 4px 5px #333,
+    9px 0px 5px #333,
+    -3px 2px 4px #333,
+    -7px 0px 5px #333,
+    10px 2px 5px #000,
+    4px 14px 5px #333,
+    9px 0px 3px #333,
+    -7px 2px 4px #333,
+    -17px 0px 5px #333,
+    -1px -9px 5px #333,
+    3px -8px 6px #444;
 }
 
 .performer-card .card-section .movie-count .svg-inline--fa.fa-w-16 {
-	box-shadow: 1px 1px 1px rgba(0, 0, 0, .99), 1px 1px 3px rgba(0,0,0, .70), -5px 2px 5px rgba(0, 0, 0, .55);
+  box-shadow:
+    1px 1px 1px rgba(0, 0, 0, 0.99),
+    1px 1px 3px rgba(0, 0, 0, 0.7),
+    -5px 2px 5px rgba(0, 0, 0, 0.55);
 }
 
 /* --- Positioning of the 3 items ---*/
-.performer-card .card-popovers .movie-count {left:0.2%;}
-.performer-card .card-popovers .image-count {left:32.8%}
-.performer-card .card-popovers .gallery-count {right:1.3%}
+.performer-card .card-popovers .movie-count {
+  left: 0.2%;
+}
+.performer-card .card-popovers .image-count {
+  left: 32.8%;
+}
+.performer-card .card-popovers .gallery-count {
+  right: 1.3%;
+}
 
-.performer-card .movie-count a.minimal:hover:not(:disabled), .performer-card .movie-count button.minimal:hover:not(:disabled),
-.performer-card .image-count a.minimal:hover:not(:disabled), .performer-card .image-count button.minimal:hover:not(:disabled),
-.performer-card .gallery-count a.minimal:hover:not(:disabled), .performer-card .gallery-count button.minimal:hover:not(:disabled)
-{
-	background-color:rgba(20,80,110,0.92);
-    color:#fff;
+.performer-card .movie-count a.minimal:hover:not(:disabled),
+.performer-card .movie-count button.minimal:hover:not(:disabled),
+.performer-card .image-count a.minimal:hover:not(:disabled),
+.performer-card .image-count button.minimal:hover:not(:disabled),
+.performer-card .gallery-count a.minimal:hover:not(:disabled),
+.performer-card .gallery-count button.minimal:hover:not(:disabled) {
+  background-color: rgba(20, 80, 110, 0.92);
+  color: #fff;
 }
 
 /* --- Affects the Scenes- and Tags-Counter --- */
-a.minimal:hover:not(:disabled), button.minimal:hover:not(:disabled) {background: rgba(138,155,168,.25);color:#fff;}
-div.performer-card div.card-popovers
-{
-	margin-bottom:-3px;
-	margin-left:1%;
-	margin-top:-4px;
-	margin-right: -3px;
-	justify-content: flex-end;
-	text-align:right;
+a.minimal:hover:not(:disabled),
+button.minimal:hover:not(:disabled) {
+  background: rgba(138, 155, 168, 0.25);
+  color: #fff;
+}
+div.performer-card div.card-popovers {
+  margin-bottom: -3px;
+  margin-left: 1%;
+  margin-top: -4px;
+  margin-right: -3px;
+  justify-content: flex-end;
+  text-align: right;
 }
 
-div.card-section hr {display:none}
-
+div.card-section hr {
+  display: none;
+}
 
 /* --- Changes the width of the Performer Card from 280px to a dynamic system and therefore the size of the image --- */
 /* --- In Full screen HD 1920x1080 you now see 8 performers per row instead of 6 --- */
 /*.performer-card-image, .performer-card, .card-image {  min-width: 160px; width: calc(108px + 10.625vw / 2); max-width: 230px }  */
 /*.performer-card-image, .performer-card, .card-image {  min-width: 160px; width: calc(108px + 19vw / 3.6);width:212px; max-width: 230px } */
-.performer-card-image, .performer-card, .card-image {  min-width: 160px; width: calc(100px + 11.2vw / 1.92);max-width: 230px } 
-
+.performer-card-image,
+.performer-card,
+.card-image {
+  min-width: 160px;
+  width: calc(100px + 11.2vw / 1.92);
+  max-width: 230px;
+}
 
 /* --- Changes the height of the Performer Card to keep the 2x3 picture ratio --- */
 /*.performer-card-image, .justify-content-center .card-image { min-height:240px; height: calc((108px + 10.625vw / 2) * 1.5); max-height: 345px}  */
-.performer-card-image, .justify-content-center .card-image { min-height:240px; height: calc((112px + 19vw / 3.6) * 1.5); max-height: 345px;} 
-.performer-card-image, .justify-content-center .card-image { min-height:240px; height: calc((100px + 11.2vw / 1.92) * 1.5); max-height: 345px;} 
+.performer-card-image,
+.justify-content-center .card-image {
+  min-height: 240px;
+  height: calc((112px + 19vw / 3.6) * 1.5);
+  max-height: 345px;
+}
+.performer-card-image,
+.justify-content-center .card-image {
+  min-height: 240px;
+  height: calc((100px + 11.2vw / 1.92) * 1.5);
+  max-height: 345px;
+}
 
 @media (max-width: 575px), (min-width: 1200px) {
-.scene-performers .performer-card-image { height: auto; }
-.scene-performers .performer-card { width: auto; }
+  .scene-performers .performer-card-image {
+    height: auto;
+  }
+  .scene-performers .performer-card {
+    width: auto;
+  }
 }
 
-
 /* --- Fixes an issue of the card when watching a scene --- */
-.image-section { display: cover;}
+.image-section {
+  display: cover;
+}
 
 /* --- The name of the Performer. Different font, less space to the left & to the top, Text-Shadow --- */
-.text-truncate, .card.performer-card .TruncatedText {
-	margin-left:-1.5%; 
-	margin-top: -2px; 
-	width: 120%; 
-	font-family: var(--HeaderFont);
-	font-size: 112%; 
-	line-height:130%; 
-	font-weight:bold; 
-	text-shadow: var(--std-txt-shadow);
+.text-truncate,
+.card.performer-card .TruncatedText {
+  margin-left: -1.5%;
+  margin-top: -2px;
+  width: 120%;
+  font-family: var(--HeaderFont);
+  font-size: 112%;
+  line-height: 130%;
+  font-weight: bold;
+  text-shadow: var(--std-txt-shadow);
 }
 
 /* --- Makes the Performer Name smaller when the screen is too small --- */
-@media (max-width: 1200px) { .card.performer-card .TruncatedText { font-size: 104%; } }
-
-
+@media (max-width: 1200px) {
+  .card.performer-card .TruncatedText {
+    font-size: 104%;
+  }
+}
 
 /* --- Moves the Flag icon from the right side of the card to the left and makes the Flag image a little bit bigger --- */
 .performer-card .flag-icon {
-    height: 2rem;
-    left: 0.6rem;
-    bottom: 0.10rem;
-    width: 28px; 
+  height: 2rem;
+  left: 0.6rem;
+  bottom: 0.1rem;
+  width: 28px;
 }
 
 /* --- Age and # of Scenes move from the left side to the right of the card --- */
-.performer-card .text-muted {text-align:right;margin-top:-2px;margin-bottom:1px;width:44%;margin-left:56%}
-
+.performer-card .text-muted {
+  text-align: right;
+  margin-top: -2px;
+  margin-bottom: 1px;
+  width: 44%;
+  margin-left: 56%;
+}
 
 /* --- Minimum height for the section in case Age and Nationality is missing and elements would overlap --- */
-.performer-card .card-section {min-height:82px}
+.performer-card .card-section {
+  min-height: 82px;
+}
 
-/* --- "removes" the term 'old.' from "xx years old." when the resolution gets to small --- */ 
+/* --- "removes" the term 'old.' from "xx years old." when the resolution gets to small --- */
 @media (max-width: 1700px) {
-div.card.performer-card .text-muted {text-align:right;margin-top:-2px;margin-bottom:1px;margin-right:-33px; height:20px; max-height:20px; overflow: hidden;
-}
+  div.card.performer-card .text-muted {
+    text-align: right;
+    margin-top: -2px;
+    margin-bottom: 1px;
+    margin-right: -33px;
+    height: 20px;
+    max-height: 20px;
+    overflow: hidden;
+  }
 }
 
 /* --- To prevent overlapping in the performer card when watching a scene --- */
 @media (max-width: 2000px) {
-.tab-content div.card.performer-card .text-muted {margin-top:22px;margin-right:-3px}
-.tab-content .performer-card.card .rating-1, 
-.tab-content .performer-card.card .rating-2, 
-.tab-content .performer-card.card .rating-3, 
-.tab-content .performer-card.card .rating-4, 
-.tab-content .performer-card.card .rating-5 {bottom: 53px !important;}
+  .tab-content div.card.performer-card .text-muted {
+    margin-top: 22px;
+    margin-right: -3px;
+  }
+  .tab-content .performer-card.card .rating-1,
+  .tab-content .performer-card.card .rating-2,
+  .tab-content .performer-card.card .rating-3,
+  .tab-content .performer-card.card .rating-4,
+  .tab-content .performer-card.card .rating-5 {
+    bottom: 53px !important;
+  }
 }
 
-
 /* --- Text Shadow for the "Stars in x scenes" link --- */
-div.card.performer-card div.text-muted a {text-shadow: 1px 2px 2px #333}
+div.card.performer-card div.text-muted a {
+  text-shadow: 1px 2px 2px #333;
+}
 
 /* --- Makes the card section (Name, Age, Flag, # of scenes) more compact --- */
-.card-section { margin-bottom: -7px !important; padding: .5rem 0.7rem 0 !important;}
-.card-section span {margin-bottom:3px}
-@media (max-width: 1500px) {	.card-section span {font-size:13px}	}
-
-div.card-section hr {display:none}
-
-
+.card-section {
+  margin-bottom: -7px !important;
+  padding: 0.5rem 0.7rem 0 !important;
+}
+.card-section span {
+  margin-bottom: 3px;
+}
+@media (max-width: 1500px) {
+  .card-section span {
+    font-size: 13px;
+  }
+}
 
+div.card-section hr {
+  display: none;
+}
 
 /* --- Changes regarding the Favorite <3 --- */
 .performer-card .favorite {
-    color: #f33;
-    -webkit-filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, .95));
-	filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, .95));
-	right: 3px;
-	top: 5px;
+  color: #f33;
+  -webkit-filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.95));
+  filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.95));
+  right: 3px;
+  top: 5px;
 }
 
-
-
 /* --- Turns the Rating Banner in the top left corner into a Star Rating under the performer name --- */
-.performer-card.card .rating-1, .performer-card.card .rating-2, .performer-card.card .rating-3, 
-.performer-card.card .rating-4, .performer-card.card .rating-5
-{
-	background:none;
-	background-size: 97px 18px;
-	background-image:var(--stars);
-	-webkit-transform:rotate(0deg);
-	transform:rotate(0deg);
-	padding:0;
-	padding-bottom:1px;
-	box-shadow: 0px 0px 0px rgba(0, 0, 0, .00);
-	left:6px;
-	width:97px;
-	height:18px;
-	text-align:left;
-	position:absolute;
-	top:auto;
-	bottom: 34px;
-	font-size:0.001rem;
+.performer-card.card .rating-1,
+.performer-card.card .rating-2,
+.performer-card.card .rating-3,
+.performer-card.card .rating-4,
+.performer-card.card .rating-5 {
+  background: none;
+  background-size: 97px 18px;
+  background-image: var(--stars);
+  -webkit-transform: rotate(0deg);
+  transform: rotate(0deg);
+  padding: 0;
+  padding-bottom: 1px;
+  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
+  left: 6px;
+  width: 97px;
+  height: 18px;
+  text-align: left;
+  position: absolute;
+  top: auto;
+  bottom: 34px;
+  font-size: 0.001rem;
 }
 
 /* --- Display only X amount of stars  -- */
-div.performer-card.card .rating-banner.rating-1 {width:20px}
-div.performer-card.card .rating-banner.rating-2 {width:39px}
-div.performer-card.card .rating-banner.rating-3 {width:59px} 
-div.performer-card.card .rating-banner.rating-4 {width:78px}  
-div.performer-card.card .rating-banner.rating-5 {width:97px}  
-
-
-.performer-card .btn {padding: .375rem .013rem}
-.performer-card .btn {padding: .34rem .25rem}
-.performer-card .fa-icon {margin: 0 2px}
-.performer-card .card-popovers .fa-icon {margin-right: 4px}
-.performer-card .svg-inline--fa.fa-w-18, .performer-card .svg-inline--fa.fa-w-16 {height: 0.88em}
-.performer-card .favorite .svg-inline--fa.fa-w-16 {height:1.5rem}
+div.performer-card.card .rating-banner.rating-1 {
+  width: 20px;
+}
+div.performer-card.card .rating-banner.rating-2 {
+  width: 39px;
+}
+div.performer-card.card .rating-banner.rating-3 {
+  width: 59px;
+}
+div.performer-card.card .rating-banner.rating-4 {
+  width: 78px;
+}
+div.performer-card.card .rating-banner.rating-5 {
+  width: 97px;
+}
 
+.performer-card .btn {
+  padding: 0.375rem 0.013rem;
+}
+.performer-card .btn {
+  padding: 0.34rem 0.25rem;
+}
+.performer-card .fa-icon {
+  margin: 0 2px;
+}
+.performer-card .card-popovers .fa-icon {
+  margin-right: 4px;
+}
+.performer-card .svg-inline--fa.fa-w-18,
+.performer-card .svg-inline--fa.fa-w-16 {
+  height: 0.88em;
+}
+.performer-card .favorite .svg-inline--fa.fa-w-16 {
+  height: 1.5rem;
+}
 
 .performer-card .card-popovers .btn-primary {
-    margin: 0 0px 0 6px;
+  margin: 0 0px 0 6px;
 }
 
-
-
 /* --- PerformerTagger Changes --- */
 
 .PerformerTagger-performer {
-	background-image: linear-gradient(130deg, rgba(50, 60, 75,0.25), rgba(150, 155, 160,0.32), rgba(35, 40, 45,0.26), rgba(160, 160, 165,0.27), rgba(50, 60, 65,0.37)); 
-	background-color: rgba(16, 20, 25, .23); 
-	box-shadow: 2px 2px 6px rgba(0, 0, 0, .70);
-	border-radius: 8px;
-	margin: 1.1%;
-  }
-  
-.tagger-container .input-group-text  {background:none;border:0;margin-right:5px;padding-left:0}
-.PerformerTagger-details {	margin-left: 1.25rem; width:23.5rem;}
-
-.tagger-container .btn-link{text-shadow: 1px 2px 3px #000;}
-.tagger-container, .PerformerTagger {	max-width: 1850px;}
-
-.PerformerTagger-header h2 {	
-	font-family: Helvetica, "Helvetica Neue", "Segoe UI" !important; 
-	font-size: 2rem; 
-	line-height:130%; 
-	font-weight:bold; 
-	text-shadow: 2px 2px 1px #000 !important
+  background-image: linear-gradient(
+    130deg,
+    rgba(50, 60, 75, 0.25),
+    rgba(150, 155, 160, 0.32),
+    rgba(35, 40, 45, 0.26),
+    rgba(160, 160, 165, 0.27),
+    rgba(50, 60, 65, 0.37)
+  );
+  background-color: rgba(16, 20, 25, 0.23);
+  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.7);
+  border-radius: 8px;
+  margin: 1.1%;
 }
 
-.PerformerTagger-thumb {height: 50px;}
-
-.modal-backdrop 	 {	background-color: rgba(16, 20, 25, .25);}
-.modal-backdrop.show {	opacity: 0.1;	}
-
-.performer-create-modal {	max-width: 1300px; font-family: Helvetica, "Helvetica Neue", "Segoe UI" !important; }
-.performer-create-modal .image-selection .performer-image { height: 95%; }
-.performer-create-modal .image-selection {height: 485px;}
+.tagger-container .input-group-text {
+  background: none;
+  border: 0;
+  margin-right: 5px;
+  padding-left: 0;
+}
+.PerformerTagger-details {
+  margin-left: 1.25rem;
+  width: 23.5rem;
+}
 
-.performer-create-modal .no-gutters .TruncatedText {
-	font-family: var(--HeaderFont);
-	font-size: 115%;
-	padding-top:2px;
-	line-height:120%; 
-	font-weight:bold; 
-	text-shadow: var(--std-txt-shadow);
+.tagger-container .btn-link {
+  text-shadow: 1px 2px 3px #000;
+}
+.tagger-container,
+.PerformerTagger {
+  max-width: 1850px;
 }
-.performer-create-modal-field strong {margin-left: 6px}
-.modal-footer {border-top: 0}
 
+.PerformerTagger-header h2 {
+  font-family: Helvetica, "Helvetica Neue", "Segoe UI" !important;
+  font-size: 2rem;
+  line-height: 130%;
+  font-weight: bold;
+  text-shadow: 2px 2px 1px #000 !important;
+}
 
+.PerformerTagger-thumb {
+  height: 50px;
+}
 
+.modal-backdrop {
+  background-color: rgba(16, 20, 25, 0.25);
+}
+.modal-backdrop.show {
+  opacity: 0.1;
+}
 
+.performer-create-modal {
+  max-width: 1300px;
+  font-family: Helvetica, "Helvetica Neue", "Segoe UI" !important;
+}
+.performer-create-modal .image-selection .performer-image {
+  height: 95%;
+}
+.performer-create-modal .image-selection {
+  height: 485px;
+}
 
+.performer-create-modal .no-gutters .TruncatedText {
+  font-family: var(--HeaderFont);
+  font-size: 115%;
+  padding-top: 2px;
+  line-height: 120%;
+  font-weight: bold;
+  text-shadow: var(--std-txt-shadow);
+}
+.performer-create-modal-field strong {
+  margin-left: 6px;
+}
+.modal-footer {
+  border-top: 0;
+}
 
 /* ========================= Performer Page ================================= */
 /* === The page that you see when you click on the picture of a Performer === */
 
 /* --- The picture of the Performer on the left. 3D effect thanks to background shadows and more rounded corners --- */
-#performer-page .performer-image-container .performer 
-{
-    background-color: rgba(0, 0, 0, .48);
-    box-shadow: 6px 6px 11px rgba(0, 10, 10, .62);
-    border-radius: 14px !important;
+#performer-page .performer-image-container .performer {
+  background-color: rgba(0, 0, 0, 0.48);
+  box-shadow: 6px 6px 11px rgba(0, 10, 10, 0.62);
+  border-radius: 14px !important;
 }
 
 /* --- Without this the shadow at the bottom from the previous Selector will not be correctly displayed --- */
-.performer-image-container {padding-bottom: 11px}
-
+.performer-image-container {
+  padding-bottom: 11px;
+}
 
 /* --- The following 15 Selectors change the way the details box is displayed --- */
-#performer-details-tabpane-details .text-input, #performer-details-tabpane-details .text-input:disabled, 
-#performer-details-tabpane-details .text-input[readonly] {background-color: rgba(16,22,26,0.0);}
-#performer-details-tabpane-details a { text-shadow: var(--light-txt-shadow)}
+#performer-details-tabpane-details .text-input,
+#performer-details-tabpane-details .text-input:disabled,
+#performer-details-tabpane-details .text-input[readonly] {
+  background-color: rgba(16, 22, 26, 0);
+}
+#performer-details-tabpane-details a {
+  text-shadow: var(--light-txt-shadow);
+}
 
-.text-input, input.form-control-plaintext { background-color:none;}
-#performer-details .input-control, .text-input {box-shadow: none;}
+.text-input,
+input.form-control-plaintext {
+  background-color: none;
+}
+#performer-details .input-control,
+.text-input {
+  box-shadow: none;
+}
 
-div.react-select__control, #performer-details-tabpane-details {background-color: rgba(15,20,30,0.26); max-width:1000px}
-#performer-details-tabpane-details {border-radius: 10px}
-#performer-details-tabpane-edit {max-width:1000px}
+div.react-select__control,
+#performer-details-tabpane-details {
+  background-color: rgba(15, 20, 30, 0.26);
+  max-width: 1000px;
+}
+#performer-details-tabpane-details {
+  border-radius: 10px;
+}
+#performer-details-tabpane-edit {
+  max-width: 1000px;
+}
 
-div.react-select__control .css-12jo7m5 {text-shadow: none; }
+div.react-select__control .css-12jo7m5 {
+  text-shadow: none;
+}
 
 @media (min-width: 1200px) {
-	#performer-details-tabpane-details td { padding: 9px; }
-	table#performer-details tbody tr td:nth-child(1), td:first-child {padding-left: 22px; width: 185px;}
+  #performer-details-tabpane-details td {
+    padding: 9px;
+  }
+  table#performer-details tbody tr td:nth-child(1),
+  td:first-child {
+    padding-left: 22px;
+    width: 185px;
+  }
 }
 @media (max-width: 1200px) {
-	table#performer-details tbody tr td:nth-child(1), td:first-child {padding-left: 11px; }
-	#performer-page .performer-head {    margin-bottom: 1rem; }
-	#performer-page { margin: 0 -6px 0 -15px; }
+  table#performer-details tbody tr td:nth-child(1),
+  td:first-child {
+    padding-left: 11px;
+  }
+  #performer-page .performer-head {
+    margin-bottom: 1rem;
+  }
+  #performer-page {
+    margin: 0 -6px 0 -15px;
+  }
+}
+#performer-details-tabpane-details tr:nth-child(odd) {
+  background-color: rgba(16, 22, 26, 0.1);
+}
+table#performer-details {
+  color: #fff;
+  text-shadow: 1px 1px 1px #000;
 }
-#performer-details-tabpane-details tr:nth-child(odd) {     background-color: rgba(16,22,26,0.1); }
-table#performer-details {color:#FFF; text-shadow: 1px 1px 1px #000;}
-
-
 
 /* --- Changes the way the name of the performer is displayed --- */
-.performer-head h2 {font-family: var(--HeaderFont); font-weight:bold; text-shadow: 2px 2px 2px #111 }
+.performer-head h2 {
+  font-family: var(--HeaderFont);
+  font-weight: bold;
+  text-shadow: 2px 2px 2px #111;
+}
 
 /* --- Leave some space between the name and the Fav/Link/Twitter/IG icons --- */
-#performer-page .performer-head .name-icons {margin-left: 22px}
+#performer-page .performer-head .name-icons {
+  margin-left: 22px;
+}
 
 /* --- Highlighter for active Details/Scenes/Images/Edit/Operations --- */
-.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
-	background-color: rgba(5,30,35,0.46);
+.nav-tabs .nav-item.show .nav-link,
+.nav-tabs .nav-link.active {
+  background-color: rgba(5, 30, 35, 0.46);
 }
 
-
 /* --- Changes the display of Performer Details Tab in the 0.9 version are arranged --- */
-#performer-details-tabpane-details dl.row, dl.details-list dt, dl.details-list dd{ margin:0 0px;padding: 8px 10px 9px 14px}
+#performer-details-tabpane-details dl.row,
+dl.details-list dt,
+dl.details-list dd {
+  margin: 0 0px;
+  padding: 8px 10px 9px 14px;
+}
 #performer-details-tabpane-details dl.row:nth-child(odd),
 #performer-details-tabpane-details dl.details-list dt:nth-of-type(odd),
-#performer-details-tabpane-details dl.details-list dd:nth-of-type(odd) {	background-color: rgba(16,22,26,0.1);}
+#performer-details-tabpane-details dl.details-list dd:nth-of-type(odd) {
+  background-color: rgba(16, 22, 26, 0.1);
+}
 #performer-details-tabpane-details dt.col-xl-2,
-#performer-details-tabpane-details dl.details-list dt {	text-shadow: var(--std-txt-shadow); font-weight: normal;}
-#performer-details-tabpane-details ul.pl-0 {margin-bottom: 0rem;}
-#performer-details-tabpane-details dl.details-list { grid-column-gap: 0}
-
+#performer-details-tabpane-details dl.details-list dt {
+  text-shadow: var(--std-txt-shadow);
+  font-weight: normal;
+}
+#performer-details-tabpane-details ul.pl-0 {
+  margin-bottom: 0rem;
+}
+#performer-details-tabpane-details dl.details-list {
+  grid-column-gap: 0;
+}
 
 /* --- Resets the fields in Performer Edit Tab in the 0.5 developmental version back to way it was in the 0.5 version --- */
-#performer-edit {margin:0 0 0 10px}
-#performer-edit .col-sm-auto, #performer-edit .col-sm-6, #performer-edit .col-md-auto, #performer-edit .col-lg-6, #performer-edit .col-sm-4, #performer-edit .col-sm-8 { width: 100%;max-width: 100%; flex: 0 0 100%; }
-#performer-edit .col-sm-auto div, #performer-edit label.form-label { float:left; width:17%;}
-#performer-edit .col-sm-auto div, #performer-edit label.form-label { font-weight:normal; color: #FFF; text-shadow: var(--std-txt-shadow); }
+#performer-edit {
+  margin: 0 0 0 10px;
+}
+#performer-edit .col-sm-auto,
+#performer-edit .col-sm-6,
+#performer-edit .col-md-auto,
+#performer-edit .col-lg-6,
+#performer-edit .col-sm-4,
+#performer-edit .col-sm-8 {
+  width: 100%;
+  max-width: 100%;
+  flex: 0 0 100%;
+}
+#performer-edit .col-sm-auto div,
+#performer-edit label.form-label {
+  float: left;
+  width: 17%;
+}
+#performer-edit .col-sm-auto div,
+#performer-edit label.form-label {
+  font-weight: normal;
+  color: #fff;
+  text-shadow: var(--std-txt-shadow);
+}
 
-#performer-edit select.form-control, #performer-edit .input-group, #performer-edit .text-input.form-control { float:right; width:83%; }
-#performer-edit .form-group, .col-12 button.mr-2 {margin-bottom: 0.35rem}
-#performer-edit .mt-3 label.form-label { float:none; width:auto; }
+#performer-edit select.form-control,
+#performer-edit .input-group,
+#performer-edit .text-input.form-control {
+  float: right;
+  width: 83%;
+}
+#performer-edit .form-group,
+.col-12 button.mr-2 {
+  margin-bottom: 0.35rem;
+}
+#performer-edit .mt-3 label.form-label {
+  float: none;
+  width: auto;
+}
 
-#performer-edit select.form-control, #performer-edit .input-group, #performer-edit .text-input.form-control {width: 100%;}
-#performer-edit textarea.text-input {min-height: 9ex;}
+#performer-edit select.form-control,
+#performer-edit .input-group,
+#performer-edit .text-input.form-control {
+  width: 100%;
+}
+#performer-edit textarea.text-input {
+  min-height: 9ex;
+}
 
-#performer-edit .form-group:nth-child(17) .text-input.form-control {width:85%;}
+#performer-edit .form-group:nth-child(17) .text-input.form-control {
+  width: 85%;
+}
 
 @media (max-width: 750px) {
-#performer-edit .col-sm-auto div, #performer-edit label.form-label { float:left; width:22%;}
-#performer-edit select.form-control, #performer-edit .input-group, #performer-edit .text-input.form-control { float:right; width:78%; }
+  #performer-edit .col-sm-auto div,
+  #performer-edit label.form-label {
+    float: left;
+    width: 22%;
+  }
+  #performer-edit select.form-control,
+  #performer-edit .input-group,
+  #performer-edit .text-input.form-control {
+    float: right;
+    width: 78%;
+  }
 }
 
 @media (max-width: 500px) {
-#performer-edit .col-sm-auto div, #performer-edit label.form-label { float:left; width:60%;}
-#performer-edit li.mb-1, 
-#performer-edit select.form-control, 
-#performer-edit .input-group, #performer-edit .text-input.form-control { float:left; width:89%; }
+  #performer-edit .col-sm-auto div,
+  #performer-edit label.form-label {
+    float: left;
+    width: 60%;
+  }
+  #performer-edit li.mb-1,
+  #performer-edit select.form-control,
+  #performer-edit .input-group,
+  #performer-edit .text-input.form-control {
+    float: left;
+    width: 89%;
+  }
 }
 
-#performer-edit .form-group .mr-2 {margin-right:0!important}
-
-
-
-
-
+#performer-edit .form-group .mr-2 {
+  margin-right: 0 !important;
+}
 
 /* ======================= Scenes ======================== */
 
-
 /* --- Remove the comments if you don't want to see the Description Text of the scenes --- */
 /* .card-section p {display:none} */
 
-
 /* --- Remove the comments if you don't want to see the Resolution of the Video (480p, 540p, 720p, 1080p) --- */
- .overlay-resolution {display:none} 
-
-
+.overlay-resolution {
+  display: none;
+}
 
 /* --- The name of the Scene. Different font, less space to the left and to the top, Text-Shadow --- */
-h5.card-section-title, .scene-tabs .scene-header {	
-	font-family: var(--HeaderFont);
-	font-size: 1.25rem;
-	font-weight:bold;
-	line-height:132%;
-	text-shadow: var(--std-txt-shadow);
-}
-.scene-tabs .scene-header { font-size: 24px; margin-bottom:16px }
-.scene-tabs .studio-logo {	margin-top: 0}
-
-#TruncatedText .tooltip-inner {width:365px; max-width:365px}
-.tooltip-inner {	font-family: var(--HeaderFont);
-	background-color: rgba(16, 20, 25, .99); 
-	box-shadow: 2px 2px 6px rgba(0, 0, 0, .55);
- font-weight:bold;font-size:14px;}
+h5.card-section-title,
+.scene-tabs .scene-header {
+  font-family: var(--HeaderFont);
+  font-size: 1.25rem;
+  font-weight: bold;
+  line-height: 132%;
+  text-shadow: var(--std-txt-shadow);
+}
+.scene-tabs .scene-header {
+  font-size: 24px;
+  margin-bottom: 16px;
+}
+.scene-tabs .studio-logo {
+  margin-top: 0;
+}
 
-/* --- Removes the horizontal line that separates the date/description text from the Tags/Performer/etc. icons --- */
-.scene-card.card hr, .scene-card.card>hr{	border-top: 0px solid rgba(0,0,0,.1);	}
+#TruncatedText .tooltip-inner {
+  width: 365px;
+  max-width: 365px;
+}
+.tooltip-inner {
+  font-family: var(--HeaderFont);
+  background-color: rgba(16, 20, 25, 0.99);
+  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.55);
+  font-weight: bold;
+  font-size: 14px;
+}
 
+/* --- Removes the horizontal line that separates the date/description text from the Tags/Performer/etc. icons --- */
+.scene-card.card hr,
+.scene-card.card > hr {
+  border-top: 0px solid rgba(0, 0, 0, 0.1);
+}
 
 /* --- Changes regarding the Scene Logo --- */
 .scene-studio-overlay {
-	opacity: .80;
-	top: -1px;
-	right: 2px;
+  opacity: 0.8;
+  top: -1px;
+  right: 2px;
 }
 
 /* --- The Resolution and the Time/Length of the video in the bottom right corner to make it easier to read --- */
 .scene-specs-overlay {
-	font-family: Arial, Verdana,"Segoe UI" !important;
-	bottom:1px;
-	color: #FFF;
-	font-weight: bold;
-	bottom:1.4%;
-	letter-spacing: 0.035rem;
-	text-shadow: 2px 2px 1px #000, 4px 4px 5px #444, 7px 0px 5px #444, -3px 2px 5px #444, -5px 0px 5px #444, -1px -4px 5px #444, 3px -2px 6px #444;
+  font-family: Arial, Verdana, "Segoe UI" !important;
+  bottom: 1px;
+  color: #fff;
+  font-weight: bold;
+  bottom: 1.4%;
+  letter-spacing: 0.035rem;
+  text-shadow:
+    2px 2px 1px #000,
+    4px 4px 5px #444,
+    7px 0px 5px #444,
+    -3px 2px 5px #444,
+    -5px 0px 5px #444,
+    -1px -4px 5px #444,
+    3px -2px 6px #444;
+}
+.overlay-resolution {
+  color: #eee;
 }
-.overlay-resolution {color:#eee;}
 
 /* --- Changes the spaces between the items on the Scenes page --- */
-.zoom-0 {margin: 4px 0.50% 10px}
-
-
-.scene-card-link {height:195px; overflow:hidden;}
+.zoom-0 {
+  margin: 4px 0.5% 10px;
+}
 
+.scene-card-link {
+  height: 195px;
+  overflow: hidden;
+}
 
 /* --- Tightens the space between the Tags-, Performer-, O-Counter-, Gallery- and Movie-Icons --- */
-.btn-primary { margin:0 -3px 0 -9px}
+.btn-primary {
+  margin: 0 -3px 0 -9px;
+}
 
 /* --- Moves the Tags-, Performer-, O-Counter-, Gallery- and Movie-Icon from below the description to the bottom right corner of the card --- */
-.scene-popovers, .card-popovers { 
-	min-width:0;
-	margin-bottom: 3px;
-	margin-top:-40px;
-	justify-content: flex-end;
+.scene-popovers,
+.card-popovers {
+  min-width: 0;
+  margin-bottom: 3px;
+  margin-top: -40px;
+  justify-content: flex-end;
 }
 
 /* --- Adds an invisible dot after the description text, Also leaves ~80 pixels space to enforce a line break, 
 so it leaves some space in the bottom right corner of the card for the icons in the Selector above --- */
-.card-section p:after 
-{
-	font-size: 1px;
-	color: rgba(0,0,0, .01);
-	padding-right: 3.2vw; 
-	margin-right: 2.8vw; 
-	content: " ";
+.card-section p:after {
+  font-size: 1px;
+  color: rgba(0, 0, 0, 0.01);
+  padding-right: 3.2vw;
+  margin-right: 2.8vw;
+  content: " ";
 }
 
-
-
-
-/* -- The whole section replaces the ratings banner with a star rating in the bottom left corner --- */ 
-.scene-card.card .rating-1 {width:22px}
-.scene-card.card .rating-2 {width:43px}
-.scene-card.card .rating-3 {width:65px} 
-.scene-card.card .rating-4 {width:86px}  
-.scene-card.card .rating-5 {background:none; width:108px}
-.rating-1, .rating-2, .rating-3, .rating-4, .scene-card.card .rating-5 {
-	background:none;
-	background-image:var(--stars);
-	height:20px;
-	background-size: 108px 20px;
-} 
+/* -- The whole section replaces the ratings banner with a star rating in the bottom left corner --- */
+.scene-card.card .rating-1 {
+  width: 22px;
+}
+.scene-card.card .rating-2 {
+  width: 43px;
+}
+.scene-card.card .rating-3 {
+  width: 65px;
+}
+.scene-card.card .rating-4 {
+  width: 86px;
+}
+.scene-card.card .rating-5 {
+  background: none;
+  width: 108px;
+}
+.rating-1,
+.rating-2,
+.rating-3,
+.rating-4,
+.scene-card.card .rating-5 {
+  background: none;
+  background-image: var(--stars);
+  height: 20px;
+  background-size: 108px 20px;
+}
 
 .scene-card.card .rating-banner {
-	padding:0;
-	left:5px;
-	top:89%;
-	background-position: left;
-	font-size: .01rem;
-	-webkit-transform: rotate(0deg);
-	transform: rotate(0deg);
+  padding: 0;
+  left: 5px;
+  top: 89%;
+  background-position: left;
+  font-size: 0.01rem;
+  -webkit-transform: rotate(0deg);
+  transform: rotate(0deg);
 }
 
+.scene-card.zoom-0.grid-card.card .rating-banner {
+  top: 87%;
+}
+.scene-card.zoom-2.grid-card.card .rating-banner {
+  top: 90%;
+}
+.scene-card.zoom-3.grid-card.card .rating-banner {
+  top: 92%;
+}
 
-.scene-card.zoom-0.grid-card.card .rating-banner {top: 87%}
-.scene-card.zoom-2.grid-card.card .rating-banner {top: 90%}
-.scene-card.zoom-3.grid-card.card .rating-banner {top: 92%}
-
-.scene-card.zoom-3.grid-card.card .rating-1, .scene-card.zoom-3.grid-card.card .rating-2, .scene-card.zoom-3.grid-card.card .rating-3, .scene-card.zoom-3.grid-card.card .rating-4, .scene-card.zoom-3.grid-card.card .rating-5 {
-	background:none;
-	background-image:var(--stars);
-	height:28px;
-	background-size: 151px 28px;
-} 
-
-.scene-card.zoom-3.grid-card.card .rating-1 {width:30px}
-.scene-card.zoom-3.grid-card.card .rating-2 {width:60px}
-.scene-card.zoom-3.grid-card.card .rating-3 {width:91px} 
-.scene-card.zoom-3.grid-card.card .rating-4 {width:121px}  
-.scene-card.zoom-3.grid-card.card .rating-5 {width:151px}
-
+.scene-card.zoom-3.grid-card.card .rating-1,
+.scene-card.zoom-3.grid-card.card .rating-2,
+.scene-card.zoom-3.grid-card.card .rating-3,
+.scene-card.zoom-3.grid-card.card .rating-4,
+.scene-card.zoom-3.grid-card.card .rating-5 {
+  background: none;
+  background-image: var(--stars);
+  height: 28px;
+  background-size: 151px 28px;
+}
 
+.scene-card.zoom-3.grid-card.card .rating-1 {
+  width: 30px;
+}
+.scene-card.zoom-3.grid-card.card .rating-2 {
+  width: 60px;
+}
+.scene-card.zoom-3.grid-card.card .rating-3 {
+  width: 91px;
+}
+.scene-card.zoom-3.grid-card.card .rating-4 {
+  width: 121px;
+}
+.scene-card.zoom-3.grid-card.card .rating-5 {
+  width: 151px;
+}
 
 /* --- Improves how the Preview Videos in the Wall View are displayed --- */
-.wall-item-container {width: 100%; background-color: rgba(0, 0, 0, .10); overflow:hidden }
-.wall-item-media { height:100%; background-color: rgba(0, 0, 0, .0);overflow:hidden }
-.wall-item-anchor { width: 102%; overflow:hidden }
-.wall-item-text {margin-bottom:0px; color: #111; text-shadow: 1px 1px 1px #fff }	
-
+.wall-item-container {
+  width: 100%;
+  background-color: rgba(0, 0, 0, 0.1);
+  overflow: hidden;
+}
+.wall-item-media {
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0);
+  overflow: hidden;
+}
+.wall-item-anchor {
+  width: 102%;
+  overflow: hidden;
+}
+.wall-item-text {
+  margin-bottom: 0px;
+  color: #111;
+  text-shadow: 1px 1px 1px #fff;
+}
 
-.scene-popovers .fa-icon {margin-right: 2px;}
+.scene-popovers .fa-icon {
+  margin-right: 2px;
+}
 
 /* --- Changes the Organized Button color when watching a video. Organized = Green, Not Organized = Red --- */
-.organized-button.not-organized { color: rgba(207,10,20,.8); }
-.organized-button.organized {	color: #06e62e;}
-
+.organized-button.not-organized {
+  color: rgba(207, 10, 20, 0.8);
+}
+.organized-button.organized {
+  color: #06e62e;
+}
 
 /* --- Changes the font in the File Info section --- */
-div.scene-file-info .TruncatedText, div.scene-file-info .text-truncate {
-	margin-left:-1.5%; 
-	margin-top: -1px; 
-	width: 120%; 
-	font-family: var(--HeaderFont);
-	font-size: 110%; 
-	line-height:120%; 
-	font-weight:bold; 
-	text-shadow: var(--std-txt-shadow);
+div.scene-file-info .TruncatedText,
+div.scene-file-info .text-truncate {
+  margin-left: -1.5%;
+  margin-top: -1px;
+  width: 120%;
+  font-family: var(--HeaderFont);
+  font-size: 110%;
+  line-height: 120%;
+  font-weight: bold;
+  text-shadow: var(--std-txt-shadow);
 }
 
-
 #scene-edit-details .pl-0 {
-    padding-left: 10px!important;
+  padding-left: 10px !important;
 }
 
-
 /* Zoom 0 */
-.zoom-0 { width:290px}
-.zoom-0 .video-section {height:181px;}
-.zoom-0 .scene-card-preview-image, .zoom-0 .scene-card-preview { height:195px; }
-.zoom-0 .scene-card-preview, .zoom-0 .scene-card-preview-video, .zoom-0 .scene-card-video {
-	width: 290px;
-	min-height:181px;
-	max-height: 200px;
+.zoom-0 {
+  width: 290px;
+}
+.zoom-0 .video-section {
+  height: 181px;
+}
+.zoom-0 .scene-card-preview-image,
+.zoom-0 .scene-card-preview {
+  height: 195px;
+}
+.zoom-0 .scene-card-preview,
+.zoom-0 .scene-card-preview-video,
+.zoom-0 .scene-card-video {
+  width: 290px;
+  min-height: 181px;
+  max-height: 200px;
 }
 
 /* Zoom 1 */
-.zoom-1 { min-width: 300px; width: calc(234px + 24vw /3.84);max-width: 430px}
+.zoom-1 {
+  min-width: 300px;
+  width: calc(234px + 24vw / 3.84);
+  max-width: 430px;
+}
 /* Improves the way the scene picture is displayed when the resolution isn't 16:9 (e.g. 4:3) --- */
-.zoom-1 .video-section {height:calc((234px + 24vw / 3.84)/1.63);max-height: 258px}
-.zoom-1 .scene-card-preview-image, .zoom-1 .scene-card-preview { height:98%; max-height: 260px}
+.zoom-1 .video-section {
+  height: calc((234px + 24vw / 3.84) / 1.63);
+  max-height: 258px;
+}
+.zoom-1 .scene-card-preview-image,
+.zoom-1 .scene-card-preview {
+  height: 98%;
+  max-height: 260px;
+}
 
-.zoom-1 .scene-card-preview, .zoom-1 .scene-card-preview-video, .zoom-1 .scene-card-video {
-	min-width: 300px; width: calc(228px + 17vw / 1.92);max-width: 470px;
-	height:calc((234px + 26vw / 3.84)/1.63);
-	max-height: 265px;
+.zoom-1 .scene-card-preview,
+.zoom-1 .scene-card-preview-video,
+.zoom-1 .scene-card-video {
+  min-width: 300px;
+  width: calc(228px + 17vw / 1.92);
+  max-width: 470px;
+  height: calc((234px + 26vw / 3.84) / 1.63);
+  max-height: 265px;
 }
 
 /* Zoom 2 */
-.zoom-2 { min-width: 350px; width: calc(315px + 26vw / 3.84);max-width: 495px}
-.zoom-2 .video-section {height:calc((334px + 26vw / 3.84) /1.63);max-height:295px}
-.zoom-2 .scene-card-preview-image, .zoom-2 .scene-card-preview { height:calc((334px + 26vw / 3.84) /1.63); max-height:292px}
-
-.zoom-2 .scene-card-preview, .zoom-2 .scene-card-preview-video, .zoom-2 .scene-card-video {
-	min-width: 350px; width: calc(332px + 28vw / 3.84);max-width: 530px;
-	height:calc((335px + 28vw / 3.84) /1.63);
-	max-height: 298px;
+.zoom-2 {
+  min-width: 350px;
+  width: calc(315px + 26vw / 3.84);
+  max-width: 495px;
+}
+.zoom-2 .video-section {
+  height: calc((334px + 26vw / 3.84) / 1.63);
+  max-height: 295px;
+}
+.zoom-2 .scene-card-preview-image,
+.zoom-2 .scene-card-preview {
+  height: calc((334px + 26vw / 3.84) / 1.63);
+  max-height: 292px;
 }
 
+.zoom-2 .scene-card-preview,
+.zoom-2 .scene-card-preview-video,
+.zoom-2 .scene-card-video {
+  min-width: 350px;
+  width: calc(332px + 28vw / 3.84);
+  max-width: 530px;
+  height: calc((335px + 28vw / 3.84) / 1.63);
+  max-height: 298px;
+}
 
 /* Zoom 3 */
-.zoom-3 { min-width: 400px; width: calc(530px + 18vw / 5.76);max-width: 590px}
-.zoom-3 .video-section {height:375px;}
-.zoom-3 .scene-card-preview-image, .zoom-3 .scene-card-preview { height:395px; }
-.zoom-3 .scene-card-preview, .zoom-3 .scene-card-preview-video, .zoom-3 .scene-card-video {
-	width: 600px;
-	min-height:385px;
-	max-height: 400px;
+.zoom-3 {
+  min-width: 400px;
+  width: calc(530px + 18vw / 5.76);
+  max-width: 590px;
+}
+.zoom-3 .video-section {
+  height: 375px;
+}
+.zoom-3 .scene-card-preview-image,
+.zoom-3 .scene-card-preview {
+  height: 395px;
+}
+.zoom-3 .scene-card-preview,
+.zoom-3 .scene-card-preview-video,
+.zoom-3 .scene-card-video {
+  width: 600px;
+  min-height: 385px;
+  max-height: 400px;
+}
+
+.zoom-0 .video-section,
+.zoom-1 .video-section,
+.zoom-2 .video-section,
+.zoom-3 .video-section {
+  object-fit: cover !important;
+  overflow: hidden;
 }
 
-
-.zoom-0 .video-section, .zoom-1 .video-section, .zoom-2 .video-section, .zoom-3 .video-section 
-{object-fit: cover !important;overflow:hidden;}
-
-.zoom-0 .scene-card-preview, .zoom-0 .scene-card-preview-video, .zoom-0 .scene-card-video,
-.zoom-1 .scene-card-preview, .zoom-1 .scene-card-preview-video, .zoom-1 .scene-card-video, 
-.zoom-2 .scene-card-preview, .zoom-2 .scene-card-preview-video, .zoom-2 .scene-card-video,
-.zoom-3 .scene-card-preview, .zoom-3 .scene-card-preview-video, .zoom-3 .scene-card-video {
-	object-fit: cover !important;
-	margin-top:-2%;
-	margin-left:-6px;
-	transform: scale(1.04);
+.zoom-0 .scene-card-preview,
+.zoom-0 .scene-card-preview-video,
+.zoom-0 .scene-card-video,
+.zoom-1 .scene-card-preview,
+.zoom-1 .scene-card-preview-video,
+.zoom-1 .scene-card-video,
+.zoom-2 .scene-card-preview,
+.zoom-2 .scene-card-preview-video,
+.zoom-2 .scene-card-video,
+.zoom-3 .scene-card-preview,
+.zoom-3 .scene-card-preview-video,
+.zoom-3 .scene-card-video {
+  object-fit: cover !important;
+  margin-top: -2%;
+  margin-left: -6px;
+  transform: scale(1.04);
 }
 
 /* --- Shrink the Player Height just a little bit to avoid the scroll bar --- */
-#jwplayer-container {    height: calc(99.5vh - 4rem);}
-.scene-tabs {	max-height: calc(99vh - 4rem); }
-
-div.tagger-container .btn-link { 	
-	font-family: var(--HeaderFont);
-	font-size: 110%; 
-	color: #ddf; 
-	text-shadow: var(--std-txt-shadow); 
+#jwplayer-container {
+  height: calc(99.5vh - 4rem);
+}
+.scene-tabs {
+  max-height: calc(99vh - 4rem);
 }
 
+div.tagger-container .btn-link {
+  font-family: var(--HeaderFont);
+  font-size: 110%;
+  color: #ddf;
+  text-shadow: var(--std-txt-shadow);
+}
 
 /* --- Changes the color of the scrape button when editing a scene --- */
-.scrape-url-button{background-color: rgba(20,120,20,.50);}
-.scrape-url-button:hover{background-color: rgba(20,150,20,.65);}
-.scrape-url-button:disabled {  background-color: rgba(30,00,00,.40);	}
-
+.scrape-url-button {
+  background-color: rgba(20, 120, 20, 0.5);
+}
+.scrape-url-button:hover {
+  background-color: rgba(20, 150, 20, 0.65);
+}
+.scrape-url-button:disabled {
+  background-color: rgba(30, 00, 00, 0.4);
+}
 
-.scene-tabs .scene-header {margin-top: 0;margin-bottom: 15px}
-.scene-tabs h1.text-center {margin-bottom: 30px}
+.scene-tabs .scene-header {
+  margin-top: 0;
+  margin-bottom: 15px;
+}
+.scene-tabs h1.text-center {
+  margin-bottom: 30px;
+}
 
-#queue-viewer .current {background-color: rgba(25,60,40,0.40);}
-#queue-viewer .mb-2:hover, #queue-viewer .my-2:hover {background-color: rgba(15,20,30,0.28);}
+#queue-viewer .current {
+  background-color: rgba(25, 60, 40, 0.4);
+}
+#queue-viewer .mb-2:hover,
+#queue-viewer .my-2:hover {
+  background-color: rgba(15, 20, 30, 0.28);
+}
 
 #scene-edit-details .edit-buttons-container {
-	background-color: rgba(0,0,0,0.0);
-	position: relative; 
-	margin-bottom:15px;
+  background-color: rgba(0, 0, 0, 0);
+  position: relative;
+  margin-bottom: 15px;
 }
 
-#scene-edit-details .form-group {margin-bottom:0.65rem;}
-
-
-
-
+#scene-edit-details .form-group {
+  margin-bottom: 0.65rem;
+}
 
 /* ============== Studio ================= */
 
+.studio-card {
+  padding: 0 4px 14px;
+}
 
-.studio-card {	padding: 0 4px 14px;}
-
-.studio-details input.form-control-plaintext {	background-color: rgba(16,22,26,.0); }
-.studio-details .react-select__control--is-disabled  {	background: none; border:0}
+.studio-details input.form-control-plaintext {
+  background-color: rgba(16, 22, 26, 0);
+}
+.studio-details .react-select__control--is-disabled {
+  background: none;
+  border: 0;
+}
 
-.studio-details .form-group, .studio-details td { padding: 8px; }
-.studio-details table td:nth-child(1) {color:#FFF; text-shadow: 1px 1px 1px #000;}
+.studio-details .form-group,
+.studio-details td {
+  padding: 8px;
+}
+.studio-details table td:nth-child(1) {
+  color: #fff;
+  text-shadow: 1px 1px 1px #000;
+}
 
-.studio-card-image {max-height: 175px; height:175px}
-.studio-card-image {min-width: 260px; width: calc(244px + 19vw / 3.8); max-width: 360px; margin: 0 1px;}
-.studio-card .card-section {	margin-top: 22px;}
+.studio-card-image {
+  max-height: 175px;
+  height: 175px;
+}
+.studio-card-image {
+  min-width: 260px;
+  width: calc(244px + 19vw / 3.8);
+  max-width: 360px;
+  margin: 0 1px;
+}
+.studio-card .card-section {
+  margin-top: 22px;
+}
 
 @media (min-width: 1200px) {
-.pl-xl-5, .px-xl-5 {
-    padding-left: 1rem!important; 
-    padding-right: 1rem!important;
-} }
+  .pl-xl-5,
+  .px-xl-5 {
+    padding-left: 1rem !important;
+    padding-right: 1rem !important;
+  }
+}
 
-.no-gutters .TruncatedText, .tag-card .TruncatedText, div.card.studio-card .TruncatedText, .tagger-container .TruncatedText  {
-	font-family: var(--HeaderFont);
-	font-size: 125%; 
-	line-height:125%; 
-	font-weight:bold; 
-	text-shadow: var(--std-txt-shadow);
+.no-gutters .TruncatedText,
+.tag-card .TruncatedText,
+div.card.studio-card .TruncatedText,
+.tagger-container .TruncatedText {
+  font-family: var(--HeaderFont);
+  font-size: 125%;
+  line-height: 125%;
+  font-weight: bold;
+  text-shadow: var(--std-txt-shadow);
 }
 
-.no-gutters .TruncatedText {font-size: 115%;}
+.no-gutters .TruncatedText {
+  font-size: 115%;
+}
 
 /* --- The following 15 Selectors modify the info box on the left after clicking on a movie --- */
-.studio-details .text-input, #performer-details-tabpane-details .text-input:disabled, 
-.studio-details .text-input[readonly] {background-color: rgba(16,22,26,0.0);}
+.studio-details .text-input,
+#performer-details-tabpane-details .text-input:disabled,
+.studio-details .text-input[readonly] {
+  background-color: rgba(16, 22, 26, 0);
+}
 
-.text-input, input.form-control-plaintext { background-color:none;}
-.studio-details .input-control, .text-input {box-shadow: none;}
+.text-input,
+input.form-control-plaintext {
+  background-color: none;
+}
+.studio-details .input-control,
+.text-input {
+  box-shadow: none;
+}
 
-.studio-details table { margin-top: 20px; background-color: rgba(15,20,30,0.20); border-radius: 10px; margin-bottom:20px;}
-.studio-details .form-group {background-color: rgba(15,20,30,0.20); margin:0;}
+.studio-details table {
+  margin-top: 20px;
+  background-color: rgba(15, 20, 30, 0.2);
+  border-radius: 10px;
+  margin-bottom: 20px;
+}
+.studio-details .form-group {
+  background-color: rgba(15, 20, 30, 0.2);
+  margin: 0;
+}
 
-.studio-details table div.react-select__control {background: none; border: 0px;margin:0}
-.studio-details table .css-1hwfws3 { padding:0px; }
-
-.studio-details .form-group, .movie-details td { padding: 8px; }
-.studio-details .form-group td:nth-child(1), 
-.studio-details table tbody tr td:nth-child(1), td:first-child {padding-left: 12px; width: 130px;}
-
-.studio-details table tr:nth-child(odd) {     background-color: rgba(16,22,26,0.1); }
-.studio-details .form-group, .studio-details table td:nth-child(1) {color:#FFF; text-shadow: 1px 1px 1px #000;}
-
-
-.studio-card.card .rating-1, .studio-card.card .rating-2, .studio-card.card .rating-3, 
-.studio-card.card .rating-4, .studio-card.card .rating-5
-{
-	background:none;
-	height: 25px;
-	background-size: 135px 25px;
-	background-image:var(--stars);
-	-webkit-transform:rotate(0deg);
-	transform:rotate(0deg);
-	padding:0;
-	padding-bottom:1px;
-	box-shadow: 0px 0px 0px rgba(0, 0, 0, .00);
-	left:10px;
-	text-align:left;
-	position:absolute;
-	top:auto;
-	bottom: 24% !important;
-	font-size:0.001rem;
+.studio-details table div.react-select__control {
+  background: none;
+  border: 0px;
+  margin: 0;
+}
+.studio-details table .css-1hwfws3 {
+  padding: 0px;
 }
 
-.studio-card.card .rating-5{width:135px;} 
-.studio-card.card .rating-4{width:109px;} 
-.studio-card.card .rating-3{width:81px;} 
-.studio-card.card .rating-2{width:55px;} 
-.studio-card.card .rating-1{width:28px;} 
-
-div.studio-card.card .card-popovers { margin-top:-34px;margin-right:-7px}
-.studio-card.card .card-section div:nth-child(2) {margin-bottom:6px;margin-top:-3px;}
-
-div.studio-details dl.details-list {grid-column-gap:0}
-.studio-details dt, .studio-details dd {padding: 6px 0 8px 8px}
-
+.studio-details .form-group,
+.movie-details td {
+  padding: 8px;
+}
+.studio-details .form-group td:nth-child(1),
+.studio-details table tbody tr td:nth-child(1),
+td:first-child {
+  padding-left: 12px;
+  width: 130px;
+}
 
+.studio-details table tr:nth-child(odd) {
+  background-color: rgba(16, 22, 26, 0.1);
+}
+.studio-details .form-group,
+.studio-details table td:nth-child(1) {
+  color: #fff;
+  text-shadow: 1px 1px 1px #000;
+}
 
+.studio-card.card .rating-1,
+.studio-card.card .rating-2,
+.studio-card.card .rating-3,
+.studio-card.card .rating-4,
+.studio-card.card .rating-5 {
+  background: none;
+  height: 25px;
+  background-size: 135px 25px;
+  background-image: var(--stars);
+  -webkit-transform: rotate(0deg);
+  transform: rotate(0deg);
+  padding: 0;
+  padding-bottom: 1px;
+  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
+  left: 10px;
+  text-align: left;
+  position: absolute;
+  top: auto;
+  bottom: 24% !important;
+  font-size: 0.001rem;
+}
 
+.studio-card.card .rating-5 {
+  width: 135px;
+}
+.studio-card.card .rating-4 {
+  width: 109px;
+}
+.studio-card.card .rating-3 {
+  width: 81px;
+}
+.studio-card.card .rating-2 {
+  width: 55px;
+}
+.studio-card.card .rating-1 {
+  width: 28px;
+}
 
+div.studio-card.card .card-popovers {
+  margin-top: -34px;
+  margin-right: -7px;
+}
+.studio-card.card .card-section div:nth-child(2) {
+  margin-bottom: 6px;
+  margin-top: -3px;
+}
 
+div.studio-details dl.details-list {
+  grid-column-gap: 0;
+}
+.studio-details dt,
+.studio-details dd {
+  padding: 6px 0 8px 8px;
+}
 
 /* ============== TAGS =============== */
 
-.tag-card.card hr, .tag-card.card>hr{border-top: 0px solid rgba(0,0,0,0.0)}
-
-.tag-card {margin: 4px 0.5% 10px; padding:0px;}
-
+.tag-card.card hr,
+.tag-card.card > hr {
+  border-top: 0px solid rgba(0, 0, 0, 0);
+}
 
-@media (min-width: 1200px){
-.row.pl-xl-5, .row.px-xl-5 {
-	padding-left: 0.2rem!important; 
-	padding-right: 0.2rem!important;
+.tag-card {
+  margin: 4px 0.5% 10px;
+  padding: 0px;
 }
+
+@media (min-width: 1200px) {
+  .row.pl-xl-5,
+  .row.px-xl-5 {
+    padding-left: 0.2rem !important;
+    padding-right: 0.2rem !important;
+  }
 }
 
 .tag-card.zoom-0 {
-	min-width: 230px; width: calc(205px + 18vw / 1.1); max-width: 354px;
-	min-height:168px; height:auto;
-/*	height:calc(130px + 14vw / 1.1); max-height:250px;*/
+  min-width: 230px;
+  width: calc(205px + 18vw / 1.1);
+  max-width: 354px;
+  min-height: 168px;
+  height: auto;
+  /*	height:calc(130px + 14vw / 1.1); max-height:250px;*/
+}
+.tag-card.zoom-0 .tag-card-image {
+  min-height: 100px;
+  max-height: 210px;
+  height: calc(95px + 15vw / 1.1);
 }
-.tag-card.zoom-0 .tag-card-image {	min-height: 100px; max-height: 210px; height: calc(95px + 15vw / 1.1)}
 
 .tag-card.zoom-1 {
-	min-width: 260px; width: calc(238px + 25vw / 2.3); max-width: 460px;
-	min-height:193px; height:auto; max-height:335px;
+  min-width: 260px;
+  width: calc(238px + 25vw / 2.3);
+  max-width: 460px;
+  min-height: 193px;
+  height: auto;
+  max-height: 335px;
+}
+.tag-card.zoom-1 .tag-card-image {
+  min-height: 120px;
+  max-height: 260px;
+  height: calc(100px + 19vw / 2.3);
 }
-.tag-card.zoom-1 .tag-card-image {	min-height: 120px; max-height: 260px; height: calc(100px + 19vw / 2.3);}
 
 .tag-card.zoom-2 {
-	min-width: 290px; width: calc(280px + 38vw / 2.45); max-width: 650px;
-	min-height:170px; height:auto; max-height:505px;
+  min-width: 290px;
+  width: calc(280px + 38vw / 2.45);
+  max-width: 650px;
+  min-height: 170px;
+  height: auto;
+  max-height: 505px;
+}
+.tag-card.zoom-2 .tag-card-image {
+  min-height: 175px;
+  max-height: 435px;
+  height: calc(120px + 26vw / 2.45);
 }
-.tag-card.zoom-2 .tag-card-image {	min-height: 175px; max-height: 435px; height: calc(120px + 26vw / 2.45);}
-
-#tags .card {padding:0 0 10px 0; }
-.tag-card-header {height:190px;overflow:hidden;}
 
-.zoom-0 .tab-pane .card-image { height:210px }
-.zoom-0 .tag-card-image, .zoom-1 .tag-card-image, .zoom-2 .tag-card-image {
-zoom: 101%;
-object-fit: cover;
-overflow:hidden;
-width: 101%;
-margin-top: -2px;
-margin-left: -1%;
+#tags .card {
+  padding: 0 0 10px 0;
+}
+.tag-card-header {
+  height: 190px;
+  overflow: hidden;
 }
 
-.tag-card .scene-popovers, .tag-card .card-popovers { 
-	width:60%;
-	margin-left:40%;
-	justify-content: flex-end;
-	float:right;
-	margin-bottom: 15px;
-	margin-top:-34px;
-	padding-left:17px;
+.zoom-0 .tab-pane .card-image {
+  height: 210px;
+}
+.zoom-0 .tag-card-image,
+.zoom-1 .tag-card-image,
+.zoom-2 .tag-card-image {
+  zoom: 101%;
+  object-fit: cover;
+  overflow: hidden;
+  width: 101%;
+  margin-top: -2px;
+  margin-left: -1%;
 }
 
-.tag-sub-tags,.tag-parent-tags {margin-bottom:8px}
+.tag-card .scene-popovers,
+.tag-card .card-popovers {
+  width: 60%;
+  margin-left: 40%;
+  justify-content: flex-end;
+  float: right;
+  margin-bottom: 15px;
+  margin-top: -34px;
+  padding-left: 17px;
+}
 
+.tag-sub-tags,
+.tag-parent-tags {
+  margin-bottom: 8px;
+}
 
 /* --- Moves the Tag name into the Tag Picture --- */
-.tag-details .text-input[readonly] {background-color: rgba(0,0,0,.0)}
-.tag-details .table td:first-child {display:none}
-.tag-details .logo {margin-bottom: 12px;}
-
-.tag-details .form-control-plaintext, .tag-details h2 {
-	margin-top:-76px;
-	margin-left:0%;
-	font-weight: bold;
-	font-family: Helvetica, "Helvetica Neue", "Segoe UI" !important;
-	letter-spacing: 0.11rem;
-	font-size:44px;
-	text-shadow: 2px 2px 3px #111, 4px 4px 4px #282828, 6px 1px 4px #282828, -3px 3px 3px #444, -2px -2px 4px #282828;
-	text-align:center; 
+.tag-details .text-input[readonly] {
+  background-color: rgba(0, 0, 0, 0);
+}
+.tag-details .table td:first-child {
+  display: none;
+}
+.tag-details .logo {
+  margin-bottom: 12px;
+}
+
+.tag-details .form-control-plaintext,
+.tag-details h2 {
+  margin-top: -76px;
+  margin-left: 0%;
+  font-weight: bold;
+  font-family: Helvetica, "Helvetica Neue", "Segoe UI" !important;
+  letter-spacing: 0.11rem;
+  font-size: 44px;
+  text-shadow:
+    2px 2px 3px #111,
+    4px 4px 4px #282828,
+    6px 1px 4px #282828,
+    -3px 3px 3px #444,
+    -2px -2px 4px #282828;
+  text-align: center;
+}
+@media (max-width: 1300px) {
+  .tag-details .form-control-plaintext {
+    font-size: 26px;
+    margin-top: -50px;
+  }
 }
-@media (max-width: 1300px) {.tag-details .form-control-plaintext {font-size:26px; 	margin-top:-50px;}}
-
-.tag-details .logo { min-width:300px}
-
-
-
 
+.tag-details .logo {
+  min-width: 300px;
+}
 
 /* ==============  MOVIES ==============  */
 
 /* --- Changes the width of the items so only the front cover is displayed. Also replaces the ratings banner with a star rating --- */
 
-.movie-card .text-truncate, div.card.movie-card .TruncatedText {
-	font-size: 17px !important;
-	font-family: var(--HeaderFont);
-	text-shadow: var(--std-txt-shadow);
-	font-weight: bold;
-	max-width:210px;
-	white-space: nowrap;
-	overflow: hidden;
-	text-overflow: ellipsis;
+.movie-card .text-truncate,
+div.card.movie-card .TruncatedText {
+  font-size: 17px !important;
+  font-family: var(--HeaderFont);
+  text-shadow: var(--std-txt-shadow);
+  font-weight: bold;
+  max-width: 210px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
-div.movie-card.grid-card.card .card-section p {margin-bottom:-8px}
-div.movie-card.grid-card.card .card-section {margin-bottom: -0px !important}
+div.movie-card.grid-card.card .card-section p {
+  margin-bottom: -8px;
+}
+div.movie-card.grid-card.card .card-section {
+  margin-bottom: -0px !important;
+}
 div.movie-card.grid-card.card .card-popovers {
-	padding-top:35px;
-	margin-bottom:-11px;
-	width:60%;
-	margin-left:40%;
-	justify-content:flex-end;
-	float:right;
+  padding-top: 35px;
+  margin-bottom: -11px;
+  width: 60%;
+  margin-left: 40%;
+  justify-content: flex-end;
+  float: right;
 }
 
-div.movie-card .card-section span {position:absolute;margin-top:-3px;margin-bottom:6px}
-
-
+div.movie-card .card-section span {
+  position: absolute;
+  margin-top: -3px;
+  margin-bottom: 6px;
+}
 
-.movie-card-header {height:320px}
+.movie-card-header {
+  height: 320px;
+}
 
 .movie-card-header .rating-banner {
-	font-size: .001rem;
-	padding: 8px 41px 6px;
-	line-height: 1.1rem;
-	transform: rotate(0deg);
-	left: 3px;
-	top: 317px !important;
-	height: 25px;
-	background-size: 135px 25px;
-	background-position: left;
-}
-
-.movie-card-header .rating-1 {width:28px}
-.movie-card-header .rating-2 {width:55px}
-.movie-card-header .rating-3 {width:83px}
-.movie-card-header .rating-4 {width:110px}
-.movie-card-header .rating-5 {width:138px}
+  font-size: 0.001rem;
+  padding: 8px 41px 6px;
+  line-height: 1.1rem;
+  transform: rotate(0deg);
+  left: 3px;
+  top: 317px !important;
+  height: 25px;
+  background-size: 135px 25px;
+  background-position: left;
+}
 
+.movie-card-header .rating-1 {
+  width: 28px;
+}
+.movie-card-header .rating-2 {
+  width: 55px;
+}
+.movie-card-header .rating-3 {
+  width: 83px;
+}
+.movie-card-header .rating-4 {
+  width: 110px;
+}
 .movie-card-header .rating-5 {
-	background:none;
-	background-image:var(--stars);
-	height: 25px;
-	background-size: 135px 25px;
+  width: 138px;
 }
 
-.movie-card-image {
-	height:345px;
-	max-height: 345px;
-	width:240px;
+.movie-card-header .rating-5 {
+  background: none;
+  background-image: var(--stars);
+  height: 25px;
+  background-size: 135px 25px;
 }
 
-
-
+.movie-card-image {
+  height: 345px;
+  max-height: 345px;
+  width: 240px;
+}
 
 /* --- The following 15 Selectors modify the info box on the left after clicking on a movie --- */
-.movie-details .text-input, #performer-details-tabpane-details .text-input:disabled, 
-.movie-details .text-input[readonly] {background-color: rgba(16,22,26,0.0);}
-
-.text-input, input.form-control-plaintext { background-color:none;}
-.movie-details .input-control, .text-input {box-shadow: none;}
-
-.movie-details table { margin-top: 20px; background-color: rgba(15,20,30,0.20); border-radius: 10px 10px 0px 0px; margin-bottom:0;}
-.movie-details .form-group {background-color: rgba(15,20,30,0.20); margin:0;}
+.movie-details .text-input,
+#performer-details-tabpane-details .text-input:disabled,
+.movie-details .text-input[readonly] {
+  background-color: rgba(16, 22, 26, 0);
+}
 
-.movie-details table div.react-select__control {background: none; border: 0px;margin:0}
-.movie-details table .css-1hwfws3 { padding:0px; }
+.text-input,
+input.form-control-plaintext {
+  background-color: none;
+}
+.movie-details .input-control,
+.text-input {
+  box-shadow: none;
+}
 
-.movie-details .form-group, .movie-details td { padding: 8px; }
-.movie-details .form-group td:nth-child(1), 
-.movie-details table tbody tr td:nth-child(1), td:first-child {padding-left: 12px; width: 120px;}
+.movie-details table {
+  margin-top: 20px;
+  background-color: rgba(15, 20, 30, 0.2);
+  border-radius: 10px 10px 0px 0px;
+  margin-bottom: 0;
+}
+.movie-details .form-group {
+  background-color: rgba(15, 20, 30, 0.2);
+  margin: 0;
+}
 
-.movie-details table tr:nth-child(odd) {     background-color: rgba(16,22,26,0.1); }
-.movie-details .form-group, .movie-details table td:nth-child(1) {color:#FFF; text-shadow: 1px 1px 1px #000;}
+.movie-details table div.react-select__control {
+  background: none;
+  border: 0px;
+  margin: 0;
+}
+.movie-details table .css-1hwfws3 {
+  padding: 0px;
+}
 
+.movie-details .form-group,
+.movie-details td {
+  padding: 8px;
+}
+.movie-details .form-group td:nth-child(1),
+.movie-details table tbody tr td:nth-child(1),
+td:first-child {
+  padding-left: 12px;
+  width: 120px;
+}
 
+.movie-details table tr:nth-child(odd) {
+  background-color: rgba(16, 22, 26, 0.1);
+}
+.movie-details .form-group,
+.movie-details table td:nth-child(1) {
+  color: #fff;
+  text-shadow: 1px 1px 1px #000;
+}
 
 /* --- 0.60 dev adjustments --- */
-.studio-details .studio-details, .movie-details .movie-details {background-color: rgba(15,20,30,0.20); border-radius: 10px; margin-bottom:15px; }
-.movie-details .movie-details dt.col-3 {padding:4px 0 4px 16px; width: 120px;}
-.movie-details .movie-details dd.col-9 {padding:4px 16px 4px 3px;}
+.studio-details .studio-details,
+.movie-details .movie-details {
+  background-color: rgba(15, 20, 30, 0.2);
+  border-radius: 10px;
+  margin-bottom: 15px;
+}
+.movie-details .movie-details dt.col-3 {
+  padding: 4px 0 4px 16px;
+  width: 120px;
+}
+.movie-details .movie-details dd.col-9 {
+  padding: 4px 16px 4px 3px;
+}
 .studio-details dl.details-list dt:nth-of-type(odd),
 .studio-details dl.details-list dd:nth-of-type(odd),
 .movie-details dl.details-list dt:nth-of-type(odd),
 .movie-details dl.details-list dd:nth-of-type(odd),
-.movie-details dl.row:nth-child(odd) { background-color: rgba(16,22,26,0.1); margin-right:0px}
-.movie-details dl.details-list { grid-column-gap: 0}
-.studio-details h2, .movie-details .movie-details h2 {	font-family: var(--HeaderFont);font-weight:bold;text-shadow: var(--std-txt-shadow);padding:7px 0 5px 12px;}
-
-.movie-details .movie-images {margin:0 5px 20px 5px;}
-.movie-details .movie-images img {border-radius: 14px; max-height:580px;}
-.movie-details .movie-image-container{
-	margin:0.3rem;
-	margin-right:0.8rem;
-	background-color: rgba(0, 0, 0, .48);
-	box-shadow: 6px 6px 11px rgba(0, 10, 10, .62);
+.movie-details dl.row:nth-child(odd) {
+  background-color: rgba(16, 22, 26, 0.1);
+  margin-right: 0px;
+}
+.movie-details dl.details-list {
+  grid-column-gap: 0;
+}
+.studio-details h2,
+.movie-details .movie-details h2 {
+  font-family: var(--HeaderFont);
+  font-weight: bold;
+  text-shadow: var(--std-txt-shadow);
+  padding: 7px 0 5px 12px;
 }
 
-form#movie-edit { margin-bottom:15px}
-
-
-
+.movie-details .movie-images {
+  margin: 0 5px 20px 5px;
+}
+.movie-details .movie-images img {
+  border-radius: 14px;
+  max-height: 580px;
+}
+.movie-details .movie-image-container {
+  margin: 0.3rem;
+  margin-right: 0.8rem;
+  background-color: rgba(0, 0, 0, 0.48);
+  box-shadow: 6px 6px 11px rgba(0, 10, 10, 0.62);
+}
 
+form#movie-edit {
+  margin-bottom: 15px;
+}
 
 /* ==============  IMAGES ==============  */
 
 div.image-card .rating-banner {
-	font-size: .002rem;
-	padding: 8px 41px 6px;
-	line-height: 1.1rem;
-	transform: rotate(0deg);
-	left: 3px;
-	top: 72% !important;
-	height: 25px;
-	background-size: 135px 25px;
-	background-position: left;
-}
-
-div.image-card .rating-1 {width:28px}
-div.image-card .rating-2 {width:55px}
-div.image-card .rating-3 {width:83px} 
-div.image-card .rating-4 {width:110px}  
-div.image-card .rating-5 {width:138px}
-
-div.image-card .rating-5 {
-	background:none;
-	background-image:var(--stars);
-	height: 25px;
-	background-size: 135px 25px;
+  font-size: 0.002rem;
+  padding: 8px 41px 6px;
+  line-height: 1.1rem;
+  transform: rotate(0deg);
+  left: 3px;
+  top: 72% !important;
+  height: 25px;
+  background-size: 135px 25px;
+  background-position: left;
 }
 
-div.image-card .scene-popovers, div.image-card .card-popovers {
-	margin-top: -2px;
-	justify-content: flex-end;
+div.image-card .rating-1 {
+  width: 28px;
 }
-div.image-card hr, .scene-card.card>hr{
-	border-top: 0px solid rgba(0,0,0,.1);
+div.image-card .rating-2 {
+  width: 55px;
+}
+div.image-card .rating-3 {
+  width: 83px;
+}
+div.image-card .rating-4 {
+  width: 110px;
+}
+div.image-card .rating-5 {
+  width: 138px;
 }
 
+div.image-card .rating-5 {
+  background: none;
+  background-image: var(--stars);
+  height: 25px;
+  background-size: 135px 25px;
+}
 
-
-
-
-
+div.image-card .scene-popovers,
+div.image-card .card-popovers {
+  margin-top: -2px;
+  justify-content: flex-end;
+}
+div.image-card hr,
+.scene-card.card > hr {
+  border-top: 0px solid rgba(0, 0, 0, 0.1);
+}
 
 /* ==============  GALLERIES ==============  */
 
-div.gallery-card hr, .scene-card.card>hr{
-	border-top: 0px solid rgba(0,0,0,.1); 
+div.gallery-card hr,
+.scene-card.card > hr {
+  border-top: 0px solid rgba(0, 0, 0, 0.1);
 }
 
 div.gallery-card .rating-banner {
-	font-size: .002rem;
-	padding: 8px 4px 6px;
-	line-height: 1.1rem;
-	transform: rotate(0deg);
-	left: 3px;
-	top: 70% !important;
-	height: 25px;
-	background-size: 135px 25px;
-	background-position: left;
-}
-
-div.gallery-card .rating-1 {width:28px !important}
-div.gallery-card .rating-2 {width:55px !important}
-div.gallery-card .rating-3 {width:83px !important} 
-div.gallery-card .rating-4 {width:110px}  
-div.gallery-card .rating-5 {width:137px}
+  font-size: 0.002rem;
+  padding: 8px 4px 6px;
+  line-height: 1.1rem;
+  transform: rotate(0deg);
+  left: 3px;
+  top: 70% !important;
+  height: 25px;
+  background-size: 135px 25px;
+  background-position: left;
+}
 
+div.gallery-card .rating-1 {
+  width: 28px !important;
+}
+div.gallery-card .rating-2 {
+  width: 55px !important;
+}
+div.gallery-card .rating-3 {
+  width: 83px !important;
+}
+div.gallery-card .rating-4 {
+  width: 110px;
+}
 div.gallery-card .rating-5 {
-	background:none;
-	background-image:var(--stars);
-	height: 25px;
-	background-size: 135px 25px;
+  width: 137px;
 }
 
-div.gallery-card .scene-popovers, div.gallery-card .card-popovers {
-	margin-bottom: -8px;
-	margin-top: -48px; 
-	justify-content: flex-end;
+div.gallery-card .rating-5 {
+  background: none;
+  background-image: var(--stars);
+  height: 25px;
+  background-size: 135px 25px;
 }
 
-
-
-
-
-
-
+div.gallery-card .scene-popovers,
+div.gallery-card .card-popovers {
+  margin-bottom: -8px;
+  margin-top: -48px;
+  justify-content: flex-end;
+}
 
 /* ==============  MISC ==============  */
 
 /* --- When comments are removed the first paginationIndex ("1-x of XXX - time - size") will disappear --- */
 /* .paginationIndex:first-of-type {display:none} */
 
-
-.svg-inline--fa.fa-w-18 {width: 1.4em;}
+.svg-inline--fa.fa-w-18 {
+  width: 1.4em;
+}
 
 /* --- Makes the Zoom Slider on the Scenes, Images, Galleries and Tags pages longer and therefore easier to use --- */
-input[type=range].zoom-slider{ max-width:140px;width:140px; }
+input[type="range"].zoom-slider {
+  max-width: 140px;
+  width: 140px;
+}
 
 /* --- Changes the zoom slider color --- */
-input[type=range]::-webkit-slider-runnable-track {background-color: #88afcc !important;}
-
+input[type="range"]::-webkit-slider-runnable-track {
+  background-color: #88afcc !important;
+}
 
 .tag-details .logo {
-    background-color: rgba(0, 0, 0, .48);
-    box-shadow: 3px 3px 5px rgba(0, 0, 0, .42);
-    border-radius: 9px !important;
+  background-color: rgba(0, 0, 0, 0.48);
+  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.42);
+  border-radius: 9px !important;
 }
 
 .search-item {
-    background-color: none;
-    background-color: rgba(16,22,26,0.27);
+  background-color: none;
+  background-color: rgba(16, 22, 26, 0.27);
 }
 
-.btn-secondary.disabled, .btn-secondary:disabled {
-    background-color: none;
-    background-color: rgba(16,22,26,0.67);
+.btn-secondary.disabled,
+.btn-secondary:disabled {
+  background-color: none;
+  background-color: rgba(16, 22, 26, 0.67);
 }
 
 /* --- Edit & Delete buttons when clicking on a studio, tag or movie --- */
-.details-edit {margin-left:3%}
+.details-edit {
+  margin-left: 3%;
+}
 
 /* --- Adds a text shadow to the statistics on the startpage --- */
 .stats .title {
-	text-shadow: 2px 2px 4px #282828;
+  text-shadow: 2px 2px 4px #282828;
 }
 
-
 .popover {
-	padding:2px;
-	background-color: rgba(5,30,35,0.85); 
-	box-shadow: 3px 3px 6px rgba(20, 20, 20, .8);
+  padding: 2px;
+  background-color: rgba(5, 30, 35, 0.85);
+  box-shadow: 3px 3px 6px rgba(20, 20, 20, 0.8);
 }
 .hover-popover-content {
-	background-image: linear-gradient(160deg, rgba(230,255,240,0.80), rgba(120,130,155, 0.45), rgba(180,190,225, 0.45), rgba(120,130,165, 0.55), rgba(255,235,235,0.70)); 
-	background-color: rgba(205,210,225,0.31) !important; 
+  background-image: linear-gradient(
+    160deg,
+    rgba(230, 255, 240, 0.8),
+    rgba(120, 130, 155, 0.45),
+    rgba(180, 190, 225, 0.45),
+    rgba(120, 130, 165, 0.55),
+    rgba(255, 235, 235, 0.7)
+  );
+  background-color: rgba(205, 210, 225, 0.31) !important;
 }
 
 .tag-item {
-	font: normal 13px "Lucida Grande", sans-serif, Arial, Verdana;
-	background-image: linear-gradient(210deg, rgba(30,95,140,0.36), rgba(10,60,95, 0.45), rgba(20,65,105, 0.88), rgba(5,90,140,0.35)); 
-	background-color: rgba(20,80,110,0.9); 
-	color: #fff;
-	letter-spacing: 0.07rem;
-	line-height: 18px;
-	margin: 3px 3px;
-	padding: 6px 8px;
+  font:
+    normal 13px "Lucida Grande",
+    sans-serif,
+    Arial,
+    Verdana;
+  background-image: linear-gradient(
+    210deg,
+    rgba(30, 95, 140, 0.36),
+    rgba(10, 60, 95, 0.45),
+    rgba(20, 65, 105, 0.88),
+    rgba(5, 90, 140, 0.35)
+  );
+  background-color: rgba(20, 80, 110, 0.9);
+  color: #fff;
+  letter-spacing: 0.07rem;
+  line-height: 18px;
+  margin: 3px 3px;
+  padding: 6px 8px;
 }
 
 /* --- Adjust the lengths of the Performer, Movies and Tags fields while editing a scene while the scene plays --- */
 #scene-edit-details .col-sm-9 {
-    flex: 0 0 100%;
-    max-width: 100%;
+  flex: 0 0 100%;
+  max-width: 100%;
 }
 
 /* --- Cuts the name of Performers, Movies and Tags short if they go longer than the length of the field --- */
@@ -1241,547 +1920,868 @@ div.react-select__control .react-select__multi-value {
   text-overflow: ellipsis;
 }
 
-
-
-
-.input-control, .input-control:disabled, .input-control:focus, .modal-body div.react-select__control, .modal-body .form-control {
-	background: rgba(15,15,20,0.36);
+.input-control,
+.input-control:disabled,
+.input-control:focus,
+.modal-body div.react-select__control,
+.modal-body .form-control {
+  background: rgba(15, 15, 20, 0.36);
 }
 
+.scraper-table tr:nth-child(2n) {
+  background: rgba(15, 15, 20, 0.18);
+}
 
-.scraper-table tr:nth-child(2n) {    background: rgba(15,15,20,0.18);}
-
-.nav-pills .nav-link.active, .nav-pills .show>.nav-link { 	background: rgba(15,15,20,0.50);}
-
-
-.btn-secondary:not(:disabled):not(.disabled).active, 
-.btn-secondary:not(:disabled):not(.disabled):active, 
-.show>.btn-secondary.dropdown-toggle { 	background: rgba(15,15,20,0.50);}
+.nav-pills .nav-link.active,
+.nav-pills .show > .nav-link {
+  background: rgba(15, 15, 20, 0.5);
+}
 
+.btn-secondary:not(:disabled):not(.disabled).active,
+.btn-secondary:not(:disabled):not(.disabled):active,
+.show > .btn-secondary.dropdown-toggle {
+  background: rgba(15, 15, 20, 0.5);
+}
 
 /* --- Background when searching for a scene in Tagger view --- */
-.search-result { 	background: rgba(0,0,0,0.22);}
-.selected-result { 	background: rgba(25,120,25,0.28);}
-.search-result:hover { background: rgba(12,62,75,0.35);}
-
-
-.markdown table tr:nth-child(2n) {background: rgba(25,20,25,0.20);}
-.markdown code, .markdown blockquote, .markdown pre {background: rgba(25,20,25,0.30);}
+.search-result {
+  background: rgba(0, 0, 0, 0.22);
+}
+.selected-result {
+  background: rgba(25, 120, 25, 0.28);
+}
+.search-result:hover {
+  background: rgba(12, 62, 75, 0.35);
+}
 
+.markdown table tr:nth-child(2n) {
+  background: rgba(25, 20, 25, 0.2);
+}
+.markdown code,
+.markdown blockquote,
+.markdown pre {
+  background: rgba(25, 20, 25, 0.3);
+}
 
 /* --- Changes the size of the Custom CSS field in the settings --- */
-#configuration-tabs-tabpane-interface textarea.text-input { min-width:60ex; max-width:55vw !important; min-height:50ex;}
-
-
-div.dropdown-menu,div.react-select__menu{background-color:rgba(35,37,44,0.55);color:#f5f8fa}
+#configuration-tabs-tabpane-interface textarea.text-input {
+  min-width: 60ex;
+  max-width: 55vw !important;
+  min-height: 50ex;
+}
 
-div.dropdown-menu .dropdown-item, div.dropdown-menu .react-select__option, div.react-select__menu .dropdown-item, div.react-select__menu .react-select__option
-{color:#f5f8fa;background-color:rgba(35,37,44,0.55);}
+div.dropdown-menu,
+div.react-select__menu {
+  background-color: rgba(35, 37, 44, 0.55);
+  color: #f5f8fa;
+}
 
-div.dropdown-menu .dropdown-item:focus,div.dropdown-menu .dropdown-item:hover,div.dropdown-menu .react-select__option--is-focused,div.react-select__menu .dropdown-item:focus,div.react-select__menu .dropdown-item:hover,div.react-select__menu .react-select__option--is-focused{background-color:rgba(24,130,195,0.85)}
+div.dropdown-menu .dropdown-item,
+div.dropdown-menu .react-select__option,
+div.react-select__menu .dropdown-item,
+div.react-select__menu .react-select__option {
+  color: #f5f8fa;
+  background-color: rgba(35, 37, 44, 0.55);
+}
 
+div.dropdown-menu .dropdown-item:focus,
+div.dropdown-menu .dropdown-item:hover,
+div.dropdown-menu .react-select__option--is-focused,
+div.react-select__menu .dropdown-item:focus,
+div.react-select__menu .dropdown-item:hover,
+div.react-select__menu .react-select__option--is-focused {
+  background-color: rgba(24, 130, 195, 0.85);
+}
 
 .toast-container {
-    left: 74%;
-    top: 1rem;
+  left: 74%;
+  top: 1rem;
 }
 
 /* --- Settings / About adjustments --- */
-#configuration-tabs-tabpane-about .table {width:100%}
-#configuration-tabs-tabpane-about .table td {padding-top:18px}
-
-
+#configuration-tabs-tabpane-about .table {
+  width: 100%;
+}
+#configuration-tabs-tabpane-about .table td {
+  padding-top: 18px;
+}
 
 /* Folder when doing selective scan or configuration */
-.input-group .form-control {color: #c9e0e7; }
-
-
+.input-group .form-control {
+  color: #c9e0e7;
+}
 
 /* --- Overhaul of the Popoup Edit Boxes --- */
 @media (min-width: 576px) {
-	#setting-dialog .modal-content .modal-body textarea {min-height:350px; height:75vh !important}
-	.modal-dialog {max-width: 880px}
-	.modal-dialog .modal-content .form-group .multi-set {width:82%;margin-top:12px; flex: 0 0 82%; max-width:82%;}
-	.modal-dialog .modal-content .form-group .col-9 {flex: 0 0 82%;max-width: 82%;}
-	.modal-dialog .modal-content .col-3 {    flex: 0 0 18%; max-width: 18%;}
-	.modal-dialog .modal-content .form-group > .form-label {margin-top:0px;flex: 0 0 18%;    max-width: 18%;text-shadow: var(--std-txt-shadow);}
-	.modal-dialog .modal-content .form-group {display: flex; flex-wrap: wrap;}
-	.modal-dialog .modal-content .btn-group>.btn:not(:first-child), .btn-group>.btn-group:not(:first-child) {margin-left: 2px}
-	.modal-dialog .modal-content .form-label[for~="movies"],
-	.modal-dialog .modal-content .form-label[for~="tags"],
-	.modal-dialog .modal-content .form-label[for~="performers"] {margin-top:48px;}
-	.modal-dialog .modal-content .button-group-above {margin-left:9px}
-	.modal-dialog .scraper-sources.form-group h5 {margin-top:20px}
-	.modal-dialog .modal-content .field-options-table {width:98%}
+  #setting-dialog .modal-content .modal-body textarea {
+    min-height: 350px;
+    height: 75vh !important;
+  }
+  .modal-dialog {
+    max-width: 880px;
+  }
+  .modal-dialog .modal-content .form-group .multi-set {
+    width: 82%;
+    margin-top: 12px;
+    flex: 0 0 82%;
+    max-width: 82%;
+  }
+  .modal-dialog .modal-content .form-group .col-9 {
+    flex: 0 0 82%;
+    max-width: 82%;
+  }
+  .modal-dialog .modal-content .col-3 {
+    flex: 0 0 18%;
+    max-width: 18%;
+  }
+  .modal-dialog .modal-content .form-group > .form-label {
+    margin-top: 0px;
+    flex: 0 0 18%;
+    max-width: 18%;
+    text-shadow: var(--std-txt-shadow);
+  }
+  .modal-dialog .modal-content .form-group {
+    display: flex;
+    flex-wrap: wrap;
+  }
+  .modal-dialog .modal-content .btn-group > .btn:not(:first-child),
+  .btn-group > .btn-group:not(:first-child) {
+    margin-left: 2px;
+  }
+  .modal-dialog .modal-content .form-label[for~="movies"],
+  .modal-dialog .modal-content .form-label[for~="tags"],
+  .modal-dialog .modal-content .form-label[for~="performers"] {
+    margin-top: 48px;
+  }
+  .modal-dialog .modal-content .button-group-above {
+    margin-left: 9px;
+  }
+  .modal-dialog .scraper-sources.form-group h5 {
+    margin-top: 20px;
+  }
+  .modal-dialog .modal-content .field-options-table {
+    width: 98%;
+  }
 
-	.modal-dialog.modal-lg .modal-content .form-group {display: inline;}
+  .modal-dialog.modal-lg .modal-content .form-group {
+    display: inline;
+  }
 }
 
+div.modal-body b,
+.form-label h6 {
+  text-shadow: var(--std-txt-shadow);
+}
 
-div.modal-body b, .form-label h6 {text-shadow: var(--std-txt-shadow);}
-
-.modal-body .btn-primary:not(:disabled):not(.disabled).active, .modal-body .btn-primary:not(:disabled):not(.disabled):active {
-color: #fff; 
-     background-color: #008558; 
-     border-color: #0d5683;
+.modal-body .btn-primary:not(:disabled):not(.disabled).active,
+.modal-body .btn-primary:not(:disabled):not(.disabled):active {
+  color: #fff;
+  background-color: #008558;
+  border-color: #0d5683;
 }
 
 .modal-body .btn-primary {
-    color: #fff;
-    background-color: #666;
-    border-color: #666;
+  color: #fff;
+  background-color: #666;
+  border-color: #666;
 }
 
-
 /* --- several Performer and Scene Scaping changes --- */
-.modal-content, .modal-lg, .modal-xl  {
-	max-width: 1400px; 
-	width:100%;
-} 
+.modal-content,
+.modal-lg,
+.modal-xl {
+  max-width: 1400px;
+  width: 100%;
+}
 
-.modal-header, .modal-body, .modal-footer {	background: rgba(50,90,105,0.96);}
-.modal-body {padding-bottom:2rem;}
-.performer-create-modal {max-width:1300px;}
+.modal-header,
+.modal-body,
+.modal-footer {
+  background: rgba(50, 90, 105, 0.96);
+}
+.modal-body {
+  padding-bottom: 2rem;
+}
+.performer-create-modal {
+  max-width: 1300px;
+}
 
-.modal-body .col-form-label, .modal-body .col-6, .modal-footer, .modal-header .col-form-label {text-shadow: var(--std-txt-shadow);}
+.modal-body .col-form-label,
+.modal-body .col-6,
+.modal-footer,
+.modal-header .col-form-label {
+  text-shadow: var(--std-txt-shadow);
+}
 
-.modal-body .col-6 strong {font-weight: normal; font-size:14px}
-.modal-body .no-gutters {margin-bottom: 8px}
+.modal-body .col-6 strong {
+  font-weight: normal;
+  font-size: 14px;
+}
+.modal-body .no-gutters {
+  margin-bottom: 8px;
+}
 
 .modal-body .dialog-container .col-lg-3 {
-	flex: 0 0 12%;
-	max-width: 12%;
-	text-shadow: var(--std-txt-shadow);
+  flex: 0 0 12%;
+  max-width: 12%;
+  text-shadow: var(--std-txt-shadow);
 }
 
-.modal-body .dialog-container .offset-lg-3{margin-left:12%;} 
-.modal-body .dialog-container .col-lg-9{flex:0 0 88%; max-width:88%;} 
-
-
-
-
+.modal-body .dialog-container .offset-lg-3 {
+  margin-left: 12%;
+}
+.modal-body .dialog-container .col-lg-9 {
+  flex: 0 0 88%;
+  max-width: 88%;
+}
 
-.input-group-prepend div.dropdown-menu
-{
-	background: rgba(50,90,105,0.94);
-	padding:15px;
-	box-shadow: 2px 2px 6px rgba(0, 0, 0, .70);
+.input-group-prepend div.dropdown-menu {
+  background: rgba(50, 90, 105, 0.94);
+  padding: 15px;
+  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.7);
 }
 
 .saved-filter-list .dropdown-item-container .dropdown-item {
-    margin-top:3px;
+  margin-top: 3px;
+}
+.set-as-default-button {
+  margin-top: 8px;
 }
-.set-as-default-button {margin-top: 8px;}
-
-.grid-card .card-check { top:.9rem;width: 1.5rem;}
 
-.btn-group>.btn-group:not(:last-child)>.btn, .btn-group>.btn:not(:last-child):not(.dropdown-toggle)
-  {border-left: 1px solid #394b59;}    
-.btn-group>.btn-group:not(:first-child), .btn-group>.btn:not(:first-child) {border-right: 1px solid #394b59;}
+.grid-card .card-check {
+  top: 0.9rem;
+  width: 1.5rem;
+}
 
+.btn-group > .btn-group:not(:last-child) > .btn,
+.btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
+  border-left: 1px solid #394b59;
+}
+.btn-group > .btn-group:not(:first-child),
+.btn-group > .btn:not(:first-child) {
+  border-right: 1px solid #394b59;
+}
 
 div.gallery-card.grid-card.card p div.TruncatedText,
-div.movie-card.grid-card.card hr, div.movie-card.grid-card.card p {display:none}
-
-
+div.movie-card.grid-card.card hr,
+div.movie-card.grid-card.card p {
+  display: none;
+}
 
 /* --- Spacing out the paginationIndex --- */
-.paginationIndex {color:#f3f3f3;margin-bottom:8px}
-.paginationIndex .scenes-stats, .images-stats {margin-top:-3px; color:#9999a9}
-.paginationIndex .scenes-stats:before, .images-stats:before
-{
-	font-size: 16px;
-	margin-left:18px;
-	margin-right:12px;
-	color:#ccc;
-	content: "-";
+.paginationIndex {
+  color: #f3f3f3;
+  margin-bottom: 8px;
+}
+.paginationIndex .scenes-stats,
+.images-stats {
+  margin-top: -3px;
+  color: #9999a9;
+}
+.paginationIndex .scenes-stats:before,
+.images-stats:before {
+  font-size: 16px;
+  margin-left: 18px;
+  margin-right: 12px;
+  color: #ccc;
+  content: "-";
 }
-
-
-
-
-
-
-
-
 
 /* ==============  SETTINGS ==============  */
 
 #settings-container {
-	padding-left:230px;
-	background-image: none !important;
-	background-color: rgba(16, 20, 25, .40) !important;
-	box-shadow: 2px 2px 7px rgb(0 0 0 / 75%);
-	border-radius: 10px;
-	padding-top:25px;
-	min-height:450px;
+  padding-left: 230px;
+  background-image: none !important;
+  background-color: rgba(16, 20, 25, 0.4) !important;
+  box-shadow: 2px 2px 7px rgb(0 0 0 / 75%);
+  border-radius: 10px;
+  padding-top: 25px;
+  min-height: 450px;
 }
 
 #settings-container .card {
-	margin-bottom:25px;
-	background-image: none !important;
-	background-color: rgba(16, 20, 25, .00);
-	box-shadow: 0px 0px 0px rgb(0 0 0 / 75%);
-	border-radius: 0px;
+  margin-bottom: 25px;
+  background-image: none !important;
+  background-color: rgba(16, 20, 25, 0);
+  box-shadow: 0px 0px 0px rgb(0 0 0 / 75%);
+  border-radius: 0px;
 }
 
-#settings-container .bg-dark {background-color: rgba(16, 20, 25, .12) !important;}
-
-.form-group>.form-group {margin-top:0.5em; margin-bottom: 0.5rem}
-
+#settings-container .bg-dark {
+  background-color: rgba(16, 20, 25, 0.12) !important;
+}
 
-#configuration-tabs-tabpane-tasks>.form-group {margin-bottom:2rem; margin-top:1em}
+.form-group > .form-group {
+  margin-top: 0.5em;
+  margin-bottom: 0.5rem;
+}
 
-#configuration-tabs-tabpane-tasks h6 {     margin-top:3.5em; font-weight:bold; margin-bottom:1em;  }
-#configuration-tabs-tabpane-tasks h5 {     margin-top:2.0em; font-weight:bold; 	letter-spacing: 0.09rem; }
+#configuration-tabs-tabpane-tasks > .form-group {
+  margin-bottom: 2rem;
+  margin-top: 1em;
+}
 
-.form-group h4 {margin-top:2em}
+#configuration-tabs-tabpane-tasks h6 {
+  margin-top: 3.5em;
+  font-weight: bold;
+  margin-bottom: 1em;
+}
+#configuration-tabs-tabpane-tasks h5 {
+  margin-top: 2em;
+  font-weight: bold;
+  letter-spacing: 0.09rem;
+}
 
+.form-group h4 {
+  margin-top: 2em;
+}
 
-#parser-container.mx-auto {max-width:1400px;margin-right:auto !important}
-.scene-parser-row .parser-field-title {width: 62ch}
+#parser-container.mx-auto {
+  max-width: 1400px;
+  margin-right: auto !important;
+}
+.scene-parser-row .parser-field-title {
+  width: 62ch;
+}
 
 .job-table.card {
-	margin-top:-32px !important;
-	background-color: rgba(16, 20, 25, .20) !important;
-	border-radius: 10px !important;
+  margin-top: -32px !important;
+  background-color: rgba(16, 20, 25, 0.2) !important;
+  border-radius: 10px !important;
 }
 
+.mx-auto {
+  margin-right: 1% !important;
+}
+.mx-auto.card .row .col-md-2 .flex-column {
+  position: fixed;
+  min-height: 400px;
+}
+.mx-auto.card > .row {
+  min-height: 360px;
+}
 
-.mx-auto {margin-right: 1% !important}
-.mx-auto.card .row .col-md-2 .flex-column { position:fixed;min-height:400px}
-.mx-auto.card>.row {min-height:360px}
-
-.loading-indicator {opacity:80%; zoom:2}
-
-
-
+.loading-indicator {
+  opacity: 80%;
+  zoom: 2;
+}
 
 /* --- Settings - Tasks ---- */
 
-
-#configuration-tabs-tabpane-tasks>.form-group .card {
-    padding: 20px;
-    margin: 4px 0.40% 14px;
-    background-image: none;
-    background-color: rgba(16, 20, 25, .00);
-    box-shadow: none;
-    border-radius: 10px;
+#configuration-tabs-tabpane-tasks > .form-group .card {
+  padding: 20px;
+  margin: 4px 0.4% 14px;
+  background-image: none;
+  background-color: rgba(16, 20, 25, 0);
+  box-shadow: none;
+  border-radius: 10px;
 }
 
-#tasks-panel h1 {margin-top: 3em}
-.setting-section h1, #tasks-panel h1 {font-size: 1.55rem; max-width:180px}
-
+#tasks-panel h1 {
+  margin-top: 3em;
+}
+.setting-section h1,
+#tasks-panel h1 {
+  font-size: 1.55rem;
+  max-width: 180px;
+}
 
 @media (min-width: 576px) and (min-height: 600px) {
-#tasks-panel .tasks-panel-queue {
+  #tasks-panel .tasks-panel-queue {
     background: none !important;
     margin-top: -2.6rem;
-    padding-bottom: .25rem;
+    padding-bottom: 0.25rem;
     padding-top: 0rem;
     position: relative;
     top: 0rem;
     z-index: 2;
-}
+  }
 }
 
-#tasks-panel hr {border-top: 0px solid rgba(140,142,160,.38);}
-#tasks-panel h1 {margin-top:1.8em;}
-#tasks-panel h1 {margin-top:0.8em;}
-
-#configuration-tabs-tabpane-tasks {margin-top:40px}
-
-#configuration-tabs-tabpane-tasks .form-group:last-child .setting-section .setting div:last-child {
-    margin-right: 0% !important;
-    margin-left: 0px;
-    margin-top: 2px;
+#tasks-panel hr {
+  border-top: 0px solid rgba(140, 142, 160, 0.38);
+}
+#tasks-panel h1 {
+  margin-top: 1.8em;
+}
+#tasks-panel h1 {
+  margin-top: 0.8em;
 }
 
-#configuration-tabs-tabpane-tasks .setting-section .sub-heading {margin-bottom:1em}
-#configuration-tabs-tabpane-tasks .setting-section .collapsible-section  {margin-bottom:3em}
-#configuration-tabs-tabpane-tasks #video-preview-settings  button { width:250px;margin-top:22px;margin-left:-57px}
-#configuration-tabs-tabpane-tasks .tasks-panel-tasks .setting-section:nth-child(3) {margin-top:5em}
-
-.tasks-panel-tasks .setting a { color: #ccccd3;}
-
-
+#configuration-tabs-tabpane-tasks {
+  margin-top: 40px;
+}
 
+#configuration-tabs-tabpane-tasks
+  .form-group:last-child
+  .setting-section
+  .setting
+  div:last-child {
+  margin-right: 0% !important;
+  margin-left: 0px;
+  margin-top: 2px;
+}
 
+#configuration-tabs-tabpane-tasks .setting-section .sub-heading {
+  margin-bottom: 1em;
+}
+#configuration-tabs-tabpane-tasks .setting-section .collapsible-section {
+  margin-bottom: 3em;
+}
+#configuration-tabs-tabpane-tasks #video-preview-settings button {
+  width: 250px;
+  margin-top: 22px;
+  margin-left: -57px;
+}
+#configuration-tabs-tabpane-tasks
+  .tasks-panel-tasks
+  .setting-section:nth-child(3) {
+  margin-top: 5em;
+}
 
+.tasks-panel-tasks .setting a {
+  color: #ccccd3;
+}
 
 @media (min-width: 1000px) {
-	#settings-container .card {margin-top:-43px; margin-left:255px}
+  #settings-container .card {
+    margin-top: -43px;
+    margin-left: 255px;
+  }
 }
 
-
-
 #settings-container .col-form-label {
-    padding-top: calc(.55rem);
-    padding-bottom: calc(.55rem);
+  padding-top: calc(0.55rem);
+  padding-bottom: calc(0.55rem);
 }
 
-.setting-section .setting-group>.setting:not(:first-child), .setting-section .setting-group .collapsible-section .setting {
-    margin-left: 4rem; 
+.setting-section .setting-group > .setting:not(:first-child),
+.setting-section .setting-group .collapsible-section .setting {
+  margin-left: 4rem;
 }
 
 .setting-section .setting h3 {
-    font-size: 1.4rem;
-    margin:0.6em 0 0.4em;   
+  font-size: 1.4rem;
+  margin: 0.6em 0 0.4em;
 }
 
-.setting-section:not(:first-child) {margin-top: 1em}
-.setting-section .setting-group>.setting:not(:first-child).sub-setting, .setting-section .setting-group .collapsible-section .setting.sub-setting {    padding-left: 3rem;}
-
-
+.setting-section:not(:first-child) {
+  margin-top: 1em;
+}
+.setting-section .setting-group > .setting:not(:first-child).sub-setting,
+.setting-section .setting-group .collapsible-section .setting.sub-setting {
+  padding-left: 3rem;
+}
 
 @media (min-width: 1200px) {
-	.offset-xl-2 {
-		max-width:1250px;
-		margin-left:15%;
-		margin-right:auto;
-	}
+  .offset-xl-2 {
+    max-width: 1250px;
+    margin-left: 15%;
+    margin-right: auto;
+  }
 
-	#settings-container .tab-content, .mx-auto {	max-width: none}
+  #settings-container .tab-content,
+  .mx-auto {
+    max-width: none;
+  }
 }
 
-.setting-section .setting:not(:last-child) {	border-bottom: 0px solid #000 }
-
-
-
-
-
+.setting-section .setting:not(:last-child) {
+  border-bottom: 0px solid #000;
+}
 
 /* --- Checkboxes instead of Switches ---*/
 
-.custom-switch {padding-left:2.25rem}
+.custom-switch {
+  padding-left: 2.25rem;
+}
 .custom-control {
-    min-height: 1.5rem;
-    padding-left: 0.5rem;
-    margin-right:1em;
+  min-height: 1.5rem;
+  padding-left: 0.5rem;
+  margin-right: 1em;
 }
-.custom-control-input:checked~.custom-control-label:before {
-    color: rgb(0 0 0 / 0%);
-    border-color: rgb(0 0 0 / 0%);
-    background-color: rgb(0 0 0 / 0%);
+.custom-control-input:checked ~ .custom-control-label:before {
+  color: rgb(0 0 0 / 0%);
+  border-color: rgb(0 0 0 / 0%);
+  background-color: rgb(0 0 0 / 0%);
 }
 .custom-switch .custom-control-label:before {
-    pointer-events: auto;
-    border-radius: 0;
+  pointer-events: auto;
+  border-radius: 0;
 }
-.custom-switch .custom-control-input:checked~.custom-control-label:after {
-    background-color: blue;
-    transform: auto;
+.custom-switch .custom-control-input:checked ~ .custom-control-label:after {
+  background-color: blue;
+  transform: auto;
 }
 .custom-switch .custom-control-label:after {
-    top: auto;
-    left: auto;
-    width: auto;
-    height: auto;
-    background-color: blue;
-    border-radius: 0;
-    transform: none;
-    transition: none;
+  top: auto;
+  left: auto;
+  width: auto;
+  height: auto;
+  background-color: blue;
+  border-radius: 0;
+  transform: none;
+  transition: none;
 }
 
-.custom-control-label:before {display:none} 
-.custom-control-input {
-	position: absolute;
-	top:2px;
-	left: 0;
-	z-index: -1;
-	width: 1.2rem;
-	height: 1.35rem;
-     opacity: 1;
-     background-color:#10659a;
-     color:#10659a;
+.custom-control-label:before {
+  display: none;
 }
-
-
-
-
-.setting-section {margin-bottom:0.8em}
-.setting-section .setting-group>.setting:not(:first-child), .setting-section .setting-group .collapsible-section .setting {
-	padding-bottom: 3px;
-	padding-top: 4px;
-	margin-right: 0rem;
+.custom-control-input {
+  position: absolute;
+  top: 2px;
+  left: 0;
+  z-index: -1;
+  width: 1.2rem;
+  height: 1.35rem;
+  opacity: 1;
+  background-color: #10659a;
+  color: #10659a;
+}
+
+.setting-section {
+  margin-bottom: 0.8em;
+}
+.setting-section .setting-group > .setting:not(:first-child),
+.setting-section .setting-group .collapsible-section .setting {
+  padding-bottom: 3px;
+  padding-top: 4px;
+  margin-right: 0rem;
 }
 .setting-section .sub-heading {
-	font-size:.9rem;
-	margin-top:0.5rem;
-	margin-bottom:3rem;
+  font-size: 0.9rem;
+  margin-top: 0.5rem;
+  margin-bottom: 3rem;
 }
 
-
 /* --- Settings - Interface ---- */
 
-
 @media (min-width: 768px) {
-.offset-md-3 {margin-left: 1%;}
-#settings-menu-container {margin-left:1%; z-index:9; width:200px; padding-top:25px;}
+  .offset-md-3 {
+    margin-left: 1%;
+  }
+  #settings-menu-container {
+    margin-left: 1%;
+    z-index: 9;
+    width: 200px;
+    padding-top: 25px;
+  }
 
-	#configuration-tabs-tabpane-interface .setting-section:first-child .card  .setting div:nth-child(2) { width:64%;min-width:300px;padding-top:6px}
-	#configuration-tabs-tabpane-interface .setting-section:first-child .card .setting div .sub-heading {margin-top:-28px; margin-left:255px;width:700px}
-	#language .input-control { width:250px}
-	
-	#configuration-tabs-tabpane-interface .setting-section .setting-group>.setting:not(:first-child) {margin-left:275px}
-	#configuration-tabs-tabpane-interface .setting-section .setting-group>.setting:nth-child(2) {margin-top: -40px}
-	#configuration-tabs-tabpane-interface .setting-section:first-child h3 {    font-size: 1.55rem;}
+  #configuration-tabs-tabpane-interface
+    .setting-section:first-child
+    .card
+    .setting
+    div:nth-child(2) {
+    width: 64%;
+    min-width: 300px;
+    padding-top: 6px;
+  }
+  #configuration-tabs-tabpane-interface
+    .setting-section:first-child
+    .card
+    .setting
+    div
+    .sub-heading {
+    margin-top: -28px;
+    margin-left: 255px;
+    width: 700px;
+  }
+  #language .input-control {
+    width: 250px;
+  }
+
+  #configuration-tabs-tabpane-interface
+    .setting-section
+    .setting-group
+    > .setting:not(:first-child) {
+    margin-left: 275px;
+  }
+  #configuration-tabs-tabpane-interface
+    .setting-section
+    .setting-group
+    > .setting:nth-child(2) {
+    margin-top: -40px;
+  }
+  #configuration-tabs-tabpane-interface .setting-section:first-child h3 {
+    font-size: 1.55rem;
+  }
 }
 
 @media (min-width: 1200px) {
-	.offset-md-3 {margin-left: 14%;margin-right:2%}
-	.setting-section h1, #tasks-panel h1 { max-width:220px;}
-	#settings-menu-container {
-		padding-top:25px;
-		margin-left:14% !important;
-		z-index:9;
-		width:205px;
-	}
+  .offset-md-3 {
+    margin-left: 14%;
+    margin-right: 2%;
+  }
+  .setting-section h1,
+  #tasks-panel h1 {
+    max-width: 220px;
+  }
+  #settings-menu-container {
+    padding-top: 25px;
+    margin-left: 14% !important;
+    z-index: 9;
+    width: 205px;
+  }
 }
 
 @media (max-width: 768px) {
-	.offset-md-3 {margin-left: 1%;}
-	#settings-menu-container {margin-left:1%; z-index:9;width:180px;	padding-top:25px;}
-	#settings-container {    padding-left: 180px;}
-	.setting-section h1, #tasks-panel h1 { max-width:300px;}
+  .offset-md-3 {
+    margin-left: 1%;
+  }
+  #settings-menu-container {
+    margin-left: 1%;
+    z-index: 9;
+    width: 180px;
+    padding-top: 25px;
+  }
+  #settings-container {
+    padding-left: 180px;
+  }
+  .setting-section h1,
+  #tasks-panel h1 {
+    max-width: 300px;
+  }
 }
 
 @media (max-width: 576px) {
-	.offset-sm-3 {margin-left: 1%;}
-	#settings-menu-container {margin-left:1%;z-index:9;width:160px;	padding-top:25px;}
-	#settings-container {padding-left: 10px;}
+  .offset-sm-3 {
+    margin-left: 1%;
+  }
+  #settings-menu-container {
+    margin-left: 1%;
+    z-index: 9;
+    width: 160px;
+    padding-top: 25px;
+  }
+  #settings-container {
+    padding-left: 10px;
+  }
 }
 
 @media (max-width: 1004px) {
-	.setting-section h1, #tasks-panel h1 { max-width:400px;}
-	.job-table.card {margin-top:2px !important;}
+  .setting-section h1,
+  #tasks-panel h1 {
+    max-width: 400px;
+  }
+  .job-table.card {
+    margin-top: 2px !important;
+  }
 }
 
-
-
-
 .markdown table tr:nth-child(2n),
 .modal-body .nav-link:hover,
-#settings-menu-container .nav-link:hover {background-color: rgba(10, 20, 20, .15)}
-
-
+#settings-menu-container .nav-link:hover {
+  background-color: rgba(10, 20, 20, 0.15);
+}
 
 @media (min-width: 1000px) {
-	#settings-container #configuration-tabs-tabpane-interface .setting-section > .setting { padding: 15px 0px;}
-	#settings-container #configuration-tabs-tabpane-interface .setting-section .setting-group .setting>div:first-item{margin-left: 4% !important;}	
-	
-	#settings-container #stash-table {margin-top:25px}
-	#configuration-tabs-tabpane-interface .setting-section:first-child .card {	margin-top: -5px;	margin-left: -1%}		
+  #settings-container
+    #configuration-tabs-tabpane-interface
+    .setting-section
+    > .setting {
+    padding: 15px 0px;
+  }
+  #settings-container
+    #configuration-tabs-tabpane-interface
+    .setting-section
+    .setting-group
+    .setting
+    > div:first-item {
+    margin-left: 4% !important;
+  }
 
-	#language .input-control { width:250px}
+  #settings-container #stash-table {
+    margin-top: 25px;
+  }
+  #configuration-tabs-tabpane-interface .setting-section:first-child .card {
+    margin-top: -5px;
+    margin-left: -1%;
+  }
 
-	#configuration-tabs-tabpane-interface .setting-section:first-child .card > .setting div:nth-child(1) { width:255px}
+  #language .input-control {
+    width: 250px;
+  }
 
+  #configuration-tabs-tabpane-interface
+    .setting-section:first-child
+    .card
+    > .setting
+    div:nth-child(1) {
+    width: 255px;
+  }
 
-	#configuration-tabs-tabpane-interface .setting-section:first-child .card  .setting div:nth-child(2) { width:68%;padding-top:6px}
-	#configuration-tabs-tabpane-interface .setting-section:first-child .card .setting div .sub-heading {margin-top:-28px; margin-left:255px;width:700px}
+  #configuration-tabs-tabpane-interface
+    .setting-section:first-child
+    .card
+    .setting
+    div:nth-child(2) {
+    width: 68%;
+    padding-top: 6px;
+  }
+  #configuration-tabs-tabpane-interface
+    .setting-section:first-child
+    .card
+    .setting
+    div
+    .sub-heading {
+    margin-top: -28px;
+    margin-left: 255px;
+    width: 700px;
+  }
 
-	#configuration-tabs-tabpane-interface #language {margin-bottom:15px}
-	#configuration-tabs-tabpane-library #stashes .sub-heading {margin-top:-26px; margin-left:235px;width:700px}
-	
+  #configuration-tabs-tabpane-interface #language {
+    margin-bottom: 15px;
+  }
+  #configuration-tabs-tabpane-library #stashes .sub-heading {
+    margin-top: -26px;
+    margin-left: 235px;
+    width: 700px;
+  }
 }
 
-
-
 #configuration-tabs-tabpane-metadata-providers .setting,
 #configuration-tabs-tabpane-security .setting,
 #configuration-tabs-tabpane-tasks .setting,
 #configuration-tabs-tabpane-system .setting-section .setting,
 #settings-dlna .setting-section .setting,
-#configuration-tabs-tabpane-interface .setting-section .setting {padding-top:0; padding-bottom:0}
-
-
-#configuration-tabs-tabpane-interface .setting-section:nth-child(1) h1 {display:none}
-
-#configuration-tabs-tabpane-interface .setting-section .setting-group>.setting:not(:first-child) h3 {
-    font-size: 1rem;
-    margin-left:2em;
+#configuration-tabs-tabpane-interface .setting-section .setting {
+  padding-top: 0;
+  padding-bottom: 0;
 }
 
-#configuration-tabs-tabpane-interface .setting-section .setting-group .setting>div:last-child {
-    margin-right: 95% !important;
-    margin-left:0px;
-    margin-top:-32px;
+#configuration-tabs-tabpane-interface .setting-section:nth-child(1) h1 {
+  display: none;
 }
 
-.setting-section .setting>div:first-child {max-width:415px}
-
-#configuration-tabs-tabpane-interface .setting-section .setting>div:last-child {
-    min-width: 20px;
-    text-align: left;
-    width:38%;
-    
+#configuration-tabs-tabpane-interface
+  .setting-section
+  .setting-group
+  > .setting:not(:first-child)
+  h3 {
+  font-size: 1rem;
+  margin-left: 2em;
 }
 
-#configuration-tabs-tabpane-interface h3 {font-size:1.25em}
+#configuration-tabs-tabpane-interface
+  .setting-section
+  .setting-group
+  .setting
+  > div:last-child {
+  margin-right: 95% !important;
+  margin-left: 0px;
+  margin-top: -32px;
+}
 
-#wall-preview .input-control {width:160px}
+.setting-section .setting > div:first-child {
+  max-width: 415px;
+}
 
-.setting-section .setting-group>.setting:not(:first-child), .setting-section .setting-group .collapsible-section .setting {
-    padding-top: 0px;
-    padding-bottom: 0px;
-    margin-right: 0rem;
-    line-height:100%;
-    margin-top:-3px;
-    margin-bottom:-4px;
+#configuration-tabs-tabpane-interface
+  .setting-section
+  .setting
+  > div:last-child {
+  min-width: 20px;
+  text-align: left;
+  width: 38%;
 }
 
-#configuration-tabs-tabpane-interface .setting-section:nth-child(7) .setting {margin-left:15px !important}
-#configuration-tabs-tabpane-interface .setting-section:nth-child(7) .setting:nth-child(1) {margin-left: 0px !important;}
+#configuration-tabs-tabpane-interface h3 {
+  font-size: 1.25em;
+}
 
+#wall-preview .input-control {
+  width: 160px;
+}
 
-#settings-dlna h5 {margin-bottom:70px}
-#settings-dlna .form-group h5{margin-left:255px;margin-top:-30px}
+.setting-section .setting-group > .setting:not(:first-child),
+.setting-section .setting-group .collapsible-section .setting {
+  padding-top: 0px;
+  padding-bottom: 0px;
+  margin-right: 0rem;
+  line-height: 100%;
+  margin-top: -3px;
+  margin-bottom: -4px;
+}
 
-#configuration-tabs-tabpane-metadata-providers #stash-boxes .sub-heading {margin-top:-28px; margin-left:235px;width:700px;font-size:14px}
+#configuration-tabs-tabpane-interface .setting-section:nth-child(7) .setting {
+  margin-left: 15px !important;
+}
+#configuration-tabs-tabpane-interface
+  .setting-section:nth-child(7)
+  .setting:nth-child(1) {
+  margin-left: 0px !important;
+}
 
-.scraper-table tr:nth-child(2n) {background-color: rgba(16, 20, 25, .12)}
+#settings-dlna h5 {
+  margin-bottom: 70px;
+}
+#settings-dlna .form-group h5 {
+  margin-left: 255px;
+  margin-top: -30px;
+}
 
+#configuration-tabs-tabpane-metadata-providers #stash-boxes .sub-heading {
+  margin-top: -28px;
+  margin-left: 235px;
+  width: 700px;
+  font-size: 14px;
+}
 
+.scraper-table tr:nth-child(2n) {
+  background-color: rgba(16, 20, 25, 0.12);
+}
 
 /* --- Library ---*/
-.stash-row .col-md-2 {padding-left:4%}
-#configuration-tabs-tabpane-library .setting-section .setting {padding:0}
-
-
+.stash-row .col-md-2 {
+  padding-left: 4%;
+}
+#configuration-tabs-tabpane-library .setting-section .setting {
+  padding: 0;
+}
 
 #configuration-tabs-tabpane-security .setting-section,
 #configuration-tabs-tabpane-tasks .setting-section,
-#configuration-tabs-tabpane-tasks .setting-group{max-width:915px}
+#configuration-tabs-tabpane-tasks .setting-group {
+  max-width: 915px;
+}
 
 #configuration-tabs-tabpane-logs .setting-section,
 #configuration-tabs-tabpane-metadata-providers .setting-section,
 #configuration-tabs-tabpane-services .setting-section,
-#configuration-tabs-tabpane-system  .setting-section,
+#configuration-tabs-tabpane-system .setting-section,
 #configuration-tabs-tabpane-library .setting-section:not(:first-child),
-#configuration-tabs-tabpane-interface .setting-section {max-width:810px}
-
-#configuration-tabs-tabpane-security .setting-section .setting>div:last-child,
-#configuration-tabs-tabpane-metadata-providers .setting-section .setting>div:last-child,
-#configuration-tabs-tabpane-services .setting-section .setting>div:last-child,
-#configuration-tabs-tabpane-system .setting-section .setting>div:last-child,
-#configuration-tabs-tabpane-library .setting-section .setting>div:last-child,
-#configuration-tabs-tabpane-interface .setting-section .setting>div:last-child,
-#configuration-tabs-tabpane-tasks .setting-section .setting>div:last-child {
-    min-width: 20px;
-    text-align: right;
-    width:auto;
-    
-}
-
-#configuration-tabs-tabpane-tasks .setting-section .collapsible-section .setting div:last-child {
-    margin-right: 95% !important;
-    margin-left: -12px;
-    margin-top: -15px;
+#configuration-tabs-tabpane-interface .setting-section {
+  max-width: 810px;
+}
+
+#configuration-tabs-tabpane-security .setting-section .setting > div:last-child,
+#configuration-tabs-tabpane-metadata-providers
+  .setting-section
+  .setting
+  > div:last-child,
+#configuration-tabs-tabpane-services .setting-section .setting > div:last-child,
+#configuration-tabs-tabpane-system .setting-section .setting > div:last-child,
+#configuration-tabs-tabpane-library .setting-section .setting > div:last-child,
+#configuration-tabs-tabpane-interface
+  .setting-section
+  .setting
+  > div:last-child,
+#configuration-tabs-tabpane-tasks .setting-section .setting > div:last-child {
+  min-width: 20px;
+  text-align: right;
+  width: auto;
+}
+
+#configuration-tabs-tabpane-tasks
+  .setting-section
+  .collapsible-section
+  .setting
+  div:last-child {
+  margin-right: 95% !important;
+  margin-left: -12px;
+  margin-top: -15px;
+}
+
+#configuration-tabs-tabpane-system .setting-section .sub-heading {
+  margin-bottom: 1.2rem;
 }
-
-
-
-#configuration-tabs-tabpane-system .setting-section .sub-heading {margin-bottom: 1.2rem}
-
-
diff --git a/themes/Theme-Pulsar/Theme-Pulsar.yml b/themes/Theme-Pulsar/Theme-Pulsar.yml
index fc9ae174..3bc15a4d 100644
--- a/themes/Theme-Pulsar/Theme-Pulsar.yml
+++ b/themes/Theme-Pulsar/Theme-Pulsar.yml
@@ -3,4 +3,4 @@ description: Plex Theme for Stash by Fonzie 2020-21
 version: 1.8.1
 ui:
   css:
-  - Theme-Pulsar.css
+    - Theme-Pulsar.css
diff --git a/themes/Theme-PulsarLight/Theme-PulsarLight.css b/themes/Theme-PulsarLight/Theme-PulsarLight.css
index baa47ff2..8543b820 100644
--- a/themes/Theme-PulsarLight/Theme-PulsarLight.css
+++ b/themes/Theme-PulsarLight/Theme-PulsarLight.css
@@ -16,141 +16,177 @@
 	zoom level.   	
 */
 
-
 /* ===================== General ===================== */
 
 body {
-	background-image:url("https://i.imgur.com/UwICmXP.jpg");	/* Flower			*/
-/*	background-image:url("https://i.imgur.com/zqt3MFY.jpg");	/* Green Leaves 	*/
-/*	background-image:url("https://i.imgur.com/vCotzwB.jpg");	/* White Desert	*/
-/*	background-image:url("https://i.imgur.com/Lverfqy.jpg");	/* Tropic Beach	*/
-/*	background-image:url("https://i.imgur.com/4jrpuyR.jpg");	/* White Blue Waves	*/
-/*	background-image:url("https://i.imgur.com/KUtfQzs.jpg");	/* Bright Lights	*/
-
-	width: 100%;
-	height: 100%;
-	padding: 0 0 0;
-	background-size: cover;
-	background-repeat: no-repeat;
-	background-color:#127aa5;
-	background-attachment: fixed;
-	background-position: center;
-	color: #f9fbfd;
-	color:#000;
-}
-
-h1, h2, h3{ 	color:#fff;}
+  background-image: url("https://i.imgur.com/UwICmXP.jpg"); /* Flower			*/
+  /*	background-image:url("https://i.imgur.com/zqt3MFY.jpg");	/* Green Leaves 	*/
+  /*	background-image:url("https://i.imgur.com/vCotzwB.jpg");	/* White Desert	*/
+  /*	background-image:url("https://i.imgur.com/Lverfqy.jpg");	/* Tropic Beach	*/
+  /*	background-image:url("https://i.imgur.com/4jrpuyR.jpg");	/* White Blue Waves	*/
+  /*	background-image:url("https://i.imgur.com/KUtfQzs.jpg");	/* Bright Lights	*/
+
+  width: 100%;
+  height: 100%;
+  padding: 0 0 0;
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-color: #127aa5;
+  background-attachment: fixed;
+  background-position: center;
+  color: #f9fbfd;
+  color: #000;
+}
+
+h1,
+h2,
+h3 {
+  color: #fff;
+}
 
 :root {
-	--HeaderFont: Helvetica, "Helvetica Neue", "The Sans", "Segoe UI";
-	--std-txt-shadow: 2px 2px 1px #000;
-	--light-txt-shadow: 1px 1px 3px #555;
-	--white: #ffffff;
-	--stars: url("https://i.imgur.com/YM1nCqo.png");
-	--fourTwo: 0.35;
+  --HeaderFont: Helvetica, "Helvetica Neue", "The Sans", "Segoe UI";
+  --std-txt-shadow: 2px 2px 1px #000;
+  --light-txt-shadow: 1px 1px 3px #555;
+  --white: #ffffff;
+  --stars: url("https://i.imgur.com/YM1nCqo.png");
+  --fourTwo: 0.35;
 }
 
-
 /* --- The Home button in the top left corner of each page. Remove the last 3 lines if you don't like the logo --- */
 button.minimal.brand-link.d-none.d-md-inline-block.btn.btn-primary,
 button.minimal.brand-link.d-inline-block.btn.btn-primary {
-	text-transform: uppercase;
-	font-weight: bold;
-	margin-left:1px;
-	background-image:url("./favicon.ico");
-	padding-left:40px;
-	background-repeat: no-repeat;
+  text-transform: uppercase;
+  font-weight: bold;
+  margin-left: 1px;
+  background-image: url("./favicon.ico");
+  padding-left: 40px;
+  background-repeat: no-repeat;
 }
 
 /* --- Makes the background of the Navigation Bar at the Top half-transparent --- */
-nav.bg-dark {background: rgba(100, 200, 250, var(--fourTwo))!important;color:#000}
-.bg-dark {background:none !important;background-color:none !Important}
-.form-group .bg-dark {background: rgba(10, 20, 25, 0.20)!important;}
-
-.navbar-buttons.navbar-nav a.nav-utility {margin-right:9px}
+nav.bg-dark {
+  background: rgba(100, 200, 250, var(--fourTwo)) !important;
+  color: #000;
+}
+.bg-dark {
+  background: none !important;
+  background-color: none !important;
+}
+.form-group .bg-dark {
+  background: rgba(10, 20, 25, 0.2) !important;
+}
 
+.navbar-buttons.navbar-nav a.nav-utility {
+  margin-right: 9px;
+}
 
 /* --- The space between the Navigation Bar and the rest of the page --- */
-.main { margin-top:18px }
-.top-nav { padding: .13rem 1rem; }
-
+.main {
+  margin-top: 18px;
+}
+.top-nav {
+  padding: 0.13rem 1rem;
+}
 
 /* --- Changes how the Bar at the top of the page behaves --- */
-.fixed-bottom, .fixed-top { position: relative !important; top:0px !important} 
-
+.fixed-bottom,
+.fixed-top {
+  position: relative !important;
+  top: 0px !important;
+}
 
 /* The pagination at the top and at the bottom of the Scenes/Performer/Images/... pages; 
 transparent background, rounded corners, etc. */
-.filter-container, .operation-container {
-	background-color: rgba(100, 150, 160, .35);
-	box-shadow: none;
-	margin-top: 6px;
-	border-radius: 5px;
-	padding: 5px;
+.filter-container,
+.operation-container {
+  background-color: rgba(100, 150, 160, 0.35);
+  box-shadow: none;
+  margin-top: 6px;
+  border-radius: 5px;
+  padding: 5px;
 }
 
-
 /* --- Changes the space between the button in the top right corner of the page --- */
-.order-2 button { margin-left: 4px }
+.order-2 button {
+  margin-left: 4px;
+}
 
 /* --- Space between the items in the Nav bar --- */
-.nav-link > .minimal {  margin: 0px;}
-
+.nav-link > .minimal {
+  margin: 0px;
+}
 
 /* Each item on the Scenes/Performers/Tags/... pages */
 .card {
-	padding: 20px; 
-	margin: 4px 0.5% 14px;
-	/* --- Adds a glowing shimmer effect --- */
-	background-image: linear-gradient(130deg, rgba(60, 70, 85,0.21), rgba(150, 155, 160,0.30), rgba(35, 40, 45,0.20), rgba(160, 160, 165,0.21), rgba(70, 80, 85,0.27)); 
-	background-color: rgba(106, 120, 125, .25); 
-	box-shadow: 2px 2px 6px rgba(0, 0, 0, .55);
-	/* --- Increases the rounded borders of each item on the Scenes/Performers/... pages for 6px in 10px --- */
-	border-radius: 10px;
+  padding: 20px;
+  margin: 4px 0.5% 14px;
+  /* --- Adds a glowing shimmer effect --- */
+  background-image: linear-gradient(
+    130deg,
+    rgba(60, 70, 85, 0.21),
+    rgba(150, 155, 160, 0.3),
+    rgba(35, 40, 45, 0.2),
+    rgba(160, 160, 165, 0.21),
+    rgba(70, 80, 85, 0.27)
+  );
+  background-color: rgba(106, 120, 125, 0.25);
+  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.55);
+  /* --- Increases the rounded borders of each item on the Scenes/Performers/... pages for 6px in 10px --- */
+  border-radius: 10px;
 }
 
 /* --- Removes the glowing shimmer effect on the start page & the settings for readability purpose --- */
-.mx-auto.card, .changelog-version.card {
-	background-image: none !important; 
-	background-color: rgba(16, 20, 25, .40) !important; 
+.mx-auto.card,
+.changelog-version.card {
+  background-image: none !important;
+  background-color: rgba(16, 20, 25, 0.4) !important;
 }
 
 /* --- Color that is used within .card secments --- */
-.text-muted {	color: #eee !important;   	text-shadow: 1px 1px 2px #000;}
-
+.text-muted {
+  color: #eee !important;
+  text-shadow: 1px 1px 2px #000;
+}
 
 .bg-secondary {
-	background: none;
-	background-color: rgba(10, 25, 30, .3) !important;
+  background: none;
+  background-color: rgba(10, 25, 30, 0.3) !important;
+}
+
+.text-white {
+  color: #333;
+}
+.border-secondary {
+  border-color: #2f3335;
 }
- 
-.text-white {	color: #333 }
-.border-secondary {	border-color: #2f3335 }
- 
+
 .btn-secondary.filter-item.col-1.d-none.d-sm-inline.form-control {
-    background-color: rgba(0, 0, 0, .08);
+  background-color: rgba(0, 0, 0, 0.08);
 }
 
 /* --- Changes the color and the background of the buttons and elements in the toolbar (Search, Sort by, # of Items, etc.) --- */
 .btn-secondary {
-    color: #eef;
-    background-color: rgba(45, 45, 45, .28);
-    border-color: #3c3f45;
+  color: #eef;
+  background-color: rgba(45, 45, 45, 0.28);
+  border-color: #3c3f45;
+}
+.btn-toolbar .btn-secondary {
+  color: #404049;
+  background-color: rgba(130, 130, 140, 0.28);
 }
-.btn-toolbar .btn-secondary {    color: #404049;     background-color: rgba(130, 130, 140, .28);}
-
- 
-a {	color: hsla(0, 10%, 10%, .85);}
-
 
+a {
+  color: hsla(0, 10%, 10%, 0.85);
+}
 
-/* --- Changes the color of the active page in the Navgation Bar --- */ 
+/* --- Changes the color of the active page in the Navgation Bar --- */
 .btn-primary:not(:disabled):not(.disabled).active,
 .btn-primary:not(:disabled):not(.disabled):active,
-.show>.btn-primary.dropdown-toggle {
-	color: #fff;
-	background-color: rgba(15, 150, 205, .6);
-	border-color: #fff;
+.show > .btn-primary.dropdown-toggle {
+  color: #fff;
+  background-color: rgba(15, 150, 205, 0.6);
+  border-color: #fff;
 }
 
 /* --- No border of the active element in the Navgation Bar --- */
@@ -158,50 +194,60 @@ a {	color: hsla(0, 10%, 10%, .85);}
 .btn-primary:focus,
 .btn-primary:not(:disabled):not(.disabled).active:focus,
 .btn-primary:not(:disabled):not(.disabled):active:focus,
-.show>.btn-primary.dropdown-toggle:focus {box-shadow: none;}
+.show > .btn-primary.dropdown-toggle:focus {
+  box-shadow: none;
+}
 
 .btn-primary:not(:disabled):not(.disabled).active,
 .btn-primary:not(:disabled):not(.disabled):active,
-.show>.btn-primary.dropdown-toggle {
-	color: #fff;
-	border-color: #eee;
-    text-shadow: 1px 1px 2px #333;
-    }
-
-.container-fluid,.container-lg,.container-md,.container-sm,.container-xl {
-	width: 100%;
-	margin-right: 0px;
-	margin-left: 0px;
+.show > .btn-primary.dropdown-toggle {
+  color: #fff;
+  border-color: #eee;
+  text-shadow: 1px 1px 2px #333;
 }
 
-
-
-
+.container-fluid,
+.container-lg,
+.container-md,
+.container-sm,
+.container-xl {
+  width: 100%;
+  margin-right: 0px;
+  margin-left: 0px;
+}
 
 /* ===================== Performer ========================= */
 
-
 /* --- 0.90 - Section moves Movie-, Image- & Gallery-Count to the bottom of the performer image when hovered over --- */
 .performer-card .card-popovers .movie-count,
 .performer-card .card-popovers .image-count,
-.performer-card .card-popovers .gallery-count
-{
-	z-index:300;
-    position:absolute;
-    top:-270%;
-	opacity:0.0;
+.performer-card .card-popovers .gallery-count {
+  z-index: 300;
+  position: absolute;
+  top: -270%;
+  opacity: 0;
 }
 
 /* --- Highlight the bottom of the performer card when hovered over --- */
 .performer-card.grid-card:hover {
-	background-image: linear-gradient(130deg, rgba(50, 60, 75,0.25), rgba(150, 155, 160,0.32), rgba(35, 40, 45,0.26), rgba(160, 160, 165,0.27), rgba(50, 60, 65,0.37));
-	background-color: rgba(102, 112, 120, .25);
+  background-image: linear-gradient(
+    130deg,
+    rgba(50, 60, 75, 0.25),
+    rgba(150, 155, 160, 0.32),
+    rgba(35, 40, 45, 0.26),
+    rgba(160, 160, 165, 0.27),
+    rgba(50, 60, 65, 0.37)
+  );
+  background-color: rgba(102, 112, 120, 0.25);
 }
 
 /* --- When hovered over blend them in ---*/
 .performer-card.grid-card:hover .card-popovers .movie-count,
 .performer-card.grid-card:hover .card-popovers .image-count,
-.performer-card.grid-card:hover .card-popovers .gallery-count {opacity: 1.0;transition: opacity .7s;}
+.performer-card.grid-card:hover .card-popovers .gallery-count {
+  opacity: 1;
+  transition: opacity 0.7s;
+}
 
 /* --- 3 items gets a shadow ---*/
 .performer-card .card-section .movie-count span,
@@ -209,1006 +255,1612 @@ a {	color: hsla(0, 10%, 10%, .85);}
 .performer-card .card-section .image-count span,
 .performer-card .card-section .image-count button.minimal,
 .performer-card .card-section .gallery-count span,
-.performer-card .card-section .gallery-count button.minimal
-{text-shadow: 2px 2px 1px #000, 1px 1px 1px #000, 4px 4px 5px #333, 9px 0px 5px #333, -3px 2px 4px #333, -7px 0px 5px #333, -1px -6px 5px #333, 3px -2px 6px #444;}
+.performer-card .card-section .gallery-count button.minimal {
+  text-shadow:
+    2px 2px 1px #000,
+    1px 1px 1px #000,
+    4px 4px 5px #333,
+    9px 0px 5px #333,
+    -3px 2px 4px #333,
+    -7px 0px 5px #333,
+    -1px -6px 5px #333,
+    3px -2px 6px #444;
+}
 
 /* --- Positioning of the 3 items ---*/
-.performer-card .card-popovers .movie-count {left:0.2%;}
-.performer-card .card-popovers .image-count {left:32.8%}
-.performer-card .card-popovers .gallery-count {right:1.3%}
+.performer-card .card-popovers .movie-count {
+  left: 0.2%;
+}
+.performer-card .card-popovers .image-count {
+  left: 32.8%;
+}
+.performer-card .card-popovers .gallery-count {
+  right: 1.3%;
+}
 
-.performer-card .movie-count a.minimal:hover:not(:disabled), .performer-card .movie-count button.minimal:hover:not(:disabled),
-.performer-card .image-count a.minimal:hover:not(:disabled), .performer-card .image-count button.minimal:hover:not(:disabled),
-.performer-card .gallery-count a.minimal:hover:not(:disabled), .performer-card .gallery-count button.minimal:hover:not(:disabled)
-{
-	background-color:rgba(20,80,110,0.92);
-    color:#fff;
+.performer-card .movie-count a.minimal:hover:not(:disabled),
+.performer-card .movie-count button.minimal:hover:not(:disabled),
+.performer-card .image-count a.minimal:hover:not(:disabled),
+.performer-card .image-count button.minimal:hover:not(:disabled),
+.performer-card .gallery-count a.minimal:hover:not(:disabled),
+.performer-card .gallery-count button.minimal:hover:not(:disabled) {
+  background-color: rgba(20, 80, 110, 0.92);
+  color: #fff;
 }
 
 /* --- Affects the Scenes- and Tags-Counter --- */
-a.minimal:hover:not(:disabled), button.minimal:hover:not(:disabled) {background: rgba(138,155,168,.45);color:#fff;}
-div.performer-card div.card-popovers
-{
-	margin-bottom:-3px;
-	margin-left:3%;
-	margin-top:-4px;
-	margin-right: -1px;
-	justify-content: flex-end;
-	text-align:right;
+a.minimal:hover:not(:disabled),
+button.minimal:hover:not(:disabled) {
+  background: rgba(138, 155, 168, 0.45);
+  color: #fff;
+}
+div.performer-card div.card-popovers {
+  margin-bottom: -3px;
+  margin-left: 3%;
+  margin-top: -4px;
+  margin-right: -1px;
+  justify-content: flex-end;
+  text-align: right;
 }
 
-div.card-section hr {display:none}
-
-
+div.card-section hr {
+  display: none;
+}
 
 /* --- Changes the width of the Performer Card from 280px to a dynamic system and therefore the size of the image --- */
 /* --- In Full screen HD 1920x1080 you now see 8 performers per row instead of 6 --- */
 /*.performer-card-image, .performer-card, .card-image {  min-width: 160px; width: calc(108px + 10.625vw / 2); max-width: 230px }  */
 /*.performer-card-image, .performer-card, .card-image {  min-width: 160px; width: calc(108px + 19vw / 3.6);width:212px; max-width: 230px } */
-.performer-card-image, .performer-card, .card-image {  min-width: 160px; width: calc(100px + 11.2vw / 1.92);max-width: 230px } 
-
+.performer-card-image,
+.performer-card,
+.card-image {
+  min-width: 160px;
+  width: calc(100px + 11.2vw / 1.92);
+  max-width: 230px;
+}
 
 /* --- Changes the height of the Performer Card to keep the 2x3 picture ratio --- */
 /*.performer-card-image, .justify-content-center .card-image { min-height:240px; height: calc((108px + 10.625vw / 2) * 1.5); max-height: 345px}  */
-.performer-card-image, .justify-content-center .card-image { min-height:240px; height: calc((112px + 19vw / 3.6) * 1.5); max-height: 345px;} 
-.performer-card-image, .justify-content-center .card-image { min-height:240px; height: calc((100px + 11.2vw / 1.92) * 1.5); max-height: 345px;} 
+.performer-card-image,
+.justify-content-center .card-image {
+  min-height: 240px;
+  height: calc((112px + 19vw / 3.6) * 1.5);
+  max-height: 345px;
+}
+.performer-card-image,
+.justify-content-center .card-image {
+  min-height: 240px;
+  height: calc((100px + 11.2vw / 1.92) * 1.5);
+  max-height: 345px;
+}
 
 @media (max-width: 575px), (min-width: 1200px) {
-.scene-performers .performer-card-image { height: auto; }
-.scene-performers .performer-card { width: auto; }
+  .scene-performers .performer-card-image {
+    height: auto;
+  }
+  .scene-performers .performer-card {
+    width: auto;
+  }
 }
 
-
 /* --- Fixes an issue of the card when watching a scene --- */
-.image-section { display: cover;}
+.image-section {
+  display: cover;
+}
 
 /* --- The name of the Performer. Different font, less space to the left & to the top, Text-Shadow --- */
-.text-truncate, .card.performer-card .TruncatedText {
-	margin-left:-1.5%; 
-	margin-top: -2px; 
-	width: 120%; 
-	font-family: var(--HeaderFont);
-	font-size: 112%; 
-	line-height:130%; 
-	font-weight:bold; 
-	text-shadow: var(--std-txt-shadow);
+.text-truncate,
+.card.performer-card .TruncatedText {
+  margin-left: -1.5%;
+  margin-top: -2px;
+  width: 120%;
+  font-family: var(--HeaderFont);
+  font-size: 112%;
+  line-height: 130%;
+  font-weight: bold;
+  text-shadow: var(--std-txt-shadow);
 }
 
 /* --- Makes the Performer Name smaller when the screen is too small --- */
-@media (max-width: 1200px) { .card.performer-card .TruncatedText { font-size: 104%; } }
-
-
+@media (max-width: 1200px) {
+  .card.performer-card .TruncatedText {
+    font-size: 104%;
+  }
+}
 
 /* --- Moves the Flag icon from the right side of the card to the left and makes the Flag image a little bit bigger --- */
 .performer-card .flag-icon {
-    height: 2rem;
-    left: 0.6rem;
-    bottom: 0.10rem;
-    width: 28px; 
+  height: 2rem;
+  left: 0.6rem;
+  bottom: 0.1rem;
+  width: 28px;
 }
 
 /* --- Age and # of Scenes move from the left side to the right of the card --- */
 /* --- Also makes sure that when playing a scenes "XX years old in this scene" doesn't overlap with the star rating --- */
-.performer-card .text-muted {text-align:right;margin-top:-2px;margin-bottom:1px;width:46%;margin-left:54%}
-
-
+.performer-card .text-muted {
+  text-align: right;
+  margin-top: -2px;
+  margin-bottom: 1px;
+  width: 46%;
+  margin-left: 54%;
+}
 
-/* --- "removes" the term 'old.' from "xx years old." when the resolution gets to small --- */ 
+/* --- "removes" the term 'old.' from "xx years old." when the resolution gets to small --- */
 @media (max-width: 1520px) {
-div.card.performer-card .text-muted {text-align:right;margin-top:-2px;margin-bottom:1px;margin-right:-33px;max-height:20px;overflow:hidden;}
+  div.card.performer-card .text-muted {
+    text-align: right;
+    margin-top: -2px;
+    margin-bottom: 1px;
+    margin-right: -33px;
+    max-height: 20px;
+    overflow: hidden;
+  }
 }
 
 /* --- To prevent overlapping in the performer card when watching a scene --- */
 @media (max-width: 2000px) {
-.tab-content div.card.performer-card .text-muted {margin-top:22px;margin-right:-3px}
-.tab-content .performer-card.card .rating-1, 
-.tab-content .performer-card.card .rating-2, 
-.tab-content .performer-card.card .rating-3, 
-.tab-content .performer-card.card .rating-4, 
-.tab-content .performer-card.card .rating-5 {bottom: 53px !important;}
+  .tab-content div.card.performer-card .text-muted {
+    margin-top: 22px;
+    margin-right: -3px;
+  }
+  .tab-content .performer-card.card .rating-1,
+  .tab-content .performer-card.card .rating-2,
+  .tab-content .performer-card.card .rating-3,
+  .tab-content .performer-card.card .rating-4,
+  .tab-content .performer-card.card .rating-5 {
+    bottom: 53px !important;
+  }
 }
 
-
 /* --- Text Shadow for the "Stars in x scenes" link --- */
-div.card.performer-card div.text-muted a {text-shadow: 1px 2px 2px #333}
+div.card.performer-card div.text-muted a {
+  text-shadow: 1px 2px 2px #333;
+}
 
 /* --- Minimum height for the section in case Age is missing and elements would overlap --- */
-.performer-card .card-section {min-height:82px}
+.performer-card .card-section {
+  min-height: 82px;
+}
 
 /* --- Makes the card section (Name, Age, Flag, # of scenes) more compact --- */
-.card-section { margin-bottom: -8px !important; padding: .5rem 0.7rem 0 !important;}
-.card-section span {margin-bottom:3px}
-@media (max-width: 1500px) {	.card-section span {font-size:11px}	}
-
-div.card-section hr {display:none}
-
-
+.card-section {
+  margin-bottom: -8px !important;
+  padding: 0.5rem 0.7rem 0 !important;
+}
+.card-section span {
+  margin-bottom: 3px;
+}
+@media (max-width: 1500px) {
+  .card-section span {
+    font-size: 11px;
+  }
+}
 
+div.card-section hr {
+  display: none;
+}
 
 /* --- Changes regarding the Favorite <3 --- */
 .performer-card .favorite {
-    color: #f33;
-    -webkit-filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, .95));
-	filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, .95));
-	right: 3px;
-	top: 5px;
+  color: #f33;
+  -webkit-filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.95));
+  filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.95));
+  right: 3px;
+  top: 5px;
 }
 
-
-
 /* --- Turns the Rating Banner in the top left corner into a Star Rating under the performer name --- */
-.performer-card.card .rating-1, .performer-card.card .rating-2, .performer-card.card .rating-3, 
-.performer-card.card .rating-4, .performer-card.card .rating-5
-{
-	background:none;
-	background-size: 97px 18px;
-	background-image:var(--stars);
-	-webkit-transform:rotate(0deg);
-	transform:rotate(0deg);
-	padding:0;
-	padding-bottom:1px;
-	box-shadow: 0px 0px 0px rgba(0, 0, 0, .00);
-	left:6px;
-	width:97px;
-	height:18px;
-	text-align:left;
-	position:absolute;
-	top:auto;
-	bottom: 34px;
-	font-size:0.001rem;
+.performer-card.card .rating-1,
+.performer-card.card .rating-2,
+.performer-card.card .rating-3,
+.performer-card.card .rating-4,
+.performer-card.card .rating-5 {
+  background: none;
+  background-size: 97px 18px;
+  background-image: var(--stars);
+  -webkit-transform: rotate(0deg);
+  transform: rotate(0deg);
+  padding: 0;
+  padding-bottom: 1px;
+  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
+  left: 6px;
+  width: 97px;
+  height: 18px;
+  text-align: left;
+  position: absolute;
+  top: auto;
+  bottom: 34px;
+  font-size: 0.001rem;
 }
 
 /* --- Display only X amount of stars  -- */
-div.performer-card.card .rating-banner.rating-1 {width:20px}
-div.performer-card.card .rating-banner.rating-2 {width:39px}
-div.performer-card.card .rating-banner.rating-3 {width:59px} 
-div.performer-card.card .rating-banner.rating-4 {width:78px}  
-div.performer-card.card .rating-banner.rating-5 {width:97px}  
-
-
-.performer-card .btn {padding: .34rem .013rem}
-.performer-card .fa-icon {margin: 0 2px}
-.performer-card .card-popovers .fa-icon {margin-right: 3px}
-.performer-card .svg-inline--fa.fa-w-18, .performer-card .svg-inline--fa.fa-w-16 {height: 0.88em}
-.performer-card .favorite .svg-inline--fa.fa-w-16 {height:1.5rem}
+div.performer-card.card .rating-banner.rating-1 {
+  width: 20px;
+}
+div.performer-card.card .rating-banner.rating-2 {
+  width: 39px;
+}
+div.performer-card.card .rating-banner.rating-3 {
+  width: 59px;
+}
+div.performer-card.card .rating-banner.rating-4 {
+  width: 78px;
+}
+div.performer-card.card .rating-banner.rating-5 {
+  width: 97px;
+}
 
+.performer-card .btn {
+  padding: 0.34rem 0.013rem;
+}
+.performer-card .fa-icon {
+  margin: 0 2px;
+}
+.performer-card .card-popovers .fa-icon {
+  margin-right: 3px;
+}
+.performer-card .svg-inline--fa.fa-w-18,
+.performer-card .svg-inline--fa.fa-w-16 {
+  height: 0.88em;
+}
+.performer-card .favorite .svg-inline--fa.fa-w-16 {
+  height: 1.5rem;
+}
 
 .performer-card .card-popovers .btn-primary {
-    margin: 0 2px 0 11px;
+  margin: 0 2px 0 11px;
 }
 
-
-
 /* --- PerformerTagger Changes --- */
 
 .PerformerTagger-performer {
-	background-image: linear-gradient(130deg, rgba(50, 60, 75,0.25), rgba(150, 155, 160,0.32), rgba(35, 40, 45,0.26), rgba(160, 160, 165,0.27), rgba(50, 60, 65,0.37)); 
-	background-color: rgba(16, 20, 25, .23); 
-	box-shadow: 2px 2px 6px rgba(0, 0, 0, .70);
-	border-radius: 8px;
-	margin: 1.1%;
-  }
-  
-.tagger-container .input-group-text  {background:none;border:0;margin-right:5px;padding-left:0}
-.PerformerTagger-details {	margin-left: 1.25rem; width:23.5rem;}
-
-.tagger-container .btn-link{text-shadow: 1px 2px 3px #000;}
-.tagger-container, .PerformerTagger {	max-width: 1850px;}
-
-.PerformerTagger-header h2 {	
-	font-family: Helvetica, "Helvetica Neue", "Segoe UI" !important; 
-	font-size: 2rem; 
-	line-height:130%; 
-	font-weight:bold; 
-	text-shadow: 2px 2px 1px #000 !important
+  background-image: linear-gradient(
+    130deg,
+    rgba(50, 60, 75, 0.25),
+    rgba(150, 155, 160, 0.32),
+    rgba(35, 40, 45, 0.26),
+    rgba(160, 160, 165, 0.27),
+    rgba(50, 60, 65, 0.37)
+  );
+  background-color: rgba(16, 20, 25, 0.23);
+  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.7);
+  border-radius: 8px;
+  margin: 1.1%;
 }
 
-.PerformerTagger-thumb {height: 145px;}
-.PerformerTagger-performer-search button.col-6 {width:300px !important; flex-basis:100%;flex: 0 0 100%;
-    max-width: 100%;}
-.PerformerTagger-performer .performer-card {height:252px !important;}
-
-.modal-backdrop 	 {	background-color: rgba(16, 20, 25, .25);}
-.modal-backdrop.show {	opacity: 0.1;	}
-
-.performer-create-modal {	max-width: 1300px; font-family: Helvetica, "Helvetica Neue", "Segoe UI" !important; }
-.performer-create-modal .image-selection .performer-image { height: 95%; }
-.performer-create-modal .image-selection {height: 485px;}
+.tagger-container .input-group-text {
+  background: none;
+  border: 0;
+  margin-right: 5px;
+  padding-left: 0;
+}
+.PerformerTagger-details {
+  margin-left: 1.25rem;
+  width: 23.5rem;
+}
 
-.performer-create-modal .no-gutters .TruncatedText {
-	font-family: var(--HeaderFont);
-	font-size: 115%;
-	padding-top:2px;
-	line-height:120%; 
-	font-weight:bold; 
-	text-shadow: var(--std-txt-shadow);
+.tagger-container .btn-link {
+  text-shadow: 1px 2px 3px #000;
+}
+.tagger-container,
+.PerformerTagger {
+  max-width: 1850px;
 }
-.performer-create-modal-field strong {margin-left: 6px}
-.modal-footer {border-top: 0}
 
+.PerformerTagger-header h2 {
+  font-family: Helvetica, "Helvetica Neue", "Segoe UI" !important;
+  font-size: 2rem;
+  line-height: 130%;
+  font-weight: bold;
+  text-shadow: 2px 2px 1px #000 !important;
+}
 
+.PerformerTagger-thumb {
+  height: 145px;
+}
+.PerformerTagger-performer-search button.col-6 {
+  width: 300px !important;
+  flex-basis: 100%;
+  flex: 0 0 100%;
+  max-width: 100%;
+}
+.PerformerTagger-performer .performer-card {
+  height: 252px !important;
+}
 
+.modal-backdrop {
+  background-color: rgba(16, 20, 25, 0.25);
+}
+.modal-backdrop.show {
+  opacity: 0.1;
+}
 
+.performer-create-modal {
+  max-width: 1300px;
+  font-family: Helvetica, "Helvetica Neue", "Segoe UI" !important;
+}
+.performer-create-modal .image-selection .performer-image {
+  height: 95%;
+}
+.performer-create-modal .image-selection {
+  height: 485px;
+}
 
+.performer-create-modal .no-gutters .TruncatedText {
+  font-family: var(--HeaderFont);
+  font-size: 115%;
+  padding-top: 2px;
+  line-height: 120%;
+  font-weight: bold;
+  text-shadow: var(--std-txt-shadow);
+}
+.performer-create-modal-field strong {
+  margin-left: 6px;
+}
+.modal-footer {
+  border-top: 0;
+}
 
 /* ========================= Performer Page ================================= */
 /* === The page that you see when you click on the picture of a Performer === */
 
 /* --- The picture of the Performer on the left. 3D effect thanks to background shadows and more rounded corners --- */
-#performer-page .performer-image-container .performer 
-{
-    background-color: rgba(0, 0, 0, .48);
-    box-shadow: 6px 6px 11px rgba(0, 10, 10, .62);
-    border-radius: 14px !important;
+#performer-page .performer-image-container .performer {
+  background-color: rgba(0, 0, 0, 0.48);
+  box-shadow: 6px 6px 11px rgba(0, 10, 10, 0.62);
+  border-radius: 14px !important;
 }
 
 /* --- Without this the shadow at the bottom from the previous Selector will not be correctly displayed --- */
-.performer-image-container {padding-bottom: 11px}
-
+.performer-image-container {
+  padding-bottom: 11px;
+}
 
 /* --- The following 15 Selectors change the way the details box is displayed --- */
-#performer-details-tabpane-details .text-input, #performer-details-tabpane-details .text-input:disabled, 
-#performer-details-tabpane-details .text-input[readonly] {background-color: rgba(200,220,246,0.0);}
-#performer-details-tabpane-details a { text-shadow: var(--light-txt-shadow)}
+#performer-details-tabpane-details .text-input,
+#performer-details-tabpane-details .text-input:disabled,
+#performer-details-tabpane-details .text-input[readonly] {
+  background-color: rgba(200, 220, 246, 0);
+}
+#performer-details-tabpane-details a {
+  text-shadow: var(--light-txt-shadow);
+}
 
-.text-input, input.form-control-plaintext { background-color:none;}
-#performer-details .input-control, .text-input {box-shadow: none;}
+.text-input,
+input.form-control-plaintext {
+  background-color: none;
+}
+#performer-details .input-control,
+.text-input {
+  box-shadow: none;
+}
 
-div.react-select__control, #performer-details-tabpane-details {
-	background-color: rgba(225,230,250,0.36); 
-	border:1px solid #999; 
-	max-width:1000px;
-	box-shadow: 6px 6px 12px rgba(0, 10, 10, .22);
+div.react-select__control,
+#performer-details-tabpane-details {
+  background-color: rgba(225, 230, 250, 0.36);
+  border: 1px solid #999;
+  max-width: 1000px;
+  box-shadow: 6px 6px 12px rgba(0, 10, 10, 0.22);
+}
+#performer-details-tabpane-details {
+  border-radius: 10px;
+}
+#performer-details-tabpane-edit {
+  max-width: 1000px;
 }
-#performer-details-tabpane-details {border-radius: 10px}
-#performer-details-tabpane-edit {max-width:1000px}
 
-div.react-select__control .css-12jo7m5 {text-shadow: none; }
+div.react-select__control .css-12jo7m5 {
+  text-shadow: none;
+}
 
 @media (min-width: 1200px) {
-	#performer-details-tabpane-details td { padding: 9px; }
-	table#performer-details tbody tr td:nth-child(1), td:first-child {padding-left: 22px; width: 185px;}
+  #performer-details-tabpane-details td {
+    padding: 9px;
+  }
+  table#performer-details tbody tr td:nth-child(1),
+  td:first-child {
+    padding-left: 22px;
+    width: 185px;
+  }
 }
 @media (max-width: 1200px) {
-	table#performer-details tbody tr td:nth-child(1), td:first-child {padding-left: 11px; }
-	#performer-page .performer-head {    margin-bottom: 1rem; }
-	#performer-page { margin: 0 -6px 0 -15px; }
+  table#performer-details tbody tr td:nth-child(1),
+  td:first-child {
+    padding-left: 11px;
+  }
+  #performer-page .performer-head {
+    margin-bottom: 1rem;
+  }
+  #performer-page {
+    margin: 0 -6px 0 -15px;
+  }
+}
+#performer-details-tabpane-details tr:nth-child(odd) {
+  background-color: rgba(16, 22, 26, 0.1);
+}
+table#performer-details {
+  color: #fff;
+  text-shadow: 1px 1px 1px #000;
 }
-#performer-details-tabpane-details tr:nth-child(odd) {     background-color: rgba(16,22,26,0.1); }
-table#performer-details {color:#FFF; text-shadow: 1px 1px 1px #000;}
-
-
 
 /* --- Changes the way the name of the performer is displayed --- */
-.performer-head h2 {font-family: var(--HeaderFont); font-weight:bold; text-shadow: 2px 2px 2px #111 }
+.performer-head h2 {
+  font-family: var(--HeaderFont);
+  font-weight: bold;
+  text-shadow: 2px 2px 2px #111;
+}
 
 /* --- Leave some space between the name and the Fav/Link/Twitter/IG icons --- */
-#performer-page .performer-head .name-icons {margin-left: 22px}
+#performer-page .performer-head .name-icons {
+  margin-left: 22px;
+}
 
 /* --- Highlighter for active Details/Scenes/Images/Edit/Operations --- */
-.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
-	background-color: rgba(135,160,165,0.5);
+.nav-tabs .nav-item.show .nav-link,
+.nav-tabs .nav-link.active {
+  background-color: rgba(135, 160, 165, 0.5);
 }
 
 /* --- Changes the display of Performer Details Tab in the 0.9 version are arranged --- */
-#performer-details-tabpane-details dl.row, dl.details-list dt, dl.details-list dd{ margin:0 0px;padding: 8px 10px 9px 14px}
+#performer-details-tabpane-details dl.row,
+dl.details-list dt,
+dl.details-list dd {
+  margin: 0 0px;
+  padding: 8px 10px 9px 14px;
+}
 #performer-details-tabpane-details dl.row:nth-child(odd),
 #performer-details-tabpane-details dl.details-list dt:nth-of-type(odd),
-#performer-details-tabpane-details dl.details-list dd:nth-of-type(odd) {	background-color: rgba(16,22,26,0.1);}
+#performer-details-tabpane-details dl.details-list dd:nth-of-type(odd) {
+  background-color: rgba(16, 22, 26, 0.1);
+}
 #performer-details-tabpane-details dt.col-xl-2,
-#performer-details-tabpane-details dl.details-list dt {	text-shadow: var(--light-txt-shadow); font-weight: normal;}
-#performer-details-tabpane-details ul.pl-0 {margin-bottom: 0rem;}
-#performer-details-tabpane-details dl.details-list { grid-column-gap: 0}
-
+#performer-details-tabpane-details dl.details-list dt {
+  text-shadow: var(--light-txt-shadow);
+  font-weight: normal;
+}
+#performer-details-tabpane-details ul.pl-0 {
+  margin-bottom: 0rem;
+}
+#performer-details-tabpane-details dl.details-list {
+  grid-column-gap: 0;
+}
 
 /* --- Resets the fields in Performer Edit Tab in the 0.5 developmental version back to way it was in the 0.5 version --- */
-#performer-edit {margin:0 0 0 10px}
-#performer-edit .col-sm-auto, #performer-edit .col-sm-6, #performer-edit .col-md-auto, #performer-edit .col-lg-6, #performer-edit .col-sm-4, #performer-edit .col-sm-8 { width: 100%;max-width: 100%; flex: 0 0 100%; }
-#performer-edit .col-sm-auto div, #performer-edit label.form-label { float:left; width:17%;}
-#performer-edit .col-sm-auto div, #performer-edit label.form-label { font-weight:normal; color: #FFF; text-shadow: var(--std-txt-shadow); }
+#performer-edit {
+  margin: 0 0 0 10px;
+}
+#performer-edit .col-sm-auto,
+#performer-edit .col-sm-6,
+#performer-edit .col-md-auto,
+#performer-edit .col-lg-6,
+#performer-edit .col-sm-4,
+#performer-edit .col-sm-8 {
+  width: 100%;
+  max-width: 100%;
+  flex: 0 0 100%;
+}
+#performer-edit .col-sm-auto div,
+#performer-edit label.form-label {
+  float: left;
+  width: 17%;
+}
+#performer-edit .col-sm-auto div,
+#performer-edit label.form-label {
+  font-weight: normal;
+  color: #fff;
+  text-shadow: var(--std-txt-shadow);
+}
 
-#performer-edit select.form-control, #performer-edit .input-group, #performer-edit .text-input.form-control { float:right; width:83%; }
-#performer-edit .form-group, .col-12 button.mr-2 {margin-bottom: 0.35rem}
-#performer-edit .mt-3 label.form-label { float:none; width:auto; }
+#performer-edit select.form-control,
+#performer-edit .input-group,
+#performer-edit .text-input.form-control {
+  float: right;
+  width: 83%;
+}
+#performer-edit .form-group,
+.col-12 button.mr-2 {
+  margin-bottom: 0.35rem;
+}
+#performer-edit .mt-3 label.form-label {
+  float: none;
+  width: auto;
+}
 
-#performer-edit select.form-control, #performer-edit .input-group, #performer-edit .text-input.form-control {width: 100%;}
-#performer-edit textarea.text-input {min-height: 9ex;}
+#performer-edit select.form-control,
+#performer-edit .input-group,
+#performer-edit .text-input.form-control {
+  width: 100%;
+}
+#performer-edit textarea.text-input {
+  min-height: 9ex;
+}
 
-#performer-edit .form-group:nth-child(17) .text-input.form-control {width:85%;}
+#performer-edit .form-group:nth-child(17) .text-input.form-control {
+  width: 85%;
+}
 
 @media (max-width: 750px) {
-#performer-edit .col-sm-auto div, #performer-edit label.form-label { float:left; width:22%;}
-#performer-edit select.form-control, #performer-edit .input-group, #performer-edit .text-input.form-control { float:right; width:78%; }
+  #performer-edit .col-sm-auto div,
+  #performer-edit label.form-label {
+    float: left;
+    width: 22%;
+  }
+  #performer-edit select.form-control,
+  #performer-edit .input-group,
+  #performer-edit .text-input.form-control {
+    float: right;
+    width: 78%;
+  }
 }
 
 @media (max-width: 500px) {
-#performer-edit .col-sm-auto div, #performer-edit label.form-label { float:left; width:60%;}
-#performer-edit li.mb-1, 
-#performer-edit select.form-control, 
-#performer-edit .input-group, #performer-edit .text-input.form-control { float:left; width:89%; }
+  #performer-edit .col-sm-auto div,
+  #performer-edit label.form-label {
+    float: left;
+    width: 60%;
+  }
+  #performer-edit li.mb-1,
+  #performer-edit select.form-control,
+  #performer-edit .input-group,
+  #performer-edit .text-input.form-control {
+    float: left;
+    width: 89%;
+  }
 }
 
-#performer-edit .form-group .mr-2 {margin-right:0!important}
-
-
-
-
+#performer-edit .form-group .mr-2 {
+  margin-right: 0 !important;
+}
 
 /* ======================= Scenes ======================== */
 
-
 /* --- Remove the comments if you don't want to see the Description Text of the scenes --- */
 /* .card-section p {display:none} */
 
-
 /* --- Remove the comments if you don't want to see the Resolution of the Video (480p, 540p, 720p, 1080p) --- */
 /* .overlay-resolution {display:none} */
 
-
-
 /* --- The name of the Scene. Different font, less space to the left and to the top, Text-Shadow --- */
-h5.card-section-title, .scene-tabs .scene-header {	
-	font-family: var(--HeaderFont);
-	font-size: 1.25rem;
-	font-weight:bold;
-	line-height:132%;
-	text-shadow: var(--std-txt-shadow);
+h5.card-section-title,
+.scene-tabs .scene-header {
+  font-family: var(--HeaderFont);
+  font-size: 1.25rem;
+  font-weight: bold;
+  line-height: 132%;
+  text-shadow: var(--std-txt-shadow);
+}
+.scene-tabs .scene-header {
+  font-size: 24px;
+  margin-bottom: 25px;
 }
-.scene-tabs .scene-header { font-size: 24px; margin-bottom:25px }
-
 
-#TruncatedText .tooltip-inner {width:365px; max-width:365px}
-.tooltip-inner {	font-family: var(--HeaderFont);
-	background-color: rgba(16, 20, 25, .99); 
-	box-shadow: 2px 2px 6px rgba(0, 0, 0, .55);
- font-weight:bold;font-size:14px;}
+#TruncatedText .tooltip-inner {
+  width: 365px;
+  max-width: 365px;
+}
+.tooltip-inner {
+  font-family: var(--HeaderFont);
+  background-color: rgba(16, 20, 25, 0.99);
+  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.55);
+  font-weight: bold;
+  font-size: 14px;
+}
 
 /* --- Removes the horizontal line that separates the date/description text from the Tags/Performer/etc. icons --- */
-.scene-card.card hr, .scene-card.card>hr{	border-top: 0px solid rgba(0,0,0,.1);	}
-
+.scene-card.card hr,
+.scene-card.card > hr {
+  border-top: 0px solid rgba(0, 0, 0, 0.1);
+}
 
 /* --- Changes regarding the Scene Logo --- */
 .scene-studio-overlay {
-	opacity: .80;
-	top: -3px;
-	right: 2px;
+  opacity: 0.8;
+  top: -3px;
+  right: 2px;
 }
 
 /* --- The Resolution and the Time/Length of the video in the bottom right corner to make it easier to read --- */
 .scene-specs-overlay {
-	font-family: Arial, Verdana,"Segoe UI" !important;
-	bottom:1px;
-	color: #FFF;
-	font-weight: bold;
-	letter-spacing: 0.035rem;
-	text-shadow: 2px 2px 1px #000, 4px 4px 5px #444, 7px 0px 5px #444, -3px 2px 5px #444, -5px 0px 5px #444, -1px -4px 5px #444, 3px -2px 6px #444;
+  font-family: Arial, Verdana, "Segoe UI" !important;
+  bottom: 1px;
+  color: #fff;
+  font-weight: bold;
+  letter-spacing: 0.035rem;
+  text-shadow:
+    2px 2px 1px #000,
+    4px 4px 5px #444,
+    7px 0px 5px #444,
+    -3px 2px 5px #444,
+    -5px 0px 5px #444,
+    -1px -4px 5px #444,
+    3px -2px 6px #444;
+}
+.overlay-resolution {
+  color: #eee;
 }
-.overlay-resolution {color:#eee;}
 
 /* --- Changes the spaces between the items on the Scenes page --- */
-.zoom-0 {margin: 4px 0.50% 10px; !important }
-
-
-.scene-card-link {height:195px; overflow:hidden;}
+.zoom-0 {
+  margin: 4px 0.5% 10px !important;
+}
 
+.scene-card-link {
+  height: 195px;
+  overflow: hidden;
+}
 
 /* --- Tightens the space between the Tags-, Performer-, O-Counter-, Gallery- and Movie-Icons --- */
-.btn-primary { margin:0 -3px 0 -9px}
+.btn-primary {
+  margin: 0 -3px 0 -9px;
+}
 
 /* --- Moves the Tags-, Performer-, O-Counter-, Gallery- and Movie-Icon from below the description to the bottom right corner of the card --- */
-.scene-popovers, .card-popovers { 
-	min-width:0;
-	margin-bottom: 3px;
-	margin-top:-40px;
-	justify-content: flex-end;
+.scene-popovers,
+.card-popovers {
+  min-width: 0;
+  margin-bottom: 3px;
+  margin-top: -40px;
+  justify-content: flex-end;
 }
 
 /* --- Adds an invisible dot after the description text, Also leaves ~80 pixels space to enforce a line break, 
 so it leaves some space in the bottom right corner of the card for the icons in the Selector above --- */
-.card-section p:after 
-{
-	font-size: 1px;
-	color: rgba(0,0,0, .01);
-	padding-right: 3.2vw; 
-	margin-right: 2.8vw; 
-	content: " ";
+.card-section p:after {
+  font-size: 1px;
+  color: rgba(0, 0, 0, 0.01);
+  padding-right: 3.2vw;
+  margin-right: 2.8vw;
+  content: " ";
 }
 
-
-
-
-/* -- The whole section replaces the ratings banner with a star rating in the bottom left corner --- */ 
-.scene-card.card .rating-1 {width:22px}
-.scene-card.card .rating-2 {width:43px}
-.scene-card.card .rating-3 {width:65px} 
-.scene-card.card .rating-4 {width:86px}  
-.scene-card.card .rating-5 {background:none; width:108px}
-.rating-1, .rating-2, .rating-3, .rating-4, .scene-card.card .rating-5 {
-	background:none;
-	background-image:var(--stars);
-	height:20px;
-	background-size: 108px 20px;
-} 
+/* -- The whole section replaces the ratings banner with a star rating in the bottom left corner --- */
+.scene-card.card .rating-1 {
+  width: 22px;
+}
+.scene-card.card .rating-2 {
+  width: 43px;
+}
+.scene-card.card .rating-3 {
+  width: 65px;
+}
+.scene-card.card .rating-4 {
+  width: 86px;
+}
+.scene-card.card .rating-5 {
+  background: none;
+  width: 108px;
+}
+.rating-1,
+.rating-2,
+.rating-3,
+.rating-4,
+.scene-card.card .rating-5 {
+  background: none;
+  background-image: var(--stars);
+  height: 20px;
+  background-size: 108px 20px;
+}
 
 .scene-card.card .rating-banner {
-	padding:0;
-	left:5px;
-	top:89%;
-	background-position: left;
-	font-size: .01rem;
-	-webkit-transform: rotate(0deg);
-	transform: rotate(0deg);
+  padding: 0;
+  left: 5px;
+  top: 89%;
+  background-position: left;
+  font-size: 0.01rem;
+  -webkit-transform: rotate(0deg);
+  transform: rotate(0deg);
 }
 
-
-.zoom-0.card .scene-card.card .rating-banner {top: 81%}
-.zoom-2.card .scene-card.card .rating-banner {top: 91%}
-.zoom-3.card .scene-card.card .rating-banner {top: 92%}
-
-
+.zoom-0.card .scene-card.card .rating-banner {
+  top: 81%;
+}
+.zoom-2.card .scene-card.card .rating-banner {
+  top: 91%;
+}
+.zoom-3.card .scene-card.card .rating-banner {
+  top: 92%;
+}
 
 /* --- Improves how the Preview Videos in the Wall View are displayed --- */
-.wall-item-container {width: 100%; background-color: rgba(0, 0, 0, .10); overflow:hidden }
-.wall-item-media { height:100%; background-color: rgba(0, 0, 0, .0);overflow:hidden }
-.wall-item-anchor { width: 102%; overflow:hidden }
-.wall-item-text {margin-bottom:0px; color: #111; text-shadow: 1px 1px 1px #fff }	
-
+.wall-item-container {
+  width: 100%;
+  background-color: rgba(0, 0, 0, 0.1);
+  overflow: hidden;
+}
+.wall-item-media {
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0);
+  overflow: hidden;
+}
+.wall-item-anchor {
+  width: 102%;
+  overflow: hidden;
+}
+.wall-item-text {
+  margin-bottom: 0px;
+  color: #111;
+  text-shadow: 1px 1px 1px #fff;
+}
 
-.scene-popovers .fa-icon {margin-right: 2px;}
+.scene-popovers .fa-icon {
+  margin-right: 2px;
+}
 
 /* --- Changes the Organized Button color when watching a video. Organized = Green, Not Organized = Red --- */
-.organized-button.not-organized { color: rgba(207,10,20,.8); }
-.organized-button.organized {	color: #06e62e;}
-
+.organized-button.not-organized {
+  color: rgba(207, 10, 20, 0.8);
+}
+.organized-button.organized {
+  color: #06e62e;
+}
 
 /* --- Changes the font in the File Info section --- */
-div.scene-file-info .TruncatedText, div.scene-file-info .text-truncate {
-	margin-left:-1.5%; 
-	margin-top: -1px; 
-	width: 120%; 
-	font-family: var(--HeaderFont);
-	font-size: 110%; 
-	line-height:120%; 
-	font-weight:bold; 
-	text-shadow: var(--std-txt-shadow);
+div.scene-file-info .TruncatedText,
+div.scene-file-info .text-truncate {
+  margin-left: -1.5%;
+  margin-top: -1px;
+  width: 120%;
+  font-family: var(--HeaderFont);
+  font-size: 110%;
+  line-height: 120%;
+  font-weight: bold;
+  text-shadow: var(--std-txt-shadow);
 }
 
-
 #scene-edit-details .pl-0 {
-    padding-left: 10px!important;
+  padding-left: 10px !important;
 }
 
-
 /* Zoom 0 */
-.zoom-0 { width:290px}
-.zoom-0 .video-section {height:181px;}
-.zoom-0 .scene-card-preview-image, .zoom-0 .scene-card-preview { height:195px; }
-.zoom-0 .scene-card-preview, .zoom-0 .scene-card-preview-video, .zoom-0 .scene-card-video {
-	width: 290px;
-	min-height:181px;
-	max-height: 200px;
+.zoom-0 {
+  width: 290px;
+}
+.zoom-0 .video-section {
+  height: 181px;
+}
+.zoom-0 .scene-card-preview-image,
+.zoom-0 .scene-card-preview {
+  height: 195px;
+}
+.zoom-0 .scene-card-preview,
+.zoom-0 .scene-card-preview-video,
+.zoom-0 .scene-card-video {
+  width: 290px;
+  min-height: 181px;
+  max-height: 200px;
 }
 
 /* Zoom 1 */
-.zoom-1 { min-width: 300px; width: calc(234px + 24vw /3.84);max-width: 430px}
+.zoom-1 {
+  min-width: 300px;
+  width: calc(234px + 24vw / 3.84);
+  max-width: 430px;
+}
 /* Improves the way the scene picture is displayed when the resolution isn't 16:9 (e.g. 4:3) --- */
-.zoom-1 .video-section {height:calc((233px + 24vw / 3.84)/1.65);max-height: 258px}
-.zoom-1 .scene-card-preview-image, .zoom-1 .scene-card-preview { height:100%; max-height: 260px}
+.zoom-1 .video-section {
+  height: calc((233px + 24vw / 3.84) / 1.65);
+  max-height: 258px;
+}
+.zoom-1 .scene-card-preview-image,
+.zoom-1 .scene-card-preview {
+  height: 100%;
+  max-height: 260px;
+}
 
 /*
 .zoom-1 .scene-card-preview-image, .zoom-1 .scene-card-preview { height:calc((237px + 24vw / 3.84)/1.65); max-height: 260px}
 */
-.zoom-1 .scene-card-preview, .zoom-1 .scene-card-preview-video, .zoom-1 .scene-card-video {
-	min-width: 300px; width: calc(228px + 17vw / 1.92);max-width: 470px;
-	height:calc((234px + 26vw / 3.84)/1.65);
-	max-height: 265px;
+.zoom-1 .scene-card-preview,
+.zoom-1 .scene-card-preview-video,
+.zoom-1 .scene-card-video {
+  min-width: 300px;
+  width: calc(228px + 17vw / 1.92);
+  max-width: 470px;
+  height: calc((234px + 26vw / 3.84) / 1.65);
+  max-height: 265px;
 }
 
 /* Zoom 2 */
-.zoom-2 { min-width: 350px; width: calc(310px + 26vw / 3.84);max-width: 495px}
-.zoom-2 .video-section {height:calc((310px + 26vw / 3.84) /1.65);max-height:295px}
-.zoom-2 .scene-card-preview-image, .zoom-2 .scene-card-preview { height:calc((313px + 26vw / 3.84) /1.65); max-height:292px}
-
-.zoom-2 .scene-card-preview, .zoom-2 .scene-card-preview-video, .zoom-2 .scene-card-video {
-	min-width: 350px; width: calc(330px + 28vw / 3.84);max-width: 530px;
-	height:calc((310px + 28vw / 3.84) /1.65);
-	max-height: 298px;
+.zoom-2 {
+  min-width: 350px;
+  width: calc(310px + 26vw / 3.84);
+  max-width: 495px;
+}
+.zoom-2 .video-section {
+  height: calc((310px + 26vw / 3.84) / 1.65);
+  max-height: 295px;
+}
+.zoom-2 .scene-card-preview-image,
+.zoom-2 .scene-card-preview {
+  height: calc((313px + 26vw / 3.84) / 1.65);
+  max-height: 292px;
 }
 
+.zoom-2 .scene-card-preview,
+.zoom-2 .scene-card-preview-video,
+.zoom-2 .scene-card-video {
+  min-width: 350px;
+  width: calc(330px + 28vw / 3.84);
+  max-width: 530px;
+  height: calc((310px + 28vw / 3.84) / 1.65);
+  max-height: 298px;
+}
 
 /* Zoom 3 */
-.zoom-3 { min-width: 400px; width: calc(530px + 18vw / 5.76);max-width: 590px}
-.zoom-3 .video-section {height:375px;}
-.zoom-3 .scene-card-preview-image, .zoom-3 .scene-card-preview { height:395px; }
-.zoom-3 .scene-card-preview, .zoom-3 .scene-card-preview-video, .zoom-3 .scene-card-video {
-	width: 600px;
-	min-height:385px;
-	max-height: 400px;
+.zoom-3 {
+  min-width: 400px;
+  width: calc(530px + 18vw / 5.76);
+  max-width: 590px;
+}
+.zoom-3 .video-section {
+  height: 375px;
+}
+.zoom-3 .scene-card-preview-image,
+.zoom-3 .scene-card-preview {
+  height: 395px;
+}
+.zoom-3 .scene-card-preview,
+.zoom-3 .scene-card-preview-video,
+.zoom-3 .scene-card-video {
+  width: 600px;
+  min-height: 385px;
+  max-height: 400px;
+}
+
+.zoom-0 .video-section,
+.zoom-1 .video-section,
+.zoom-2 .video-section,
+.zoom-3 .video-section {
+  object-fit: cover !important;
+  overflow: hidden;
 }
 
-
-.zoom-0 .video-section, .zoom-1 .video-section, .zoom-2 .video-section, .zoom-3 .video-section 
-{object-fit: cover !important;overflow:hidden;}
-
-.zoom-0 .scene-card-preview, .zoom-0 .scene-card-preview-video, .zoom-0 .scene-card-video,
-.zoom-1 .scene-card-preview, .zoom-1 .scene-card-preview-video, .zoom-1 .scene-card-video, 
-.zoom-2 .scene-card-preview, .zoom-2 .scene-card-preview-video, .zoom-2 .scene-card-video,
-.zoom-3 .scene-card-preview, .zoom-3 .scene-card-preview-video, .zoom-3 .scene-card-video {
-	object-fit: cover !important;
-	margin-top:-2%;
-	margin-left:-6px;
-	transform: scale(1.04);
+.zoom-0 .scene-card-preview,
+.zoom-0 .scene-card-preview-video,
+.zoom-0 .scene-card-video,
+.zoom-1 .scene-card-preview,
+.zoom-1 .scene-card-preview-video,
+.zoom-1 .scene-card-video,
+.zoom-2 .scene-card-preview,
+.zoom-2 .scene-card-preview-video,
+.zoom-2 .scene-card-video,
+.zoom-3 .scene-card-preview,
+.zoom-3 .scene-card-preview-video,
+.zoom-3 .scene-card-video {
+  object-fit: cover !important;
+  margin-top: -2%;
+  margin-left: -6px;
+  transform: scale(1.04);
 }
 
 /* --- Shrink the Player Height just a little bit to avoid the scroll bar --- */
-#jwplayer-container {    height: calc(99.5vh - 4rem);}
-
+#jwplayer-container {
+  height: calc(99.5vh - 4rem);
+}
 
-div.tagger-container .btn-link { 	
-	font-family: var(--HeaderFont);
-	font-size: 110%; 
-	color: #ddf; 
-	text-shadow: var(--std-txt-shadow); 
+div.tagger-container .btn-link {
+  font-family: var(--HeaderFont);
+  font-size: 110%;
+  color: #ddf;
+  text-shadow: var(--std-txt-shadow);
 }
 
 #scene-edit-details .edit-buttons-container {
-	background-color: rgba(0,0,0,0.0);
-	position: relative;
-	margin-bottom:15px;
+  background-color: rgba(0, 0, 0, 0);
+  position: relative;
+  margin-bottom: 15px;
 }
 
-#scene-edit-details .form-group {margin-bottom:0.65rem;}
-
-
-
-
-
+#scene-edit-details .form-group {
+  margin-bottom: 0.65rem;
+}
 
 /* ============== Studio ================= */
 
+.studio-card {
+  padding: 0 4px 14px;
+}
 
-.studio-card {	padding: 0 4px 14px;}
-
-.studio-details input.form-control-plaintext {	background-color: rgba(16,22,26,.0); }
-.studio-details .react-select__control--is-disabled  {	background: none; border:0}
+.studio-details input.form-control-plaintext {
+  background-color: rgba(16, 22, 26, 0);
+}
+.studio-details .react-select__control--is-disabled {
+  background: none;
+  border: 0;
+}
 
-.studio-details .form-group, .studio-details td { padding: 8px; }
-.studio-details table td:nth-child(1) {color:#FFF; text-shadow: 1px 1px 1px #000;}
+.studio-details .form-group,
+.studio-details td {
+  padding: 8px;
+}
+.studio-details table td:nth-child(1) {
+  color: #fff;
+  text-shadow: 1px 1px 1px #000;
+}
 
-.studio-card-image {max-height: 175px; height:175px}
-.studio-card-image {min-width: 260px; width: calc(238px + 19vw / 3.8); max-width: 360px; margin: 0 6px;}
-.studio-card .card-section {	margin-top: 22px;}
-.studio-card .card-section div {color:#FFF}
-.studio-card .card-popovers {width:63%;margin-left:37%}
+.studio-card-image {
+  max-height: 175px;
+  height: 175px;
+}
+.studio-card-image {
+  min-width: 260px;
+  width: calc(238px + 19vw / 3.8);
+  max-width: 360px;
+  margin: 0 6px;
+}
+.studio-card .card-section {
+  margin-top: 22px;
+}
+.studio-card .card-section div {
+  color: #fff;
+}
+.studio-card .card-popovers {
+  width: 63%;
+  margin-left: 37%;
+}
 
 @media (min-width: 1200px) {
-.pl-xl-5, .px-xl-5 {
-    padding-left: 1rem!important; 
-    padding-right: 1rem!important;
-} }
+  .pl-xl-5,
+  .px-xl-5 {
+    padding-left: 1rem !important;
+    padding-right: 1rem !important;
+  }
+}
 
-.no-gutters .TruncatedText, .tag-card .TruncatedText, div.card.studio-card .TruncatedText, .tagger-container .TruncatedText  {
-	font-family: var(--HeaderFont);
-	font-size: 125%; 
-	line-height:125%; 
-	font-weight:bold; 
-	text-shadow: var(--std-txt-shadow);
+.no-gutters .TruncatedText,
+.tag-card .TruncatedText,
+div.card.studio-card .TruncatedText,
+.tagger-container .TruncatedText {
+  font-family: var(--HeaderFont);
+  font-size: 125%;
+  line-height: 125%;
+  font-weight: bold;
+  text-shadow: var(--std-txt-shadow);
 }
 
-.no-gutters .TruncatedText {font-size: 115%;}
+.no-gutters .TruncatedText {
+  font-size: 115%;
+}
 
 /* --- The following 15 Selectors modify the info box on the left after clicking on a movie --- */
-.studio-details .text-input, #performer-details-tabpane-details .text-input:disabled, 
-.studio-details .text-input[readonly] {background-color: rgba(16,22,26,0.0);}
+.studio-details .text-input,
+#performer-details-tabpane-details .text-input:disabled,
+.studio-details .text-input[readonly] {
+  background-color: rgba(16, 22, 26, 0);
+}
 
-.text-input, input.form-control-plaintext { background-color:none;}
-.studio-details .input-control, .text-input {box-shadow: none;}
+.text-input,
+input.form-control-plaintext {
+  background-color: none;
+}
+.studio-details .input-control,
+.text-input {
+  box-shadow: none;
+}
 
-.studio-details table { margin-top: 20px; background-color: rgba(15,20,30,0.20); border-radius: 10px; margin-bottom:20px;}
-.studio-details .form-group, .studio-details .row {background-color: rgba(15,20,30,0.20); margin:0;}
-.studio-details .no-gutters {background: none !important; }
+.studio-details table {
+  margin-top: 20px;
+  background-color: rgba(15, 20, 30, 0.2);
+  border-radius: 10px;
+  margin-bottom: 20px;
+}
+.studio-details .form-group,
+.studio-details .row {
+  background-color: rgba(15, 20, 30, 0.2);
+  margin: 0;
+}
+.studio-details .no-gutters {
+  background: none !important;
+}
 
-.studio-details table div.react-select__control {background: none; border: 0px;margin:0}
-.studio-details table .css-1hwfws3 { padding:0px; }
+.studio-details table div.react-select__control {
+  background: none;
+  border: 0px;
+  margin: 0;
+}
+.studio-details table .css-1hwfws3 {
+  padding: 0px;
+}
 
-.studio-details .form-group, .movie-details td { padding: 8px; }
-.studio-details .form-group td:nth-child(1), 
-.studio-details table tbody tr td:nth-child(1), td:first-child {padding-left: 12px; width: 130px;}
+.studio-details .form-group,
+.movie-details td {
+  padding: 8px;
+}
+.studio-details .form-group td:nth-child(1),
+.studio-details table tbody tr td:nth-child(1),
+td:first-child {
+  padding-left: 12px;
+  width: 130px;
+}
 
-.studio-details table tr:nth-child(odd) {     background-color: rgba(16,22,26,0.1); }
-.studio-details .form-group, .studio-details table td:nth-child(1) {color:#FFF; text-shadow: 1px 1px 1px #000;}
+.studio-details table tr:nth-child(odd) {
+  background-color: rgba(16, 22, 26, 0.1);
+}
+.studio-details .form-group,
+.studio-details table td:nth-child(1) {
+  color: #fff;
+  text-shadow: 1px 1px 1px #000;
+}
 
+.studio-card.card .rating-1,
+.studio-card.card .rating-2,
+.studio-card.card .rating-3,
+.studio-card.card .rating-4,
+.studio-card.card .rating-5 {
+  background: none;
+  height: 25px;
+  background-size: 135px 25px;
+  background-image: var(--stars);
+  -webkit-transform: rotate(0deg);
+  transform: rotate(0deg);
+  padding: 0;
+  padding-bottom: 1px;
+  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
+  left: 10px;
+  text-align: left;
+  position: absolute;
+  top: auto;
+  bottom: 24% !important;
+  font-size: 0.001rem;
+}
 
-.studio-card.card .rating-1, .studio-card.card .rating-2, .studio-card.card .rating-3, 
-.studio-card.card .rating-4, .studio-card.card .rating-5
-{
-	background:none;
-	height: 25px;
-	background-size: 135px 25px;
-	background-image:var(--stars);
-	-webkit-transform:rotate(0deg);
-	transform:rotate(0deg);
-	padding:0;
-	padding-bottom:1px;
-	box-shadow: 0px 0px 0px rgba(0, 0, 0, .00);
-	left:10px;
-	text-align:left;
-	position:absolute;
-	top:auto;
-	bottom: 24% !important;
-	font-size:0.001rem;
+.studio-card.card .rating-5 {
+  width: 135px;
+}
+.studio-card.card .rating-4 {
+  width: 109px;
+}
+.studio-card.card .rating-3 {
+  width: 81px;
+}
+.studio-card.card .rating-2 {
+  width: 55px;
+}
+.studio-card.card .rating-1 {
+  width: 28px;
 }
 
-.studio-card.card .rating-5{width:135px;} 
-.studio-card.card .rating-4{width:109px;} 
-.studio-card.card .rating-3{width:81px;} 
-.studio-card.card .rating-2{width:55px;} 
-.studio-card.card .rating-1{width:28px;} 
-
-div.studio-card.card .card-popovers {	margin-top: -34px;}
-.studio-card.card .card-section div:nth-child(2) {margin-bottom:6px;margin-top:-3px;}
-
-.studio-details dl.details-list{ grid-column-gap: 0}
-.studio-details dt, .studio-details dd {padding: 6px 0 8px 8px}
-
-
-
-
-
-
-
+div.studio-card.card .card-popovers {
+  margin-top: -34px;
+}
+.studio-card.card .card-section div:nth-child(2) {
+  margin-bottom: 6px;
+  margin-top: -3px;
+}
 
+.studio-details dl.details-list {
+  grid-column-gap: 0;
+}
+.studio-details dt,
+.studio-details dd {
+  padding: 6px 0 8px 8px;
+}
 
 /* ============== TAGS =============== */
 
-.tag-card.card hr, .tag-card.card>hr{ border-top: 0px solid rgba(0,0,0,.1); }
-
-.tag-card { margin: 4px 0.5% 10px; padding:0px;}
-
+.tag-card.card hr,
+.tag-card.card > hr {
+  border-top: 0px solid rgba(0, 0, 0, 0.1);
+}
 
-@media (min-width: 1200px){
-.row.pl-xl-5, .row.px-xl-5 {
-	padding-left: 0.2rem!important; 
-	padding-right: 0.2rem!important;
+.tag-card {
+  margin: 4px 0.5% 10px;
+  padding: 0px;
 }
+
+@media (min-width: 1200px) {
+  .row.pl-xl-5,
+  .row.px-xl-5 {
+    padding-left: 0.2rem !important;
+    padding-right: 0.2rem !important;
+  }
 }
 
 .tag-card.zoom-0 {
-	min-width: 230px; width: calc(200px + 18vw / 1.1); max-width: 350px;
-	min-height:168px; height:auto;
+  min-width: 230px;
+  width: calc(200px + 18vw / 1.1);
+  max-width: 350px;
+  min-height: 168px;
+  height: auto;
+}
+.tag-card.zoom-0 .tag-card-image {
+  min-height: 100px;
+  max-height: 210px;
+  height: calc(95px + 15vw / 1.1);
 }
-.tag-card.zoom-0 .tag-card-image {	min-height: 100px; max-height: 210px; height: calc(95px + 15vw / 1.1);}
 
 .tag-card.zoom-1 {
-	min-width: 260px; width: calc(238px + 25vw / 2.3); max-width: 460px;
-	min-height:193px; height:auto;
+  min-width: 260px;
+  width: calc(238px + 25vw / 2.3);
+  max-width: 460px;
+  min-height: 193px;
+  height: auto;
+}
+.tag-card.zoom-1 .tag-card-image {
+  min-height: 120px;
+  max-height: 240px;
+  height: calc(100px + 19vw / 2.3);
 }
-.tag-card.zoom-1 .tag-card-image {	min-height: 120px; max-height: 240px; height: calc(100px + 19vw / 2.3);}
 
 .tag-card.zoom-2 {
-	min-width: 290px; width: calc(280px + 38vw / 2.45); max-width: 650px;
-	min-height:170px; height:auto; max-height:485px;
+  min-width: 290px;
+  width: calc(280px + 38vw / 2.45);
+  max-width: 650px;
+  min-height: 170px;
+  height: auto;
+  max-height: 485px;
+}
+.tag-card.zoom-2 .tag-card-image {
+  min-height: 175px;
+  max-height: 440px;
+  height: calc(120px + 30vw / 2.45);
 }
-.tag-card.zoom-2 .tag-card-image {	min-height: 175px; max-height: 440px; height: calc(120px + 30vw / 2.45);}
-
-
-#tags .card {padding:0 0 10px 0; }
-.tag-card-header {height:190px;overflow:hidden;}
 
-.zoom-0 .tag-card-image, .zoom-1 .tag-card-image, .zoom-2 .tag-card-image {
-zoom: 101%;
-object-fit: cover;
-overflow:hidden;
-width: 101%;
-margin-top: -2px;
-margin-left: -1%;
+#tags .card {
+  padding: 0 0 10px 0;
+}
+.tag-card-header {
+  height: 190px;
+  overflow: hidden;
 }
 
-.tag-card .scene-popovers, .tag-card .card-popovers { 
-	width:60%;
-	margin-left:40%;
-	justify-content: flex-end;
-	float:right;
-	margin-bottom: 15px;
-	margin-top:-34px;
-	padding-left:17px;
+.zoom-0 .tag-card-image,
+.zoom-1 .tag-card-image,
+.zoom-2 .tag-card-image {
+  zoom: 101%;
+  object-fit: cover;
+  overflow: hidden;
+  width: 101%;
+  margin-top: -2px;
+  margin-left: -1%;
 }
 
-.tag-sub-tags, .tag-parent-tags {margin-bottom:9px; color:#FFF}
-.tag-sub-tags a, .tag-parent-tags a {color:#FFF; text-shadow: var(--std-txt-shadow)}
+.tag-card .scene-popovers,
+.tag-card .card-popovers {
+  width: 60%;
+  margin-left: 40%;
+  justify-content: flex-end;
+  float: right;
+  margin-bottom: 15px;
+  margin-top: -34px;
+  padding-left: 17px;
+}
 
-.zoom-0 .tab-pane .card-image { height:210px }
+.tag-sub-tags,
+.tag-parent-tags {
+  margin-bottom: 9px;
+  color: #fff;
+}
+.tag-sub-tags a,
+.tag-parent-tags a {
+  color: #fff;
+  text-shadow: var(--std-txt-shadow);
+}
 
+.zoom-0 .tab-pane .card-image {
+  height: 210px;
+}
 
 /* --- Moves the Tag name into the Tag Picture --- */
-.tag-details .text-input[readonly] {background-color: rgba(0,0,0,.0);}
-.tag-details .table td:first-child {display:none}
-.tag-details .logo {margin-bottom: 12px;}
-
-.tag-details .form-control-plaintext, .tag-details h2 {
-	margin-top:-76px;
-	margin-left:0%;
-	font-weight: bold;
-	font-family: Helvetica, "Helvetica Neue", "Segoe UI" !important;
-	letter-spacing: 0.11rem;
-	font-size:44px;
-	text-shadow: 2px 2px 3px #111, 4px 4px 4px #282828, 6px 1px 4px #282828, -3px 3px 3px #444, -2px -2px 4px #282828;
-	text-align:center; 
+.tag-details .text-input[readonly] {
+  background-color: rgba(0, 0, 0, 0);
+}
+.tag-details .table td:first-child {
+  display: none;
+}
+.tag-details .logo {
+  margin-bottom: 12px;
+}
+
+.tag-details .form-control-plaintext,
+.tag-details h2 {
+  margin-top: -76px;
+  margin-left: 0%;
+  font-weight: bold;
+  font-family: Helvetica, "Helvetica Neue", "Segoe UI" !important;
+  letter-spacing: 0.11rem;
+  font-size: 44px;
+  text-shadow:
+    2px 2px 3px #111,
+    4px 4px 4px #282828,
+    6px 1px 4px #282828,
+    -3px 3px 3px #444,
+    -2px -2px 4px #282828;
+  text-align: center;
+}
+@media (max-width: 1300px) {
+  .tag-details .form-control-plaintext {
+    font-size: 26px;
+    margin-top: -50px;
+  }
 }
-@media (max-width: 1300px) {.tag-details .form-control-plaintext {font-size:26px; 	margin-top:-50px;}}
-
-.tag-details .logo { min-width:300px}
-
-
-
 
+.tag-details .logo {
+  min-width: 300px;
+}
 
 /* ==============  MOVIES ==============  */
 
 /* --- Changes the width of the items so only the front cover is displayed. Also replaces the ratings banner with a star rating --- */
 
-.movie-card .text-truncate, div.card.movie-card .TruncatedText {
-	font-size: 17px !important;
-	font-family: var(--HeaderFont);
-	text-shadow: var(--std-txt-shadow);
-	font-weight: bold;
-	max-width:210px;
-	white-space: nowrap;
-	overflow: hidden; 
-	text-overflow: ellipsis;
+.movie-card .text-truncate,
+div.card.movie-card .TruncatedText {
+  font-size: 17px !important;
+  font-family: var(--HeaderFont);
+  text-shadow: var(--std-txt-shadow);
+  font-weight: bold;
+  max-width: 210px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
-div.movie-card.grid-card.card .card-section p {margin-bottom:-8px}
-div.movie-card.grid-card.card .card-section {margin-bottom: -0px !important}
+div.movie-card.grid-card.card .card-section p {
+  margin-bottom: -8px;
+}
+div.movie-card.grid-card.card .card-section {
+  margin-bottom: -0px !important;
+}
 div.movie-card.grid-card.card .card-popovers {
-	padding-top:35px;
-	margin-bottom:-11px;
-	width:60%;
-	margin-left:40%;
-	justify-content:flex-end;
-	float:right;
+  padding-top: 35px;
+  margin-bottom: -11px;
+  width: 60%;
+  margin-left: 40%;
+  justify-content: flex-end;
+  float: right;
 }
 
-div.movie-card .card-section span {position:absolute;margin-top:-3px;margin-bottom:6px;color:#FFF}
-
-
+div.movie-card .card-section span {
+  position: absolute;
+  margin-top: -3px;
+  margin-bottom: 6px;
+  color: #fff;
+}
 
-.movie-card-header {height:320px}
+.movie-card-header {
+  height: 320px;
+}
 
 .movie-card-header .rating-banner {
-	font-size: .002rem;
-	padding: 8px 41px 6px;
-	line-height: 1.1rem;
-	transform: rotate(0deg);
-	left: 3px;
-	top: 77% !important;
-	height: 25px;
-	background-size: 135px 25px;
-	background-position: left;
-}
-
-.movie-card-header .rating-1 {width:28px}
-.movie-card-header .rating-2 {width:55px}
-.movie-card-header .rating-3 {width:83px} 
-.movie-card-header .rating-4 {width:110px}  
-.movie-card-header .rating-5 {width:138px}
+  font-size: 0.002rem;
+  padding: 8px 41px 6px;
+  line-height: 1.1rem;
+  transform: rotate(0deg);
+  left: 3px;
+  top: 77% !important;
+  height: 25px;
+  background-size: 135px 25px;
+  background-position: left;
+}
 
+.movie-card-header .rating-1 {
+  width: 28px;
+}
+.movie-card-header .rating-2 {
+  width: 55px;
+}
+.movie-card-header .rating-3 {
+  width: 83px;
+}
+.movie-card-header .rating-4 {
+  width: 110px;
+}
 .movie-card-header .rating-5 {
-	background:none;
-	background-image:var(--stars);
-	height: 25px;
-	background-size: 135px 25px;
+  width: 138px;
 }
 
-.movie-card-image {
-	height:345px;
-	max-height: 345px;
-     width: 240px;
+.movie-card-header .rating-5 {
+  background: none;
+  background-image: var(--stars);
+  height: 25px;
+  background-size: 135px 25px;
 }
 
-
-
+.movie-card-image {
+  height: 345px;
+  max-height: 345px;
+  width: 240px;
+}
 
 /* --- The following 15 Selectors modify the info box on the left after clicking on a movie --- */
-.movie-details .text-input, #performer-details-tabpane-details .text-input:disabled, 
-.movie-details .text-input[readonly] {background-color: rgba(16,22,26,0.0);}
-
-.text-input, input.form-control-plaintext { background-color:none;}
-.movie-details .input-control, .text-input {box-shadow: none;}
-
-.movie-details table { margin-top: 20px; background-color: rgba(15,20,30,0.20); border-radius: 10px 10px 0px 0px; margin-bottom:0;}
-.movie-details .form-group {background-color: rgba(15,20,30,0.20); margin:0;}
+.movie-details .text-input,
+#performer-details-tabpane-details .text-input:disabled,
+.movie-details .text-input[readonly] {
+  background-color: rgba(16, 22, 26, 0);
+}
 
-.movie-details table div.react-select__control {background: none; border: 0px;margin:0}
-.movie-details table .css-1hwfws3 { padding:0px; }
+.text-input,
+input.form-control-plaintext {
+  background-color: none;
+}
+.movie-details .input-control,
+.text-input {
+  box-shadow: none;
+}
 
-.movie-details .form-group, .movie-details td { padding: 8px; }
-.movie-details .form-group td:nth-child(1), 
-.movie-details table tbody tr td:nth-child(1), td:first-child {padding-left: 12px; width: 120px;}
+.movie-details table {
+  margin-top: 20px;
+  background-color: rgba(15, 20, 30, 0.2);
+  border-radius: 10px 10px 0px 0px;
+  margin-bottom: 0;
+}
+.movie-details .form-group {
+  background-color: rgba(15, 20, 30, 0.2);
+  margin: 0;
+}
 
-.movie-details table tr:nth-child(odd) {     background-color: rgba(16,22,26,0.1); }
-.movie-details .form-group, .movie-details table td:nth-child(1) {color:#FFF; text-shadow: 1px 1px 1px #000;}
+.movie-details table div.react-select__control {
+  background: none;
+  border: 0px;
+  margin: 0;
+}
+.movie-details table .css-1hwfws3 {
+  padding: 0px;
+}
 
+.movie-details .form-group,
+.movie-details td {
+  padding: 8px;
+}
+.movie-details .form-group td:nth-child(1),
+.movie-details table tbody tr td:nth-child(1),
+td:first-child {
+  padding-left: 12px;
+  width: 120px;
+}
 
+.movie-details table tr:nth-child(odd) {
+  background-color: rgba(16, 22, 26, 0.1);
+}
+.movie-details .form-group,
+.movie-details table td:nth-child(1) {
+  color: #fff;
+  text-shadow: 1px 1px 1px #000;
+}
 
 /* --- 0.60 dev adjustments --- */
-.studio-details .studio-details, .movie-details .movie-details {background-color: rgba(15,20,30,0.20); border-radius: 10px; margin-bottom:15px; }
-.movie-details .movie-details dt.col-3 {padding:4px 0 4px 16px; width: 120px;}
-.movie-details .movie-details dd.col-9 {padding:4px 16px 4px 3px;}
+.studio-details .studio-details,
+.movie-details .movie-details {
+  background-color: rgba(15, 20, 30, 0.2);
+  border-radius: 10px;
+  margin-bottom: 15px;
+}
+.movie-details .movie-details dt.col-3 {
+  padding: 4px 0 4px 16px;
+  width: 120px;
+}
+.movie-details .movie-details dd.col-9 {
+  padding: 4px 16px 4px 3px;
+}
 .studio-details dl.details-list dt:nth-of-type(odd),
 .studio-details dl.details-list dd:nth-of-type(odd),
 .movie-details dl.details-list dt:nth-of-type(odd),
 .movie-details dl.details-list dd:nth-of-type(odd),
-.movie-details dl.row:nth-child(odd) { background-color: rgba(16,22,26,0.1); margin-right:0px; padding-left:14px;margin-bottom:5px}
-.movie-details dl.details-list dt, .movie-details dl.details-list dd {padding-left: 7px;}
-.movie-details dl.details-list { grid-column-gap: 0}
-.studio-details h2, .movie-details .movie-details h2 {	font-family: var(--HeaderFont);font-weight:bold;text-shadow: var(--std-txt-shadow);padding:7px 0 5px 12px;}
-
-.movie-details .movie-images {margin:0 5px 20px 5px;}
-.movie-details .movie-images img {border-radius: 14px; max-height:580px;}
-.movie-details .movie-image-container{
-	margin:0.3rem;
-	margin-right:0.8rem;
-	background-color: rgba(0, 0, 0, .48);
-	box-shadow: 6px 6px 11px rgba(0, 10, 10, .62);
+.movie-details dl.row:nth-child(odd) {
+  background-color: rgba(16, 22, 26, 0.1);
+  margin-right: 0px;
+  padding-left: 14px;
+  margin-bottom: 5px;
+}
+.movie-details dl.details-list dt,
+.movie-details dl.details-list dd {
+  padding-left: 7px;
+}
+.movie-details dl.details-list {
+  grid-column-gap: 0;
+}
+.studio-details h2,
+.movie-details .movie-details h2 {
+  font-family: var(--HeaderFont);
+  font-weight: bold;
+  text-shadow: var(--std-txt-shadow);
+  padding: 7px 0 5px 12px;
 }
 
-form#movie-edit { margin-bottom:15px}
-
-
-
-
+.movie-details .movie-images {
+  margin: 0 5px 20px 5px;
+}
+.movie-details .movie-images img {
+  border-radius: 14px;
+  max-height: 580px;
+}
+.movie-details .movie-image-container {
+  margin: 0.3rem;
+  margin-right: 0.8rem;
+  background-color: rgba(0, 0, 0, 0.48);
+  box-shadow: 6px 6px 11px rgba(0, 10, 10, 0.62);
+}
 
+form#movie-edit {
+  margin-bottom: 15px;
+}
 
 /* ==============  IMAGES ==============  */
 
 div.image-card .rating-banner {
-	font-size: .002rem;
-	padding: 8px 41px 6px;
-	line-height: 1.1rem;
-	transform: rotate(0deg);
-	padding: 0;
-	left: 3px;
-	top: 72% !important;
-	height: 25px;
-	background-size: 135px 25px;
-	background-position: left;
-}
-
-div.image-card .rating-1 {width:28px}
-div.image-card .rating-2 {width:55px}
-div.image-card .rating-3 {width:83px} 
-div.image-card .rating-4 {width:110px}  
-div.image-card .rating-5 {width:138px}
-
-div.image-card .rating-5 {
-	background:none;
-	background-image:var(--stars);
-	height: 25px;
-	background-size: 135px 25px;
+  font-size: 0.002rem;
+  padding: 8px 41px 6px;
+  line-height: 1.1rem;
+  transform: rotate(0deg);
+  padding: 0;
+  left: 3px;
+  top: 72% !important;
+  height: 25px;
+  background-size: 135px 25px;
+  background-position: left;
 }
 
-div.image-card .scene-popovers, div.image-card .card-popovers {
-	margin-top: -2px;
-	justify-content: flex-end;
+div.image-card .rating-1 {
+  width: 28px;
 }
-div.image-card hr, .scene-card.card>hr{
-	border-top: 0px solid rgba(0,0,0,.1); 
+div.image-card .rating-2 {
+  width: 55px;
+}
+div.image-card .rating-3 {
+  width: 83px;
+}
+div.image-card .rating-4 {
+  width: 110px;
+}
+div.image-card .rating-5 {
+  width: 138px;
 }
 
+div.image-card .rating-5 {
+  background: none;
+  background-image: var(--stars);
+  height: 25px;
+  background-size: 135px 25px;
+}
 
-
-
-
-
+div.image-card .scene-popovers,
+div.image-card .card-popovers {
+  margin-top: -2px;
+  justify-content: flex-end;
+}
+div.image-card hr,
+.scene-card.card > hr {
+  border-top: 0px solid rgba(0, 0, 0, 0.1);
+}
 
 /* ==============  GALLERIES ==============  */
 
-div.gallery-card hr, .scene-card.card>hr{
-	border-top: 0px solid rgba(0,0,0,.1); 
+div.gallery-card hr,
+.scene-card.card > hr {
+  border-top: 0px solid rgba(0, 0, 0, 0.1);
 }
 
 div.gallery-card .rating-banner {
-	font-size: .002rem;
-	padding: 8px 41px 6px;
-	line-height: 1.1rem;
-	transform: rotate(0deg);
-	padding: 0;
-	left: 3px;
-	top: 70% !important;
-	height: 25px;
-	background-size: 135px 25px;
-	background-position: left;
-}
-
-div.gallery-card .rating-1 {width:28px}
-div.gallery-card .rating-2 {width:55px}
-div.gallery-card .rating-3 {width:83px} 
-div.gallery-card .rating-4 {width:110px}  
-div.gallery-card .rating-5 {width:138px}
+  font-size: 0.002rem;
+  padding: 8px 41px 6px;
+  line-height: 1.1rem;
+  transform: rotate(0deg);
+  padding: 0;
+  left: 3px;
+  top: 70% !important;
+  height: 25px;
+  background-size: 135px 25px;
+  background-position: left;
+}
 
+div.gallery-card .rating-1 {
+  width: 28px;
+}
+div.gallery-card .rating-2 {
+  width: 55px;
+}
+div.gallery-card .rating-3 {
+  width: 83px;
+}
+div.gallery-card .rating-4 {
+  width: 110px;
+}
 div.gallery-card .rating-5 {
-	background:none;
-	background-image:var(--stars);
-	height: 25px;
-	background-size: 135px 25px;
+  width: 138px;
 }
 
-div.gallery-card .scene-popovers, div.gallery-card .card-popovers {
-	margin-bottom: -8px;
-	margin-top: -24px; 
-	justify-content: flex-end;
+div.gallery-card .rating-5 {
+  background: none;
+  background-image: var(--stars);
+  height: 25px;
+  background-size: 135px 25px;
 }
 
-
-
-
-
-
-
+div.gallery-card .scene-popovers,
+div.gallery-card .card-popovers {
+  margin-bottom: -8px;
+  margin-top: -24px;
+  justify-content: flex-end;
+}
 
 /* ==============  MISC ==============  */
 
-.svg-inline--fa.fa-w-18 {width: 1.4em;}
+.svg-inline--fa.fa-w-18 {
+  width: 1.4em;
+}
 
 /* --- Makes the Zoom Slider on the Scenes, Images, Galleries and Tags pages longer and therefore easier to use --- */
-input[type=range].zoom-slider{ max-width:140px;width:140px; }
+input[type="range"].zoom-slider {
+  max-width: 140px;
+  width: 140px;
+}
 
 /* --- Changes the zoom slider color --- */
-input[type=range]::-webkit-slider-runnable-track {background-color: #88afcc !important;}
-
+input[type="range"]::-webkit-slider-runnable-track {
+  background-color: #88afcc !important;
+}
 
 .tag-details .logo {
-    background-color: rgba(0, 0, 0, .48);
-    box-shadow: 3px 3px 5px rgba(0, 0, 0, .42);
-    border-radius: 9px !important;
+  background-color: rgba(0, 0, 0, 0.48);
+  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.42);
+  border-radius: 9px !important;
 }
 
 .search-item {
-    background-color: none;
-    background-color: rgba(16,22,26,0.27);
+  background-color: none;
+  background-color: rgba(16, 22, 26, 0.27);
 }
 
-.btn-secondary.disabled, .btn-secondary:disabled {
-    background-color: none;
-    background-color: rgba(16,22,26,0.67);
+.btn-secondary.disabled,
+.btn-secondary:disabled {
+  background-color: none;
+  background-color: rgba(16, 22, 26, 0.67);
 }
 
 /* --- Edit & Delete buttons when clicking on a studio, tag or movie --- */
-.details-edit {margin-left:3%}
+.details-edit {
+  margin-left: 3%;
+}
 
 /* --- Adds a text shadow to the statistics on the startpage --- */
 .stats .title {
-	color:#fff;
-	text-shadow: 2px 2px 4px #282828;
+  color: #fff;
+  text-shadow: 2px 2px 4px #282828;
 }
 
-
 .popover {
-	padding:2px;
-	background-color: rgba(5,30,35,0.85); 
-	box-shadow: 3px 3px 6px rgba(20, 20, 20, .8);
+  padding: 2px;
+  background-color: rgba(5, 30, 35, 0.85);
+  box-shadow: 3px 3px 6px rgba(20, 20, 20, 0.8);
 }
 .hover-popover-content {
-	background-image: linear-gradient(160deg, rgba(230,255,240,0.80), rgba(120,130,155, 0.45), rgba(180,190,225, 0.45), rgba(120,130,165, 0.55), rgba(255,235,235,0.70)); 
-	background-color: rgba(205,210,225,0.31) !important; 
+  background-image: linear-gradient(
+    160deg,
+    rgba(230, 255, 240, 0.8),
+    rgba(120, 130, 155, 0.45),
+    rgba(180, 190, 225, 0.45),
+    rgba(120, 130, 165, 0.55),
+    rgba(255, 235, 235, 0.7)
+  );
+  background-color: rgba(205, 210, 225, 0.31) !important;
 }
 
 .tag-item {
-	font: normal 13px "Lucida Grande", sans-serif, Arial, Verdana;
-	background-image: linear-gradient(210deg, rgba(30,95,140,0.36), rgba(10,60,95, 0.45), rgba(20,65,105, 0.83), rgba(5,90,140,0.35)); 
-	background-color: rgba(60,120,230,0.8); 
-	color: #fff;
-	letter-spacing: 0.07rem;
-	line-height: 18px;
-	margin: 3px 3px;
-	padding: 6px 8px;
+  font:
+    normal 13px "Lucida Grande",
+    sans-serif,
+    Arial,
+    Verdana;
+  background-image: linear-gradient(
+    210deg,
+    rgba(30, 95, 140, 0.36),
+    rgba(10, 60, 95, 0.45),
+    rgba(20, 65, 105, 0.83),
+    rgba(5, 90, 140, 0.35)
+  );
+  background-color: rgba(60, 120, 230, 0.8);
+  color: #fff;
+  letter-spacing: 0.07rem;
+  line-height: 18px;
+  margin: 3px 3px;
+  padding: 6px 8px;
 }
 
 /* --- Adjust the lengths of the Performer, Movies and Tags fields while editing a scene while the scene plays --- */
 #scene-edit-details .col-sm-9 {
-    flex: 0 0 100%;
-    max-width: 100%;
+  flex: 0 0 100%;
+  max-width: 100%;
 }
 
 /* --- Cuts the name of Performers, Movies and Tags short if they go longer than the length of the field --- */
@@ -1219,612 +1871,958 @@ div.react-select__control .react-select__multi-value {
   text-overflow: ellipsis;
 }
 
-
-
-
 /* --- several Performer and Scene Scaping changes --- */
-.modal-content, .modal-lg, .modal-xl  {
-	max-width: 1400px; 
-	width:100%;
-} 
+.modal-content,
+.modal-lg,
+.modal-xl {
+  max-width: 1400px;
+  width: 100%;
+}
 
-.modal-header, .modal-body, .modal-footer {	background: rgba(10,120,170,0.94);}
-.performer-create-modal {max-width:1300px;}
+.modal-header,
+.modal-body,
+.modal-footer {
+  background: rgba(10, 120, 170, 0.94);
+}
+.performer-create-modal {
+  max-width: 1300px;
+}
 
-.modal-body .col-form-label, .modal-body .col-6, .modal-footer, .modal-header .col-form-label {text-shadow: var(--std-txt-shadow);}
+.modal-body .col-form-label,
+.modal-body .col-6,
+.modal-footer,
+.modal-header .col-form-label {
+  text-shadow: var(--std-txt-shadow);
+}
 
-.modal-body .col-6 strong {font-weight: normal; font-size:14px}
-.modal-body .no-gutters {margin-bottom: 8px}
+.modal-body .col-6 strong {
+  font-weight: normal;
+  font-size: 14px;
+}
+.modal-body .no-gutters {
+  margin-bottom: 8px;
+}
 
 .modal-body .dialog-container .col-lg-3 {
-	flex: 0 0 12%;
-	max-width: 12%;
-	text-shadow: var(--std-txt-shadow);
+  flex: 0 0 12%;
+  max-width: 12%;
+  text-shadow: var(--std-txt-shadow);
 }
 
-.modal-body .dialog-container .offset-lg-3{margin-left:12%;} 
-.modal-body .dialog-container .col-lg-9{flex:0 0 88%; max-width:88%;} 
-
-
-.input-control, .input-control:disabled, .input-control:focus, .modal-body div.react-select__control, .modal-body .form-control {
-	background: rgba(15,15,20,0.36);
+.modal-body .dialog-container .offset-lg-3 {
+  margin-left: 12%;
+}
+.modal-body .dialog-container .col-lg-9 {
+  flex: 0 0 88%;
+  max-width: 88%;
 }
 
+.input-control,
+.input-control:disabled,
+.input-control:focus,
+.modal-body div.react-select__control,
+.modal-body .form-control {
+  background: rgba(15, 15, 20, 0.36);
+}
 
-.scraper-table tr:nth-child(2n) {    background: rgba(15,15,20,0.18);}
-
-.nav-pills .nav-link.active, .nav-pills .show>.nav-link { 	background: rgba(15,15,20,0.50);}
-
+.scraper-table tr:nth-child(2n) {
+  background: rgba(15, 15, 20, 0.18);
+}
 
-.btn-secondary:not(:disabled):not(.disabled).active, 
-.btn-secondary:not(:disabled):not(.disabled):active, 
-.show>.btn-secondary.dropdown-toggle { 	background: rgba(15,15,20,0.50);}
+.nav-pills .nav-link.active,
+.nav-pills .show > .nav-link {
+  background: rgba(15, 15, 20, 0.5);
+}
 
+.btn-secondary:not(:disabled):not(.disabled).active,
+.btn-secondary:not(:disabled):not(.disabled):active,
+.show > .btn-secondary.dropdown-toggle {
+  background: rgba(15, 15, 20, 0.5);
+}
 
 /* --- Background when searching for a scene in Tagger view --- */
-.search-result { 	background: rgba(0,0,0,0.21);}
-.selected-result { 	background: rgba(25,95,25,0.24); color:#fff}
+.search-result {
+  background: rgba(0, 0, 0, 0.21);
+}
+.selected-result {
+  background: rgba(25, 95, 25, 0.24);
+  color: #fff;
+}
 /*.search-result:hover { background: rgba(12,62,75,0.25);}*/
-.search-result:hover  { 	background: rgba(25,122,25,0.33);}
-
-
-.markdown table tr:nth-child(2n) {background: rgba(25,20,25,0.20);}
-.markdown code, .markdown blockquote, .markdown pre {background: rgba(25,20,25,0.30);}
+.search-result:hover {
+  background: rgba(25, 122, 25, 0.33);
+}
 
+.markdown table tr:nth-child(2n) {
+  background: rgba(25, 20, 25, 0.2);
+}
+.markdown code,
+.markdown blockquote,
+.markdown pre {
+  background: rgba(25, 20, 25, 0.3);
+}
 
 /* --- Changes the size of the Custom CSS field in the settings --- */
-#configuration-tabs-tabpane-interface textarea.text-input { min-width:60ex; max-width:55vw !important; min-height:50ex;}
-
-
-div.dropdown-menu,div.react-select__menu{background-color:rgba(35,37,44,0.55);color:#f5f8fa}
+#configuration-tabs-tabpane-interface textarea.text-input {
+  min-width: 60ex;
+  max-width: 55vw !important;
+  min-height: 50ex;
+}
 
-div.dropdown-menu .dropdown-item, div.dropdown-menu .react-select__option, div.react-select__menu .dropdown-item, div.react-select__menu .react-select__option
-{color:#f5f8fa;background-color:rgba(35,37,44,0.55);}
+div.dropdown-menu,
+div.react-select__menu {
+  background-color: rgba(35, 37, 44, 0.55);
+  color: #f5f8fa;
+}
 
-div.dropdown-menu .dropdown-item:focus,div.dropdown-menu .dropdown-item:hover,div.dropdown-menu .react-select__option--is-focused,div.react-select__menu .dropdown-item:focus,div.react-select__menu .dropdown-item:hover,div.react-select__menu .react-select__option--is-focused{background-color:rgba(24,130,195,0.85)}
+div.dropdown-menu .dropdown-item,
+div.dropdown-menu .react-select__option,
+div.react-select__menu .dropdown-item,
+div.react-select__menu .react-select__option {
+  color: #f5f8fa;
+  background-color: rgba(35, 37, 44, 0.55);
+}
 
+div.dropdown-menu .dropdown-item:focus,
+div.dropdown-menu .dropdown-item:hover,
+div.dropdown-menu .react-select__option--is-focused,
+div.react-select__menu .dropdown-item:focus,
+div.react-select__menu .dropdown-item:hover,
+div.react-select__menu .react-select__option--is-focused {
+  background-color: rgba(24, 130, 195, 0.85);
+}
 
 .toast-container {
-    left: 74%;
-    top: 1rem;
+  left: 74%;
+  top: 1rem;
 }
 
 /* --- Settings / About adjustments --- */
-#configuration-tabs-tabpane-about .table {width:100%}
-#configuration-tabs-tabpane-about .table td {padding-top:18px}
-
+#configuration-tabs-tabpane-about .table {
+  width: 100%;
+}
+#configuration-tabs-tabpane-about .table td {
+  padding-top: 18px;
+}
 
 #queue-viewer .current {
-    background-color: rgba(15,20,30,0.30);
+  background-color: rgba(15, 20, 30, 0.3);
 }
 
 /* Folder when doing selective scan or configuration */
-.input-group .form-control {color: #d9f0f7; }
-
-
-div.modal-body b, .form-label h6 {text-shadow: var(--std-txt-shadow);}
+.input-group .form-control {
+  color: #d9f0f7;
+}
 
+div.modal-body b,
+.form-label h6 {
+  text-shadow: var(--std-txt-shadow);
+}
 
-.modal-body .btn-primary:not(:disabled):not(.disabled).active, .modal-body .btn-primary:not(:disabled):not(.disabled):active {
-color: #fff; 
-     background-color: #008558; 
-     border-color: #0d5683;
+.modal-body .btn-primary:not(:disabled):not(.disabled).active,
+.modal-body .btn-primary:not(:disabled):not(.disabled):active {
+  color: #fff;
+  background-color: #008558;
+  border-color: #0d5683;
 }
 
 .modal-body .btn-primary {
-    color: #fff;
-    background-color: #666;
-    border-color: #666;
+  color: #fff;
+  background-color: #666;
+  border-color: #666;
 }
 
-.input-group-prepend div.dropdown-menu
-{
-	background: rgba(50,90,105,0.94);
-	padding:15px;
-	box-shadow: 2px 2px 6px rgba(0, 0, 0, .70);
+.input-group-prepend div.dropdown-menu {
+  background: rgba(50, 90, 105, 0.94);
+  padding: 15px;
+  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.7);
 }
 
-.saved-filter-list .dropdown-item-container .dropdown-item {margin-top:3px;}
-.set-as-default-button {margin-top: 8px;}
-
-
+.saved-filter-list .dropdown-item-container .dropdown-item {
+  margin-top: 3px;
+}
+.set-as-default-button {
+  margin-top: 8px;
+}
 
 /* --- Specific Light Modifications --- */
 
-a.minimal, button.minimal {
-	color: #fff;
-    	text-shadow: 1px 1px 2px #000;
+a.minimal,
+button.minimal {
+  color: #fff;
+  text-shadow: 1px 1px 2px #000;
 }
 
-.top-nav a.minimal, .top-nav button.minimal {
-	color: #333;
-    	text-shadow: 1px 1px 2px #ddd;
+.top-nav a.minimal,
+.top-nav button.minimal {
+  color: #333;
+  text-shadow: 1px 1px 2px #ddd;
 }
 
-.top-nav { box-shadow: 2px 2px 6px rgba(120, 150, 160, .55)}
-
-
-.pagination .btn:last-child {border-right: 1px solid #202b33;}
-.pagination .btn:first-child {border-left: 1px solid #202b33;}
-
-.nav-tabs .nav-link { color: #000038;}
-
+.top-nav {
+  box-shadow: 2px 2px 6px rgba(120, 150, 160, 0.55);
+}
 
-.scene-card .card-section {color:#fff;text-shadow: 0px 0px 1px #111;}
-.changelog-version, .tab-content {color: #fff}
-.tab-content .bg-dark {color:#fff} 
+.pagination .btn:last-child {
+  border-right: 1px solid #202b33;
+}
+.pagination .btn:first-child {
+  border-left: 1px solid #202b33;
+}
 
-#performer-details-tabpane-details {color: #000}
-.scraper-table a {color:#dde}
-.image-tabs, .gallery-tabs, .scene-tabs  {
-	background-image: linear-gradient(130deg, rgba(60, 70, 85,0.21), rgba(150, 155, 160,0.30), rgba(35, 40, 45,0.22), rgba(160, 160, 165,0.21), rgba(50, 60, 65,0.30)); 
-	background-color: rgba(106, 120, 125, .29); 
+.nav-tabs .nav-link {
+  color: #000038;
 }
 
-.table-striped.table-bordered, .table-striped.table-bordered a {color:#000}
+.scene-card .card-section {
+  color: #fff;
+  text-shadow: 0px 0px 1px #111;
+}
+.changelog-version,
+.tab-content {
+  color: #fff;
+}
+.tab-content .bg-dark {
+  color: #fff;
+}
 
-.nav-tabs .nav-link.active { color: #2866d0;}
+#performer-details-tabpane-details {
+  color: #000;
+}
+.scraper-table a {
+  color: #dde;
+}
+.image-tabs,
+.gallery-tabs,
+.scene-tabs {
+  background-image: linear-gradient(
+    130deg,
+    rgba(60, 70, 85, 0.21),
+    rgba(150, 155, 160, 0.3),
+    rgba(35, 40, 45, 0.22),
+    rgba(160, 160, 165, 0.21),
+    rgba(50, 60, 65, 0.3)
+  );
+  background-color: rgba(106, 120, 125, 0.29);
+}
 
-.PerformerScrapeModal-list .btn-link { color: #a9d0ff;}
+.table-striped.table-bordered,
+.table-striped.table-bordered a {
+  color: #000;
+}
 
-.tab-content .scene-file-info a {color: #cde}
+.nav-tabs .nav-link.active {
+  color: #2866d0;
+}
 
-.grid-card .card-check { top:.9rem;width: 1.5rem;}
-.LoadingIndicator .spinner-border, .LoadingIndicator-message { color:#37e}
+.PerformerScrapeModal-list .btn-link {
+  color: #a9d0ff;
+}
 
+.tab-content .scene-file-info a {
+  color: #cde;
+}
 
-.btn-group>.btn-group:not(:last-child)>.btn, .btn-group>.btn:not(:last-child):not(.dropdown-toggle),
-.pagination .btn-group>.btn:first-child:not(.dropdown-toggle) {border-left: 1px solid #394b59;}    
-.btn-group>.btn-group:not(:first-child), .btn-group>.btn:not(:first-child) {border-right: 1px solid #394b59;}
+.grid-card .card-check {
+  top: 0.9rem;
+  width: 1.5rem;
+}
+.LoadingIndicator .spinner-border,
+.LoadingIndicator-message {
+  color: #37e;
+}
 
+.btn-group > .btn-group:not(:last-child) > .btn,
+.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
+.pagination .btn-group > .btn:first-child:not(.dropdown-toggle) {
+  border-left: 1px solid #394b59;
+}
+.btn-group > .btn-group:not(:first-child),
+.btn-group > .btn:not(:first-child) {
+  border-right: 1px solid #394b59;
+}
 
 div.gallery-card.grid-card.card p div.TruncatedText,
-div.movie-card.grid-card.card hr, div.movie-card.grid-card.card p {display:none}
-
+div.movie-card.grid-card.card hr,
+div.movie-card.grid-card.card p {
+  display: none;
+}
 
 /* --- Spacing out the paginationIndex --- */
-.paginationIndex {color:#f3f3f3;margin-bottom:8px}
-.paginationIndex .scenes-stats, .images-stats {margin-top:-3px; color:#aaaab9}
-.paginationIndex .scenes-stats:before, .images-stats:before
-{
-	font-size: 16px;
-	margin-left:18px;
-	margin-right:12px;
-	color:#ccc;
-	content: "-";
+.paginationIndex {
+  color: #f3f3f3;
+  margin-bottom: 8px;
+}
+.paginationIndex .scenes-stats,
+.images-stats {
+  margin-top: -3px;
+  color: #aaaab9;
+}
+.paginationIndex .scenes-stats:before,
+.images-stats:before {
+  font-size: 16px;
+  margin-left: 18px;
+  margin-right: 12px;
+  color: #ccc;
+  content: "-";
 }
 
 /* --- Overhaul of the Popoup Edit Boxes --- */
 @media (min-width: 576px) {
-	#setting-dialog .modal-content .modal-body textarea {min-height:350px; height:75vh !important}
-	.modal-dialog {max-width: 880px}
-	.modal-dialog .modal-content .form-group .multi-set {width:82%;margin-top:12px; flex: 0 0 82%; max-width:82%;}
-	.modal-dialog .modal-content .form-group .col-9 {flex: 0 0 82%;max-width: 82%;}
-	.modal-dialog .modal-content .col-3 {    flex: 0 0 18%; max-width: 18%;}
-	.modal-dialog .modal-content .form-group > .form-label {margin-top:0px;flex: 0 0 18%;    max-width: 18%;text-shadow: var(--std-txt-shadow);}
-	.modal-dialog .modal-content .form-group {display: flex; flex-wrap: wrap;}
-	.modal-dialog .modal-content .btn-group>.btn:not(:first-child), .btn-group>.btn-group:not(:first-child) {margin-left: 2px}
-	.modal-dialog .modal-content .form-label[for~="movies"],
-	.modal-dialog .modal-content .form-label[for~="tags"],
-	.modal-dialog .modal-content .form-label[for~="performers"] {margin-top:48px;}
-	.modal-dialog .modal-content .button-group-above {margin-left:9px}
-	.modal-dialog .scraper-sources.form-group h5 {margin-top:20px}
-	.modal-dialog .modal-content .field-options-table {width:98%}
+  #setting-dialog .modal-content .modal-body textarea {
+    min-height: 350px;
+    height: 75vh !important;
+  }
+  .modal-dialog {
+    max-width: 880px;
+  }
+  .modal-dialog .modal-content .form-group .multi-set {
+    width: 82%;
+    margin-top: 12px;
+    flex: 0 0 82%;
+    max-width: 82%;
+  }
+  .modal-dialog .modal-content .form-group .col-9 {
+    flex: 0 0 82%;
+    max-width: 82%;
+  }
+  .modal-dialog .modal-content .col-3 {
+    flex: 0 0 18%;
+    max-width: 18%;
+  }
+  .modal-dialog .modal-content .form-group > .form-label {
+    margin-top: 0px;
+    flex: 0 0 18%;
+    max-width: 18%;
+    text-shadow: var(--std-txt-shadow);
+  }
+  .modal-dialog .modal-content .form-group {
+    display: flex;
+    flex-wrap: wrap;
+  }
+  .modal-dialog .modal-content .btn-group > .btn:not(:first-child),
+  .btn-group > .btn-group:not(:first-child) {
+    margin-left: 2px;
+  }
+  .modal-dialog .modal-content .form-label[for~="movies"],
+  .modal-dialog .modal-content .form-label[for~="tags"],
+  .modal-dialog .modal-content .form-label[for~="performers"] {
+    margin-top: 48px;
+  }
+  .modal-dialog .modal-content .button-group-above {
+    margin-left: 9px;
+  }
+  .modal-dialog .scraper-sources.form-group h5 {
+    margin-top: 20px;
+  }
+  .modal-dialog .modal-content .field-options-table {
+    width: 98%;
+  }
 
-	.modal-dialog.modal-lg .modal-content .form-group {display: inline;}
+  .modal-dialog.modal-lg .modal-content .form-group {
+    display: inline;
+  }
 }
 
-
-
-
-
-
-
 /* ==============  SETTINGS ==============  */
 
-
-
 #settings-container {
-	padding-left:230px;
-	background-image: none !important;
-	background-color: rgba(16, 20, 25, .40) !important;
-	box-shadow: 2px 2px 7px rgb(0 0 0 / 75%);
-	border-radius: 10px;
-	padding-top:25px;
-	min-height:450px;
+  padding-left: 230px;
+  background-image: none !important;
+  background-color: rgba(16, 20, 25, 0.4) !important;
+  box-shadow: 2px 2px 7px rgb(0 0 0 / 75%);
+  border-radius: 10px;
+  padding-top: 25px;
+  min-height: 450px;
 }
 
 #settings-container .card {
-	margin-bottom:25px;
-	background-image: none !important;
-	background-color: rgba(16, 20, 25, .00);
-	box-shadow: 0px 0px 0px rgb(0 0 0 / 75%);
-	border-radius: 0px;
+  margin-bottom: 25px;
+  background-image: none !important;
+  background-color: rgba(16, 20, 25, 0);
+  box-shadow: 0px 0px 0px rgb(0 0 0 / 75%);
+  border-radius: 0px;
 }
 
-#settings-container .bg-dark {background-color: rgba(16, 20, 25, .12) !important;}
-
-.form-group>.form-group {margin-top:0.5em; margin-bottom: 0.5rem}
-
-
-#configuration-tabs-tabpane-tasks>.form-group {margin-bottom:2rem; margin-top:1em}
-
-#configuration-tabs-tabpane-tasks h6 {     margin-top:3.5em; font-weight:bold; margin-bottom:1em;  }
-#configuration-tabs-tabpane-tasks h5 {     margin-top:2.0em; font-weight:bold; 	letter-spacing: 0.09rem; }
-
-.form-group h4 {margin-top:2em}
-
-
-#parser-container.mx-auto {max-width:1400px;margin-right:auto !important}
-.scene-parser-row .parser-field-title {width: 62ch}
+#settings-container .bg-dark {
+  background-color: rgba(16, 20, 25, 0.12) !important;
+}
 
+.form-group > .form-group {
+  margin-top: 0.5em;
+  margin-bottom: 0.5rem;
+}
 
+#configuration-tabs-tabpane-tasks > .form-group {
+  margin-bottom: 2rem;
+  margin-top: 1em;
+}
 
-.mx-auto {margin-right: 1% !important}
-.mx-auto.card .row .col-md-2 .flex-column { position:fixed;min-height:400px}
-.mx-auto.card>.row {min-height:360px}
+#configuration-tabs-tabpane-tasks h6 {
+  margin-top: 3.5em;
+  font-weight: bold;
+  margin-bottom: 1em;
+}
+#configuration-tabs-tabpane-tasks h5 {
+  margin-top: 2em;
+  font-weight: bold;
+  letter-spacing: 0.09rem;
+}
 
-.loading-indicator {opacity:80%; zoom:2}
+.form-group h4 {
+  margin-top: 2em;
+}
 
+#parser-container.mx-auto {
+  max-width: 1400px;
+  margin-right: auto !important;
+}
+.scene-parser-row .parser-field-title {
+  width: 62ch;
+}
 
+.mx-auto {
+  margin-right: 1% !important;
+}
+.mx-auto.card .row .col-md-2 .flex-column {
+  position: fixed;
+  min-height: 400px;
+}
+.mx-auto.card > .row {
+  min-height: 360px;
+}
 
+.loading-indicator {
+  opacity: 80%;
+  zoom: 2;
+}
 
 /* --- Settings - Tasks ------------------------------------------------------------------------------------- */
 
-
-#configuration-tabs-tabpane-tasks>.form-group .card {
-    padding: 20px;
-    margin: 4px 0.40% 14px;
-    background-image: none;
-    background-color: rgba(16, 20, 25, .00);
-    box-shadow: none;
-    border-radius: 10px;
+#configuration-tabs-tabpane-tasks > .form-group .card {
+  padding: 20px;
+  margin: 4px 0.4% 14px;
+  background-image: none;
+  background-color: rgba(16, 20, 25, 0);
+  box-shadow: none;
+  border-radius: 10px;
 }
 
-#tasks-panel h1 {margin-top: 3em}
-.setting-section h1, #tasks-panel h1 {font-size: 1.55rem; max-width:180px}
-
+#tasks-panel h1 {
+  margin-top: 3em;
+}
+.setting-section h1,
+#tasks-panel h1 {
+  font-size: 1.55rem;
+  max-width: 180px;
+}
 
 @media (min-width: 576px) and (min-height: 600px) {
-#tasks-panel .tasks-panel-queue {
+  #tasks-panel .tasks-panel-queue {
     background: none !important;
     margin-top: -2.6rem;
-    padding-bottom: .25rem;
+    padding-bottom: 0.25rem;
     padding-top: 0rem;
     position: relative;
     top: 0rem;
     z-index: 2;
+  }
 }
-}
-
-#tasks-panel hr {border-top: 0px solid rgba(140,142,160,.38);}
-#tasks-panel h1 {margin-top:1.8em;}
-#tasks-panel h1 {margin-top:0.8em;}
 
-#configuration-tabs-tabpane-tasks {margin-top:40px}
-
-#configuration-tabs-tabpane-tasks .form-group:last-child .setting-section .setting div:last-child {
-    margin-right: 0% !important;
-    margin-left: 0px;
-    margin-top: 2px;
+#tasks-panel hr {
+  border-top: 0px solid rgba(140, 142, 160, 0.38);
+}
+#tasks-panel h1 {
+  margin-top: 1.8em;
+}
+#tasks-panel h1 {
+  margin-top: 0.8em;
 }
 
-#configuration-tabs-tabpane-tasks .setting-section .sub-heading {margin-bottom:1em}
-#configuration-tabs-tabpane-tasks .setting-section .collapsible-section  {margin-bottom:3em}
-#configuration-tabs-tabpane-tasks #video-preview-settings  button { width:250px;margin-top:22px;margin-left:-57px}
-#configuration-tabs-tabpane-tasks .tasks-panel-tasks .setting-section:nth-child(3) {margin-top:5em}
-
-.tasks-panel-tasks .setting a { color: #ccccd3;}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+#configuration-tabs-tabpane-tasks {
+  margin-top: 40px;
+}
 
+#configuration-tabs-tabpane-tasks
+  .form-group:last-child
+  .setting-section
+  .setting
+  div:last-child {
+  margin-right: 0% !important;
+  margin-left: 0px;
+  margin-top: 2px;
+}
 
+#configuration-tabs-tabpane-tasks .setting-section .sub-heading {
+  margin-bottom: 1em;
+}
+#configuration-tabs-tabpane-tasks .setting-section .collapsible-section {
+  margin-bottom: 3em;
+}
+#configuration-tabs-tabpane-tasks #video-preview-settings button {
+  width: 250px;
+  margin-top: 22px;
+  margin-left: -57px;
+}
+#configuration-tabs-tabpane-tasks
+  .tasks-panel-tasks
+  .setting-section:nth-child(3) {
+  margin-top: 5em;
+}
 
+.tasks-panel-tasks .setting a {
+  color: #ccccd3;
+}
 
 @media (min-width: 1000px) {
-	#settings-container .card {margin-top:-43px; margin-left:255px}
+  #settings-container .card {
+    margin-top: -43px;
+    margin-left: 255px;
+  }
 }
 
-
-
 #settings-container .col-form-label {
-    padding-top: calc(.55rem);
-    padding-bottom: calc(.55rem);
+  padding-top: calc(0.55rem);
+  padding-bottom: calc(0.55rem);
 }
 
-.setting-section .setting-group>.setting:not(:first-child), .setting-section .setting-group .collapsible-section .setting {
-    margin-left: 4rem; 
+.setting-section .setting-group > .setting:not(:first-child),
+.setting-section .setting-group .collapsible-section .setting {
+  margin-left: 4rem;
 }
 
-
-
 .setting-section .setting h3 {
-    font-size: 1.4rem;
-    margin:0.6em 0 0.4em;
-    
+  font-size: 1.4rem;
+  margin: 0.6em 0 0.4em;
 }
 
-.setting-section:not(:first-child) {margin-top: 1em}
-.setting-section .setting-group>.setting:not(:first-child).sub-setting, .setting-section .setting-group .collapsible-section .setting.sub-setting {    padding-left: 3rem;}
-
-
+.setting-section:not(:first-child) {
+  margin-top: 1em;
+}
+.setting-section .setting-group > .setting:not(:first-child).sub-setting,
+.setting-section .setting-group .collapsible-section .setting.sub-setting {
+  padding-left: 3rem;
+}
 
 @media (min-width: 1200px) {
-	.offset-xl-2 {
-		max-width:1250px;
-		margin-left:15%;
-		margin-right:auto;
-	}
+  .offset-xl-2 {
+    max-width: 1250px;
+    margin-left: 15%;
+    margin-right: auto;
+  }
 
-	#settings-container .tab-content, .mx-auto {	max-width: none;}
+  #settings-container .tab-content,
+  .mx-auto {
+    max-width: none;
+  }
 }
 
-
 .setting-section .setting:not(:last-child) {
-    border-bottom: 0px solid #000;
+  border-bottom: 0px solid #000;
 }
 
-
-
-
 .job-table.card {
-	margin-top:-32px !important;
-	background-color: rgba(16, 20, 25, .20) !important;
-	border-radius: 10px !important;
+  margin-top: -32px !important;
+  background-color: rgba(16, 20, 25, 0.2) !important;
+  border-radius: 10px !important;
 }
 
-
-
-
-
-
-.custom-switch {padding-left:2.25rem}
+.custom-switch {
+  padding-left: 2.25rem;
+}
 .custom-control {
-    min-height: 1.5rem;
-    padding-left: 0.5rem;
-    margin-right:1em;
+  min-height: 1.5rem;
+  padding-left: 0.5rem;
+  margin-right: 1em;
 }
 
-.custom-control-input:checked~.custom-control-label:before {
-    color: rgb(0 0 0 / 0%);
-    border-color: rgb(0 0 0 / 0%);
-    background-color: rgb(0 0 0 / 0%);
+.custom-control-input:checked ~ .custom-control-label:before {
+  color: rgb(0 0 0 / 0%);
+  border-color: rgb(0 0 0 / 0%);
+  background-color: rgb(0 0 0 / 0%);
 }
 
 .custom-switch .custom-control-label:before {
-    pointer-events: auto;
-    border-radius: 0;
+  pointer-events: auto;
+  border-radius: 0;
 }
 
-.custom-switch .custom-control-input:checked~.custom-control-label:after {
-    background-color: blue;
-    transform: auto;
+.custom-switch .custom-control-input:checked ~ .custom-control-label:after {
+  background-color: blue;
+  transform: auto;
 }
 
 .custom-switch .custom-control-label:after {
-    top: auto;
-    left: auto;
-    width: auto;
-    height: auto;
-    background-color: blue;
-    border-radius: 0;
-    transform: none;
-    transition: none;
+  top: auto;
+  left: auto;
+  width: auto;
+  height: auto;
+  background-color: blue;
+  border-radius: 0;
+  transform: none;
+  transition: none;
 }
 
-.custom-control-label:before {display:none} 
+.custom-control-label:before {
+  display: none;
+}
 
 .custom-control-input {
-	position: absolute;
-	top:2px;
-	left: 0;
-	z-index: -1;
-	width: 1.2rem;
-	height: 1.35rem;
-     opacity: 1;
-     background-color:#10659a;
-     color:#10659a;
+  position: absolute;
+  top: 2px;
+  left: 0;
+  z-index: -1;
+  width: 1.2rem;
+  height: 1.35rem;
+  opacity: 1;
+  background-color: #10659a;
+  color: #10659a;
 }
 
-
-
-
-.setting-section .setting-group>.setting:not(:first-child), .setting-section .setting-group .collapsible-section .setting {
-	padding-bottom: 3px;
-	padding-top: 4px;
-	margin-right: 0rem;
+.setting-section .setting-group > .setting:not(:first-child),
+.setting-section .setting-group .collapsible-section .setting {
+  padding-bottom: 3px;
+  padding-top: 4px;
+  margin-right: 0rem;
 }
 
-.setting-section {margin-bottom:0.8em}
-
-
-
+.setting-section {
+  margin-bottom: 0.8em;
+}
 
 .setting-section .sub-heading {
-	font-size:.9rem;
-	margin-top:0.5rem;
-	margin-bottom:3rem;
+  font-size: 0.9rem;
+  margin-top: 0.5rem;
+  margin-bottom: 3rem;
 }
 
 @media (min-width: 768px) {
-.offset-md-3 {margin-left: 1%;}
-#settings-menu-container {margin-left:1%; z-index:9; width:200px; padding-top:25px;}
+  .offset-md-3 {
+    margin-left: 1%;
+  }
+  #settings-menu-container {
+    margin-left: 1%;
+    z-index: 9;
+    width: 200px;
+    padding-top: 25px;
+  }
+
+  #configuration-tabs-tabpane-interface
+    .setting-section:first-child
+    .card
+    .setting
+    div:nth-child(2) {
+    width: 64%;
+    min-width: 300px;
+    padding-top: 6px;
+  }
+  #configuration-tabs-tabpane-interface
+    .setting-section:first-child
+    .card
+    .setting
+    div
+    .sub-heading {
+    margin-top: -28px;
+    margin-left: 255px;
+    width: 700px;
+  }
+  #language .input-control {
+    width: 250px;
+  }
 
-	#configuration-tabs-tabpane-interface .setting-section:first-child .card  .setting div:nth-child(2) { width:64%;min-width:300px;padding-top:6px}
-	#configuration-tabs-tabpane-interface .setting-section:first-child .card .setting div .sub-heading {margin-top:-28px; margin-left:255px;width:700px}
-	#language .input-control { width:250px}
-	
-	#configuration-tabs-tabpane-interface .setting-section .setting-group>.setting:not(:first-child) {margin-left:275px}
-	#configuration-tabs-tabpane-interface .setting-section .setting-group>.setting:nth-child(2) {margin-top: -40px}
+  #configuration-tabs-tabpane-interface
+    .setting-section
+    .setting-group
+    > .setting:not(:first-child) {
+    margin-left: 275px;
+  }
+  #configuration-tabs-tabpane-interface
+    .setting-section
+    .setting-group
+    > .setting:nth-child(2) {
+    margin-top: -40px;
+  }
 }
 
 @media (min-width: 1200px) {
-	.offset-md-3 {margin-left: 14%;margin-right:2%}
-	.setting-section h1, #tasks-panel h1 { max-width:220px;}
-	#settings-menu-container {
-		padding-top:25px;
-		margin-left:14% !important;
-		z-index:9;
-		width:205px;
-	}
+  .offset-md-3 {
+    margin-left: 14%;
+    margin-right: 2%;
+  }
+  .setting-section h1,
+  #tasks-panel h1 {
+    max-width: 220px;
+  }
+  #settings-menu-container {
+    padding-top: 25px;
+    margin-left: 14% !important;
+    z-index: 9;
+    width: 205px;
+  }
 }
 
 @media (max-width: 768px) {
-	.offset-md-3 {margin-left: 1%;}
-	#settings-menu-container {margin-left:1%; z-index:9;width:180px;	padding-top:25px;}
-	#settings-container {    padding-left: 180px;}
-	.setting-section h1, #tasks-panel h1 { max-width:300px;}
+  .offset-md-3 {
+    margin-left: 1%;
+  }
+  #settings-menu-container {
+    margin-left: 1%;
+    z-index: 9;
+    width: 180px;
+    padding-top: 25px;
+  }
+  #settings-container {
+    padding-left: 180px;
+  }
+  .setting-section h1,
+  #tasks-panel h1 {
+    max-width: 300px;
+  }
 }
 
 @media (max-width: 576px) {
-	.offset-sm-3 {margin-left: 1%;}
-	#settings-menu-container {margin-left:1%;z-index:9;width:160px;	padding-top:25px;}
-	#settings-container {padding-left: 10px;}
+  .offset-sm-3 {
+    margin-left: 1%;
+  }
+  #settings-menu-container {
+    margin-left: 1%;
+    z-index: 9;
+    width: 160px;
+    padding-top: 25px;
+  }
+  #settings-container {
+    padding-left: 10px;
+  }
 }
 
 @media (max-width: 1004px) {
-	.setting-section h1, #tasks-panel h1 { max-width:400px;}
-	.job-table.card {margin-top:2px !important;}
+  .setting-section h1,
+  #tasks-panel h1 {
+    max-width: 400px;
+  }
+  .job-table.card {
+    margin-top: 2px !important;
+  }
 }
 
-
-
-
 .markdown table tr:nth-child(2n),
 .modal-body .nav-link:hover,
-#settings-menu-container .nav-link:hover {background-color: rgba(10, 20, 20, .15)}
-
-
+#settings-menu-container .nav-link:hover {
+  background-color: rgba(10, 20, 20, 0.15);
+}
 
 @media (min-width: 1000px) {
-	#settings-container #configuration-tabs-tabpane-interface .setting-section > .setting { padding: 15px 0px;}
-	#settings-container #configuration-tabs-tabpane-interface .setting-section .setting-group .setting>div:first-item{margin-left: 4% !important;}	
-	
-	#settings-container #stash-table {margin-top:25px}
-	#configuration-tabs-tabpane-interface .setting-section:first-child .card {	margin-top: -5px;	margin-left: -1%}		
+  #settings-container
+    #configuration-tabs-tabpane-interface
+    .setting-section
+    > .setting {
+    padding: 15px 0px;
+  }
+  #settings-container
+    #configuration-tabs-tabpane-interface
+    .setting-section
+    .setting-group
+    .setting
+    > div:first-item {
+    margin-left: 4% !important;
+  }
 
-	#language .input-control { width:250px}
-	#configuration-tabs-tabpane-interface .setting-section:first-child h3 {    font-size: 1.55rem;}
+  #settings-container #stash-table {
+    margin-top: 25px;
+  }
+  #configuration-tabs-tabpane-interface .setting-section:first-child .card {
+    margin-top: -5px;
+    margin-left: -1%;
+  }
 
-	#configuration-tabs-tabpane-interface .setting-section:first-child .card > .setting div:nth-child(1) { width:255px}
+  #language .input-control {
+    width: 250px;
+  }
+  #configuration-tabs-tabpane-interface .setting-section:first-child h3 {
+    font-size: 1.55rem;
+  }
 
+  #configuration-tabs-tabpane-interface
+    .setting-section:first-child
+    .card
+    > .setting
+    div:nth-child(1) {
+    width: 255px;
+  }
 
-	#configuration-tabs-tabpane-interface .setting-section:first-child .card  .setting div:nth-child(2) { width:68%;padding-top:6px}
-	#configuration-tabs-tabpane-interface .setting-section:first-child .card .setting div .sub-heading {margin-top:-28px; margin-left:255px;width:700px}
+  #configuration-tabs-tabpane-interface
+    .setting-section:first-child
+    .card
+    .setting
+    div:nth-child(2) {
+    width: 68%;
+    padding-top: 6px;
+  }
+  #configuration-tabs-tabpane-interface
+    .setting-section:first-child
+    .card
+    .setting
+    div
+    .sub-heading {
+    margin-top: -28px;
+    margin-left: 255px;
+    width: 700px;
+  }
 
-	#configuration-tabs-tabpane-interface #language {margin-bottom:15px}
-	#configuration-tabs-tabpane-library #stashes .sub-heading {margin-top:-26px; margin-left:235px;width:700px}
-	
+  #configuration-tabs-tabpane-interface #language {
+    margin-bottom: 15px;
+  }
+  #configuration-tabs-tabpane-library #stashes .sub-heading {
+    margin-top: -26px;
+    margin-left: 235px;
+    width: 700px;
+  }
 }
 
-
-
 #configuration-tabs-tabpane-metadata-providers .setting,
 #configuration-tabs-tabpane-security .setting,
 #configuration-tabs-tabpane-tasks .setting,
 #configuration-tabs-tabpane-system .setting-section .setting,
 #settings-dlna .setting-section .setting,
-#configuration-tabs-tabpane-interface .setting-section .setting {padding-top:0; padding-bottom:0}
-
-
-#configuration-tabs-tabpane-interface .setting-section:nth-child(1) h1 {display:none}
-
-#configuration-tabs-tabpane-interface .setting-section .setting-group>.setting:not(:first-child) h3 {
-    font-size: 1rem;
-    margin-left:2em;
+#configuration-tabs-tabpane-interface .setting-section .setting {
+  padding-top: 0;
+  padding-bottom: 0;
 }
 
-#configuration-tabs-tabpane-interface .setting-section .setting-group .setting>div:last-child {
-    margin-right: 95% !important;
-    margin-left:0px;
-    margin-top:-32px;
+#configuration-tabs-tabpane-interface .setting-section:nth-child(1) h1 {
+  display: none;
 }
 
-.setting-section .setting>div:first-child {max-width:415px}
-
-#configuration-tabs-tabpane-interface .setting-section .setting>div:last-child {
-    min-width: 20px;
-    text-align: left;
-    width:38%;
-    
+#configuration-tabs-tabpane-interface
+  .setting-section
+  .setting-group
+  > .setting:not(:first-child)
+  h3 {
+  font-size: 1rem;
+  margin-left: 2em;
 }
 
-#configuration-tabs-tabpane-interface h3 {font-size:1.25em}
+#configuration-tabs-tabpane-interface
+  .setting-section
+  .setting-group
+  .setting
+  > div:last-child {
+  margin-right: 95% !important;
+  margin-left: 0px;
+  margin-top: -32px;
+}
 
-#wall-preview .input-control {width:160px}
+.setting-section .setting > div:first-child {
+  max-width: 415px;
+}
 
-.setting-section .setting-group>.setting:not(:first-child), .setting-section .setting-group .collapsible-section .setting {
-    padding-top: 0px;
-    padding-bottom: 0px;
-    margin-right: 0rem;
-    line-height:100%;
-    margin-top:-3px;
-    margin-bottom:-4px;
+#configuration-tabs-tabpane-interface
+  .setting-section
+  .setting
+  > div:last-child {
+  min-width: 20px;
+  text-align: left;
+  width: 38%;
 }
 
-#configuration-tabs-tabpane-interface .setting-section:nth-child(7) .setting {margin-left:15px !important}
-#configuration-tabs-tabpane-interface .setting-section:nth-child(7) .setting:nth-child(1) {margin-left: 0px !important;}
+#configuration-tabs-tabpane-interface h3 {
+  font-size: 1.25em;
+}
 
+#wall-preview .input-control {
+  width: 160px;
+}
 
-#settings-dlna h5 {margin-bottom:70px}
-#settings-dlna .form-group h5{margin-left:255px;margin-top:-30px}
+.setting-section .setting-group > .setting:not(:first-child),
+.setting-section .setting-group .collapsible-section .setting {
+  padding-top: 0px;
+  padding-bottom: 0px;
+  margin-right: 0rem;
+  line-height: 100%;
+  margin-top: -3px;
+  margin-bottom: -4px;
+}
 
-#configuration-tabs-tabpane-metadata-providers #stash-boxes .sub-heading {margin-top:-28px; margin-left:235px;width:700px;font-size:14px}
+#configuration-tabs-tabpane-interface .setting-section:nth-child(7) .setting {
+  margin-left: 15px !important;
+}
+#configuration-tabs-tabpane-interface
+  .setting-section:nth-child(7)
+  .setting:nth-child(1) {
+  margin-left: 0px !important;
+}
 
-.scraper-table tr:nth-child(2n) {background-color: rgba(16, 20, 25, .12)}
+#settings-dlna h5 {
+  margin-bottom: 70px;
+}
+#settings-dlna .form-group h5 {
+  margin-left: 255px;
+  margin-top: -30px;
+}
 
+#configuration-tabs-tabpane-metadata-providers #stash-boxes .sub-heading {
+  margin-top: -28px;
+  margin-left: 235px;
+  width: 700px;
+  font-size: 14px;
+}
 
+.scraper-table tr:nth-child(2n) {
+  background-color: rgba(16, 20, 25, 0.12);
+}
 
 /* Library */
 
-.stash-row .col-md-2 {padding-left:4%}
-#configuration-tabs-tabpane-library .setting-section .setting {padding:0}
-
-
+.stash-row .col-md-2 {
+  padding-left: 4%;
+}
+#configuration-tabs-tabpane-library .setting-section .setting {
+  padding: 0;
+}
 
 #configuration-tabs-tabpane-security .setting-section,
 #configuration-tabs-tabpane-tasks .setting-section,
-#configuration-tabs-tabpane-tasks .setting-group{max-width:915px}
+#configuration-tabs-tabpane-tasks .setting-group {
+  max-width: 915px;
+}
 
 #configuration-tabs-tabpane-logs .setting-section,
 #configuration-tabs-tabpane-metadata-providers .setting-section,
 #configuration-tabs-tabpane-services .setting-section,
-#configuration-tabs-tabpane-system  .setting-section,
+#configuration-tabs-tabpane-system .setting-section,
 #configuration-tabs-tabpane-library .setting-section:not(:first-child),
-#configuration-tabs-tabpane-interface .setting-section {max-width:810px}
-
-#configuration-tabs-tabpane-security .setting-section .setting>div:last-child,
-#configuration-tabs-tabpane-metadata-providers .setting-section .setting>div:last-child,
-#configuration-tabs-tabpane-services .setting-section .setting>div:last-child,
-#configuration-tabs-tabpane-system .setting-section .setting>div:last-child,
-#configuration-tabs-tabpane-library .setting-section .setting>div:last-child,
-#configuration-tabs-tabpane-interface .setting-section .setting>div:last-child,
-#configuration-tabs-tabpane-tasks .setting-section .setting>div:last-child {
-    min-width: 20px;
-    text-align: right;
-    width:auto;
-    
+#configuration-tabs-tabpane-interface .setting-section {
+  max-width: 810px;
+}
+
+#configuration-tabs-tabpane-security .setting-section .setting > div:last-child,
+#configuration-tabs-tabpane-metadata-providers
+  .setting-section
+  .setting
+  > div:last-child,
+#configuration-tabs-tabpane-services .setting-section .setting > div:last-child,
+#configuration-tabs-tabpane-system .setting-section .setting > div:last-child,
+#configuration-tabs-tabpane-library .setting-section .setting > div:last-child,
+#configuration-tabs-tabpane-interface
+  .setting-section
+  .setting
+  > div:last-child,
+#configuration-tabs-tabpane-tasks .setting-section .setting > div:last-child {
+  min-width: 20px;
+  text-align: right;
+  width: auto;
+}
+
+#configuration-tabs-tabpane-tasks
+  .setting-section
+  .collapsible-section
+  .setting
+  div:last-child {
+  margin-right: 95% !important;
+  margin-left: -12px;
+  margin-top: -15px;
+}
+
+#configuration-tabs-tabpane-system .setting-section .sub-heading {
+  margin-bottom: 1.2rem;
 }
-
-#configuration-tabs-tabpane-tasks .setting-section .collapsible-section .setting div:last-child {
-    margin-right: 95% !important;
-    margin-left: -12px;
-    margin-top: -15px;
-}
-
-
-#configuration-tabs-tabpane-system .setting-section .sub-heading {margin-bottom: 1.2rem}
-
-
diff --git a/themes/Theme-PulsarLight/Theme-PulsarLight.yml b/themes/Theme-PulsarLight/Theme-PulsarLight.yml
index 12bd3dd9..82be9b09 100644
--- a/themes/Theme-PulsarLight/Theme-PulsarLight.yml
+++ b/themes/Theme-PulsarLight/Theme-PulsarLight.yml
@@ -3,4 +3,4 @@ description: Plex Theme for Stash by Fonzie 2021
 version: 0.3.1
 ui:
   css:
-  - Theme-PulsarLight.css
+    - Theme-PulsarLight.css
diff --git a/themes/Theme-RoundedYellow/Theme-RoundedYellow.css b/themes/Theme-RoundedYellow/Theme-RoundedYellow.css
index 61510771..7a5760f2 100644
--- a/themes/Theme-RoundedYellow/Theme-RoundedYellow.css
+++ b/themes/Theme-RoundedYellow/Theme-RoundedYellow.css
@@ -1,169 +1,183 @@
-:root{
-    --bgcol: #101118;
-    --searchbgcol: #1b1c28;
-    --btnbordercol: #202b33;
-    --secbtncol: #171822;
-    --btnaccentcol: #cfad0b;
-    --cardbgcol: #1f282c;
-    --navbarcol: #212529;
-  }
-  
-  body {
-    background-color: var(--bgcol);
-  }
-  
-  .bg-secondary {
-    background-color: var(--searchbgcol)!important;
-  }
-  
-  .pagination .btn:first-child {border-left: 1px solid var(--btnbordercol);}
-  .pagination .btn:last-child {border-right: 1px solid var(--btnbordercol);}
-  
-  .btn-secondary {
-    border-color: var(--btnbordercol);
-    background-color: var(--bgcol);
-  }
-  
-  .btn-secondary:disabled {
-    border-color: var(--btnbordercol);
-    background-color: var(--secbtncol);
-  }
-  
-  .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show>.btn-secondary.dropdown-toggle {
-    background-color: var(--secbtncol);
-    border: 1px solid var(--btnbordercol);
-    color: var(--btnaccentcol);
-    border-bottom: 3px solid var(--btnaccentcol);
-  }
-  
-  .card {
-    background-color: var(--cardbgcol);
-    border-radius: 30px;
-  }
-  
-  .progress-indicator {
-    background-color: var(--btnaccentcol);
-  }
-  
-  .bg-dark{
-    background-color: var(--navbarcol)!important;
-  }
-  
-  .btn.active:not(.disabled), .btn.active.minimal:not(.disabled) {
-    background-color: transparent;
-    color: var(--btnaccentcol);
-    border-bottom: 3px solid var(--btnaccentcol);
-  }
-  
-  .btn-primary{
-    background-color: var(--btnaccentcol);
-    border-color: var(--btnaccentcol);
-  }
-  
-  .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show>.btn-primary.dropdown-toggle {
-    background-color: transparent;
-    border-color: var(--btnaccentcol);
-  }
-  
-  .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show>.btn-primary.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0;
-  }
-  
-  .btn-primary:focus, .btn-primary.focus {
-      background-color: var(--btnaccentcol);
-      border-color: var(--btnaccentcol);
-      box-shadow: 0 0 0 0;
-  }
-  
-  .btn-primary:hover {
-      color: #fff;
-      background-color: var(--btnaccentcol);
-      border-color: var(--btnaccentcol);
-  }
-  
-  div.react-select__menu, div.dropdown-menu {
-      background-color: var(--bgcol);
-      color: #f5f8fa;
-      z-index: 1600;
-  }
-  
-  .modal-header, .modal-body, .modal-footer {
-      background-color: var(--bgcol);
-      color: #f5f8fa;
-  }
-  
-  .edit-filter-dialog .criterion-list .card .filter-item-header:focus {
-      border-color: var(--btnaccentcol);
-      border-radius: calc(.375rem - 1px);
-      box-shadow: inset 0 0 0 0.1rem var(--btnaccentcol);
-      outline: 0;
-  }
-  
-  .nav-tabs .nav-link.active {
-      border-bottom: 2px solid;
-      color: var(--btnaccentcol);
-  }
-  
-  .nav-tabs .nav-link.active:hover {
-      border-bottom-color: var(--btnaccentcol);
-      cursor: default;
-  }
-  
-  .job-table.card {
-      background-color: var(--bgcol);
-      height: 10em;
-      margin-bottom: 30px;
-      overflow-y: auto;
-      padding: .5rem 15px;
-  }
-  
-  .progress-bar {
-      display: flex;
-      flex-direction: column;
-      justify-content: center;
-      overflow: hidden;
-      color: #fff;
-      text-align: center;
-      white-space: nowrap;
-      background-color: var(--btnaccentcol);
-      transition: width .6s ease;
-  }
-  
-  .grid-card .progress-bar {
-      background-color: rgba(115,133,159,.5);
-      bottom: 5px;
-      display: block;
-      height: 5px;
-      position: absolute;
-      width: 100%;
-  }
-  
-  .grid-card .progress-indicator {
-      background-color: var(--btnaccentcol);
-      height: 5px;
-  }
-  
-  .hover-scrubber .hover-scrubber-indicator .hover-scrubber-indicator-marker {
-      background-color: var(--btnaccentcol);
-      bottom: 0;
-      height: 5px;
-      position: absolute;
-  }
-  
-  #tasks-panel .tasks-panel-queue {
-      background-color: var(--bgcol);
-      margin-top: -1rem;
-      padding-bottom: .25rem;
-      padding-top: 1rem;
-      position: sticky;
-      top: 3rem;
-      z-index: 2;
-  }
-  
-  #scene-edit-details .edit-buttons-container {
-      background-color: var(--bgcol);
-      position: sticky;
-      top: 0;
-      z-index: 3;
-  }
-  
\ No newline at end of file
+:root {
+  --bgcol: #101118;
+  --searchbgcol: #1b1c28;
+  --btnbordercol: #202b33;
+  --secbtncol: #171822;
+  --btnaccentcol: #cfad0b;
+  --cardbgcol: #1f282c;
+  --navbarcol: #212529;
+}
+
+body {
+  background-color: var(--bgcol);
+}
+
+.bg-secondary {
+  background-color: var(--searchbgcol) !important;
+}
+
+.pagination .btn:first-child {
+  border-left: 1px solid var(--btnbordercol);
+}
+.pagination .btn:last-child {
+  border-right: 1px solid var(--btnbordercol);
+}
+
+.btn-secondary {
+  border-color: var(--btnbordercol);
+  background-color: var(--bgcol);
+}
+
+.btn-secondary:disabled {
+  border-color: var(--btnbordercol);
+  background-color: var(--secbtncol);
+}
+
+.btn-secondary:not(:disabled):not(.disabled):active,
+.btn-secondary:not(:disabled):not(.disabled).active,
+.show > .btn-secondary.dropdown-toggle {
+  background-color: var(--secbtncol);
+  border: 1px solid var(--btnbordercol);
+  color: var(--btnaccentcol);
+  border-bottom: 3px solid var(--btnaccentcol);
+}
+
+.card {
+  background-color: var(--cardbgcol);
+  border-radius: 30px;
+}
+
+.progress-indicator {
+  background-color: var(--btnaccentcol);
+}
+
+.bg-dark {
+  background-color: var(--navbarcol) !important;
+}
+
+.btn.active:not(.disabled),
+.btn.active.minimal:not(.disabled) {
+  background-color: transparent;
+  color: var(--btnaccentcol);
+  border-bottom: 3px solid var(--btnaccentcol);
+}
+
+.btn-primary {
+  background-color: var(--btnaccentcol);
+  border-color: var(--btnaccentcol);
+}
+
+.btn-primary:not(:disabled):not(.disabled):active,
+.btn-primary:not(:disabled):not(.disabled).active,
+.show > .btn-primary.dropdown-toggle {
+  background-color: transparent;
+  border-color: var(--btnaccentcol);
+}
+
+.btn-primary:not(:disabled):not(.disabled):active:focus,
+.btn-primary:not(:disabled):not(.disabled).active:focus,
+.show > .btn-primary.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0;
+}
+
+.btn-primary:focus,
+.btn-primary.focus {
+  background-color: var(--btnaccentcol);
+  border-color: var(--btnaccentcol);
+  box-shadow: 0 0 0 0;
+}
+
+.btn-primary:hover {
+  color: #fff;
+  background-color: var(--btnaccentcol);
+  border-color: var(--btnaccentcol);
+}
+
+div.react-select__menu,
+div.dropdown-menu {
+  background-color: var(--bgcol);
+  color: #f5f8fa;
+  z-index: 1600;
+}
+
+.modal-header,
+.modal-body,
+.modal-footer {
+  background-color: var(--bgcol);
+  color: #f5f8fa;
+}
+
+.edit-filter-dialog .criterion-list .card .filter-item-header:focus {
+  border-color: var(--btnaccentcol);
+  border-radius: calc(0.375rem - 1px);
+  box-shadow: inset 0 0 0 0.1rem var(--btnaccentcol);
+  outline: 0;
+}
+
+.nav-tabs .nav-link.active {
+  border-bottom: 2px solid;
+  color: var(--btnaccentcol);
+}
+
+.nav-tabs .nav-link.active:hover {
+  border-bottom-color: var(--btnaccentcol);
+  cursor: default;
+}
+
+.job-table.card {
+  background-color: var(--bgcol);
+  height: 10em;
+  margin-bottom: 30px;
+  overflow-y: auto;
+  padding: 0.5rem 15px;
+}
+
+.progress-bar {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  overflow: hidden;
+  color: #fff;
+  text-align: center;
+  white-space: nowrap;
+  background-color: var(--btnaccentcol);
+  transition: width 0.6s ease;
+}
+
+.grid-card .progress-bar {
+  background-color: rgba(115, 133, 159, 0.5);
+  bottom: 5px;
+  display: block;
+  height: 5px;
+  position: absolute;
+  width: 100%;
+}
+
+.grid-card .progress-indicator {
+  background-color: var(--btnaccentcol);
+  height: 5px;
+}
+
+.hover-scrubber .hover-scrubber-indicator .hover-scrubber-indicator-marker {
+  background-color: var(--btnaccentcol);
+  bottom: 0;
+  height: 5px;
+  position: absolute;
+}
+
+#tasks-panel .tasks-panel-queue {
+  background-color: var(--bgcol);
+  margin-top: -1rem;
+  padding-bottom: 0.25rem;
+  padding-top: 1rem;
+  position: sticky;
+  top: 3rem;
+  z-index: 2;
+}
+
+#scene-edit-details .edit-buttons-container {
+  background-color: var(--bgcol);
+  position: sticky;
+  top: 0;
+  z-index: 3;
+}
diff --git a/themes/Theme-RoundedYellow/Theme-RoundedYellow.yml b/themes/Theme-RoundedYellow/Theme-RoundedYellow.yml
index a568e549..54e96463 100644
--- a/themes/Theme-RoundedYellow/Theme-RoundedYellow.yml
+++ b/themes/Theme-RoundedYellow/Theme-RoundedYellow.yml
@@ -3,4 +3,4 @@ description: Theme with rounded corners and yellow accents
 version: 1.0
 ui:
   css:
-  - Theme-RoundedYellow.css
+    - Theme-RoundedYellow.css
diff --git a/userscripts/StashDB_Submission_Helper/stashdb_submission_helper.user.js b/userscripts/StashDB_Submission_Helper/stashdb_submission_helper.user.js
index e125cf32..4874663c 100644
--- a/userscripts/StashDB_Submission_Helper/stashdb_submission_helper.user.js
+++ b/userscripts/StashDB_Submission_Helper/stashdb_submission_helper.user.js
@@ -14,217 +14,291 @@
 // ==/UserScript==
 
 function setNativeValue(element, value) {
-  const valueSetter = Object.getOwnPropertyDescriptor(element, 'value')?.set;
+  const valueSetter = Object.getOwnPropertyDescriptor(element, "value")?.set;
   const prototype = Object.getPrototypeOf(element);
-  const prototypeValueSetter = Object.getOwnPropertyDescriptor(prototype, 'value')?.set;
+  const prototypeValueSetter = Object.getOwnPropertyDescriptor(
+    prototype,
+    "value",
+  )?.set;
 
   if (prototypeValueSetter && valueSetter !== prototypeValueSetter) {
     prototypeValueSetter.call(element, value);
   } else if (valueSetter) {
     valueSetter.call(element, value);
   } else {
-    throw new Error('The given element does not have a value setter');
-  };
+    throw new Error("The given element does not have a value setter");
+  }
 
-  const eventName = element instanceof HTMLSelectElement ? 'change' : 'input';
+  const eventName = element instanceof HTMLSelectElement ? "change" : "input";
   element.dispatchEvent(new Event(eventName, { bubbles: true }));
-};
+}
 
 function waitForElm(selector) {
-    return new Promise(resolve => {
-        if (document.querySelector(selector)) {
-            return resolve(document.querySelector(selector));
-        };
-
-        const observer = new MutationObserver(mutations => {
-            if (document.querySelector(selector)) {
-                resolve(document.querySelector(selector));
-                observer.disconnect();
-            };
-        });
-
-        observer.observe(document.body, {
-            childList: true,
-            subtree: true
-        });
+  return new Promise((resolve) => {
+    if (document.querySelector(selector)) {
+      return resolve(document.querySelector(selector));
+    }
+
+    const observer = new MutationObserver((mutations) => {
+      if (document.querySelector(selector)) {
+        resolve(document.querySelector(selector));
+        observer.disconnect();
+      }
+    });
+
+    observer.observe(document.body, {
+      childList: true,
+      subtree: true,
     });
-};
+  });
+}
 
 const aliasInputSelector = 'label[for="aliases"] + div input';
 
 function unmatchedTargetElement(targetProperty) {
-  var targetRegex = '//h6/following-sibling::ul/li[b[contains(text(), "' + targetProperty + '")]]/span/text()';
-  var targetElement = document.evaluate(targetRegex, document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
+  var targetRegex =
+    '//h6/following-sibling::ul/li[b[contains(text(), "' +
+    targetProperty +
+    '")]]/span/text()';
+  var targetElement = document.evaluate(
+    targetRegex,
+    document,
+    null,
+    XPathResult.FIRST_ORDERED_NODE_TYPE,
+    null,
+  ).singleNodeValue;
   return targetElement;
-};
+}
 
 function unmatchedTargetValue(targetProperty) {
-  var targetElement = unmatchedTargetElement(targetProperty)
+  var targetElement = unmatchedTargetElement(targetProperty);
   if (targetElement == null) {
     return;
   }
   return targetElement.data;
-};
+}
 
 function unmatchedTargetButton(targetProperty) {
-  var targetRegex = '//h6/following-sibling::ul/li[b[contains(text(), "' + targetProperty + '")]]';
-  var targetElement = document.evaluate(targetRegex, document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
+  var targetRegex =
+    '//h6/following-sibling::ul/li[b[contains(text(), "' +
+    targetProperty +
+    '")]]';
+  var targetElement = document.evaluate(
+    targetRegex,
+    document,
+    null,
+    XPathResult.FIRST_ORDERED_NODE_TYPE,
+    null,
+  ).singleNodeValue;
   return targetElement;
-};
+}
 
 function wrapUrlTag(url) {
   return "<a href='" + url + "' target='_blank'>" + url + "</a>";
-};
+}
 
 function makeUrlLink(element) {
   const currentUrls = element.data.split(", ");
 
-  const wrappedUrls = currentUrls.map(url => {
+  const wrappedUrls = currentUrls.map((url) => {
     return wrapUrlTag(url);
   });
 
   element.parentElement.innerHTML = wrappedUrls.join(", ");
-};
+}
 
 function formTab(tabName) {
-  const tabRegex = '//ul[@role="tablist"]/li/button[contains(text(), "' + tabName + '")]';
-  return document.evaluate(tabRegex, document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
-};
+  const tabRegex =
+    '//ul[@role="tablist"]/li/button[contains(text(), "' + tabName + '")]';
+  return document.evaluate(
+    tabRegex,
+    document,
+    null,
+    XPathResult.FIRST_ORDERED_NODE_TYPE,
+    null,
+  ).singleNodeValue;
+}
 
 function addAlias(alias) {
-  alias = alias.trim()
-  const existingAliases = Array.from(document.querySelectorAll('label[for="aliases"] + div .react-select__multi-value__label'));
-  let aliasMatch = existingAliases.find(element => { return element.innerText == alias; });
-  if (typeof aliasMatch !== 'undefined') {
-    console.warn("Skipping alias '" + alias + "' as it is already added to this performer.");
+  alias = alias.trim();
+  const existingAliases = Array.from(
+    document.querySelectorAll(
+      'label[for="aliases"] + div .react-select__multi-value__label',
+    ),
+  );
+  let aliasMatch = existingAliases.find((element) => {
+    return element.innerText == alias;
+  });
+  if (typeof aliasMatch !== "undefined") {
+    console.warn(
+      "Skipping alias '" +
+        alias +
+        "' as it is already added to this performer.",
+    );
     return;
-  };
+  }
   const aliasInput = document.querySelector(aliasInputSelector);
   setNativeValue(aliasInput, alias);
-  var addButton = document.querySelector('label[for="aliases"] + div .react-select__option');
+  var addButton = document.querySelector(
+    'label[for="aliases"] + div .react-select__option',
+  );
   formTab("Personal Information").click();
   addButton.click();
-};
+}
 
 function existingUrlObjects() {
-  const existingUrls = Array.from(document.querySelectorAll('.URLInput ul .input-group'));
-  const urlObjects = existingUrls.map(urlGroup => {
+  const existingUrls = Array.from(
+    document.querySelectorAll(".URLInput ul .input-group"),
+  );
+  const urlObjects = existingUrls.map((urlGroup) => {
     let site = urlGroup.childNodes[1].innerText;
     let url = urlGroup.childNodes[2].innerText;
     let urlObject = {
       site: site,
-      url: url
+      url: url,
     };
     return urlObject;
   });
   return urlObjects;
-};
+}
 
 function urlSite(url) {
   let site;
-  if (/(^https?:\/\/(?:www\.)?adultfilmdatabase\.com\/(?:video|studio|actor)\/.+)\??/.test(url)) {
-    site = 'AFDB'
+  if (
+    /(^https?:\/\/(?:www\.)?adultfilmdatabase\.com\/(?:video|studio|actor)\/.+)\??/.test(
+      url,
+    )
+  ) {
+    site = "AFDB";
   } else if (/(https?:\/\/www.babepedia.com\/babe\/[^?]+)\??/.test(url)) {
-    site = 'Babepedia'
-  } else if (/(^https?:\/\/(?:www\.)?bgafd\.co\.uk\/(?:films|actresses)\/details.php\/id\/[^?]+)\??/.test(url)) {
-    site = 'BGAFD'
+    site = "Babepedia";
+  } else if (
+    /(^https?:\/\/(?:www\.)?bgafd\.co\.uk\/(?:films|actresses)\/details.php\/id\/[^?]+)\??/.test(
+      url,
+    )
+  ) {
+    site = "BGAFD";
   } else if (/(https?:\/\/www.boobpedia.com\/boobs\/[^?]+)\??/.test(url)) {
-    site = 'Boobpedia'
+    site = "Boobpedia";
   } else if (/(https?:\/\/www.data18.com\/[^?]+)\??/.test(url)) {
-    site = 'DATA18'
-  } else if (/(^https?:\/\/(?:www\.)?egafd\.com\/(?:films|actresses)\/details.php\/id\/[^?]+)\??/.test(url)) {
-    site = 'EGAFD'
-  } else if (/(https?:\/\/(www\.)?eurobabeindex.com\/sbandoindex\/.*?.html)/.test(url)) {
-    site = 'Eurobabeindex'
+    site = "DATA18";
+  } else if (
+    /(^https?:\/\/(?:www\.)?egafd\.com\/(?:films|actresses)\/details.php\/id\/[^?]+)\??/.test(
+      url,
+    )
+  ) {
+    site = "EGAFD";
+  } else if (
+    /(https?:\/\/(www\.)?eurobabeindex.com\/sbandoindex\/.*?.html)/.test(url)
+  ) {
+    site = "Eurobabeindex";
   } else if (/(^https?:\/\/(?:www.)?facebook\.com\/[^?]+)/.test(url)) {
-    site = 'Facebook'
+    site = "Facebook";
   } else if (/(https?:\/\/www.freeones.com\/[^/?]+)\??/.test(url)) {
-    site = 'FreeOnes'
+    site = "FreeOnes";
   } else if (/(https?:\/\/www.iafd.com\/[^?]+)\??/.test(url)) {
-    site = 'IAFD'
-  } else if (/(^https?:\/\/(?:www\.)?imdb\.com\/(?:name|title)\/[^?]+)\/?/.test(url)) {
-    site = 'IMDB'
+    site = "IAFD";
+  } else if (
+    /(^https?:\/\/(?:www\.)?imdb\.com\/(?:name|title)\/[^?]+)\/?/.test(url)
+  ) {
+    site = "IMDB";
   } else if (/(https?:\/\/www.indexxx.com\/[^?]+)\??/.test(url)) {
-    site = 'Indexxx'
+    site = "Indexxx";
   } else if (/(https?:\/\/www.instagram.com\/[^/?]+)\??/.test(url)) {
-    site = 'Instagram'
+    site = "Instagram";
   } else if (/(https?:\/\/www.manyvids.com\/[^?]+)\??/.test(url)) {
-    site = 'ManyVids'
-  } else if (/(^https?:\/\/(?:www.)?minnano-av\.com\/actress\d+.html)/.test(url)) {
-    site = 'Minnano-av'
+    site = "ManyVids";
+  } else if (
+    /(^https?:\/\/(?:www.)?minnano-av\.com\/actress\d+.html)/.test(url)
+  ) {
+    site = "Minnano-av";
   } else if (/(^https?:\/\/(?:www.)?myspace\.com\/[^?]+)/.test(url)) {
-    site = 'Myspace'
+    site = "Myspace";
   } else if (/(https?:\/\/onlyfans.com\/[^?]+)\??/.test(url)) {
-    site = 'OnlyFans'
+    site = "OnlyFans";
   } else if (/(https?:\/\/www.thenude.com\/[^?]+\.htm)/.test(url)) {
-    site = 'theNude'
+    site = "theNude";
   } else if (/(^https?:\/\/(?:www.)?tiktok\.com\/@[^?]+)/.test(url)) {
-    site = 'TikTok'
+    site = "TikTok";
   } else if (/(https?:\/\/twitter.com\/[^?]+)\??/.test(url)) {
-    site = 'Twitter'
+    site = "Twitter";
   } else if (/(^https?:\/\/(www\.)?wikidata.org\/wiki\/[^?]+)/.test(url)) {
-    site = 'Wikidata'
+    site = "Wikidata";
   } else if (/(^https?:\/\/(?:\w+\.)?wikipedia\.org\/wiki\/[^?]+)/.test(url)) {
-    site = 'Wikipedia'
+    site = "Wikipedia";
   } else if (/(^https?:\/\/xslist\.org\/en\/model\/\d+\.html)/.test(url)) {
-    site = 'XsList'
-  } else if (/(^https?:\/\/(?:www.)?youtube\.com\/(?:c(?:hannel)?|user)\/[^?]+)/.test(url)) {
-    site = 'YouTube'
+    site = "XsList";
+  } else if (
+    /(^https?:\/\/(?:www.)?youtube\.com\/(?:c(?:hannel)?|user)\/[^?]+)/.test(
+      url,
+    )
+  ) {
+    site = "YouTube";
   } else {
     return;
-  };
+  }
 
   return site;
-};
+}
 
 function siteMatch(url, selections) {
-  const match = Array.from(selections.options).find((option) => option.text == urlSite(url));
+  const match = Array.from(selections.options).find(
+    (option) => option.text == urlSite(url),
+  );
 
   return match;
 }
 
 function addUrl(url) {
   const existingUrls = existingUrlObjects();
-  let urlMatch = existingUrls.find(element => { return element.url == url; });
-  if (typeof urlMatch !== 'undefined') {
-    console.warn("Skipping url '" + url + "' as it is already added to this performer.");
+  let urlMatch = existingUrls.find((element) => {
+    return element.url == url;
+  });
+  if (typeof urlMatch !== "undefined") {
+    console.warn(
+      "Skipping url '" + url + "' as it is already added to this performer.",
+    );
     return;
-  };
+  }
 
-  const urlForm = document.querySelector('form .URLInput');
-  const urlInput = urlForm.querySelector(':scope > .input-group');
-  const selections = (urlInput.children[1]);
-  const inputField = (urlInput.children[2]);
-  const addButton = (urlInput.children[3]);
+  const urlForm = document.querySelector("form .URLInput");
+  const urlInput = urlForm.querySelector(":scope > .input-group");
+  const selections = urlInput.children[1];
+  const inputField = urlInput.children[2];
+  const addButton = urlInput.children[3];
 
   const selection = siteMatch(url, selections);
   setNativeValue(selections, selection.value);
   setNativeValue(inputField, url);
   if (addButton.disabled) {
     console.warn("Unable to add url (Add button is disabled)");
-  };
+  }
 
   formTab("Links").click();
   addButton.click();
-};
+}
 
 function setStyles(element, styles) {
   Object.assign(element.style, styles);
   return element;
-};
+}
 
 function baseButtonContainer() {
   const container = document.createElement("span");
   return container;
-};
+}
 
 function baseButtonSet(name) {
   const set = document.createElement("a");
   set.innerText = "add " + name;
   set.classList.add("fw-bold");
-  setStyles(set, { color: "var(--bs-yellow)", cursor: "pointer", "margin-left": "0.5em", });
+  setStyles(set, {
+    color: "var(--bs-yellow)",
+    cursor: "pointer",
+    "margin-left": "0.5em",
+  });
   return set;
-};
+}
 
 function insertButton(action, element, name) {
   const container = baseButtonContainer();
@@ -232,7 +306,7 @@ function insertButton(action, element, name) {
   set.addEventListener("click", action);
   container.append(set);
   element.appendChild(container);
-};
+}
 
 function addMeasurements(measurements) {
   const splitMeasurements = measurements.split("-");
@@ -241,19 +315,19 @@ function addMeasurements(measurements) {
     const braSize = splitMeasurements[0].trim();
     const braInput = document.querySelector('input[name="braSize"]');
     setNativeValue(braInput, braSize);
-  };
+  }
 
   if (splitMeasurements.length > 1) {
     const waistSize = splitMeasurements[1].trim();
     const waistInput = document.querySelector('input[name="waistSize"]');
     setNativeValue(waistInput, waistSize);
-  };
+  }
 
   if (splitMeasurements.length > 2) {
     const hipSize = splitMeasurements[2].trim();
     const hipInput = document.querySelector('input[name="hipSize"]');
     setNativeValue(hipInput, hipSize);
-  };
+  }
 
   formTab("Personal Information").click();
 }
@@ -261,55 +335,66 @@ function addMeasurements(measurements) {
 function createAliasButton(unmatched, element) {
   const addAliases = () => unmatched.forEach(addAlias);
   insertButton(addAliases, element, "aliases");
-};
+}
 
 function createMeasurementsButton(unmatched, element) {
   const insertMeasurements = () => addMeasurements(unmatched);
   insertButton(insertMeasurements, element, "measurements");
-};
+}
 
 function createUrlsButton(unmatched, element) {
   const addUrls = () => unmatched.forEach(addUrl);
   insertButton(addUrls, element, "urls");
-};
+}
 
 function isValidMeasurements(measurements) {
   const measurementsRegex = /(\d\d\w?\w?\w?\s?)(-\s?\d\d\s?)?(-\s?\d\d)?/;
   const isValid = measurementsRegex.test(measurements);
-  if (!isValid) { console.warn("Measurement format '" + measurements + "' is invalid and cannot be automatically added.") };
+  if (!isValid) {
+    console.warn(
+      "Measurement format '" +
+        measurements +
+        "' is invalid and cannot be automatically added.",
+    );
+  }
   return measurementsRegex.test(measurements);
-};
+}
 
 function addAliasInputContainer() {
   const performerForm = document.querySelector(".PerformerForm");
-  const aliasContainer = document.createElement ('div');
+  const aliasContainer = document.createElement("div");
   aliasContainer.innerHTML = '<button id="aliasButton">Add Aliases</button>';
-  aliasContainer.setAttribute ('id', 'aliasContainer');
+  aliasContainer.setAttribute("id", "aliasContainer");
   performerForm.prepend(aliasContainer);
 
   const aliasButton = document.createElement("input");
   aliasButton.innerText = "Add Aliases";
   aliasButton.setAttribute("id", "aliasButton");
-  aliasButton.setAttribute("style", "border-radius: 0.25rem;")
+  aliasButton.setAttribute("style", "border-radius: 0.25rem;");
 
   const aliasField = document.createElement("input");
   aliasField.setAttribute("id", "aliasField");
   aliasField.setAttribute("placeholder", " Comma separated aliases");
   aliasField.setAttribute("size", "50px");
-  aliasField.setAttribute("style", "border-radius: 0.25rem; margin-right: 0.5rem;");
+  aliasField.setAttribute(
+    "style",
+    "border-radius: 0.25rem; margin-right: 0.5rem;",
+  );
 
   document.getElementById("aliasContainer").prepend(aliasField);
   const enteredAliases = document.getElementById("aliasField").value;
 
-  document.getElementById("aliasButton").addEventListener('click', function handleClick(event) {
-    event.preventDefault();
-    const aliasField = document.getElementById("aliasField");
-    if (aliasField.value != '') {
-      aliasField.value.split(/,|\/|\sor\s/).forEach(addAlias);
-      aliasField.value = "";
-    };
-  });
-};
+  document
+    .getElementById("aliasButton")
+    .addEventListener("click", function handleClick(event) {
+      event.preventDefault();
+      const aliasField = document.getElementById("aliasField");
+      if (aliasField.value != "") {
+        aliasField.value.split(/,|\/|\sor\s/).forEach(addAlias);
+        aliasField.value = "";
+      }
+    });
+}
 
 function performerEditPage() {
   const aliasValues = unmatchedTargetValue("Aliases");
@@ -317,37 +402,39 @@ function performerEditPage() {
     const unmatchedAliases = aliasValues.split(/,|\/|\sor\s/);
     const aliasElement = unmatchedTargetButton("Aliases");
     createAliasButton(unmatchedAliases, aliasElement);
-  };
+  }
 
   const urlsValues = unmatchedTargetValue("URLs");
   if (urlsValues != null) {
     const unmatchedUrls = urlsValues.split(", ");
     if (unmatchedUrls) {
-      const umatchedUrlsElement = unmatchedTargetElement("URLs")
+      const umatchedUrlsElement = unmatchedTargetElement("URLs");
       makeUrlLink(umatchedUrlsElement);
-    };
+    }
     const urlsElement = unmatchedTargetButton("URLs");
     createUrlsButton(unmatchedUrls, urlsElement);
-  };
+  }
 
   const unmatchedMeasurements = unmatchedTargetValue("Measurements");
   if (unmatchedMeasurements != null) {
     if (isValidMeasurements(unmatchedMeasurements)) {
       const measurementsElement = unmatchedTargetButton("Measurements");
       createMeasurementsButton(unmatchedMeasurements, measurementsElement);
-    };
-  };
+    }
+  }
 
   addAliasInputContainer();
-};
+}
 
 function sceneEditPage() {
   return;
-};
+}
 
 function pageType() {
-  return document.querySelector(".NarrowPage form").className.replace("Form", "");
-};
+  return document
+    .querySelector(".NarrowPage form")
+    .className.replace("Form", "");
+}
 
 waitForElm(aliasInputSelector).then(() => {
   if (pageType() == "Performer") {
@@ -356,5 +443,5 @@ waitForElm(aliasInputSelector).then(() => {
     sceneEditPage();
   } else {
     return;
-  };
+  }
 });

From 6348755d36dff14d88b3af4aa6f94022be1c316f Mon Sep 17 00:00:00 2001
From: Raghavan <raghavanmarch2002@gmail.com>
Date: Thu, 8 Feb 2024 02:32:35 +0530
Subject: [PATCH 74/91] use yarn (#243)

* switch to yarn
* yarn run format
* prettier path
* Update .prettierignore
---
 .github/workflows/check_code_format.yml |  2 +-
 .prettierignore                         |  4 ++--
 README.md                               | 30 ++++++++++++++++---------
 package-lock.json                       | 29 ------------------------
 yarn.lock                               |  8 +++++++
 5 files changed, 30 insertions(+), 43 deletions(-)
 delete mode 100644 package-lock.json
 create mode 100644 yarn.lock

diff --git a/.github/workflows/check_code_format.yml b/.github/workflows/check_code_format.yml
index 1c82e7a6..ca01ac26 100644
--- a/.github/workflows/check_code_format.yml
+++ b/.github/workflows/check_code_format.yml
@@ -26,7 +26,7 @@ jobs:
       - name: Check format
         uses: creyD/prettier_action@v4.3
         with:
-          prettier_options: --check
+          prettier_options: --check .
           dry: true
           only_changed: true
           github_token: ${{ secrets.GITHUB_TOKEN }}
diff --git a/.prettierignore b/.prettierignore
index af4db472..5759db3c 100644
--- a/.prettierignore
+++ b/.prettierignore
@@ -2,10 +2,10 @@
 
 # dependencies
 node_modules
-package-lock.json
+yarn.lock
 
 # production
 dist
 
 # workflows
-.github
\ No newline at end of file
+.github
diff --git a/README.md b/README.md
index 0f357c83..80fd405c 100644
--- a/README.md
+++ b/README.md
@@ -54,22 +54,30 @@ Kodi|[Kodi Helper](scripts/kodi-helper)|Generates `nfo` and `strm` for use with
 
 ## Contributing
 
-Formatting is enforced on all files.
+### Formatting
 
-[Yarn](https://yarnpkg.com/en/docs/install) must be installed to run the formatting tools. Python dependencies must also be installed to format `py` files.
+Formatting is enforced on all files. Follow this setup guide:
 
-### Formatting non-`py` files
+1. **[Yarn](https://yarnpkg.com/en/docs/install)** and **its dependencies** must be installed to run the formatting tools.
+    ```sh
+    yarn install --frozen-lockfile
+    ```
 
-For non-`py` files, files may be formatted using `prettier`
+2. **Python dependencies** must also be installed to format `py` files.
+    ```sh
+    pip install -r requirements.txt
+    ```
 
-After installing `yarn` and before running prettier for the first time, `prettier` must be installed by running: `yarn install --frozen-lockfile`
+#### Formatting non-`py` files
 
-To run `prettier` to format non-`py` files, run the following: `yarn run format`
+```sh
+yarn run format
+```
 
-### Formatting `py` files
+#### Formatting `py` files
 
-`py` files are formatted using `black` which must be installed first.
+`py` files are formatted using [`black`](https://pypi.org/project/black/).
 
-After installing `yarn` and before formatting for the first time, `black` must be installed by running: `pip install -r requirements.txt`
-
-To run `black` to format `py` files, run the following: `yarn run format-py`
+```sh
+yarn run format-py
+```
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
deleted file mode 100644
index 5306f643..00000000
--- a/package-lock.json
+++ /dev/null
@@ -1,29 +0,0 @@
-{
-  "name": "community-scripts",
-  "lockfileVersion": 3,
-  "requires": true,
-  "packages": {
-    "": {
-      "name": "community-scripts",
-      "license": "AGPL-3.0-only",
-      "devDependencies": {
-        "prettier": "^3.2.5"
-      }
-    },
-    "node_modules/prettier": {
-      "version": "3.2.5",
-      "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.2.5.tgz",
-      "integrity": "sha512-3/GWa9aOC0YeD7LUfvOG2NiDyhOWRvt1k+rcKhOuYnMY24iiCphgneUfJDyFXd6rZCAnuLBv6UeAULtrhT/F4A==",
-      "dev": true,
-      "bin": {
-        "prettier": "bin/prettier.cjs"
-      },
-      "engines": {
-        "node": ">=14"
-      },
-      "funding": {
-        "url": "https://github.com/prettier/prettier?sponsor=1"
-      }
-    }
-  }
-}
diff --git a/yarn.lock b/yarn.lock
new file mode 100644
index 00000000..e8e07c44
--- /dev/null
+++ b/yarn.lock
@@ -0,0 +1,8 @@
+# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+# yarn lockfile v1
+
+
+prettier@^3.2.5:
+  version "3.2.5"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-3.2.5.tgz#e52bc3090586e824964a8813b09aba6233b28368"
+  integrity sha512-3/GWa9aOC0YeD7LUfvOG2NiDyhOWRvt1k+rcKhOuYnMY24iiCphgneUfJDyFXd6rZCAnuLBv6UeAULtrhT/F4A==

From 862f16b20ad33ef2bfcfd5e1182f164e9cf25540 Mon Sep 17 00:00:00 2001
From: Raghavan <raghavanmarch2002@gmail.com>
Date: Sun, 11 Feb 2024 14:11:16 +0530
Subject: [PATCH 75/91] Fix trailing comma (#247)

* added .prettierrc.json
* modified:   .gitignore
* yarn run format
* fix check format workflow
---
 .github/workflows/on_pr_check_code_format.yml |   51 +
 ...rmat.yml => on_push_check_code_format.yml} |    5 +-
 .gitignore                                    |    3 +-
 .prettierrc.json                              |    3 +
 plugins/CropperJS/cropper.js                  |  176 +--
 .../stashBatchResultToggle.js                 |   32 +-
 .../defaultDataForPath/defaultDataForPath.js  |   10 +-
 plugins/filenameParser/filenameParser.js      |    2 +-
 plugins/pathParser/pathParser.js              |    2 +-
 .../sceneCoverCropper/sceneCoverCropper.js    |    6 +-
 plugins/stashAI/stashai.js                    |  185 ++-
 plugins/stashRealbooru/stash-realbooru.js     |  923 ++++++++-------
 .../stashUserscriptLibrary.js                 |  130 +--
 plugins/stats/stats.js                        |    8 +-
 plugins/visage/visage.js                      | 1019 ++++++++---------
 .../stashdb_submission_helper.user.js         |   36 +-
 16 files changed, 1318 insertions(+), 1273 deletions(-)
 create mode 100644 .github/workflows/on_pr_check_code_format.yml
 rename .github/workflows/{check_code_format.yml => on_push_check_code_format.yml} (95%)
 create mode 100644 .prettierrc.json

diff --git a/.github/workflows/on_pr_check_code_format.yml b/.github/workflows/on_pr_check_code_format.yml
new file mode 100644
index 00000000..1aac93ce
--- /dev/null
+++ b/.github/workflows/on_pr_check_code_format.yml
@@ -0,0 +1,51 @@
+name: Check Code Format
+
+on:
+  pull_request:
+    branches:
+      - main
+
+  workflow_dispatch:
+
+permissions:
+  contents: write
+
+jobs:
+  check_js_code_format:
+    name: Check JS code format
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+          ref: ${{ github.event.pull_request.head.ref }}
+          repository: ${{ github.event.pull_request.head.repo.full_name }}
+
+      - name: Check format
+        uses: creyD/prettier_action@v4.3
+        with:
+          prettier_options: --check .
+          dry: true
+          only_changed: true
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+
+  check_py_code_format:
+    name: Check PY code format
+    runs-on: ubuntu-latest
+    needs: check_js_code_format
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+          ref: ${{ github.event.pull_request.head.ref }}
+          repository: ${{ github.event.pull_request.head.repo.full_name }}
+
+      - name: Check format
+        uses: psf/black@stable
+        with:
+          options: '--exclude="3rd party"'
+          src: "."
diff --git a/.github/workflows/check_code_format.yml b/.github/workflows/on_push_check_code_format.yml
similarity index 95%
rename from .github/workflows/check_code_format.yml
rename to .github/workflows/on_push_check_code_format.yml
index ca01ac26..f934b6c6 100644
--- a/.github/workflows/check_code_format.yml
+++ b/.github/workflows/on_push_check_code_format.yml
@@ -4,9 +4,8 @@ on:
   push:
     branches:
       - main
-  pull_request:
-    branches:
-      - main
+
+  workflow_dispatch:
 
 permissions:
   contents: write
diff --git a/.gitignore b/.gitignore
index 03208493..eddaba15 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,2 +1,3 @@
 /_site
-node_modules
\ No newline at end of file
+node_modules
+dist
\ No newline at end of file
diff --git a/.prettierrc.json b/.prettierrc.json
new file mode 100644
index 00000000..757fd64c
--- /dev/null
+++ b/.prettierrc.json
@@ -0,0 +1,3 @@
+{
+  "trailingComma": "es5"
+}
diff --git a/plugins/CropperJS/cropper.js b/plugins/CropperJS/cropper.js
index 8d321c7e..79d2362f 100644
--- a/plugins/CropperJS/cropper.js
+++ b/plugins/CropperJS/cropper.js
@@ -44,7 +44,7 @@
               Object.defineProperty(
                 e,
                 r,
-                Object.getOwnPropertyDescriptor(t, r),
+                Object.getOwnPropertyDescriptor(t, r)
               );
             });
     }
@@ -140,7 +140,7 @@
   }
   function _nonIterableSpread() {
     throw new TypeError(
-      "Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.",
+      "Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."
     );
   }
   function _toPrimitive(input, hint) {
@@ -753,7 +753,7 @@
             element.removeEventListener(
               event,
               listeners[event][listener],
-              options,
+              options
             );
           }
           listeners[event][listener] = _handler;
@@ -911,7 +911,7 @@
             startX: pageX,
             startY: pageY,
           },
-          end,
+          end
         );
   }
 
@@ -1058,15 +1058,15 @@
         width: minWidth,
         height: minHeight,
       },
-      "cover",
+      "cover"
     );
     var width = Math.min(
       maxSizes.width,
-      Math.max(minSizes.width, naturalWidth),
+      Math.max(minSizes.width, naturalWidth)
     );
     var height = Math.min(
       maxSizes.height,
-      Math.max(minSizes.height, naturalHeight),
+      Math.max(minSizes.height, naturalHeight)
     );
 
     // Note: should always use image's natural sizes for drawing as
@@ -1082,15 +1082,15 @@
         width: minWidth,
         height: minHeight,
       },
-      "cover",
+      "cover"
     );
     var destWidth = Math.min(
       destMaxSizes.width,
-      Math.max(destMinSizes.width, imageNaturalWidth),
+      Math.max(destMinSizes.width, imageNaturalWidth)
     );
     var destHeight = Math.min(
       destMaxSizes.height,
-      Math.max(destMinSizes.height, imageNaturalHeight),
+      Math.max(destMinSizes.height, imageNaturalHeight)
     );
     var params = [-destWidth / 2, -destHeight / 2, destWidth, destHeight];
     canvas.width = normalizeDecimalNumber(width);
@@ -1109,9 +1109,9 @@
         _toConsumableArray(
           params.map(function (param) {
             return Math.floor(normalizeDecimalNumber(param));
-          }),
-        ),
-      ),
+          })
+        )
+      )
     );
     context.restore();
     return canvas;
@@ -1167,7 +1167,7 @@
       // XXX: Babel's `toConsumableArray` helper will throw error in IE or Safari 9
       // eslint-disable-next-line prefer-spread
       chunks.push(
-        fromCharCode.apply(null, toArray(uint8.subarray(0, chunkSize))),
+        fromCharCode.apply(null, toArray(uint8.subarray(0, chunkSize)))
       );
       uint8 = uint8.subarray(chunkSize);
     }
@@ -1214,7 +1214,7 @@
             if (dataView.getUint16(tiffOffset + 2, littleEndian) === 0x002a) {
               var firstIFDOffset = dataView.getUint32(
                 tiffOffset + 4,
-                littleEndian,
+                littleEndian
               );
               if (firstIFDOffset >= 0x00000008) {
                 ifdStart = tiffOffset + firstIFDOffset;
@@ -1327,11 +1327,11 @@
       var containerData = {
         width: Math.max(
           container.offsetWidth,
-          minWidth >= 0 ? minWidth : MIN_CONTAINER_WIDTH,
+          minWidth >= 0 ? minWidth : MIN_CONTAINER_WIDTH
         ),
         height: Math.max(
           container.offsetHeight,
-          minHeight >= 0 ? minHeight : MIN_CONTAINER_HEIGHT,
+          minHeight >= 0 ? minHeight : MIN_CONTAINER_HEIGHT
         ),
       };
       this.containerData = containerData;
@@ -1380,11 +1380,11 @@
       this.limitCanvas(true, true);
       canvasData.width = Math.min(
         Math.max(canvasData.width, canvasData.minWidth),
-        canvasData.maxWidth,
+        canvasData.maxWidth
       );
       canvasData.height = Math.min(
         Math.max(canvasData.height, canvasData.minHeight),
-        canvasData.maxHeight,
+        canvasData.maxHeight
       );
       canvasData.left = (containerData.width - canvasData.width) / 2;
       canvasData.top = (containerData.height - canvasData.height) / 2;
@@ -1417,12 +1417,12 @@
           if (minCanvasWidth) {
             minCanvasWidth = Math.max(
               minCanvasWidth,
-              cropped ? cropBoxData.width : 0,
+              cropped ? cropBoxData.width : 0
             );
           } else if (minCanvasHeight) {
             minCanvasHeight = Math.max(
               minCanvasHeight,
-              cropped ? cropBoxData.height : 0,
+              cropped ? cropBoxData.height : 0
             );
           } else if (cropped) {
             minCanvasWidth = cropBoxData.width;
@@ -1457,11 +1457,11 @@
           if (cropped && this.limited) {
             canvasData.minLeft = Math.min(
               cropBoxData.left,
-              cropBoxData.left + (cropBoxData.width - canvasData.width),
+              cropBoxData.left + (cropBoxData.width - canvasData.width)
             );
             canvasData.minTop = Math.min(
               cropBoxData.top,
-              cropBoxData.top + (cropBoxData.height - canvasData.height),
+              cropBoxData.top + (cropBoxData.height - canvasData.height)
             );
             canvasData.maxLeft = cropBoxData.left;
             canvasData.maxTop = cropBoxData.top;
@@ -1521,20 +1521,20 @@
       }
       canvasData.width = Math.min(
         Math.max(canvasData.width, canvasData.minWidth),
-        canvasData.maxWidth,
+        canvasData.maxWidth
       );
       canvasData.height = Math.min(
         Math.max(canvasData.height, canvasData.minHeight),
-        canvasData.maxHeight,
+        canvasData.maxHeight
       );
       this.limitCanvas(false, true);
       canvasData.left = Math.min(
         Math.max(canvasData.left, canvasData.minLeft),
-        canvasData.maxLeft,
+        canvasData.maxLeft
       );
       canvasData.top = Math.min(
         Math.max(canvasData.top, canvasData.minTop),
-        canvasData.maxTop,
+        canvasData.maxTop
       );
       canvasData.oldLeft = canvasData.left;
       canvasData.oldTop = canvasData.top;
@@ -1548,8 +1548,8 @@
           getTransforms({
             translateX: canvasData.left,
             translateY: canvasData.top,
-          }),
-        ),
+          })
+        )
       );
       this.renderImage(changed);
       if (this.cropped && this.limited) {
@@ -1583,10 +1583,10 @@
                 translateX: imageData.left,
                 translateY: imageData.top,
               },
-              imageData,
-            ),
-          ),
-        ),
+              imageData
+            )
+          )
+        )
       );
       if (changed) {
         this.output();
@@ -1614,21 +1614,21 @@
       // Initialize auto crop area
       cropBoxData.width = Math.min(
         Math.max(cropBoxData.width, cropBoxData.minWidth),
-        cropBoxData.maxWidth,
+        cropBoxData.maxWidth
       );
       cropBoxData.height = Math.min(
         Math.max(cropBoxData.height, cropBoxData.minHeight),
-        cropBoxData.maxHeight,
+        cropBoxData.maxHeight
       );
 
       // The width/height of auto crop area must large than "minWidth/Height"
       cropBoxData.width = Math.max(
         cropBoxData.minWidth,
-        cropBoxData.width * autoCropArea,
+        cropBoxData.width * autoCropArea
       );
       cropBoxData.height = Math.max(
         cropBoxData.minHeight,
-        cropBoxData.height * autoCropArea,
+        cropBoxData.height * autoCropArea
       );
       cropBoxData.left =
         canvasData.left + (canvasData.width - cropBoxData.width) / 2;
@@ -1653,7 +1653,7 @@
               containerData.width,
               canvasData.width,
               canvasData.width + canvasData.left,
-              containerData.width - canvasData.left,
+              containerData.width - canvasData.left
             )
           : containerData.width;
         var maxCropBoxHeight = limited
@@ -1661,7 +1661,7 @@
               containerData.height,
               canvasData.height,
               canvasData.height + canvasData.top,
-              containerData.height - canvasData.top,
+              containerData.height - canvasData.top
             )
           : containerData.height;
 
@@ -1729,20 +1729,20 @@
       }
       cropBoxData.width = Math.min(
         Math.max(cropBoxData.width, cropBoxData.minWidth),
-        cropBoxData.maxWidth,
+        cropBoxData.maxWidth
       );
       cropBoxData.height = Math.min(
         Math.max(cropBoxData.height, cropBoxData.minHeight),
-        cropBoxData.maxHeight,
+        cropBoxData.maxHeight
       );
       this.limitCropBox(false, true);
       cropBoxData.left = Math.min(
         Math.max(cropBoxData.left, cropBoxData.minLeft),
-        cropBoxData.maxLeft,
+        cropBoxData.maxLeft
       );
       cropBoxData.top = Math.min(
         Math.max(cropBoxData.top, cropBoxData.minTop),
-        cropBoxData.maxTop,
+        cropBoxData.maxTop
       );
       cropBoxData.oldLeft = cropBoxData.left;
       cropBoxData.oldTop = cropBoxData.top;
@@ -1754,7 +1754,7 @@
           cropBoxData.width >= containerData.width &&
             cropBoxData.height >= containerData.height
             ? ACTION_MOVE
-            : ACTION_ALL,
+            : ACTION_ALL
         );
       }
       setStyle(
@@ -1767,8 +1767,8 @@
           getTransforms({
             translateX: cropBoxData.left,
             translateY: cropBoxData.top,
-          }),
-        ),
+          })
+        )
       );
       if (this.cropped && this.limited) {
         this.limitCanvas(true, true);
@@ -1879,10 +1879,10 @@
                 translateX: -left,
                 translateY: -top,
               },
-              imageData,
-            ),
-          ),
-        ),
+              imageData
+            )
+          )
+        )
       );
       forEach(this.previews, function (element) {
         var data = getData(element, DATA_PREVIEW);
@@ -1917,10 +1917,10 @@
                   translateX: -left * ratio,
                   translateY: -top * ratio,
                 },
-                imageData,
-              ),
-            ),
-          ),
+                imageData
+              )
+            )
+          )
         );
       });
     },
@@ -1949,7 +1949,7 @@
       addListener(
         cropper,
         EVENT_POINTER_DOWN,
-        (this.onCropStart = this.cropStart.bind(this)),
+        (this.onCropStart = this.cropStart.bind(this))
       );
       if (options.zoomable && options.zoomOnWheel) {
         addListener(
@@ -1959,31 +1959,31 @@
           {
             passive: false,
             capture: true,
-          },
+          }
         );
       }
       if (options.toggleDragModeOnDblclick) {
         addListener(
           cropper,
           EVENT_DBLCLICK,
-          (this.onDblclick = this.dblclick.bind(this)),
+          (this.onDblclick = this.dblclick.bind(this))
         );
       }
       addListener(
         element.ownerDocument,
         EVENT_POINTER_MOVE,
-        (this.onCropMove = this.cropMove.bind(this)),
+        (this.onCropMove = this.cropMove.bind(this))
       );
       addListener(
         element.ownerDocument,
         EVENT_POINTER_UP,
-        (this.onCropEnd = this.cropEnd.bind(this)),
+        (this.onCropEnd = this.cropEnd.bind(this))
       );
       if (options.responsive) {
         addListener(
           window,
           EVENT_RESIZE,
-          (this.onResize = this.resize.bind(this)),
+          (this.onResize = this.resize.bind(this))
         );
       }
     },
@@ -2019,7 +2019,7 @@
       removeListener(
         element.ownerDocument,
         EVENT_POINTER_MOVE,
-        this.onCropMove,
+        this.onCropMove
       );
       removeListener(element.ownerDocument, EVENT_POINTER_UP, this.onCropEnd);
       if (options.responsive) {
@@ -2053,12 +2053,12 @@
           this.setCanvasData(
             forEach(canvasData, function (n, i) {
               canvasData[i] = n * ratio;
-            }),
+            })
           );
           this.setCropBoxData(
             forEach(cropBoxData, function (n, i) {
               cropBoxData[i] = n * ratio;
-            }),
+            })
           );
         }
       }
@@ -2068,7 +2068,7 @@
         return;
       }
       this.setDragMode(
-        hasClass(this.dragBox, CLASS_CROP) ? DRAG_MODE_MOVE : DRAG_MODE_CROP,
+        hasClass(this.dragBox, CLASS_CROP) ? DRAG_MODE_MOVE : DRAG_MODE_CROP
       );
     },
     wheel: function wheel(event) {
@@ -2205,7 +2205,7 @@
         toggleClass(
           this.dragBox,
           CLASS_MODAL,
-          this.cropped && this.options.modal,
+          this.cropped && this.options.modal
         );
       }
       dispatchEvent(this.element, EVENT_CROP_END, {
@@ -2249,14 +2249,14 @@
           Math.min(
             containerData.width,
             canvasData.width,
-            canvasData.left + canvasData.width,
+            canvasData.left + canvasData.width
           );
         maxHeight =
           minTop +
           Math.min(
             containerData.height,
             canvasData.height,
-            canvasData.top + canvasData.height,
+            canvasData.top + canvasData.height
           );
       }
       var pointer = pointers[Object.keys(pointers)[0]];
@@ -2765,7 +2765,7 @@
         top = _this$canvasData.top;
       return this.moveTo(
         isUndefined(offsetX) ? offsetX : left + Number(offsetX),
-        isUndefined(offsetY) ? offsetY : top + Number(offsetY),
+        isUndefined(offsetY) ? offsetY : top + Number(offsetY)
       );
     },
     /**
@@ -2813,7 +2813,7 @@
       return this.zoomTo(
         (canvasData.width * ratio) / canvasData.naturalWidth,
         null,
-        _originalEvent,
+        _originalEvent
       );
     },
     /**
@@ -3082,7 +3082,7 @@
           ["left", "top", "width", "height", "naturalWidth", "naturalHeight"],
           function (n) {
             data[n] = canvasData[n];
-          },
+          }
         );
       }
       return data;
@@ -3182,7 +3182,7 @@
         this.image,
         this.imageData,
         canvasData,
-        options,
+        options
       );
 
       // Returns the source canvas if it is not cropped.
@@ -3213,7 +3213,7 @@
           width: options.minWidth || 0,
           height: options.minHeight || 0,
         },
-        "cover",
+        "cover"
       );
       var _getAdjustedSizes = getAdjustedSizes({
           aspectRatio: aspectRatio,
@@ -3294,7 +3294,7 @@
           dstX * scale,
           dstY * scale,
           dstWidth * scale,
-          dstHeight * scale,
+          dstHeight * scale
         );
       }
 
@@ -3306,9 +3306,9 @@
           _toConsumableArray(
             params.map(function (param) {
               return Math.floor(normalizeDecimalNumber(param));
-            }),
-          ),
-        ),
+            })
+          )
+        )
       );
       return canvas;
     },
@@ -3372,7 +3372,7 @@
       _classCallCheck(this, Cropper);
       if (!element || !REGEXP_TAG_NAME.test(element.tagName)) {
         throw new Error(
-          "The first argument is required and must be an <img> or <canvas> element.",
+          "The first argument is required and must be an <img> or <canvas> element."
         );
       }
       this.element = element;
@@ -3572,7 +3572,7 @@
             var isIOSWebKit =
               WINDOW.navigator &&
               /(?:iPad|iPhone|iPod).*?AppleWebKit/i.test(
-                WINDOW.navigator.userAgent,
+                WINDOW.navigator.userAgent
               );
             var done = function done(naturalWidth, naturalHeight) {
               assign(_this2.imageData, {
@@ -3644,16 +3644,16 @@
             var template = document.createElement("div");
             template.innerHTML = TEMPLATE;
             var cropper = template.querySelector(
-              ".".concat(NAMESPACE, "-container"),
+              ".".concat(NAMESPACE, "-container")
             );
             var canvas = cropper.querySelector(
-              ".".concat(NAMESPACE, "-canvas"),
+              ".".concat(NAMESPACE, "-canvas")
             );
             var dragBox = cropper.querySelector(
-              ".".concat(NAMESPACE, "-drag-box"),
+              ".".concat(NAMESPACE, "-drag-box")
             );
             var cropBox = cropper.querySelector(
-              ".".concat(NAMESPACE, "-crop-box"),
+              ".".concat(NAMESPACE, "-crop-box")
             );
             var face = cropBox.querySelector(".".concat(NAMESPACE, "-face"));
             this.container = container;
@@ -3662,7 +3662,7 @@
             this.dragBox = dragBox;
             this.cropBox = cropBox;
             this.viewBox = cropper.querySelector(
-              ".".concat(NAMESPACE, "-view-box"),
+              ".".concat(NAMESPACE, "-view-box")
             );
             this.face = face;
             canvas.appendChild(image);
@@ -3686,13 +3686,13 @@
             if (!options.guides) {
               addClass(
                 cropBox.getElementsByClassName("".concat(NAMESPACE, "-dashed")),
-                CLASS_HIDDEN,
+                CLASS_HIDDEN
               );
             }
             if (!options.center) {
               addClass(
                 cropBox.getElementsByClassName("".concat(NAMESPACE, "-center")),
-                CLASS_HIDDEN,
+                CLASS_HIDDEN
               );
             }
             if (options.background) {
@@ -3708,11 +3708,11 @@
             if (!options.cropBoxResizable) {
               addClass(
                 cropBox.getElementsByClassName("".concat(NAMESPACE, "-line")),
-                CLASS_HIDDEN,
+                CLASS_HIDDEN
               );
               addClass(
                 cropBox.getElementsByClassName("".concat(NAMESPACE, "-point")),
-                CLASS_HIDDEN,
+                CLASS_HIDDEN
               );
             }
             this.render();
@@ -3790,7 +3790,7 @@
             assign(DEFAULTS, isPlainObject(options) && options);
           },
         },
-      ],
+      ]
     );
     return Cropper;
   })();
diff --git a/plugins/StashBatchResultToggle/stashBatchResultToggle.js b/plugins/StashBatchResultToggle/stashBatchResultToggle.js
index 539e8b23..9067a2c1 100644
--- a/plugins/StashBatchResultToggle/stashBatchResultToggle.js
+++ b/plugins/StashBatchResultToggle/stashBatchResultToggle.js
@@ -23,7 +23,7 @@
 
   function toggleSearchItem(searchItem, toggleMode) {
     const searchResultItem = searchItem.querySelector(
-      "li.search-result.selected-result.active",
+      "li.search-result.selected-result.active"
     );
     if (!searchResultItem) return;
 
@@ -55,7 +55,7 @@
     } = stash.parseSearchResultItem(searchResultItem);
 
     const studioMatchNode = matches.find(
-      (o) => o.matchType === "studio",
+      (o) => o.matchType === "studio"
     )?.matchNode;
     const performerMatchNodes = matches
       .filter((o) => o.matchType === "performer")
@@ -66,17 +66,17 @@
     const includeDate = document.getElementById("result-toggle-date").checked;
     const includeCover = document.getElementById("result-toggle-cover").checked;
     const includeStashID = document.getElementById(
-      "result-toggle-stashid",
+      "result-toggle-stashid"
     ).checked;
     const includeURL = document.getElementById("result-toggle-url").checked;
     const includeDetails = document.getElementById(
-      "result-toggle-details",
+      "result-toggle-details"
     ).checked;
     const includeStudio = document.getElementById(
-      "result-toggle-studio",
+      "result-toggle-studio"
     ).checked;
     const includePerformers = document.getElementById(
-      "result-toggle-performers",
+      "result-toggle-performers"
     ).checked;
 
     let options = [];
@@ -115,7 +115,7 @@
         includePerformers,
         o,
         resolveToggle(o),
-      ]),
+      ])
     );
 
     for (const [
@@ -333,11 +333,11 @@
 
   async function loadSettings() {
     for (const input of document.querySelectorAll(
-      `#${resultToggleConfigId} input`,
+      `#${resultToggleConfigId} input`
     )) {
       input.checked = await sessionStorage.getItem(
         input.id,
-        input.dataset.default === "true",
+        input.dataset.default === "true"
       );
       input.addEventListener("change", async () => {
         await sessionStorage.setItem(input.id, input.checked);
@@ -346,32 +346,32 @@
   }
 
   stash.addEventListener("tagger:mutation:add:remoteperformer", (evt) =>
-    toggleSearchItem(getClosestAncestor(evt.detail.node, ".search-item"), 0),
+    toggleSearchItem(getClosestAncestor(evt.detail.node, ".search-item"), 0)
   );
   stash.addEventListener("tagger:mutation:add:remotestudio", (evt) =>
-    toggleSearchItem(getClosestAncestor(evt.detail.node, ".search-item"), 0),
+    toggleSearchItem(getClosestAncestor(evt.detail.node, ".search-item"), 0)
   );
   stash.addEventListener("tagger:mutation:add:local", (evt) =>
-    toggleSearchItem(getClosestAncestor(evt.detail.node, ".search-item"), 0),
+    toggleSearchItem(getClosestAncestor(evt.detail.node, ".search-item"), 0)
   );
   stash.addEventListener("tagger:mutation:add:container", (evt) =>
-    toggleSearchItem(getClosestAncestor(evt.detail.node, ".search-item"), 0),
+    toggleSearchItem(getClosestAncestor(evt.detail.node, ".search-item"), 0)
   );
   stash.addEventListener("tagger:mutation:add:subcontainer", (evt) =>
-    toggleSearchItem(getClosestAncestor(evt.detail.node, ".search-item"), 0),
+    toggleSearchItem(getClosestAncestor(evt.detail.node, ".search-item"), 0)
   );
 
   function checkSaveButtonDisplay() {
     const taggerContainer = document.querySelector(".tagger-container");
     const saveButton = getElementByXpath(
       "//button[text()='Save']",
-      taggerContainer,
+      taggerContainer
     );
     btnGroup.style.display = saveButton ? "inline-block" : "none";
   }
 
   stash.addEventListener(
     "tagger:mutations:searchitems",
-    checkSaveButtonDisplay,
+    checkSaveButtonDisplay
   );
 })();
diff --git a/plugins/defaultDataForPath/defaultDataForPath.js b/plugins/defaultDataForPath/defaultDataForPath.js
index 6e5709b3..85d8dd7d 100644
--- a/plugins/defaultDataForPath/defaultDataForPath.js
+++ b/plugins/defaultDataForPath/defaultDataForPath.js
@@ -128,7 +128,7 @@ function main() {
         " to " +
         name +
         " " +
-        ID,
+        ID
     );
   }
   for (var o = 0; o < defaultPerformers.length; o++) {
@@ -138,7 +138,7 @@ function main() {
         " to " +
         name +
         " " +
-        ID,
+        ID
     );
   }
   addStudio
@@ -148,7 +148,7 @@ function main() {
           " to " +
           name +
           " " +
-          ID,
+          ID
       )
     : "";
 }
@@ -315,7 +315,7 @@ function addAllData(
   defaultData,
   pTags,
   pPerformers,
-  pStudio,
+  pStudio
 ) {
   if (obj) {
     if (obj.paths) {
@@ -367,7 +367,7 @@ function addAllData(
           defaultData,
           pTags,
           pPerformers,
-          pStudio,
+          pStudio
         );
       }
     }
diff --git a/plugins/filenameParser/filenameParser.js b/plugins/filenameParser/filenameParser.js
index 9dffaf00..68f86f66 100644
--- a/plugins/filenameParser/filenameParser.js
+++ b/plugins/filenameParser/filenameParser.js
@@ -187,7 +187,7 @@ function cleanFilename(name) {
   ];
   var regExp = new RegExp(
     "(_|[^\\w\\d]|^)(" + blockList.join("|") + ")(_|[^\\w\\d]|$)",
-    "i",
+    "i"
   );
   while (regExp.test(name)) {
     name = name.replace(regExp, "$1$3");
diff --git a/plugins/pathParser/pathParser.js b/plugins/pathParser/pathParser.js
index b2e3c20b..c456308f 100644
--- a/plugins/pathParser/pathParser.js
+++ b/plugins/pathParser/pathParser.js
@@ -295,7 +295,7 @@ function matchRuleWithPath(sceneId, path, cb) {
   // Remove extension from filename
   parts[parts.length - 1] = parts[parts.length - 1].slice(
     0,
-    parts[parts.length - 1].lastIndexOf("."),
+    parts[parts.length - 1].lastIndexOf(".")
   );
 
   for (var i = 0; i < rules.length; i++) {
diff --git a/plugins/sceneCoverCropper/sceneCoverCropper.js b/plugins/sceneCoverCropper/sceneCoverCropper.js
index d0ea092f..7756af3d 100644
--- a/plugins/sceneCoverCropper/sceneCoverCropper.js
+++ b/plugins/sceneCoverCropper/sceneCoverCropper.js
@@ -10,14 +10,14 @@
     new Cropper(img);
   } catch (e) {
     console.error(
-      "Cropper not loaded - please install 4. CropperJS from CommunityScripts",
+      "Cropper not loaded - please install 4. CropperJS from CommunityScripts"
     );
   }
   try {
     stash.getVersion();
   } catch (e) {
     console.error(
-      "Stash not loaded - please install 1. stashUserscriptLibrary from CommunityScripts",
+      "Stash not loaded - please install 1. stashUserscriptLibrary from CommunityScripts"
     );
   }
 
@@ -52,7 +52,7 @@
       "d-flex",
       "flex-row",
       "justify-content-center",
-      "align-items-center",
+      "align-items-center"
     );
     cropBtnContainer.style.gap = "10px";
     cropperModal.appendChild(cropBtnContainer);
diff --git a/plugins/stashAI/stashai.js b/plugins/stashAI/stashai.js
index 9490297e..e1b46653 100644
--- a/plugins/stashAI/stashai.js
+++ b/plugins/stashAI/stashai.js
@@ -359,7 +359,7 @@
   function custom_event(
     type,
     detail,
-    { bubbles = false, cancelable = false } = {},
+    { bubbles = false, cancelable = false } = {}
   ) {
     const e = document.createEvent("CustomEvent");
     e.initCustomEvent(type, bubbles, cancelable, detail);
@@ -398,7 +398,7 @@
       rules[name] = true;
       stylesheet.insertRule(
         `@keyframes ${name} ${rule}`,
-        stylesheet.cssRules.length,
+        stylesheet.cssRules.length
       );
     }
     const animation = node.style.animation || "";
@@ -411,7 +411,7 @@
     const next = previous.filter(
       name
         ? (anim) => anim.indexOf(name) < 0 // remove specific animation
-        : (anim) => anim.indexOf("__svelte") === -1, // remove all Svelte animations
+        : (anim) => anim.indexOf("__svelte") === -1 // remove all Svelte animations
     );
     const deleted = previous.length - next.length;
     if (deleted) {
@@ -663,7 +663,7 @@
     const filtered = [];
     const targets = [];
     render_callbacks.forEach((c) =>
-      fns.indexOf(c) === -1 ? filtered.push(c) : targets.push(c),
+      fns.indexOf(c) === -1 ? filtered.push(c) : targets.push(c)
     );
     targets.forEach((c) => c());
     render_callbacks = filtered;
@@ -747,7 +747,7 @@
           delay,
           easing,
           css,
-          uid++,
+          uid++
         );
       tick(0, 1);
       const start_time = now() + delay;
@@ -877,7 +877,7 @@
     destroy,
     create_each_block,
     next,
-    get_context,
+    get_context
   ) {
     let o = old_blocks.length;
     let n = list.length;
@@ -1019,7 +1019,7 @@
     not_equal,
     props,
     append_styles,
-    dirty = [-1],
+    dirty = [-1]
   ) {
     const parent_component = current_component;
     set_current_component(component);
@@ -1038,8 +1038,7 @@
       before_update: [],
       after_update: [],
       context: new Map(
-        options.context ||
-          (parent_component ? parent_component.$$.context : []),
+        options.context || (parent_component ? parent_component.$$.context : [])
       ),
       // everything else
       callbacks: blank_object(),
@@ -1079,7 +1078,7 @@
         component,
         options.target,
         options.anchor,
-        options.customElement,
+        options.customElement
       );
       flush();
     }
@@ -1118,7 +1117,7 @@
     document.dispatchEvent(
       custom_event(type, Object.assign({ version: "3.59.2" }, detail), {
         bubbles: true,
-      }),
+      })
     );
   }
   function append_dev(target, node) {
@@ -1140,7 +1139,7 @@
     options,
     has_prevent_default,
     has_stop_propagation,
-    has_stop_immediate_propagation,
+    has_stop_immediate_propagation
   ) {
     const modifiers =
       options === true
@@ -1292,7 +1291,7 @@
 
     for (let i = 0; i < each_value.length; i += 1) {
       each_blocks[i] = create_each_block$3(
-        get_each_context$3(ctx, each_value, i),
+        get_each_context$3(ctx, each_value, i)
       );
     }
 
@@ -1326,13 +1325,13 @@
             /*frame*/ ctx[0].offset[0] +
             "px -" +
             /*frame*/ ctx[0].offset[1] +
-            "px",
+            "px"
         );
         set_style(div0, "background-image", "url('" + /*url*/ ctx[1] + "')");
         attr_dev(
           div0,
           "data-offset",
-          (div0_data_offset_value = /*frame*/ ctx[0].offset),
+          (div0_data_offset_value = /*frame*/ ctx[0].offset)
         );
         add_location(div0, file$5, 47, 2, 1619);
         attr_dev(
@@ -1341,14 +1340,14 @@
           (div1_class_value =
             "progress-bar progress-bar-striped bg-" +
             confidence$1(/*frame*/ ctx[0].tag.prob) +
-            " svelte-zeu5yg"),
+            " svelte-zeu5yg")
         );
         attr_dev(div1, "role", "progressbar");
         set_style(div1, "width", /*frame*/ ctx[0].tag.prob * 100 + "%");
         attr_dev(
           div1,
           "aria-valuenow",
-          (div1_aria_valuenow_value = /*frame*/ ctx[0].tag.prob * 100),
+          (div1_aria_valuenow_value = /*frame*/ ctx[0].tag.prob * 100)
         );
         attr_dev(div1, "aria-valuemin", 0);
         attr_dev(div1, "aria-valuemax", 100);
@@ -1359,7 +1358,7 @@
         attr_dev(
           path0,
           "d",
-          "M313.4 32.9c26 5.2 42.9 30.5 37.7 56.5l-2.3 11.4c-5.3 26.7-15.1 52.1-28.8 75.2H464c26.5 0 48 21.5 48 48c0 18.5-10.5 34.6-25.9 42.6C497 275.4 504 288.9 504 304c0 23.4-16.8 42.9-38.9 47.1c4.4 7.3 6.9 15.8 6.9 24.9c0 21.3-13.9 39.4-33.1 45.6c.7 3.3 1.1 6.8 1.1 10.4c0 26.5-21.5 48-48 48H294.5c-19 0-37.5-5.6-53.3-16.1l-38.5-25.7C176 420.4 160 390.4 160 358.3V320 272 247.1c0-29.2 13.3-56.7 36-75l7.4-5.9c26.5-21.2 44.6-51 51.2-84.2l2.3-11.4c5.2-26 30.5-42.9 56.5-37.7zM32 192H96c17.7 0 32 14.3 32 32V448c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32V224c0-17.7 14.3-32 32-32z",
+          "M313.4 32.9c26 5.2 42.9 30.5 37.7 56.5l-2.3 11.4c-5.3 26.7-15.1 52.1-28.8 75.2H464c26.5 0 48 21.5 48 48c0 18.5-10.5 34.6-25.9 42.6C497 275.4 504 288.9 504 304c0 23.4-16.8 42.9-38.9 47.1c4.4 7.3 6.9 15.8 6.9 24.9c0 21.3-13.9 39.4-33.1 45.6c.7 3.3 1.1 6.8 1.1 10.4c0 26.5-21.5 48-48 48H294.5c-19 0-37.5-5.6-53.3-16.1l-38.5-25.7C176 420.4 160 390.4 160 358.3V320 272 247.1c0-29.2 13.3-56.7 36-75l7.4-5.9c26.5-21.2 44.6-51 51.2-84.2l2.3-11.4c5.2-26 30.5-42.9 56.5-37.7zM32 192H96c17.7 0 32 14.3 32 32V448c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32V224c0-17.7 14.3-32 32-32z"
         );
         add_location(path0, file$5, 81, 9, 2640);
         attr_dev(svg0, "class", "tag-item-accept svelte-zeu5yg");
@@ -1374,13 +1373,13 @@
         attr_dev(select, "class", "tag-item-select svelte-zeu5yg");
         if (/*frame*/ ctx[0].tag.label === void 0)
           add_render_callback(() =>
-            /*select_change_handler*/ ctx[5].call(select),
+            /*select_change_handler*/ ctx[5].call(select)
           );
         add_location(select, file$5, 86, 4, 3272);
         attr_dev(
           path1,
           "d",
-          "M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z",
+          "M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z"
         );
         add_location(path1, file$5, 105, 7, 3754);
         attr_dev(svg1, "height", "20");
@@ -1397,7 +1396,7 @@
       },
       l: function claim(nodes) {
         throw new Error(
-          "options.hydrate only works if the component was compiled with the `hydratable: true` option",
+          "options.hydrate only works if the component was compiled with the `hydratable: true` option"
         );
       },
       m: function mount(target, anchor) {
@@ -1434,7 +1433,7 @@
               false,
               false,
               false,
-              false,
+              false
             ),
             listen_dev(
               div0,
@@ -1443,7 +1442,7 @@
               false,
               false,
               false,
-              false,
+              false
             ),
             listen_dev(
               div0,
@@ -1452,7 +1451,7 @@
               false,
               false,
               false,
-              false,
+              false
             ),
             listen_dev(
               div3,
@@ -1461,7 +1460,7 @@
               { once: true },
               false,
               false,
-              false,
+              false
             ),
             listen_dev(select, "change", /*select_change_handler*/ ctx[5]),
             listen_dev(
@@ -1471,7 +1470,7 @@
               { once: true },
               false,
               false,
-              false,
+              false
             ),
           ];
 
@@ -1487,7 +1486,7 @@
               /*frame*/ ctx[0].offset[0] +
               "px -" +
               /*frame*/ ctx[0].offset[1] +
-              "px",
+              "px"
           );
         }
 
@@ -1712,25 +1711,25 @@
 
     get frame() {
       throw new Error(
-        "<Marker>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+        "<Marker>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'"
       );
     }
 
     set frame(value) {
       throw new Error(
-        "<Marker>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+        "<Marker>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'"
       );
     }
 
     get url() {
       throw new Error(
-        "<Marker>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+        "<Marker>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'"
       );
     }
 
     set url(value) {
       throw new Error(
-        "<Marker>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+        "<Marker>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'"
       );
     }
   }
@@ -1788,7 +1787,7 @@
       x = 0,
       y = 0,
       opacity = 0,
-    } = {},
+    } = {}
   ) {
     const style = getComputedStyle(node);
     const target_opacity = +style.opacity;
@@ -1834,7 +1833,7 @@
         value,
         /*frame*/ ctx[19],
         /*each_value*/ ctx[20],
-        /*frame_index*/ ctx[21],
+        /*frame_index*/ ctx[21]
       );
     }
 
@@ -1861,7 +1860,7 @@
         toggle_class(
           div,
           "selected",
-          /*selected*/ ctx[3] === /*frame*/ ctx[19].id,
+          /*selected*/ ctx[3] === /*frame*/ ctx[19].id
         );
         add_location(div, file$4, 97, 12, 2701);
         this.first = div;
@@ -1889,7 +1888,7 @@
           toggle_class(
             div,
             "selected",
-            /*selected*/ ctx[3] === /*frame*/ ctx[19].id,
+            /*selected*/ ctx[3] === /*frame*/ ctx[19].id
           );
         }
       },
@@ -2010,7 +2009,7 @@
       let key = get_key(child_ctx);
       each_1_lookup.set(
         key,
-        (each_blocks[i] = create_each_block$2(key, child_ctx)),
+        (each_blocks[i] = create_each_block$2(key, child_ctx))
       );
     }
 
@@ -2078,7 +2077,7 @@
       },
       l: function claim(nodes) {
         throw new Error(
-          "options.hydrate only works if the component was compiled with the `hydratable: true` option",
+          "options.hydrate only works if the component was compiled with the `hydratable: true` option"
         );
       },
       m: function mount(target, anchor) {
@@ -2124,7 +2123,7 @@
               false,
               false,
               false,
-              false,
+              false
             ),
             listen_dev(
               button0,
@@ -2133,7 +2132,7 @@
               false,
               false,
               false,
-              false,
+              false
             ),
             listen_dev(
               button1,
@@ -2142,7 +2141,7 @@
               false,
               false,
               false,
-              false,
+              false
             ),
           ];
 
@@ -2181,7 +2180,7 @@
             fix_and_outro_and_destroy_block,
             create_each_block$2,
             null,
-            get_each_context$2,
+            get_each_context$2
           );
           for (let i = 0; i < each_blocks.length; i += 1) each_blocks[i].a();
           check_outros();
@@ -2267,7 +2266,7 @@
       $$invalidate(
         0,
         (threshold =
-          Number(localStorage.getItem("stash-marker-threshold")) || 0.4),
+          Number(localStorage.getItem("stash-marker-threshold")) || 0.4)
       );
     });
 
@@ -2425,7 +2424,7 @@
       if ($$self.$$.dirty & /*frames, threshold*/ 2049) {
         $$invalidate(
           5,
-          (filteredFrames = frames.filter((x) => x.tag.prob > threshold)),
+          (filteredFrames = frames.filter((x) => x.tag.prob > threshold))
         );
       }
     };
@@ -2471,37 +2470,37 @@
 
     get url() {
       throw new Error(
-        "<MarkerMatches>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+        "<MarkerMatches>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'"
       );
     }
 
     set url(value) {
       throw new Error(
-        "<MarkerMatches>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+        "<MarkerMatches>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'"
       );
     }
 
     get frames() {
       throw new Error(
-        "<MarkerMatches>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+        "<MarkerMatches>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'"
       );
     }
 
     set frames(value) {
       throw new Error(
-        "<MarkerMatches>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+        "<MarkerMatches>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'"
       );
     }
 
     get threshold() {
       throw new Error(
-        "<MarkerMatches>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+        "<MarkerMatches>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'"
       );
     }
 
     set threshold(value) {
       throw new Error(
-        "<MarkerMatches>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+        "<MarkerMatches>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'"
       );
     }
   }
@@ -2524,7 +2523,7 @@
         attr_dev(
           path,
           "d",
-          "M215.7 499.2C267 435 384 279.4 384 192C384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2c12.3 15.3 35.1 15.3 47.4 0zM192 128a64 64 0 1 1 0 128 64 64 0 1 1 0-128z",
+          "M215.7 499.2C267 435 384 279.4 384 192C384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2c12.3 15.3 35.1 15.3 47.4 0zM192 128a64 64 0 1 1 0 128 64 64 0 1 1 0-128z"
         );
         add_location(path, file$3, 70, 77, 2369);
         attr_dev(svg, "xmlns", "http://www.w3.org/2000/svg");
@@ -2540,7 +2539,7 @@
       },
       l: function claim(nodes) {
         throw new Error(
-          "options.hydrate only works if the component was compiled with the `hydratable: true` option",
+          "options.hydrate only works if the component was compiled with the `hydratable: true` option"
         );
       },
       m: function mount(target, anchor) {
@@ -2556,7 +2555,7 @@
             false,
             false,
             false,
-            false,
+            false
           );
           mounted = true;
         }
@@ -2608,7 +2607,7 @@
 
       if (!url) {
         alert(
-          "No sprite found, please ensure you have sprites enabled and generated for your scenes.",
+          "No sprite found, please ensure you have sprites enabled and generated for your scenes."
         );
         $$invalidate(0, (scanner = false));
         return;
@@ -2636,7 +2635,7 @@
           if (response.status !== 200) {
             $$invalidate(0, (scanner = false));
             alert(
-              "Something went wrong. It's likely a server issue, Please try again later.",
+              "Something went wrong. It's likely a server issue, Please try again later."
             );
             return;
           }
@@ -2783,7 +2782,7 @@
 
     for (let i = 0; i < each_value.length; i += 1) {
       each_blocks[i] = create_each_block$1(
-        get_each_context$1(ctx, each_value, i),
+        get_each_context$1(ctx, each_value, i)
       );
     }
 
@@ -2813,13 +2812,13 @@
             /*data*/ ctx[1].offset[0] +
             "px -" +
             /*data*/ ctx[1].offset[1] +
-            "px",
+            "px"
         );
         set_style(div0, "background-image", "url('" + /*url*/ ctx[2] + "')");
         attr_dev(
           div0,
           "data-offset",
-          (div0_data_offset_value = /*data*/ ctx[1].offset),
+          (div0_data_offset_value = /*data*/ ctx[1].offset)
         );
         add_location(div0, file$2, 54, 2, 1571);
         attr_dev(
@@ -2828,14 +2827,14 @@
           (div1_class_value =
             "progress-bar progress-bar-striped bg-" +
             confidence(/*data*/ ctx[1].prob) +
-            " svelte-1d03wug"),
+            " svelte-1d03wug")
         );
         attr_dev(div1, "role", "progressbar");
         set_style(div1, "width", /*data*/ ctx[1].prob * 100 + "%");
         attr_dev(
           div1,
           "aria-valuenow",
-          (div1_aria_valuenow_value = /*data*/ ctx[1].prob * 100),
+          (div1_aria_valuenow_value = /*data*/ ctx[1].prob * 100)
         );
         attr_dev(div1, "aria-valuemin", "0");
         attr_dev(div1, "aria-valuemax", "100");
@@ -2847,13 +2846,13 @@
         attr_dev(select, "class", "tag-item-select svelte-1d03wug");
         if (/*name*/ ctx[0] === void 0)
           add_render_callback(() =>
-            /*select_change_handler*/ ctx[4].call(select),
+            /*select_change_handler*/ ctx[4].call(select)
           );
         add_location(select, file$2, 72, 4, 2159);
         attr_dev(
           path,
           "d",
-          "M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z",
+          "M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z"
         );
         add_location(path, file$2, 87, 7, 2586);
         attr_dev(svg, "height", "20");
@@ -2866,7 +2865,7 @@
         attr_dev(
           span,
           "class",
-          "tag-item badge badge-secondary svelte-1d03wug",
+          "tag-item badge badge-secondary svelte-1d03wug"
         );
         add_location(span, file$2, 71, 2, 2109);
         set_style(div3, "padding", "20px");
@@ -2874,7 +2873,7 @@
       },
       l: function claim(nodes) {
         throw new Error(
-          "options.hydrate only works if the component was compiled with the `hydratable: true` option",
+          "options.hydrate only works if the component was compiled with the `hydratable: true` option"
         );
       },
       m: function mount(target, anchor) {
@@ -2907,7 +2906,7 @@
               false,
               false,
               false,
-              false,
+              false
             ),
             listen_dev(
               div0,
@@ -2916,7 +2915,7 @@
               false,
               false,
               false,
-              false,
+              false
             ),
             listen_dev(select, "change", /*select_change_handler*/ ctx[4]),
             listen_dev(
@@ -2926,7 +2925,7 @@
               false,
               false,
               false,
-              false,
+              false
             ),
           ];
 
@@ -2942,7 +2941,7 @@
               /*data*/ ctx[1].offset[0] +
               "px -" +
               /*data*/ ctx[1].offset[1] +
-              "px",
+              "px"
           );
         }
 
@@ -3165,37 +3164,37 @@
 
     get name() {
       throw new Error(
-        "<Tag>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+        "<Tag>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'"
       );
     }
 
     set name(value) {
       throw new Error(
-        "<Tag>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+        "<Tag>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'"
       );
     }
 
     get data() {
       throw new Error(
-        "<Tag>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+        "<Tag>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'"
       );
     }
 
     set data(value) {
       throw new Error(
-        "<Tag>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+        "<Tag>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'"
       );
     }
 
     get url() {
       throw new Error(
-        "<Tag>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+        "<Tag>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'"
       );
     }
 
     set url(value) {
       throw new Error(
-        "<Tag>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+        "<Tag>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'"
       );
     }
   }
@@ -3257,7 +3256,7 @@
       let key = get_key(child_ctx);
       each_1_lookup.set(
         key,
-        (each_blocks[i] = create_each_block(key, child_ctx)),
+        (each_blocks[i] = create_each_block(key, child_ctx))
       );
     }
 
@@ -3328,7 +3327,7 @@
         attr_dev(
           div7,
           "class",
-          "modal-dialog modal-xl top-accent svelte-9viihb",
+          "modal-dialog modal-xl top-accent svelte-9viihb"
         );
         add_location(div7, file$1, 91, 4, 2127);
         attr_dev(div8, "role", "dialog");
@@ -3382,7 +3381,7 @@
               false,
               false,
               false,
-              false,
+              false
             ),
             listen_dev(
               button1,
@@ -3391,7 +3390,7 @@
               false,
               false,
               false,
-              false,
+              false
             ),
             listen_dev(input, "change", /*input_change_input_handler*/ ctx[12]),
             listen_dev(input, "input", /*input_change_input_handler*/ ctx[12]),
@@ -3402,7 +3401,7 @@
               false,
               false,
               false,
-              false,
+              false
             ),
           ];
 
@@ -3428,7 +3427,7 @@
             fix_and_outro_and_destroy_block,
             create_each_block,
             null,
-            get_each_context,
+            get_each_context
           );
           for (let i = 0; i < each_blocks.length; i += 1) each_blocks[i].a();
           check_outros();
@@ -3530,7 +3529,7 @@
         value,
         /*tagName*/ ctx[15],
         /*each_value*/ ctx[17],
-        /*each_index*/ ctx[18],
+        /*each_index*/ ctx[18]
       );
     }
 
@@ -3672,7 +3671,7 @@
       },
       l: function claim(nodes) {
         throw new Error(
-          "options.hydrate only works if the component was compiled with the `hydratable: true` option",
+          "options.hydrate only works if the component was compiled with the `hydratable: true` option"
         );
       },
       m: function mount(target, anchor) {
@@ -3881,7 +3880,7 @@
       if ($$self.$$.dirty & /*matches, threshold*/ 1025) {
         $$invalidate(
           5,
-          (filteredMatches = matches.filter((x) => x[1].prob > threshold)),
+          (filteredMatches = matches.filter((x) => x[1].prob > threshold))
         );
       }
     };
@@ -3923,37 +3922,37 @@
 
     get matches() {
       throw new Error(
-        "<TagMatches>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+        "<TagMatches>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'"
       );
     }
 
     set matches(value) {
       throw new Error(
-        "<TagMatches>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+        "<TagMatches>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'"
       );
     }
 
     get url() {
       throw new Error(
-        "<TagMatches>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+        "<TagMatches>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'"
       );
     }
 
     set url(value) {
       throw new Error(
-        "<TagMatches>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+        "<TagMatches>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'"
       );
     }
 
     get threshold() {
       throw new Error(
-        "<TagMatches>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+        "<TagMatches>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'"
       );
     }
 
     set threshold(value) {
       throw new Error(
-        "<TagMatches>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+        "<TagMatches>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'"
       );
     }
   }
@@ -3979,7 +3978,7 @@
         attr_dev(
           path,
           "d",
-          "m21.41 11.58l-9-9C12.05 2.22 11.55 2 11 2H4a2 2 0 0 0-2 2v7c0 .55.22 1.05.59 1.42l9 9c.36.36.86.58 1.41.58c.55 0 1.05-.22 1.41-.59l7-7c.37-.36.59-.86.59-1.41c0-.55-.23-1.06-.59-1.42M5.5 7A1.5 1.5 0 0 1 4 5.5A1.5 1.5 0 0 1 5.5 4A1.5 1.5 0 0 1 7 5.5A1.5 1.5 0 0 1 5.5 7m11.77 8.27L13 19.54l-4.27-4.27A2.52 2.52 0 0 1 8 13.5a2.5 2.5 0 0 1 2.5-2.5c.69 0 1.32.28 1.77.74l.73.72l.73-.73c.45-.45 1.08-.73 1.77-.73a2.5 2.5 0 0 1 2.5 2.5c0 .69-.28 1.32-.73 1.77Z",
+          "m21.41 11.58l-9-9C12.05 2.22 11.55 2 11 2H4a2 2 0 0 0-2 2v7c0 .55.22 1.05.59 1.42l9 9c.36.36.86.58 1.41.58c.55 0 1.05-.22 1.41-.59l7-7c.37-.36.59-.86.59-1.41c0-.55-.23-1.06-.59-1.42M5.5 7A1.5 1.5 0 0 1 4 5.5A1.5 1.5 0 0 1 5.5 4A1.5 1.5 0 0 1 7 5.5A1.5 1.5 0 0 1 5.5 7m11.77 8.27L13 19.54l-4.27-4.27A2.52 2.52 0 0 1 8 13.5a2.5 2.5 0 0 1 2.5-2.5c.69 0 1.32.28 1.77.74l.73.72l.73-.73c.45-.45 1.08-.73 1.77-.73a2.5 2.5 0 0 1 2.5 2.5c0 .69-.28 1.32-.73 1.77Z"
         );
         add_location(path, file, 78, 85, 2558);
         attr_dev(svg, "xmlns", "http://www.w3.org/2000/svg");
@@ -3995,7 +3994,7 @@
       },
       l: function claim(nodes) {
         throw new Error(
-          "options.hydrate only works if the component was compiled with the `hydratable: true` option",
+          "options.hydrate only works if the component was compiled with the `hydratable: true` option"
         );
       },
       m: function mount(target, anchor) {
@@ -4011,7 +4010,7 @@
             false,
             false,
             false,
-            false,
+            false
           );
           mounted = true;
         }
@@ -4054,7 +4053,7 @@
 
       if (!url) {
         alert(
-          "No sprite found, please ensure you have sprites enabled and generated for your scenes.",
+          "No sprite found, please ensure you have sprites enabled and generated for your scenes."
         );
         $$invalidate(0, (scanner = false));
         return;
@@ -4094,7 +4093,7 @@
           if (response.status !== 200) {
             $$invalidate(0, (scanner = false));
             alert(
-              "Something went wrong. It's likely a server issue, Please try again later.",
+              "Something went wrong. It's likely a server issue, Please try again later."
             );
             return;
           }
diff --git a/plugins/stashRealbooru/stash-realbooru.js b/plugins/stashRealbooru/stash-realbooru.js
index dda24e4a..c2375418 100644
--- a/plugins/stashRealbooru/stash-realbooru.js
+++ b/plugins/stashRealbooru/stash-realbooru.js
@@ -264,7 +264,7 @@
   function custom_event(
     type,
     detail,
-    { bubbles = false, cancelable = false } = {},
+    { bubbles = false, cancelable = false } = {}
   ) {
     const e = document.createEvent("CustomEvent");
     e.initCustomEvent(type, bubbles, cancelable, detail);
@@ -303,7 +303,7 @@
       rules[name] = true;
       stylesheet.insertRule(
         `@keyframes ${name} ${rule}`,
-        stylesheet.cssRules.length,
+        stylesheet.cssRules.length
       );
     }
     const animation = node.style.animation || "";
@@ -316,7 +316,7 @@
     const next = previous.filter(
       name
         ? (anim) => anim.indexOf(name) < 0 // remove specific animation
-        : (anim) => anim.indexOf("__svelte") === -1, // remove all Svelte animations
+        : (anim) => anim.indexOf("__svelte") === -1 // remove all Svelte animations
     );
     const deleted = previous.length - next.length;
     if (deleted) {
@@ -565,7 +565,7 @@
     const filtered = [];
     const targets = [];
     render_callbacks.forEach((c) =>
-      fns.indexOf(c) === -1 ? filtered.push(c) : targets.push(c),
+      fns.indexOf(c) === -1 ? filtered.push(c) : targets.push(c)
     );
     targets.forEach((c) => c());
     render_callbacks = filtered;
@@ -649,7 +649,7 @@
           delay,
           easing,
           css,
-          uid++,
+          uid++
         );
       tick(0, 1);
       const start_time = now() + delay;
@@ -779,7 +779,7 @@
     destroy,
     create_each_block,
     next,
-    get_context,
+    get_context
   ) {
     let o = old_blocks.length;
     let n = list.length;
@@ -949,7 +949,7 @@
     not_equal,
     props,
     append_styles,
-    dirty = [-1],
+    dirty = [-1]
   ) {
     const parent_component = current_component;
     set_current_component(component);
@@ -968,8 +968,7 @@
       before_update: [],
       after_update: [],
       context: new Map(
-        options.context ||
-          (parent_component ? parent_component.$$.context : []),
+        options.context || (parent_component ? parent_component.$$.context : [])
       ),
       // everything else
       callbacks: blank_object(),
@@ -1009,7 +1008,7 @@
         component,
         options.target,
         options.anchor,
-        options.customElement,
+        options.customElement
       );
       flush();
     }
@@ -1048,7 +1047,7 @@
     document.dispatchEvent(
       custom_event(type, Object.assign({ version: "3.59.2" }, detail), {
         bubbles: true,
-      }),
+      })
     );
   }
   function append_dev(target, node) {
@@ -1070,7 +1069,7 @@
     options,
     has_prevent_default,
     has_stop_propagation,
-    has_stop_immediate_propagation,
+    has_stop_immediate_propagation
   ) {
     const modifiers =
       options === true
@@ -1185,14 +1184,14 @@
           (div0_class_value =
             "progress-bar progress-bar-striped bg-" +
             confidence(/*prob*/ ctx[2]) +
-            " svelte-ai57u1"),
+            " svelte-ai57u1")
         );
         attr_dev(div0, "role", "progressbar");
         set_style(div0, "width", /*prob*/ ctx[2] * 100 + "%");
         attr_dev(
           div0,
           "aria-valuenow",
-          (div0_aria_valuenow_value = /*prob*/ ctx[2] * 100),
+          (div0_aria_valuenow_value = /*prob*/ ctx[2] * 100)
         );
         attr_dev(div0, "aria-valuemin", "0");
         attr_dev(div0, "aria-valuemax", "100");
@@ -1203,7 +1202,7 @@
         attr_dev(
           path,
           "d",
-          "M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z",
+          "M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z"
         );
         add_location(path, file$2, 45, 7, 954);
         attr_dev(svg, "height", "20");
@@ -1220,7 +1219,7 @@
       },
       l: function claim(nodes) {
         throw new Error(
-          "options.hydrate only works if the component was compiled with the `hydratable: true` option",
+          "options.hydrate only works if the component was compiled with the `hydratable: true` option"
         );
       },
       m: function mount(target, anchor) {
@@ -1242,7 +1241,7 @@
             false,
             false,
             false,
-            false,
+            false
           );
           mounted = true;
         }
@@ -1398,37 +1397,37 @@
 
     get id() {
       throw new Error(
-        "<Tag>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+        "<Tag>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'"
       );
     }
 
     set id(value) {
       throw new Error(
-        "<Tag>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+        "<Tag>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'"
       );
     }
 
     get name() {
       throw new Error(
-        "<Tag>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+        "<Tag>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'"
       );
     }
 
     set name(value) {
       throw new Error(
-        "<Tag>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+        "<Tag>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'"
       );
     }
 
     get prob() {
       throw new Error(
-        "<Tag>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+        "<Tag>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'"
       );
     }
 
     set prob(value) {
       throw new Error(
-        "<Tag>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+        "<Tag>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'"
       );
     }
   }
@@ -1459,7 +1458,7 @@
       x = 0,
       y = 0,
       opacity = 0,
-    } = {},
+    } = {}
   ) {
     const style = getComputedStyle(node);
     const target_opacity = +style.opacity;
@@ -1558,7 +1557,7 @@
       let key = get_key(child_ctx);
       each_1_lookup.set(
         key,
-        (each_blocks[i] = create_each_block(key, child_ctx)),
+        (each_blocks[i] = create_each_block(key, child_ctx))
       );
     }
 
@@ -1629,7 +1628,7 @@
         attr_dev(
           div7,
           "class",
-          "modal-dialog modal-xl top-accent svelte-9viihb",
+          "modal-dialog modal-xl top-accent svelte-9viihb"
         );
         add_location(div7, file$1, 87, 4, 2127);
         attr_dev(div8, "role", "dialog");
@@ -1683,7 +1682,7 @@
               false,
               false,
               false,
-              false,
+              false
             ),
             listen_dev(
               button1,
@@ -1692,7 +1691,7 @@
               false,
               false,
               false,
-              false,
+              false
             ),
             listen_dev(input, "change", /*input_change_input_handler*/ ctx[10]),
             listen_dev(input, "input", /*input_change_input_handler*/ ctx[10]),
@@ -1703,7 +1702,7 @@
               false,
               false,
               false,
-              false,
+              false
             ),
           ];
 
@@ -1729,7 +1728,7 @@
             fix_and_outro_and_destroy_block,
             create_each_block,
             null,
-            get_each_context,
+            get_each_context
           );
           for (let i = 0; i < each_blocks.length; i += 1) each_blocks[i].a();
           check_outros();
@@ -1955,7 +1954,7 @@
       },
       l: function claim(nodes) {
         throw new Error(
-          "options.hydrate only works if the component was compiled with the `hydratable: true` option",
+          "options.hydrate only works if the component was compiled with the `hydratable: true` option"
         );
       },
       m: function mount(target, anchor) {
@@ -2152,7 +2151,7 @@
       if ($$self.$$.dirty & /*matches, threshold*/ 513) {
         $$invalidate(
           4,
-          (filteredMatches = matches.filter((x) => x.prob > threshold)),
+          (filteredMatches = matches.filter((x) => x.prob > threshold))
         );
       }
     };
@@ -2191,25 +2190,25 @@
 
     get matches() {
       throw new Error(
-        "<TagMatches>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+        "<TagMatches>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'"
       );
     }
 
     set matches(value) {
       throw new Error(
-        "<TagMatches>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+        "<TagMatches>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'"
       );
     }
 
     get threshold() {
       throw new Error(
-        "<TagMatches>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+        "<TagMatches>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'"
       );
     }
 
     set threshold(value) {
       throw new Error(
-        "<TagMatches>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+        "<TagMatches>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'"
       );
     }
   }
@@ -2273,9 +2272,7 @@
       function __extends(d, b) {
         if (typeof b !== "function" && b !== null)
           throw new TypeError(
-            "Class extends value " +
-              String(b) +
-              " is not a constructor or null",
+            "Class extends value " + String(b) + " is not a constructor or null"
           );
         extendStatics(d, b);
         function __() {
@@ -2455,7 +2452,7 @@
             this.left + x,
             this.top + y,
             this.width + w,
-            this.height + h,
+            this.height + h
           );
         };
         Bounds.fromClientRect = function (context, clientRect) {
@@ -2463,7 +2460,7 @@
             clientRect.left + context.windowBounds.left,
             clientRect.top + context.windowBounds.top,
             clientRect.width,
-            clientRect.height,
+            clientRect.height
           );
         };
         Bounds.fromDOMRectList = function (context, domRectList) {
@@ -2475,7 +2472,7 @@
                 domRect.left + context.windowBounds.left,
                 domRect.top + context.windowBounds.top,
                 domRect.width,
-                domRect.height,
+                domRect.height
               )
             : Bounds.EMPTY;
         };
@@ -2494,12 +2491,12 @@
         var width = Math.max(
           Math.max(body.scrollWidth, documentElement.scrollWidth),
           Math.max(body.offsetWidth, documentElement.offsetWidth),
-          Math.max(body.clientWidth, documentElement.clientWidth),
+          Math.max(body.clientWidth, documentElement.clientWidth)
         );
         var height = Math.max(
           Math.max(body.scrollHeight, documentElement.scrollHeight),
           Math.max(body.offsetHeight, documentElement.offsetHeight),
-          Math.max(body.clientHeight, documentElement.clientHeight),
+          Math.max(body.clientHeight, documentElement.clientHeight)
         );
         return new Bounds(0, 0, width, height);
       };
@@ -2519,7 +2516,7 @@
             var extra = str.charCodeAt(i++);
             if ((extra & 0xfc00) === 0xdc00) {
               codePoints.push(
-                ((value & 0x3ff) << 10) + (extra & 0x3ff) + 0x10000,
+                ((value & 0x3ff) << 10) + (extra & 0x3ff) + 0x10000
               );
             } else {
               codePoints.push(value);
@@ -2554,7 +2551,7 @@
             codePoint -= 0x10000;
             codeUnits.push(
               (codePoint >> 10) + 0xd800,
-              (codePoint % 0x400) + 0xdc00,
+              (codePoint % 0x400) + 0xdc00
             );
           }
           if (index + 1 === length || codeUnits.length > 0x4000) {
@@ -2635,7 +2632,7 @@
             (buffer[i + 3] << 24) |
               (buffer[i + 2] << 16) |
               (buffer[i + 1] << 8) |
-              buffer[i],
+              buffer[i]
           );
         }
         return bytes;
@@ -2734,7 +2731,7 @@
           view32[2],
           view32[3],
           index,
-          data,
+          data
         );
       };
       var Trie$1 = /** @class */ (function () {
@@ -2744,7 +2741,7 @@
           highStart,
           highValueIndex,
           index,
-          data,
+          data
         ) {
           this.initialValue = initialValue;
           this.errorValue = errorValue;
@@ -2959,7 +2956,7 @@
         a,
         b,
         currentIndex,
-        classTypes,
+        classTypes
       ) {
         var current = classTypes[currentIndex];
         if (Array.isArray(a) ? a.indexOf(current) !== -1 : a === current) {
@@ -3017,7 +3014,7 @@
         classTypes,
         indicies,
         index,
-        forbiddenBreaks,
+        forbiddenBreaks
       ) {
         if (indicies[index] === 0) {
           return BREAK_NOT_ALLOWED$1;
@@ -3290,7 +3287,7 @@
         Break.prototype.slice = function () {
           return fromCodePoint$1.apply(
             void 0,
-            this.codePoints.slice(this.start, this.end),
+            this.codePoints.slice(this.start, this.end)
           );
         };
         return Break;
@@ -3317,7 +3314,7 @@
                 classTypes,
                 indicies,
                 ++nextIndex,
-                forbiddenBreakpoints,
+                forbiddenBreakpoints
               )) === BREAK_NOT_ALLOWED$1
             ) {}
             if (lineBreak !== BREAK_NOT_ALLOWED$1 || nextIndex === length) {
@@ -3609,7 +3606,7 @@
                 isNumberStart(
                   codePoint,
                   this.peekCodePoint(0),
-                  this.peekCodePoint(1),
+                  this.peekCodePoint(1)
                 )
               ) {
                 this.reconsumeCodePoint(codePoint);
@@ -3641,7 +3638,7 @@
                 isNumberStart(
                   codePoint,
                   this.peekCodePoint(0),
-                  this.peekCodePoint(1),
+                  this.peekCodePoint(1)
                 )
               ) {
                 this.reconsumeCodePoint(codePoint);
@@ -3787,18 +3784,18 @@
                 void 0,
                 digits.map(function (digit) {
                   return digit === QUESTION_MARK ? ZERO : digit;
-                }),
+                })
               ),
-              16,
+              16
             );
             var end = parseInt(
               fromCodePoint$1.apply(
                 void 0,
                 digits.map(function (digit) {
                   return digit === QUESTION_MARK ? F : digit;
-                }),
+                })
               ),
-              16,
+              16
             );
             return {
               type: 30 /* UNICODE_RANGE_TOKEN */,
@@ -3932,7 +3929,7 @@
             var amount = Math.min(SLICE_STACK_SIZE, count);
             value += fromCodePoint$1.apply(
               void 0,
-              this._value.splice(0, amount),
+              this._value.splice(0, amount)
             );
             count -= amount;
           }
@@ -4098,7 +4095,7 @@
           }
           if (token.type === 32 /* EOF_TOKEN */) {
             throw new SyntaxError(
-              "Error parsing CSS component value, unexpected EOF",
+              "Error parsing CSS component value, unexpected EOF"
             );
           }
           this.reconsumeToken(token);
@@ -4110,7 +4107,7 @@
             return value;
           }
           throw new SyntaxError(
-            "Error parsing CSS component value, multiple values found when expecting only one",
+            "Error parsing CSS component value, multiple values found when expecting only one"
           );
         };
         Parser.prototype.parseComponentValues = function () {
@@ -4209,7 +4206,7 @@
           if (token.type === 4 /* COMMA_TOKEN */) {
             if (arg.length === 0) {
               throw new Error(
-                "Error parsing function args, zero tokens for arg",
+                "Error parsing function args, zero tokens for arg"
               );
             }
             args.push(arg);
@@ -4388,7 +4385,7 @@
               throw new Error(
                 'Attempting to parse an unsupported color function "' +
                   value.name +
-                  '"',
+                  '"'
               );
             }
             return colorFunction(context, value.values);
@@ -4402,7 +4399,7 @@
                 parseInt(r + r, 16),
                 parseInt(g + g, 16),
                 parseInt(b + b, 16),
-                1,
+                1
               );
             }
             if (value.value.length === 4) {
@@ -4414,7 +4411,7 @@
                 parseInt(r + r, 16),
                 parseInt(g + g, 16),
                 parseInt(b + b, 16),
-                parseInt(a + a, 16) / 255,
+                parseInt(a + a, 16) / 255
               );
             }
             if (value.value.length === 6) {
@@ -4432,7 +4429,7 @@
                 parseInt(r, 16),
                 parseInt(g, 16),
                 parseInt(b, 16),
-                parseInt(a, 16) / 255,
+                parseInt(a, 16) / 255
               );
             }
           }
@@ -4546,7 +4543,7 @@
       var parseColor = function (context, value) {
         return color$1.parse(
           context,
-          Parser.create(value).parseComponentValue(),
+          Parser.create(value).parseComponentValue()
         );
       };
       var COLORS = {
@@ -4840,7 +4837,7 @@
           {
             optimumDistance: closest ? Infinity : -Infinity,
             optimumCorner: null,
-          },
+          }
         ).optimumCorner;
       };
       var calculateRadius = function (gradient, x, y, width, height) {
@@ -4855,7 +4852,7 @@
                 Math.abs(x),
                 Math.abs(x - width),
                 Math.abs(y),
-                Math.abs(y - height),
+                Math.abs(y - height)
               );
             } else if (gradient.shape === 1 /* ELLIPSE */) {
               rx = Math.min(Math.abs(x), Math.abs(x - width));
@@ -4870,7 +4867,7 @@
                 distance(x, y),
                 distance(x, y - height),
                 distance(x - width, y),
-                distance(x - width, y - height),
+                distance(x - width, y - height)
               );
             } else if (gradient.shape === 1 /* ELLIPSE */) {
               // Compute the ratio ry/rx (which is to be the same as for "closest-side")
@@ -4891,7 +4888,7 @@
                 Math.abs(x),
                 Math.abs(x - width),
                 Math.abs(y),
-                Math.abs(y - height),
+                Math.abs(y - height)
               );
             } else if (gradient.shape === 1 /* ELLIPSE */) {
               rx = Math.max(Math.abs(x), Math.abs(x - width));
@@ -4906,7 +4903,7 @@
                 distance(x, y),
                 distance(x, y - height),
                 distance(x - width, y),
-                distance(x - width, y - height),
+                distance(x - width, y - height)
               );
             } else if (gradient.shape === 1 /* ELLIPSE */) {
               // Compute the ratio ry/rx (which is to be the same as for "farthest-side")
@@ -5229,7 +5226,7 @@
               throw new Error(
                 'Attempting to parse an unsupported image function "' +
                   value.name +
-                  '"',
+                  '"'
               );
             }
             return imageFunction(context, value.values);
@@ -5392,7 +5389,7 @@
           type: 1 /* LIST */,
           parse: function (_context, tokens) {
             return parseLengthPercentageTuple(
-              tokens.filter(isLengthPercentage),
+              tokens.filter(isLengthPercentage)
             );
           },
         };
@@ -5951,7 +5948,7 @@
               throw new Error(
                 'Attempting to parse an unsupported transform function "' +
                   token.name +
-                  '"',
+                  '"'
               );
             }
             return transformFunction(token.values);
@@ -6454,122 +6451,122 @@
           this.animationDuration = parse(
             context,
             duration,
-            declaration.animationDuration,
+            declaration.animationDuration
           );
           this.backgroundClip = parse(
             context,
             backgroundClip,
-            declaration.backgroundClip,
+            declaration.backgroundClip
           );
           this.backgroundColor = parse(
             context,
             backgroundColor,
-            declaration.backgroundColor,
+            declaration.backgroundColor
           );
           this.backgroundImage = parse(
             context,
             backgroundImage,
-            declaration.backgroundImage,
+            declaration.backgroundImage
           );
           this.backgroundOrigin = parse(
             context,
             backgroundOrigin,
-            declaration.backgroundOrigin,
+            declaration.backgroundOrigin
           );
           this.backgroundPosition = parse(
             context,
             backgroundPosition,
-            declaration.backgroundPosition,
+            declaration.backgroundPosition
           );
           this.backgroundRepeat = parse(
             context,
             backgroundRepeat,
-            declaration.backgroundRepeat,
+            declaration.backgroundRepeat
           );
           this.backgroundSize = parse(
             context,
             backgroundSize,
-            declaration.backgroundSize,
+            declaration.backgroundSize
           );
           this.borderTopColor = parse(
             context,
             borderTopColor,
-            declaration.borderTopColor,
+            declaration.borderTopColor
           );
           this.borderRightColor = parse(
             context,
             borderRightColor,
-            declaration.borderRightColor,
+            declaration.borderRightColor
           );
           this.borderBottomColor = parse(
             context,
             borderBottomColor,
-            declaration.borderBottomColor,
+            declaration.borderBottomColor
           );
           this.borderLeftColor = parse(
             context,
             borderLeftColor,
-            declaration.borderLeftColor,
+            declaration.borderLeftColor
           );
           this.borderTopLeftRadius = parse(
             context,
             borderTopLeftRadius,
-            declaration.borderTopLeftRadius,
+            declaration.borderTopLeftRadius
           );
           this.borderTopRightRadius = parse(
             context,
             borderTopRightRadius,
-            declaration.borderTopRightRadius,
+            declaration.borderTopRightRadius
           );
           this.borderBottomRightRadius = parse(
             context,
             borderBottomRightRadius,
-            declaration.borderBottomRightRadius,
+            declaration.borderBottomRightRadius
           );
           this.borderBottomLeftRadius = parse(
             context,
             borderBottomLeftRadius,
-            declaration.borderBottomLeftRadius,
+            declaration.borderBottomLeftRadius
           );
           this.borderTopStyle = parse(
             context,
             borderTopStyle,
-            declaration.borderTopStyle,
+            declaration.borderTopStyle
           );
           this.borderRightStyle = parse(
             context,
             borderRightStyle,
-            declaration.borderRightStyle,
+            declaration.borderRightStyle
           );
           this.borderBottomStyle = parse(
             context,
             borderBottomStyle,
-            declaration.borderBottomStyle,
+            declaration.borderBottomStyle
           );
           this.borderLeftStyle = parse(
             context,
             borderLeftStyle,
-            declaration.borderLeftStyle,
+            declaration.borderLeftStyle
           );
           this.borderTopWidth = parse(
             context,
             borderTopWidth,
-            declaration.borderTopWidth,
+            declaration.borderTopWidth
           );
           this.borderRightWidth = parse(
             context,
             borderRightWidth,
-            declaration.borderRightWidth,
+            declaration.borderRightWidth
           );
           this.borderBottomWidth = parse(
             context,
             borderBottomWidth,
-            declaration.borderBottomWidth,
+            declaration.borderBottomWidth
           );
           this.borderLeftWidth = parse(
             context,
             borderLeftWidth,
-            declaration.borderLeftWidth,
+            declaration.borderLeftWidth
           );
           this.boxShadow = parse(context, boxShadow, declaration.boxShadow);
           this.color = parse(context, color, declaration.color);
@@ -6582,41 +6579,41 @@
           this.fontVariant = parse(
             context,
             fontVariant,
-            declaration.fontVariant,
+            declaration.fontVariant
           );
           this.fontWeight = parse(context, fontWeight, declaration.fontWeight);
           this.letterSpacing = parse(
             context,
             letterSpacing,
-            declaration.letterSpacing,
+            declaration.letterSpacing
           );
           this.lineBreak = parse(context, lineBreak, declaration.lineBreak);
           this.lineHeight = parse(context, lineHeight, declaration.lineHeight);
           this.listStyleImage = parse(
             context,
             listStyleImage,
-            declaration.listStyleImage,
+            declaration.listStyleImage
           );
           this.listStylePosition = parse(
             context,
             listStylePosition,
-            declaration.listStylePosition,
+            declaration.listStylePosition
           );
           this.listStyleType = parse(
             context,
             listStyleType,
-            declaration.listStyleType,
+            declaration.listStyleType
           );
           this.marginTop = parse(context, marginTop, declaration.marginTop);
           this.marginRight = parse(
             context,
             marginRight,
-            declaration.marginRight,
+            declaration.marginRight
           );
           this.marginBottom = parse(
             context,
             marginBottom,
-            declaration.marginBottom,
+            declaration.marginBottom
           );
           this.marginLeft = parse(context, marginLeft, declaration.marginLeft);
           this.opacity = parse(context, opacity, declaration.opacity);
@@ -6626,23 +6623,23 @@
           this.overflowWrap = parse(
             context,
             overflowWrap,
-            declaration.overflowWrap,
+            declaration.overflowWrap
           );
           this.paddingTop = parse(context, paddingTop, declaration.paddingTop);
           this.paddingRight = parse(
             context,
             paddingRight,
-            declaration.paddingRight,
+            declaration.paddingRight
           );
           this.paddingBottom = parse(
             context,
             paddingBottom,
-            declaration.paddingBottom,
+            declaration.paddingBottom
           );
           this.paddingLeft = parse(
             context,
             paddingLeft,
-            declaration.paddingLeft,
+            declaration.paddingLeft
           );
           this.paintOrder = parse(context, paintOrder, declaration.paintOrder);
           this.position = parse(context, position, declaration.position);
@@ -6652,37 +6649,37 @@
             textDecorationColor,
             (_a = declaration.textDecorationColor) !== null && _a !== void 0
               ? _a
-              : declaration.color,
+              : declaration.color
           );
           this.textDecorationLine = parse(
             context,
             textDecorationLine,
             (_b = declaration.textDecorationLine) !== null && _b !== void 0
               ? _b
-              : declaration.textDecoration,
+              : declaration.textDecoration
           );
           this.textShadow = parse(context, textShadow, declaration.textShadow);
           this.textTransform = parse(
             context,
             textTransform,
-            declaration.textTransform,
+            declaration.textTransform
           );
           this.transform = parse(context, transform$1, declaration.transform);
           this.transformOrigin = parse(
             context,
             transformOrigin,
-            declaration.transformOrigin,
+            declaration.transformOrigin
           );
           this.visibility = parse(context, visibility, declaration.visibility);
           this.webkitTextStrokeColor = parse(
             context,
             webkitTextStrokeColor,
-            declaration.webkitTextStrokeColor,
+            declaration.webkitTextStrokeColor
           );
           this.webkitTextStrokeWidth = parse(
             context,
             webkitTextStrokeWidth,
-            declaration.webkitTextStrokeWidth,
+            declaration.webkitTextStrokeWidth
           );
           this.wordBreak = parse(context, wordBreak, declaration.wordBreak);
           this.zIndex = parse(context, zIndex, declaration.zIndex);
@@ -6733,12 +6730,12 @@
           this.counterIncrement = parse(
             context,
             counterIncrement,
-            declaration.counterIncrement,
+            declaration.counterIncrement
           );
           this.counterReset = parse(
             context,
             counterReset,
-            declaration.counterReset,
+            declaration.counterReset
           );
         }
         return CSSParsedCounterDeclaration;
@@ -6757,7 +6754,7 @@
             var token = parser.parseComponentValue();
             return descriptor.parse(
               context,
-              isIdentToken(token) ? token.value : descriptor.initialValue,
+              isIdentToken(token) ? token.value : descriptor.initialValue
             );
           case 0 /* VALUE */:
             return descriptor.parse(context, parser.parseComponentValue());
@@ -6818,7 +6815,7 @@
           }
           this.styles = new CSSParsedDeclaration(
             context,
-            window.getComputedStyle(element, null),
+            window.getComputedStyle(element, null)
           );
           if (isHTMLElementNode(element)) {
             if (
@@ -6911,7 +6908,7 @@
             (buffer[i + 3] << 24) |
               (buffer[i + 2] << 16) |
               (buffer[i + 1] << 8) |
-              buffer[i],
+              buffer[i]
           );
         }
         return bytes;
@@ -7010,7 +7007,7 @@
           view32[2],
           view32[3],
           index,
-          data,
+          data
         );
       };
       var Trie = /** @class */ (function () {
@@ -7020,7 +7017,7 @@
           highStart,
           highValueIndex,
           index,
-          data,
+          data
         ) {
           this.initialValue = initialValue;
           this.errorValue = errorValue;
@@ -7123,7 +7120,7 @@
             var extra = str.charCodeAt(i++);
             if ((extra & 0xfc00) === 0xdc00) {
               codePoints.push(
-                ((value & 0x3ff) << 10) + (extra & 0x3ff) + 0x10000,
+                ((value & 0x3ff) << 10) + (extra & 0x3ff) + 0x10000
               );
             } else {
               codePoints.push(value);
@@ -7158,7 +7155,7 @@
             codePoint -= 0x10000;
             codeUnits.push(
               (codePoint >> 10) + 0xd800,
-              (codePoint % 0x400) + 0xdc00,
+              (codePoint % 0x400) + 0xdc00
             );
           }
           if (index + 1 === length || codeUnits.length > 0x4000) {
@@ -7258,13 +7255,13 @@
               (graphemeBreak = _graphemeBreakAtIndex(
                 codePoints,
                 classTypes,
-                ++index,
+                ++index
               )) === BREAK_NOT_ALLOWED
             ) {}
             if (graphemeBreak !== BREAK_NOT_ALLOWED || index === length) {
               var value = fromCodePoint.apply(
                 null,
-                codePoints.slice(lastEnd, index),
+                codePoints.slice(lastEnd, index)
               );
               lastEnd = index;
               return { value: value, done: false };
@@ -7395,7 +7392,7 @@
             // Firefox 55 does not render inline <img /> tags
             return isGreenPixel(data)
               ? loadSerializedSVG$1(
-                  createForeignObjectSVG(size, size, 0, 0, node),
+                  createForeignObjectSVG(size, size, 0, 0, node)
                 )
               : Promise.reject(false);
           })
@@ -7515,7 +7512,7 @@
               var clientRects = createRange(
                 node,
                 offset,
-                text.length,
+                text.length
               ).getClientRects();
               if (clientRects.length > 1) {
                 var subSegments = segmentGraphemes(text);
@@ -7529,10 +7526,10 @@
                         createRange(
                           node,
                           subOffset_1 + offset,
-                          subSegment.length,
-                        ).getClientRects(),
-                      ),
-                    ),
+                          subSegment.length
+                        ).getClientRects()
+                      )
+                    )
                   );
                   subOffset_1 += subSegment.length;
                 });
@@ -7540,14 +7537,14 @@
                 textBounds.push(
                   new TextBounds(
                     text,
-                    Bounds.fromDOMRectList(context, clientRects),
-                  ),
+                    Bounds.fromDOMRectList(context, clientRects)
+                  )
                 );
               }
             } else {
               var replacementNode = node.splitText(text.length);
               textBounds.push(
-                new TextBounds(text, getWrapperBounds(context, node)),
+                new TextBounds(text, getWrapperBounds(context, node))
               );
               node = replacementNode;
             }
@@ -7771,14 +7768,14 @@
             bounds.left + (bounds.width - bounds.height) / 2,
             bounds.top,
             bounds.height,
-            bounds.height,
+            bounds.height
           );
         } else if (bounds.width < bounds.height) {
           return new Bounds(
             bounds.left,
             bounds.top + (bounds.height - bounds.width) / 2,
             bounds.width,
-            bounds.width,
+            bounds.width
           );
         }
         return bounds;
@@ -7880,7 +7877,7 @@
             ) {
               _this.tree = parseTree(
                 context,
-                iframe.contentWindow.document.documentElement,
+                iframe.contentWindow.document.documentElement
               );
               // http://www.w3.org/TR/css3-background/#special-backgrounds
               var documentBackgroundColor = iframe.contentWindow.document
@@ -7888,15 +7885,15 @@
                 ? parseColor(
                     context,
                     getComputedStyle(
-                      iframe.contentWindow.document.documentElement,
-                    ).backgroundColor,
+                      iframe.contentWindow.document.documentElement
+                    ).backgroundColor
                   )
                 : COLORS.TRANSPARENT;
               var bodyBackgroundColor = iframe.contentWindow.document.body
                 ? parseColor(
                     context,
                     getComputedStyle(iframe.contentWindow.document.body)
-                      .backgroundColor,
+                      .backgroundColor
                   )
                 : COLORS.TRANSPARENT;
               _this.backgroundColor = isTransparent(documentBackgroundColor)
@@ -7921,7 +7918,7 @@
           nextNode = childNode.nextSibling;
           if (isTextNode(childNode) && childNode.data.trim().length > 0) {
             parent.textNodes.push(
-              new TextContainer(context, childNode, parent.styles),
+              new TextContainer(context, childNode, parent.styles)
             );
           } else if (isElementNode(childNode)) {
             if (isSlotElement(childNode) && childNode.assignedNodes) {
@@ -8282,7 +8279,7 @@
         max,
         symbols,
         fallback,
-        suffix,
+        suffix
       ) {
         if (value < min || value > max) {
           return createCounterText(value, fallback, suffix.length > 0);
@@ -8301,7 +8298,7 @@
         value,
         codePointRangeLength,
         isNumeric,
-        resolver,
+        resolver
       ) {
         var string = "";
         do {
@@ -8318,7 +8315,7 @@
         codePointRangeStart,
         codePointRangeEnd,
         isNumeric,
-        suffix,
+        suffix
       ) {
         var codePointRangeLength = codePointRangeEnd - codePointRangeStart + 1;
         return (
@@ -8330,9 +8327,9 @@
             function (codePoint) {
               return fromCodePoint$1(
                 Math.floor(codePoint % codePointRangeLength) +
-                  codePointRangeStart,
+                  codePointRangeStart
               );
-            },
+            }
           ) +
             suffix)
         );
@@ -8349,7 +8346,7 @@
             false,
             function (codePoint) {
               return symbols[Math.floor(codePoint % codePointRangeLength)];
-            },
+            }
           ) + suffix
         );
       };
@@ -8363,13 +8360,13 @@
         multipliers,
         negativeSign,
         suffix,
-        flags,
+        flags
       ) {
         if (value < -9999 || value > 9999) {
           return createCounterText(
             value,
             4 /* CJK_DECIMAL */,
-            suffix.length > 0,
+            suffix.length > 0
           );
         }
         var tmp = Math.abs(value);
@@ -8432,14 +8429,14 @@
               48,
               57,
               true,
-              defaultSuffix,
+              defaultSuffix
             );
             return string.length < 4 ? "0" + string : string;
           case 4 /* CJK_DECIMAL */:
             return createCounterStyleFromSymbols(
               value,
               "〇一二三四五六七八九",
-              cjkSuffix,
+              cjkSuffix
             );
           case 6 /* LOWER_ROMAN */:
             return createAdditiveCounter(
@@ -8448,7 +8445,7 @@
               3999,
               ROMAN_UPPER,
               3 /* DECIMAL */,
-              defaultSuffix,
+              defaultSuffix
             ).toLowerCase();
           case 7 /* UPPER_ROMAN */:
             return createAdditiveCounter(
@@ -8457,7 +8454,7 @@
               3999,
               ROMAN_UPPER,
               3 /* DECIMAL */,
-              defaultSuffix,
+              defaultSuffix
             );
           case 8 /* LOWER_GREEK */:
             return createCounterStyleFromRange(
@@ -8465,7 +8462,7 @@
               945,
               969,
               false,
-              defaultSuffix,
+              defaultSuffix
             );
           case 9 /* LOWER_ALPHA */:
             return createCounterStyleFromRange(
@@ -8473,7 +8470,7 @@
               97,
               122,
               false,
-              defaultSuffix,
+              defaultSuffix
             );
           case 10 /* UPPER_ALPHA */:
             return createCounterStyleFromRange(
@@ -8481,7 +8478,7 @@
               65,
               90,
               false,
-              defaultSuffix,
+              defaultSuffix
             );
           case 11 /* ARABIC_INDIC */:
             return createCounterStyleFromRange(
@@ -8489,7 +8486,7 @@
               1632,
               1641,
               true,
-              defaultSuffix,
+              defaultSuffix
             );
           case 12 /* ARMENIAN */:
           case 49 /* UPPER_ARMENIAN */:
@@ -8499,7 +8496,7 @@
               9999,
               ARMENIAN,
               3 /* DECIMAL */,
-              defaultSuffix,
+              defaultSuffix
             );
           case 35 /* LOWER_ARMENIAN */:
             return createAdditiveCounter(
@@ -8508,7 +8505,7 @@
               9999,
               ARMENIAN,
               3 /* DECIMAL */,
-              defaultSuffix,
+              defaultSuffix
             ).toLowerCase();
           case 13 /* BENGALI */:
             return createCounterStyleFromRange(
@@ -8516,7 +8513,7 @@
               2534,
               2543,
               true,
-              defaultSuffix,
+              defaultSuffix
             );
           case 14 /* CAMBODIAN */:
           case 30 /* KHMER */:
@@ -8525,19 +8522,19 @@
               6112,
               6121,
               true,
-              defaultSuffix,
+              defaultSuffix
             );
           case 15 /* CJK_EARTHLY_BRANCH */:
             return createCounterStyleFromSymbols(
               value,
               "子丑寅卯辰巳午未申酉戌亥",
-              cjkSuffix,
+              cjkSuffix
             );
           case 16 /* CJK_HEAVENLY_STEM */:
             return createCounterStyleFromSymbols(
               value,
               "甲乙丙丁戊己庚辛壬癸",
-              cjkSuffix,
+              cjkSuffix
             );
           case 17 /* CJK_IDEOGRAPHIC */:
           case 48 /* TRAD_CHINESE_INFORMAL */:
@@ -8549,7 +8546,7 @@
               cjkSuffix,
               CJK_TEN_COEFFICIENTS |
                 CJK_TEN_HIGH_COEFFICIENTS |
-                CJK_HUNDRED_COEFFICIENTS,
+                CJK_HUNDRED_COEFFICIENTS
             );
           case 47 /* TRAD_CHINESE_FORMAL */:
             return createCJKCounter(
@@ -8561,7 +8558,7 @@
               CJK_ZEROS |
                 CJK_TEN_COEFFICIENTS |
                 CJK_TEN_HIGH_COEFFICIENTS |
-                CJK_HUNDRED_COEFFICIENTS,
+                CJK_HUNDRED_COEFFICIENTS
             );
           case 42 /* SIMP_CHINESE_INFORMAL */:
             return createCJKCounter(
@@ -8572,7 +8569,7 @@
               cjkSuffix,
               CJK_TEN_COEFFICIENTS |
                 CJK_TEN_HIGH_COEFFICIENTS |
-                CJK_HUNDRED_COEFFICIENTS,
+                CJK_HUNDRED_COEFFICIENTS
             );
           case 41 /* SIMP_CHINESE_FORMAL */:
             return createCJKCounter(
@@ -8584,7 +8581,7 @@
               CJK_ZEROS |
                 CJK_TEN_COEFFICIENTS |
                 CJK_TEN_HIGH_COEFFICIENTS |
-                CJK_HUNDRED_COEFFICIENTS,
+                CJK_HUNDRED_COEFFICIENTS
             );
           case 26 /* JAPANESE_INFORMAL */:
             return createCJKCounter(
@@ -8593,7 +8590,7 @@
               "十百千万",
               JAPANESE_NEGATIVE,
               cjkSuffix,
-              0,
+              0
             );
           case 25 /* JAPANESE_FORMAL */:
             return createCJKCounter(
@@ -8602,7 +8599,7 @@
               "拾百千万",
               JAPANESE_NEGATIVE,
               cjkSuffix,
-              CJK_ZEROS | CJK_TEN_COEFFICIENTS | CJK_TEN_HIGH_COEFFICIENTS,
+              CJK_ZEROS | CJK_TEN_COEFFICIENTS | CJK_TEN_HIGH_COEFFICIENTS
             );
           case 31 /* KOREAN_HANGUL_FORMAL */:
             return createCJKCounter(
@@ -8611,7 +8608,7 @@
               "십백천만",
               KOREAN_NEGATIVE,
               koreanSuffix,
-              CJK_ZEROS | CJK_TEN_COEFFICIENTS | CJK_TEN_HIGH_COEFFICIENTS,
+              CJK_ZEROS | CJK_TEN_COEFFICIENTS | CJK_TEN_HIGH_COEFFICIENTS
             );
           case 33 /* KOREAN_HANJA_INFORMAL */:
             return createCJKCounter(
@@ -8620,7 +8617,7 @@
               "十百千萬",
               KOREAN_NEGATIVE,
               koreanSuffix,
-              0,
+              0
             );
           case 32 /* KOREAN_HANJA_FORMAL */:
             return createCJKCounter(
@@ -8629,7 +8626,7 @@
               "拾百千",
               KOREAN_NEGATIVE,
               koreanSuffix,
-              CJK_ZEROS | CJK_TEN_COEFFICIENTS | CJK_TEN_HIGH_COEFFICIENTS,
+              CJK_ZEROS | CJK_TEN_COEFFICIENTS | CJK_TEN_HIGH_COEFFICIENTS
             );
           case 18 /* DEVANAGARI */:
             return createCounterStyleFromRange(
@@ -8637,7 +8634,7 @@
               0x966,
               0x96f,
               true,
-              defaultSuffix,
+              defaultSuffix
             );
           case 20 /* GEORGIAN */:
             return createAdditiveCounter(
@@ -8646,7 +8643,7 @@
               19999,
               GEORGIAN,
               3 /* DECIMAL */,
-              defaultSuffix,
+              defaultSuffix
             );
           case 21 /* GUJARATI */:
             return createCounterStyleFromRange(
@@ -8654,7 +8651,7 @@
               0xae6,
               0xaef,
               true,
-              defaultSuffix,
+              defaultSuffix
             );
           case 22 /* GURMUKHI */:
             return createCounterStyleFromRange(
@@ -8662,7 +8659,7 @@
               0xa66,
               0xa6f,
               true,
-              defaultSuffix,
+              defaultSuffix
             );
           case 22 /* HEBREW */:
             return createAdditiveCounter(
@@ -8671,17 +8668,17 @@
               10999,
               HEBREW,
               3 /* DECIMAL */,
-              defaultSuffix,
+              defaultSuffix
             );
           case 23 /* HIRAGANA */:
             return createCounterStyleFromSymbols(
               value,
-              "あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわゐゑをん",
+              "あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわゐゑをん"
             );
           case 24 /* HIRAGANA_IROHA */:
             return createCounterStyleFromSymbols(
               value,
-              "いろはにほへとちりぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせす",
+              "いろはにほへとちりぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせす"
             );
           case 27 /* KANNADA */:
             return createCounterStyleFromRange(
@@ -8689,19 +8686,19 @@
               0xce6,
               0xcef,
               true,
-              defaultSuffix,
+              defaultSuffix
             );
           case 28 /* KATAKANA */:
             return createCounterStyleFromSymbols(
               value,
               "アイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤユヨラリルレロワヰヱヲン",
-              cjkSuffix,
+              cjkSuffix
             );
           case 29 /* KATAKANA_IROHA */:
             return createCounterStyleFromSymbols(
               value,
               "イロハニホヘトチリヌルヲワカヨタレソツネナラムウヰノオクヤマケフコエテアサキユメミシヱヒモセス",
-              cjkSuffix,
+              cjkSuffix
             );
           case 34 /* LAO */:
             return createCounterStyleFromRange(
@@ -8709,7 +8706,7 @@
               0xed0,
               0xed9,
               true,
-              defaultSuffix,
+              defaultSuffix
             );
           case 37 /* MONGOLIAN */:
             return createCounterStyleFromRange(
@@ -8717,7 +8714,7 @@
               0x1810,
               0x1819,
               true,
-              defaultSuffix,
+              defaultSuffix
             );
           case 38 /* MYANMAR */:
             return createCounterStyleFromRange(
@@ -8725,7 +8722,7 @@
               0x1040,
               0x1049,
               true,
-              defaultSuffix,
+              defaultSuffix
             );
           case 39 /* ORIYA */:
             return createCounterStyleFromRange(
@@ -8733,7 +8730,7 @@
               0xb66,
               0xb6f,
               true,
-              defaultSuffix,
+              defaultSuffix
             );
           case 40 /* PERSIAN */:
             return createCounterStyleFromRange(
@@ -8741,7 +8738,7 @@
               0x6f0,
               0x6f9,
               true,
-              defaultSuffix,
+              defaultSuffix
             );
           case 43 /* TAMIL */:
             return createCounterStyleFromRange(
@@ -8749,7 +8746,7 @@
               0xbe6,
               0xbef,
               true,
-              defaultSuffix,
+              defaultSuffix
             );
           case 44 /* TELUGU */:
             return createCounterStyleFromRange(
@@ -8757,7 +8754,7 @@
               0xc66,
               0xc6f,
               true,
-              defaultSuffix,
+              defaultSuffix
             );
           case 45 /* THAI */:
             return createCounterStyleFromRange(
@@ -8765,7 +8762,7 @@
               0xe50,
               0xe59,
               true,
-              defaultSuffix,
+              defaultSuffix
             );
           case 46 /* TIBETAN */:
             return createCounterStyleFromRange(
@@ -8773,7 +8770,7 @@
               0xf20,
               0xf29,
               true,
-              defaultSuffix,
+              defaultSuffix
             );
           case 3 /* DECIMAL */:
           default:
@@ -8782,7 +8779,7 @@
               48,
               57,
               true,
-              defaultSuffix,
+              defaultSuffix
             );
         }
       };
@@ -8801,12 +8798,12 @@
           }
           this.documentElement = this.cloneNode(
             element.ownerDocument.documentElement,
-            false,
+            false
           );
         }
         DocumentCloner.prototype.toIFrame = function (
           ownerDocument,
-          windowSize,
+          windowSize
         ) {
           var _this = this;
           var iframe = createIFrameContainer(ownerDocument, windowSize);
@@ -8835,14 +8832,14 @@
                           cloneWindow.scrollX !== windowSize.left)
                       ) {
                         this.context.logger.warn(
-                          "Unable to restore scroll position for cloned document",
+                          "Unable to restore scroll position for cloned document"
                         );
                         this.context.windowBounds =
                           this.context.windowBounds.add(
                             cloneWindow.scrollX - windowSize.left,
                             cloneWindow.scrollY - windowSize.top,
                             0,
-                            0,
+                            0
                           );
                       }
                     }
@@ -8854,7 +8851,7 @@
                         Promise.reject(
                           "Error finding the " +
                             this.referenceElement.nodeName +
-                            " in the cloned document",
+                            " in the cloned document"
                         ),
                       ];
                     }
@@ -8891,17 +8888,17 @@
           });
           documentClone.open();
           documentClone.write(
-            serializeDoctype(document.doctype) + "<html></html>",
+            serializeDoctype(document.doctype) + "<html></html>"
           );
           // Chrome scrolls the parent document for some reason after the write to the cloned window???
           restoreOwnerScroll(
             this.referenceElement.ownerDocument,
             scrollX,
-            scrollY,
+            scrollY
           );
           documentClone.replaceChild(
             documentClone.adoptNode(this.documentElement),
-            documentClone.documentElement,
+            documentClone.documentElement
           );
           documentClone.close();
           return iframeLoad;
@@ -8949,7 +8946,7 @@
             if (sheet && sheet.cssRules) {
               var css = [].slice.call(sheet.cssRules, 0).reduce(function (
                 css,
-                rule,
+                rule
               ) {
                 if (rule && typeof rule.cssText === "string") {
                   return css + rule.cssText;
@@ -8979,7 +8976,7 @@
             } catch (e) {
               this.context.logger.info(
                 "Unable to inline canvas contents, canvas is tainted",
-                canvas,
+                canvas
               );
             }
           }
@@ -8994,7 +8991,7 @@
                 clonedCtx.putImageData(
                   ctx.getImageData(0, 0, canvas.width, canvas.height),
                   0,
-                  0,
+                  0
                 );
               } else {
                 var gl =
@@ -9010,7 +9007,7 @@
                   ) {
                     this.context.logger.warn(
                       "Unable to clone WebGL context as it has preserveDrawingBuffer=false",
-                      canvas,
+                      canvas
                     );
                   }
                 }
@@ -9021,7 +9018,7 @@
           } catch (e) {
             this.context.logger.info(
               "Unable to clone canvas as it is tainted",
-              canvas,
+              canvas
             );
           }
           return clonedCanvas;
@@ -9042,7 +9039,7 @@
           } catch (e) {
             this.context.logger.info(
               "Unable to clone video as it is tainted",
-              video,
+              video
             );
           }
           var blankCanvas = video.ownerDocument.createElement("canvas");
@@ -9053,7 +9050,7 @@
         DocumentCloner.prototype.appendChildNode = function (
           clone,
           child,
-          copyStyles,
+          copyStyles
         ) {
           if (
             !isElementNode(child) ||
@@ -9074,7 +9071,7 @@
         DocumentCloner.prototype.cloneChildNodes = function (
           node,
           clone,
-          copyStyles,
+          copyStyles
         ) {
           var _this = this;
           for (
@@ -9125,13 +9122,13 @@
               createPseudoHideStyles(clone);
             }
             var counters = this.counters.parse(
-              new CSSParsedCounterDeclaration(this.context, style),
+              new CSSParsedCounterDeclaration(this.context, style)
             );
             var before = this.resolvePseudoContent(
               node,
               clone,
               styleBefore,
-              PseudoElementType.BEFORE,
+              PseudoElementType.BEFORE
             );
             if (isCustomElement(node)) {
               copyStyles = true;
@@ -9146,7 +9143,7 @@
               node,
               clone,
               styleAfter,
-              PseudoElementType.AFTER,
+              PseudoElementType.AFTER
             );
             if (after) {
               clone.appendChild(after);
@@ -9181,7 +9178,7 @@
           node,
           clone,
           style,
-          pseudoElt,
+          pseudoElt
         ) {
           var _this = this;
           if (!style) {
@@ -9199,17 +9196,17 @@
             return;
           }
           this.counters.parse(
-            new CSSParsedCounterDeclaration(this.context, style),
+            new CSSParsedCounterDeclaration(this.context, style)
           );
           var declaration = new CSSParsedPseudoDeclaration(this.context, style);
           var anonymousReplacedElement = document.createElement(
-            "html2canvaspseudoelement",
+            "html2canvaspseudoelement"
           );
           copyCSSStyles(style, anonymousReplacedElement);
           declaration.content.forEach(function (token) {
             if (token.type === 0 /* STRING_TOKEN */) {
               anonymousReplacedElement.appendChild(
-                document.createTextNode(token.value),
+                document.createTextNode(token.value)
               );
             } else if (token.type === 22 /* URL_TOKEN */) {
               var img = document.createElement("img");
@@ -9222,8 +9219,8 @@
                 if (attr.length) {
                   anonymousReplacedElement.appendChild(
                     document.createTextNode(
-                      node.getAttribute(attr[0].value) || "",
-                    ),
+                      node.getAttribute(attr[0].value) || ""
+                    )
                   );
                 }
               } else if (token.name === "counter") {
@@ -9232,7 +9229,7 @@
                   counterStyle = _a[1];
                 if (counter && isIdentToken(counter)) {
                   var counterState = _this.counters.getCounterValue(
-                    counter.value,
+                    counter.value
                   );
                   var counterType =
                     counterStyle && isIdentToken(counterStyle)
@@ -9240,8 +9237,8 @@
                       : 3; /* DECIMAL */
                   anonymousReplacedElement.appendChild(
                     document.createTextNode(
-                      createCounterText(counterState, counterType, false),
-                    ),
+                      createCounterText(counterState, counterType, false)
+                    )
                   );
                 }
               } else if (token.name === "counters") {
@@ -9251,7 +9248,7 @@
                   counterStyle = _b[2];
                 if (counter && isIdentToken(counter)) {
                   var counterStates = _this.counters.getCounterValues(
-                    counter.value,
+                    counter.value
                   );
                   var counterType_1 =
                     counterStyle && isIdentToken(counterStyle)
@@ -9267,7 +9264,7 @@
                     })
                     .join(separator);
                   anonymousReplacedElement.appendChild(
-                    document.createTextNode(text),
+                    document.createTextNode(text)
                   );
                 }
               } else;
@@ -9276,21 +9273,21 @@
                 case "open-quote":
                   anonymousReplacedElement.appendChild(
                     document.createTextNode(
-                      getQuote(declaration.quotes, _this.quoteDepth++, true),
-                    ),
+                      getQuote(declaration.quotes, _this.quoteDepth++, true)
+                    )
                   );
                   break;
                 case "close-quote":
                   anonymousReplacedElement.appendChild(
                     document.createTextNode(
-                      getQuote(declaration.quotes, --_this.quoteDepth, false),
-                    ),
+                      getQuote(declaration.quotes, --_this.quoteDepth, false)
+                    )
                   );
                   break;
                 default:
                   // safari doesn't parse string tokens correctly because of lack of quotes
                   anonymousReplacedElement.appendChild(
-                    document.createTextNode(token.value),
+                    document.createTextNode(token.value)
                   );
               }
             }
@@ -9389,7 +9386,7 @@
           if (ignoredStyleProperties.indexOf(property) === -1) {
             target.style.setProperty(
               property,
-              style.getPropertyValue(property),
+              style.getPropertyValue(property)
             );
           }
         }
@@ -9450,7 +9447,7 @@
             "\n         ." +
             PSEUDO_HIDE_ELEMENT_CLASS_AFTER +
             PSEUDO_AFTER +
-            PSEUDO_HIDE_ELEMENT_STYLE,
+            PSEUDO_HIDE_ELEMENT_STYLE
         );
       };
       var createStyles = function (body, styles) {
@@ -9545,7 +9542,7 @@
                   _a.label = 2;
                 case 2:
                   this.context.logger.debug(
-                    "Added image " + key.substring(0, 256),
+                    "Added image " + key.substring(0, 256)
                   );
                   return [
                     4 /*yield*/,
@@ -9571,7 +9568,7 @@
                           return reject(
                             "Timed out (" +
                               _this._options.imageTimeout +
-                              "ms) loading image",
+                              "ms) loading image"
                           );
                         }, _this._options.imageTimeout);
                       }
@@ -9610,14 +9607,14 @@
                     function () {
                       return resolve(reader_1.result);
                     },
-                    false,
+                    false
                   );
                   reader_1.addEventListener(
                     "error",
                     function (e) {
                       return reject(e);
                     },
-                    false,
+                    false
                   );
                   reader_1.readAsDataURL(xhr.response);
                 }
@@ -9626,7 +9623,7 @@
                   "Failed to proxy resource " +
                     key +
                     " with status code " +
-                    xhr.status,
+                    xhr.status
                 );
               }
             };
@@ -9640,7 +9637,7 @@
                 "url=" +
                 encodeURIComponent(src) +
                 "&responseType=" +
-                responseType,
+                responseType
             );
             if (responseType !== "text" && xhr instanceof XMLHttpRequest) {
               xhr.responseType = responseType;
@@ -9650,7 +9647,7 @@
               xhr.timeout = timeout_1;
               xhr.ontimeout = function () {
                 return reject(
-                  "Timed out (" + timeout_1 + "ms) proxying " + key,
+                  "Timed out (" + timeout_1 + "ms) proxying " + key
                 );
               };
             }
@@ -9717,7 +9714,7 @@
             this.start.add(deltaX, deltaY),
             this.startControl.add(deltaX, deltaY),
             this.endControl.add(deltaX, deltaY),
-            this.end.add(deltaX, deltaY),
+            this.end.add(deltaX, deltaY)
           );
         };
         BezierCurve.prototype.reverse = function () {
@@ -9725,7 +9722,7 @@
             this.end,
             this.endControl,
             this.startControl,
-            this.start,
+            this.start
           );
         };
         return BezierCurve;
@@ -9741,28 +9738,28 @@
           var _a = getAbsoluteValueForTuple(
               styles.borderTopLeftRadius,
               bounds.width,
-              bounds.height,
+              bounds.height
             ),
             tlh = _a[0],
             tlv = _a[1];
           var _b = getAbsoluteValueForTuple(
               styles.borderTopRightRadius,
               bounds.width,
-              bounds.height,
+              bounds.height
             ),
             trh = _b[0],
             trv = _b[1];
           var _c = getAbsoluteValueForTuple(
               styles.borderBottomRightRadius,
               bounds.width,
-              bounds.height,
+              bounds.height
             ),
             brh = _c[0],
             brv = _c[1];
           var _d = getAbsoluteValueForTuple(
               styles.borderBottomLeftRadius,
               bounds.width,
-              bounds.height,
+              bounds.height
             ),
             blh = _d[0],
             blv = _d[1];
@@ -9792,19 +9789,19 @@
           var borderLeftWidth = styles.borderLeftWidth;
           var paddingTop = getAbsoluteValue(
             styles.paddingTop,
-            element.bounds.width,
+            element.bounds.width
           );
           var paddingRight = getAbsoluteValue(
             styles.paddingRight,
-            element.bounds.width,
+            element.bounds.width
           );
           var paddingBottom = getAbsoluteValue(
             styles.paddingBottom,
-            element.bounds.width,
+            element.bounds.width
           );
           var paddingLeft = getAbsoluteValue(
             styles.paddingLeft,
-            element.bounds.width,
+            element.bounds.width
           );
           this.topLeftBorderDoubleOuterBox =
             tlh > 0 || tlv > 0
@@ -9813,11 +9810,11 @@
                   bounds.top + borderTopWidth / 3,
                   tlh - borderLeftWidth / 3,
                   tlv - borderTopWidth / 3,
-                  CORNER.TOP_LEFT,
+                  CORNER.TOP_LEFT
                 )
               : new Vector(
                   bounds.left + borderLeftWidth / 3,
-                  bounds.top + borderTopWidth / 3,
+                  bounds.top + borderTopWidth / 3
                 );
           this.topRightBorderDoubleOuterBox =
             tlh > 0 || tlv > 0
@@ -9826,11 +9823,11 @@
                   bounds.top + borderTopWidth / 3,
                   trh - borderRightWidth / 3,
                   trv - borderTopWidth / 3,
-                  CORNER.TOP_RIGHT,
+                  CORNER.TOP_RIGHT
                 )
               : new Vector(
                   bounds.left + bounds.width - borderRightWidth / 3,
-                  bounds.top + borderTopWidth / 3,
+                  bounds.top + borderTopWidth / 3
                 );
           this.bottomRightBorderDoubleOuterBox =
             brh > 0 || brv > 0
@@ -9839,11 +9836,11 @@
                   bounds.top + rightHeight,
                   brh - borderRightWidth / 3,
                   brv - borderBottomWidth / 3,
-                  CORNER.BOTTOM_RIGHT,
+                  CORNER.BOTTOM_RIGHT
                 )
               : new Vector(
                   bounds.left + bounds.width - borderRightWidth / 3,
-                  bounds.top + bounds.height - borderBottomWidth / 3,
+                  bounds.top + bounds.height - borderBottomWidth / 3
                 );
           this.bottomLeftBorderDoubleOuterBox =
             blh > 0 || blv > 0
@@ -9852,11 +9849,11 @@
                   bounds.top + leftHeight,
                   blh - borderLeftWidth / 3,
                   blv - borderBottomWidth / 3,
-                  CORNER.BOTTOM_LEFT,
+                  CORNER.BOTTOM_LEFT
                 )
               : new Vector(
                   bounds.left + borderLeftWidth / 3,
-                  bounds.top + bounds.height - borderBottomWidth / 3,
+                  bounds.top + bounds.height - borderBottomWidth / 3
                 );
           this.topLeftBorderDoubleInnerBox =
             tlh > 0 || tlv > 0
@@ -9865,11 +9862,11 @@
                   bounds.top + (borderTopWidth * 2) / 3,
                   tlh - (borderLeftWidth * 2) / 3,
                   tlv - (borderTopWidth * 2) / 3,
-                  CORNER.TOP_LEFT,
+                  CORNER.TOP_LEFT
                 )
               : new Vector(
                   bounds.left + (borderLeftWidth * 2) / 3,
-                  bounds.top + (borderTopWidth * 2) / 3,
+                  bounds.top + (borderTopWidth * 2) / 3
                 );
           this.topRightBorderDoubleInnerBox =
             tlh > 0 || tlv > 0
@@ -9878,11 +9875,11 @@
                   bounds.top + (borderTopWidth * 2) / 3,
                   trh - (borderRightWidth * 2) / 3,
                   trv - (borderTopWidth * 2) / 3,
-                  CORNER.TOP_RIGHT,
+                  CORNER.TOP_RIGHT
                 )
               : new Vector(
                   bounds.left + bounds.width - (borderRightWidth * 2) / 3,
-                  bounds.top + (borderTopWidth * 2) / 3,
+                  bounds.top + (borderTopWidth * 2) / 3
                 );
           this.bottomRightBorderDoubleInnerBox =
             brh > 0 || brv > 0
@@ -9891,11 +9888,11 @@
                   bounds.top + rightHeight,
                   brh - (borderRightWidth * 2) / 3,
                   brv - (borderBottomWidth * 2) / 3,
-                  CORNER.BOTTOM_RIGHT,
+                  CORNER.BOTTOM_RIGHT
                 )
               : new Vector(
                   bounds.left + bounds.width - (borderRightWidth * 2) / 3,
-                  bounds.top + bounds.height - (borderBottomWidth * 2) / 3,
+                  bounds.top + bounds.height - (borderBottomWidth * 2) / 3
                 );
           this.bottomLeftBorderDoubleInnerBox =
             blh > 0 || blv > 0
@@ -9904,11 +9901,11 @@
                   bounds.top + leftHeight,
                   blh - (borderLeftWidth * 2) / 3,
                   blv - (borderBottomWidth * 2) / 3,
-                  CORNER.BOTTOM_LEFT,
+                  CORNER.BOTTOM_LEFT
                 )
               : new Vector(
                   bounds.left + (borderLeftWidth * 2) / 3,
-                  bounds.top + bounds.height - (borderBottomWidth * 2) / 3,
+                  bounds.top + bounds.height - (borderBottomWidth * 2) / 3
                 );
           this.topLeftBorderStroke =
             tlh > 0 || tlv > 0
@@ -9917,11 +9914,11 @@
                   bounds.top + borderTopWidth / 2,
                   tlh - borderLeftWidth / 2,
                   tlv - borderTopWidth / 2,
-                  CORNER.TOP_LEFT,
+                  CORNER.TOP_LEFT
                 )
               : new Vector(
                   bounds.left + borderLeftWidth / 2,
-                  bounds.top + borderTopWidth / 2,
+                  bounds.top + borderTopWidth / 2
                 );
           this.topRightBorderStroke =
             tlh > 0 || tlv > 0
@@ -9930,11 +9927,11 @@
                   bounds.top + borderTopWidth / 2,
                   trh - borderRightWidth / 2,
                   trv - borderTopWidth / 2,
-                  CORNER.TOP_RIGHT,
+                  CORNER.TOP_RIGHT
                 )
               : new Vector(
                   bounds.left + bounds.width - borderRightWidth / 2,
-                  bounds.top + borderTopWidth / 2,
+                  bounds.top + borderTopWidth / 2
                 );
           this.bottomRightBorderStroke =
             brh > 0 || brv > 0
@@ -9943,11 +9940,11 @@
                   bounds.top + rightHeight,
                   brh - borderRightWidth / 2,
                   brv - borderBottomWidth / 2,
-                  CORNER.BOTTOM_RIGHT,
+                  CORNER.BOTTOM_RIGHT
                 )
               : new Vector(
                   bounds.left + bounds.width - borderRightWidth / 2,
-                  bounds.top + bounds.height - borderBottomWidth / 2,
+                  bounds.top + bounds.height - borderBottomWidth / 2
                 );
           this.bottomLeftBorderStroke =
             blh > 0 || blv > 0
@@ -9956,11 +9953,11 @@
                   bounds.top + leftHeight,
                   blh - borderLeftWidth / 2,
                   blv - borderBottomWidth / 2,
-                  CORNER.BOTTOM_LEFT,
+                  CORNER.BOTTOM_LEFT
                 )
               : new Vector(
                   bounds.left + borderLeftWidth / 2,
-                  bounds.top + bounds.height - borderBottomWidth / 2,
+                  bounds.top + bounds.height - borderBottomWidth / 2
                 );
           this.topLeftBorderBox =
             tlh > 0 || tlv > 0
@@ -9969,7 +9966,7 @@
                   bounds.top,
                   tlh,
                   tlv,
-                  CORNER.TOP_LEFT,
+                  CORNER.TOP_LEFT
                 )
               : new Vector(bounds.left, bounds.top);
           this.topRightBorderBox =
@@ -9979,7 +9976,7 @@
                   bounds.top,
                   trh,
                   trv,
-                  CORNER.TOP_RIGHT,
+                  CORNER.TOP_RIGHT
                 )
               : new Vector(bounds.left + bounds.width, bounds.top);
           this.bottomRightBorderBox =
@@ -9989,11 +9986,11 @@
                   bounds.top + rightHeight,
                   brh,
                   brv,
-                  CORNER.BOTTOM_RIGHT,
+                  CORNER.BOTTOM_RIGHT
                 )
               : new Vector(
                   bounds.left + bounds.width,
-                  bounds.top + bounds.height,
+                  bounds.top + bounds.height
                 );
           this.bottomLeftBorderBox =
             blh > 0 || blv > 0
@@ -10002,7 +9999,7 @@
                   bounds.top + leftHeight,
                   blh,
                   blv,
-                  CORNER.BOTTOM_LEFT,
+                  CORNER.BOTTOM_LEFT
                 )
               : new Vector(bounds.left, bounds.top + bounds.height);
           this.topLeftPaddingBox =
@@ -10012,11 +10009,11 @@
                   bounds.top + borderTopWidth,
                   Math.max(0, tlh - borderLeftWidth),
                   Math.max(0, tlv - borderTopWidth),
-                  CORNER.TOP_LEFT,
+                  CORNER.TOP_LEFT
                 )
               : new Vector(
                   bounds.left + borderLeftWidth,
-                  bounds.top + borderTopWidth,
+                  bounds.top + borderTopWidth
                 );
           this.topRightPaddingBox =
             trh > 0 || trv > 0
@@ -10028,11 +10025,11 @@
                     ? 0
                     : Math.max(0, trh - borderRightWidth),
                   Math.max(0, trv - borderTopWidth),
-                  CORNER.TOP_RIGHT,
+                  CORNER.TOP_RIGHT
                 )
               : new Vector(
                   bounds.left + bounds.width - borderRightWidth,
-                  bounds.top + borderTopWidth,
+                  bounds.top + borderTopWidth
                 );
           this.bottomRightPaddingBox =
             brh > 0 || brv > 0
@@ -10043,11 +10040,11 @@
                     Math.min(rightHeight, bounds.height - borderBottomWidth),
                   Math.max(0, brh - borderRightWidth),
                   Math.max(0, brv - borderBottomWidth),
-                  CORNER.BOTTOM_RIGHT,
+                  CORNER.BOTTOM_RIGHT
                 )
               : new Vector(
                   bounds.left + bounds.width - borderRightWidth,
-                  bounds.top + bounds.height - borderBottomWidth,
+                  bounds.top + bounds.height - borderBottomWidth
                 );
           this.bottomLeftPaddingBox =
             blh > 0 || blv > 0
@@ -10057,11 +10054,11 @@
                     Math.min(leftHeight, bounds.height - borderBottomWidth),
                   Math.max(0, blh - borderLeftWidth),
                   Math.max(0, blv - borderBottomWidth),
-                  CORNER.BOTTOM_LEFT,
+                  CORNER.BOTTOM_LEFT
                 )
               : new Vector(
                   bounds.left + borderLeftWidth,
-                  bounds.top + bounds.height - borderBottomWidth,
+                  bounds.top + bounds.height - borderBottomWidth
                 );
           this.topLeftContentBox =
             tlh > 0 || tlv > 0
@@ -10070,11 +10067,11 @@
                   bounds.top + borderTopWidth + paddingTop,
                   Math.max(0, tlh - (borderLeftWidth + paddingLeft)),
                   Math.max(0, tlv - (borderTopWidth + paddingTop)),
-                  CORNER.TOP_LEFT,
+                  CORNER.TOP_LEFT
                 )
               : new Vector(
                   bounds.left + borderLeftWidth + paddingLeft,
-                  bounds.top + borderTopWidth + paddingTop,
+                  bounds.top + borderTopWidth + paddingTop
                 );
           this.topRightContentBox =
             trh > 0 || trv > 0
@@ -10082,20 +10079,20 @@
                   bounds.left +
                     Math.min(
                       topWidth,
-                      bounds.width + borderLeftWidth + paddingLeft,
+                      bounds.width + borderLeftWidth + paddingLeft
                     ),
                   bounds.top + borderTopWidth + paddingTop,
                   topWidth > bounds.width + borderLeftWidth + paddingLeft
                     ? 0
                     : trh - borderLeftWidth + paddingLeft,
                   trv - (borderTopWidth + paddingTop),
-                  CORNER.TOP_RIGHT,
+                  CORNER.TOP_RIGHT
                 )
               : new Vector(
                   bounds.left +
                     bounds.width -
                     (borderRightWidth + paddingRight),
-                  bounds.top + borderTopWidth + paddingTop,
+                  bounds.top + borderTopWidth + paddingTop
                 );
           this.bottomRightContentBox =
             brh > 0 || brv > 0
@@ -10103,16 +10100,16 @@
                   bounds.left +
                     Math.min(
                       bottomWidth,
-                      bounds.width - (borderLeftWidth + paddingLeft),
+                      bounds.width - (borderLeftWidth + paddingLeft)
                     ),
                   bounds.top +
                     Math.min(
                       rightHeight,
-                      bounds.height + borderTopWidth + paddingTop,
+                      bounds.height + borderTopWidth + paddingTop
                     ),
                   Math.max(0, brh - (borderRightWidth + paddingRight)),
                   brv - (borderBottomWidth + paddingBottom),
-                  CORNER.BOTTOM_RIGHT,
+                  CORNER.BOTTOM_RIGHT
                 )
               : new Vector(
                   bounds.left +
@@ -10120,7 +10117,7 @@
                     (borderRightWidth + paddingRight),
                   bounds.top +
                     bounds.height -
-                    (borderBottomWidth + paddingBottom),
+                    (borderBottomWidth + paddingBottom)
                 );
           this.bottomLeftContentBox =
             blh > 0 || blv > 0
@@ -10129,13 +10126,13 @@
                   bounds.top + leftHeight,
                   Math.max(0, blh - (borderLeftWidth + paddingLeft)),
                   blv - (borderBottomWidth + paddingBottom),
-                  CORNER.BOTTOM_LEFT,
+                  CORNER.BOTTOM_LEFT
                 )
               : new Vector(
                   bounds.left + borderLeftWidth + paddingLeft,
                   bounds.top +
                     bounds.height -
-                    (borderBottomWidth + paddingBottom),
+                    (borderBottomWidth + paddingBottom)
                 );
         }
         return BoundCurves;
@@ -10159,21 +10156,21 @@
               new Vector(x, ym),
               new Vector(x, ym - oy),
               new Vector(xm - ox, y),
-              new Vector(xm, y),
+              new Vector(xm, y)
             );
           case CORNER.TOP_RIGHT:
             return new BezierCurve(
               new Vector(x, y),
               new Vector(x + ox, y),
               new Vector(xm, ym - oy),
-              new Vector(xm, ym),
+              new Vector(xm, ym)
             );
           case CORNER.BOTTOM_RIGHT:
             return new BezierCurve(
               new Vector(xm, y),
               new Vector(xm, y + oy),
               new Vector(x + ox, ym),
-              new Vector(x, ym),
+              new Vector(x, ym)
             );
           case CORNER.BOTTOM_LEFT:
           default:
@@ -10181,7 +10178,7 @@
               new Vector(xm, ym),
               new Vector(xm - ox, ym),
               new Vector(x, y + oy),
-              new Vector(x, y),
+              new Vector(x, y)
             );
         }
       };
@@ -10309,12 +10306,12 @@
               this.effects.push(
                 new ClipEffect(
                   borderBox,
-                  2 /* BACKGROUND_BORDERS */ | 4 /* CONTENT */,
-                ),
+                  2 /* BACKGROUND_BORDERS */ | 4 /* CONTENT */
+                )
               );
             } else {
               this.effects.push(
-                new ClipEffect(borderBox, 2 /* BACKGROUND_BORDERS */),
+                new ClipEffect(borderBox, 2 /* BACKGROUND_BORDERS */)
               );
               this.effects.push(new ClipEffect(paddingBox, 4 /* CONTENT */));
             }
@@ -10323,7 +10320,7 @@
         ElementPaint.prototype.getEffects = function (target) {
           var inFlow =
             [2 /* ABSOLUTE */, 3 /* FIXED */].indexOf(
-              this.container.styles.position,
+              this.container.styles.position
             ) === -1;
           var parent = this.parent;
           var effects = this.effects.slice(0);
@@ -10339,7 +10336,7 @@
               effects.unshift.apply(effects, croplessEffects);
               inFlow =
                 [2 /* ABSOLUTE */, 3 /* FIXED */].indexOf(
-                  parent.container.styles.position,
+                  parent.container.styles.position
                 ) === -1;
               if (parent.container.styles.overflowX !== 0 /* VISIBLE */) {
                 var borderBox = calculateBorderBoxPath(parent.curves);
@@ -10348,8 +10345,8 @@
                   effects.unshift(
                     new ClipEffect(
                       paddingBox,
-                      2 /* BACKGROUND_BORDERS */ | 4 /* CONTENT */,
-                    ),
+                      2 /* BACKGROUND_BORDERS */ | 4 /* CONTENT */
+                    )
                   );
                 }
               }
@@ -10368,16 +10365,16 @@
         parent,
         stackingContext,
         realStackingContext,
-        listItems,
+        listItems
       ) {
         parent.container.elements.forEach(function (child) {
           var treatAsRealStackingContext = contains(
             child.flags,
-            4 /* CREATES_REAL_STACKING_CONTEXT */,
+            4 /* CREATES_REAL_STACKING_CONTEXT */
           );
           var createsStackingContext = contains(
             child.flags,
-            2 /* CREATES_STACKING_CONTEXT */,
+            2 /* CREATES_STACKING_CONTEXT */
           );
           var paintContainer = new ElementPaint(child, parent);
           if (contains(child.styles.display, 2048 /* LIST_ITEM */)) {
@@ -10438,7 +10435,7 @@
               paintContainer,
               stack,
               treatAsRealStackingContext ? stack : realStackingContext,
-              listOwnerItems,
+              listOwnerItems
             );
           } else {
             if (child.styles.isInlineLevel()) {
@@ -10450,7 +10447,7 @@
               paintContainer,
               stackingContext,
               realStackingContext,
-              listOwnerItems,
+              listOwnerItems
             );
           }
           if (contains(child.flags, 8 /* IS_LIST_OWNER */)) {
@@ -10474,7 +10471,7 @@
           item.listValue = createCounterText(
             numbering,
             item.container.styles.listStyleType,
-            true,
+            true
           );
           numbering += reversed ? -1 : 1;
         }
@@ -10495,21 +10492,21 @@
               curves.topLeftBorderBox,
               curves.topLeftPaddingBox,
               curves.topRightBorderBox,
-              curves.topRightPaddingBox,
+              curves.topRightPaddingBox
             );
           case 1:
             return createPathFromCurves(
               curves.topRightBorderBox,
               curves.topRightPaddingBox,
               curves.bottomRightBorderBox,
-              curves.bottomRightPaddingBox,
+              curves.bottomRightPaddingBox
             );
           case 2:
             return createPathFromCurves(
               curves.bottomRightBorderBox,
               curves.bottomRightPaddingBox,
               curves.bottomLeftBorderBox,
-              curves.bottomLeftPaddingBox,
+              curves.bottomLeftPaddingBox
             );
           case 3:
           default:
@@ -10517,7 +10514,7 @@
               curves.bottomLeftBorderBox,
               curves.bottomLeftPaddingBox,
               curves.topLeftBorderBox,
-              curves.topLeftPaddingBox,
+              curves.topLeftPaddingBox
             );
         }
       };
@@ -10528,21 +10525,21 @@
               curves.topLeftBorderBox,
               curves.topLeftBorderDoubleOuterBox,
               curves.topRightBorderBox,
-              curves.topRightBorderDoubleOuterBox,
+              curves.topRightBorderDoubleOuterBox
             );
           case 1:
             return createPathFromCurves(
               curves.topRightBorderBox,
               curves.topRightBorderDoubleOuterBox,
               curves.bottomRightBorderBox,
-              curves.bottomRightBorderDoubleOuterBox,
+              curves.bottomRightBorderDoubleOuterBox
             );
           case 2:
             return createPathFromCurves(
               curves.bottomRightBorderBox,
               curves.bottomRightBorderDoubleOuterBox,
               curves.bottomLeftBorderBox,
-              curves.bottomLeftBorderDoubleOuterBox,
+              curves.bottomLeftBorderDoubleOuterBox
             );
           case 3:
           default:
@@ -10550,7 +10547,7 @@
               curves.bottomLeftBorderBox,
               curves.bottomLeftBorderDoubleOuterBox,
               curves.topLeftBorderBox,
-              curves.topLeftBorderDoubleOuterBox,
+              curves.topLeftBorderDoubleOuterBox
             );
         }
       };
@@ -10561,21 +10558,21 @@
               curves.topLeftBorderDoubleInnerBox,
               curves.topLeftPaddingBox,
               curves.topRightBorderDoubleInnerBox,
-              curves.topRightPaddingBox,
+              curves.topRightPaddingBox
             );
           case 1:
             return createPathFromCurves(
               curves.topRightBorderDoubleInnerBox,
               curves.topRightPaddingBox,
               curves.bottomRightBorderDoubleInnerBox,
-              curves.bottomRightPaddingBox,
+              curves.bottomRightPaddingBox
             );
           case 2:
             return createPathFromCurves(
               curves.bottomRightBorderDoubleInnerBox,
               curves.bottomRightPaddingBox,
               curves.bottomLeftBorderDoubleInnerBox,
-              curves.bottomLeftPaddingBox,
+              curves.bottomLeftPaddingBox
             );
           case 3:
           default:
@@ -10583,7 +10580,7 @@
               curves.bottomLeftBorderDoubleInnerBox,
               curves.bottomLeftPaddingBox,
               curves.topLeftBorderDoubleInnerBox,
-              curves.topLeftPaddingBox,
+              curves.topLeftPaddingBox
             );
         }
       };
@@ -10592,23 +10589,23 @@
           case 0:
             return createStrokePathFromCurves(
               curves.topLeftBorderStroke,
-              curves.topRightBorderStroke,
+              curves.topRightBorderStroke
             );
           case 1:
             return createStrokePathFromCurves(
               curves.topRightBorderStroke,
-              curves.bottomRightBorderStroke,
+              curves.bottomRightBorderStroke
             );
           case 2:
             return createStrokePathFromCurves(
               curves.bottomRightBorderStroke,
-              curves.bottomLeftBorderStroke,
+              curves.bottomLeftBorderStroke
             );
           case 3:
           default:
             return createStrokePathFromCurves(
               curves.bottomLeftBorderStroke,
-              curves.topLeftBorderStroke,
+              curves.topLeftBorderStroke
             );
         }
       };
@@ -10658,7 +10655,7 @@
           styles.borderLeftWidth,
           styles.borderTopWidth,
           -(styles.borderRightWidth + styles.borderLeftWidth),
-          -(styles.borderTopWidth + styles.borderBottomWidth),
+          -(styles.borderTopWidth + styles.borderBottomWidth)
         );
       };
       var contentBox = function (element) {
@@ -10669,7 +10666,7 @@
         var paddingTop = getAbsoluteValue(styles.paddingTop, bounds.width);
         var paddingBottom = getAbsoluteValue(
           styles.paddingBottom,
-          bounds.width,
+          bounds.width
         );
         return bounds.add(
           paddingLeft + styles.borderLeftWidth,
@@ -10685,13 +10682,13 @@
             styles.borderBottomWidth +
             paddingTop +
             paddingBottom
-          ),
+          )
         );
       };
 
       var calculateBackgroundPositioningArea = function (
         backgroundOrigin,
-        element,
+        element
       ) {
         if (backgroundOrigin === 0 /* BORDER_BOX */) {
           return element.bounds;
@@ -10713,37 +10710,37 @@
       var calculateBackgroundRendering = function (
         container,
         index,
-        intrinsicSize,
+        intrinsicSize
       ) {
         var backgroundPositioningArea = calculateBackgroundPositioningArea(
           getBackgroundValueForIndex(container.styles.backgroundOrigin, index),
-          container,
+          container
         );
         var backgroundPaintingArea = calculateBackgroundPaintingArea(
           getBackgroundValueForIndex(container.styles.backgroundClip, index),
-          container,
+          container
         );
         var backgroundImageSize = calculateBackgroundSize(
           getBackgroundValueForIndex(container.styles.backgroundSize, index),
           intrinsicSize,
-          backgroundPositioningArea,
+          backgroundPositioningArea
         );
         var sizeWidth = backgroundImageSize[0],
           sizeHeight = backgroundImageSize[1];
         var position = getAbsoluteValueForTuple(
           getBackgroundValueForIndex(
             container.styles.backgroundPosition,
-            index,
+            index
           ),
           backgroundPositioningArea.width - sizeWidth,
-          backgroundPositioningArea.height - sizeHeight,
+          backgroundPositioningArea.height - sizeHeight
         );
         var path = calculateBackgroundRepeatPath(
           getBackgroundValueForIndex(container.styles.backgroundRepeat, index),
           position,
           backgroundImageSize,
           backgroundPositioningArea,
-          backgroundPaintingArea,
+          backgroundPaintingArea
         );
         var offsetX = Math.round(backgroundPositioningArea.left + position[0]);
         var offsetY = Math.round(backgroundPositioningArea.top + position[1]);
@@ -10874,7 +10871,7 @@
         _a,
         _b,
         backgroundPositioningArea,
-        backgroundPaintingArea,
+        backgroundPaintingArea
       ) {
         var x = _a[0],
           y = _a[1];
@@ -10885,96 +10882,96 @@
             return [
               new Vector(
                 Math.round(backgroundPositioningArea.left),
-                Math.round(backgroundPositioningArea.top + y),
+                Math.round(backgroundPositioningArea.top + y)
               ),
               new Vector(
                 Math.round(
                   backgroundPositioningArea.left +
-                    backgroundPositioningArea.width,
+                    backgroundPositioningArea.width
                 ),
-                Math.round(backgroundPositioningArea.top + y),
+                Math.round(backgroundPositioningArea.top + y)
               ),
               new Vector(
                 Math.round(
                   backgroundPositioningArea.left +
-                    backgroundPositioningArea.width,
+                    backgroundPositioningArea.width
                 ),
-                Math.round(height + backgroundPositioningArea.top + y),
+                Math.round(height + backgroundPositioningArea.top + y)
               ),
               new Vector(
                 Math.round(backgroundPositioningArea.left),
-                Math.round(height + backgroundPositioningArea.top + y),
+                Math.round(height + backgroundPositioningArea.top + y)
               ),
             ];
           case 3 /* REPEAT_Y */:
             return [
               new Vector(
                 Math.round(backgroundPositioningArea.left + x),
-                Math.round(backgroundPositioningArea.top),
+                Math.round(backgroundPositioningArea.top)
               ),
               new Vector(
                 Math.round(backgroundPositioningArea.left + x + width),
-                Math.round(backgroundPositioningArea.top),
+                Math.round(backgroundPositioningArea.top)
               ),
               new Vector(
                 Math.round(backgroundPositioningArea.left + x + width),
                 Math.round(
                   backgroundPositioningArea.height +
-                    backgroundPositioningArea.top,
-                ),
+                    backgroundPositioningArea.top
+                )
               ),
               new Vector(
                 Math.round(backgroundPositioningArea.left + x),
                 Math.round(
                   backgroundPositioningArea.height +
-                    backgroundPositioningArea.top,
-                ),
+                    backgroundPositioningArea.top
+                )
               ),
             ];
           case 1 /* NO_REPEAT */:
             return [
               new Vector(
                 Math.round(backgroundPositioningArea.left + x),
-                Math.round(backgroundPositioningArea.top + y),
+                Math.round(backgroundPositioningArea.top + y)
               ),
               new Vector(
                 Math.round(backgroundPositioningArea.left + x + width),
-                Math.round(backgroundPositioningArea.top + y),
+                Math.round(backgroundPositioningArea.top + y)
               ),
               new Vector(
                 Math.round(backgroundPositioningArea.left + x + width),
-                Math.round(backgroundPositioningArea.top + y + height),
+                Math.round(backgroundPositioningArea.top + y + height)
               ),
               new Vector(
                 Math.round(backgroundPositioningArea.left + x),
-                Math.round(backgroundPositioningArea.top + y + height),
+                Math.round(backgroundPositioningArea.top + y + height)
               ),
             ];
           default:
             return [
               new Vector(
                 Math.round(backgroundPaintingArea.left),
-                Math.round(backgroundPaintingArea.top),
+                Math.round(backgroundPaintingArea.top)
               ),
               new Vector(
                 Math.round(
-                  backgroundPaintingArea.left + backgroundPaintingArea.width,
+                  backgroundPaintingArea.left + backgroundPaintingArea.width
                 ),
-                Math.round(backgroundPaintingArea.top),
+                Math.round(backgroundPaintingArea.top)
               ),
               new Vector(
                 Math.round(
-                  backgroundPaintingArea.left + backgroundPaintingArea.width,
+                  backgroundPaintingArea.left + backgroundPaintingArea.width
                 ),
                 Math.round(
-                  backgroundPaintingArea.height + backgroundPaintingArea.top,
-                ),
+                  backgroundPaintingArea.height + backgroundPaintingArea.top
+                )
               ),
               new Vector(
                 Math.round(backgroundPaintingArea.left),
                 Math.round(
-                  backgroundPaintingArea.height + backgroundPaintingArea.top,
-                ),
+                  backgroundPaintingArea.height + backgroundPaintingArea.top
+                )
               ),
             ];
         }
@@ -11068,7 +11065,7 @@
               "x" +
               options.height +
               ") with scale " +
-              options.scale,
+              options.scale
           );
           return _this;
         }
@@ -11094,7 +11091,7 @@
               effect.matrix[2],
               effect.matrix[3],
               effect.matrix[4],
-              effect.matrix[5],
+              effect.matrix[5]
             );
             this.ctx.translate(-effect.offsetX, -effect.offsetY);
           }
@@ -11155,14 +11152,14 @@
         CanvasRenderer.prototype.renderTextWithLetterSpacing = function (
           text,
           letterSpacing,
-          baseline,
+          baseline
         ) {
           var _this = this;
           if (letterSpacing === 0) {
             this.ctx.fillText(
               text.text,
               text.bounds.left,
-              text.bounds.top + baseline,
+              text.bounds.top + baseline
             );
           } else {
             var letters = segmentGraphemes(text.text);
@@ -11227,7 +11224,7 @@
                       _this.renderTextWithLetterSpacing(
                         text,
                         styles.letterSpacing,
-                        baseline,
+                        baseline
                       );
                       var textShadows = styles.textShadow;
                       if (textShadows.length && text.text.trim().length) {
@@ -11244,7 +11241,7 @@
                             _this.renderTextWithLetterSpacing(
                               text,
                               styles.letterSpacing,
-                              baseline,
+                              baseline
                             );
                           });
                         _this.ctx.shadowColor = "";
@@ -11254,7 +11251,7 @@
                       }
                       if (styles.textDecorationLine.length) {
                         _this.ctx.fillStyle = asString(
-                          styles.textDecorationColor || styles.color,
+                          styles.textDecorationColor || styles.color
                         );
                         styles.textDecorationLine.forEach(
                           function (textDecorationLine) {
@@ -11267,7 +11264,7 @@
                                   text.bounds.left,
                                   Math.round(text.bounds.top + baseline),
                                   text.bounds.width,
-                                  1,
+                                  1
                                 );
                                 break;
                               case 2 /* OVERLINE */:
@@ -11275,7 +11272,7 @@
                                   text.bounds.left,
                                   Math.round(text.bounds.top),
                                   text.bounds.width,
-                                  1,
+                                  1
                                 );
                                 break;
                               case 3 /* LINE_THROUGH */:
@@ -11284,11 +11281,11 @@
                                   text.bounds.left,
                                   Math.ceil(text.bounds.top + middle),
                                   text.bounds.width,
-                                  1,
+                                  1
                                 );
                                 break;
                             }
-                          },
+                          }
                         );
                       }
                       break;
@@ -11298,7 +11295,7 @@
                         text.text.trim().length
                       ) {
                         _this.ctx.strokeStyle = asString(
-                          styles.webkitTextStrokeColor,
+                          styles.webkitTextStrokeColor
                         );
                         _this.ctx.lineWidth = styles.webkitTextStrokeWidth;
                         // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -11308,7 +11305,7 @@
                         _this.ctx.strokeText(
                           text.text,
                           text.bounds.left,
-                          text.bounds.top + baseline,
+                          text.bounds.top + baseline
                         );
                       }
                       _this.ctx.strokeStyle = "";
@@ -11325,7 +11322,7 @@
         CanvasRenderer.prototype.renderReplacedElement = function (
           container,
           curves,
-          image,
+          image
         ) {
           if (
             image &&
@@ -11346,7 +11343,7 @@
               box.left,
               box.top,
               box.width,
-              box.height,
+              box.height
             );
             this.ctx.restore();
           }
@@ -11409,7 +11406,7 @@
                 case 7:
                   _c.sent();
                   this.context.logger.error(
-                    "Error loading image " + container.src,
+                    "Error loading image " + container.src
                   );
                   return [3 /*break*/, 8];
                 case 8:
@@ -11417,7 +11414,7 @@
                     this.renderReplacedElement(
                       container,
                       curves,
-                      container.canvas,
+                      container.canvas
                     );
                   }
                   if (!(container instanceof SVGElementContainer))
@@ -11433,7 +11430,7 @@
                 case 11:
                   _c.sent();
                   this.context.logger.error(
-                    "Error loading svg " + container.svg.substring(0, 255),
+                    "Error loading svg " + container.svg.substring(0, 255)
                   );
                   return [3 /*break*/, 12];
                 case 12:
@@ -11465,7 +11462,7 @@
                       container.bounds.left,
                       container.bounds.top,
                       container.bounds.width,
-                      container.bounds.height,
+                      container.bounds.height
                     );
                   }
                   _c.label = 14;
@@ -11473,7 +11470,7 @@
                   if (container instanceof InputElementContainer) {
                     size = Math.min(
                       container.bounds.width,
-                      container.bounds.height,
+                      container.bounds.height
                     );
                     if (container.type === CHECKBOX) {
                       if (container.checked) {
@@ -11481,31 +11478,31 @@
                         this.path([
                           new Vector(
                             container.bounds.left + size * 0.39363,
-                            container.bounds.top + size * 0.79,
+                            container.bounds.top + size * 0.79
                           ),
                           new Vector(
                             container.bounds.left + size * 0.16,
-                            container.bounds.top + size * 0.5549,
+                            container.bounds.top + size * 0.5549
                           ),
                           new Vector(
                             container.bounds.left + size * 0.27347,
-                            container.bounds.top + size * 0.44071,
+                            container.bounds.top + size * 0.44071
                           ),
                           new Vector(
                             container.bounds.left + size * 0.39694,
-                            container.bounds.top + size * 0.5649,
+                            container.bounds.top + size * 0.5649
                           ),
                           new Vector(
                             container.bounds.left + size * 0.72983,
-                            container.bounds.top + size * 0.23,
+                            container.bounds.top + size * 0.23
                           ),
                           new Vector(
                             container.bounds.left + size * 0.84,
-                            container.bounds.top + size * 0.34085,
+                            container.bounds.top + size * 0.34085
                           ),
                           new Vector(
                             container.bounds.left + size * 0.39363,
-                            container.bounds.top + size * 0.79,
+                            container.bounds.top + size * 0.79
                           ),
                         ]);
                         this.ctx.fillStyle = asString(INPUT_COLOR);
@@ -11522,7 +11519,7 @@
                           size / 4,
                           0,
                           Math.PI * 2,
-                          true,
+                          true
                         );
                         this.ctx.fillStyle = asString(INPUT_COLOR);
                         this.ctx.fill();
@@ -11536,13 +11533,13 @@
                       (fontSize = _b[1]);
                     baseline = this.fontMetrics.getMetrics(
                       fontFamily,
-                      fontSize,
+                      fontSize
                     ).baseline;
                     this.ctx.font = fontFamily;
                     this.ctx.fillStyle = asString(styles.color);
                     this.ctx.textBaseline = "alphabetic";
                     this.ctx.textAlign = canvasTextAlign(
-                      container.styles.textAlign,
+                      container.styles.textAlign
                     );
                     bounds = contentBox(container);
                     x = 0;
@@ -11561,7 +11558,7 @@
                       new Vector(bounds.left + bounds.width, bounds.top),
                       new Vector(
                         bounds.left + bounds.width,
-                        bounds.top + bounds.height,
+                        bounds.top + bounds.height
                       ),
                       new Vector(bounds.left, bounds.top + bounds.height),
                     ]);
@@ -11569,7 +11566,7 @@
                     this.renderTextWithLetterSpacing(
                       new TextBounds(container.value, textBounds),
                       styles.letterSpacing,
-                      baseline,
+                      baseline
                     );
                     this.ctx.restore();
                     this.ctx.textBaseline = "alphabetic";
@@ -11592,13 +11589,13 @@
                   this.ctx.drawImage(
                     image,
                     container.bounds.left - (image.width + 10),
-                    container.bounds.top,
+                    container.bounds.top
                   );
                   return [3 /*break*/, 18];
                 case 17:
                   _c.sent();
                   this.context.logger.error(
-                    "Error loading list-style-image " + url,
+                    "Error loading list-style-image " + url
                   );
                   return [3 /*break*/, 18];
                 case 18:
@@ -11618,25 +11615,25 @@
                       container.bounds.top +
                         getAbsoluteValue(
                           container.styles.paddingTop,
-                          container.bounds.width,
+                          container.bounds.width
                         ),
                       container.bounds.width,
                       computeLineHeight(
                         styles.lineHeight,
-                        styles.fontSize.number,
+                        styles.fontSize.number
                       ) /
                         2 +
-                        1,
+                        1
                     );
                     this.renderTextWithLetterSpacing(
                       new TextBounds(paint.listValue, bounds),
                       styles.letterSpacing,
                       computeLineHeight(
                         styles.lineHeight,
-                        styles.fontSize.number,
+                        styles.fontSize.number
                       ) /
                         2 +
-                        2,
+                        2
                     );
                     this.ctx.textBaseline = "bottom";
                     this.ctx.textAlign = "left";
@@ -11677,7 +11674,7 @@
                   if (
                     contains(
                       stack.element.container.flags,
-                      16 /* DEBUG_RENDER */,
+                      16 /* DEBUG_RENDER */
                     )
                   ) {
                     debugger;
@@ -11824,7 +11821,7 @@
                 point.endControl.x,
                 point.endControl.y,
                 point.end.x,
-                point.end.y,
+                point.end.y
               );
             }
           });
@@ -11833,7 +11830,7 @@
           path,
           pattern,
           offsetX,
-          offsetY,
+          offsetY
         ) {
           this.path(path);
           this.ctx.fillStyle = pattern;
@@ -11863,7 +11860,7 @@
             0,
             0,
             width,
-            height,
+            height
           );
           return canvas;
         };
@@ -11934,7 +11931,7 @@
                         case 3:
                           _h.sent();
                           this_1.context.logger.error(
-                            "Error loading background-image " + url,
+                            "Error loading background-image " + url
                           );
                           return [3 /*break*/, 4];
                         case 4:
@@ -11946,7 +11943,7 @@
                                 image.width,
                                 image.height,
                                 image.width / image.height,
-                              ],
+                              ]
                             )),
                               (path = _c[0]),
                               (x = _c[1]),
@@ -11955,7 +11952,7 @@
                               (height = _c[4]);
                             pattern = this_1.ctx.createPattern(
                               this_1.resizeImage(image, width, height),
-                              "repeat",
+                              "repeat"
                             );
                             this_1.renderRepeat(path, pattern, x, y);
                           }
@@ -11965,7 +11962,7 @@
                             (_d = calculateBackgroundRendering(
                               container,
                               index,
-                              [null, null, null],
+                              [null, null, null]
                             )),
                               (path = _d[0]),
                               (x = _d[1]),
@@ -11975,7 +11972,7 @@
                             (_e = calculateGradientDirection(
                               backgroundImage.angle,
                               width,
-                              height,
+                              height
                             )),
                               (lineLength = _e[0]),
                               (x0 = _e[1]),
@@ -11990,15 +11987,15 @@
                               x0,
                               y0,
                               x1,
-                              y1,
+                              y1
                             );
                             processColorStops(
                               backgroundImage.stops,
-                              lineLength,
+                              lineLength
                             ).forEach(function (colorStop) {
                               return gradient_1.addColorStop(
                                 colorStop.stop,
-                                asString(colorStop.color),
+                                asString(colorStop.color)
                               );
                             });
                             ctx.fillStyle = gradient_1;
@@ -12006,7 +12003,7 @@
                             if (width > 0 && height > 0) {
                               pattern = this_1.ctx.createPattern(
                                 canvas,
-                                "repeat",
+                                "repeat"
                               );
                               this_1.renderRepeat(path, pattern, x, y);
                             }
@@ -12014,7 +12011,7 @@
                             (_f = calculateBackgroundRendering(
                               container,
                               index,
-                              [null, null, null],
+                              [null, null, null]
                             )),
                               (path = _f[0]),
                               (left = _f[1]),
@@ -12028,14 +12025,14 @@
                             x = getAbsoluteValue(position[0], width);
                             y = getAbsoluteValue(
                               position[position.length - 1],
-                              height,
+                              height
                             );
                             (_g = calculateRadius(
                               backgroundImage,
                               x,
                               y,
                               width,
-                              height,
+                              height
                             )),
                               (rx = _g[0]),
                               (ry = _g[1]);
@@ -12047,15 +12044,15 @@
                                   0,
                                   left + x,
                                   top_1 + y,
-                                  rx,
+                                  rx
                                 );
                               processColorStops(
                                 backgroundImage.stops,
-                                rx * 2,
+                                rx * 2
                               ).forEach(function (colorStop) {
                                 return radialGradient_1.addColorStop(
                                   colorStop.stop,
-                                  asString(colorStop.color),
+                                  asString(colorStop.color)
                                 );
                               });
                               this_1.path(path);
@@ -12077,7 +12074,7 @@
                                   left,
                                   invF * (top_1 - midY) + midY,
                                   width,
-                                  height * invF,
+                                  height * invF
                                 );
                                 this_1.ctx.restore();
                               } else {
@@ -12115,7 +12112,7 @@
         CanvasRenderer.prototype.renderSolidBorder = function (
           color,
           side,
-          curvePoints,
+          curvePoints
         ) {
           return __awaiter(this, void 0, void 0, function () {
             return __generator(this, function (_a) {
@@ -12130,7 +12127,7 @@
           color,
           width,
           side,
-          curvePoints,
+          curvePoints
         ) {
           return __awaiter(this, void 0, void 0, function () {
             var outerPaths, innerPaths;
@@ -12159,7 +12156,7 @@
           });
         };
         CanvasRenderer.prototype.renderNodeBackgroundAndBorders = function (
-          paint,
+          paint
         ) {
           return __awaiter(this, void 0, void 0, function () {
             var styles,
@@ -12175,7 +12172,7 @@
               switch (_a.label) {
                 case 0:
                   this.applyEffects(
-                    paint.getEffects(2 /* BACKGROUND_BORDERS */),
+                    paint.getEffects(2 /* BACKGROUND_BORDERS */)
                   );
                   styles = paint.container.styles;
                   hasBackground =
@@ -12206,7 +12203,7 @@
                   backgroundPaintingArea =
                     calculateBackgroundCurvedPaintingArea(
                       getBackgroundValueForIndex(styles.backgroundClip, 0),
-                      paint.curves,
+                      paint.curves
                     );
                   if (!(hasBackground || styles.boxShadow.length))
                     return [3 /*break*/, 2];
@@ -12237,7 +12234,7 @@
                           (shadow.inset ? 1 : -1) * shadow.spread.number,
                         (shadow.inset ? 1 : -1) * shadow.spread.number,
                         shadow.spread.number * (shadow.inset ? -2 : 2),
-                        shadow.spread.number * (shadow.inset ? -2 : 2),
+                        shadow.spread.number * (shadow.inset ? -2 : 2)
                       );
                       if (shadow.inset) {
                         _this.path(borderBoxArea);
@@ -12284,7 +12281,7 @@
                       border.width,
                       side,
                       paint.curves,
-                      2 /* DASHED */,
+                      2 /* DASHED */
                     ),
                   ];
                 case 4:
@@ -12300,7 +12297,7 @@
                       border.width,
                       side,
                       paint.curves,
-                      3 /* DOTTED */,
+                      3 /* DOTTED */
                     ),
                   ];
                 case 6:
@@ -12315,7 +12312,7 @@
                       border.color,
                       border.width,
                       side,
-                      paint.curves,
+                      paint.curves
                     ),
                   ];
                 case 8:
@@ -12346,7 +12343,7 @@
           width,
           side,
           curvePoints,
-          style,
+          style
         ) {
           return __awaiter(this, void 0, void 0, function () {
             var strokePaths,
@@ -12415,7 +12412,7 @@
                 spaceLength *= multiplier;
               } else {
                 numberOfDashes = Math.floor(
-                  (length + spaceLength) / (dashLength + spaceLength),
+                  (length + spaceLength) / (dashLength + spaceLength)
                 );
                 minSpace =
                   (length - numberOfDashes * dashLength) / (numberOfDashes - 1);
@@ -12484,7 +12481,7 @@
                       this.options.x,
                       this.options.y,
                       this.options.width,
-                      this.options.height,
+                      this.options.height
                     );
                   }
                   stack = parseStackingContexts(element);
@@ -12570,7 +12567,7 @@
               "," +
               options.y +
               ") with scale " +
-              options.scale,
+              options.scale
           );
           return _this;
         }
@@ -12585,7 +12582,7 @@
                     this.options.height * this.options.scale,
                     this.options.scale,
                     this.options.scale,
-                    element,
+                    element
                   );
                   return [4 /*yield*/, loadSerializedSVG(svg)];
                 case 1:
@@ -12596,13 +12593,13 @@
                       0,
                       0,
                       this.options.width * this.options.scale,
-                      this.options.height * this.options.scale,
+                      this.options.height * this.options.scale
                     );
                   }
                   this.ctx.drawImage(
                     img,
                     -this.options.x * this.options.scale,
-                    -this.options.y * this.options.scale,
+                    -this.options.y * this.options.scale
                   );
                   return [2 /*return*/, this.canvas];
               }
@@ -12648,7 +12645,7 @@
               // eslint-disable-next-line no-console
               console.debug.apply(
                 console,
-                __spreadArray([this.id, this.getTime() + "ms"], args),
+                __spreadArray([this.id, this.getTime() + "ms"], args)
               );
             } else {
               this.info.apply(this, args);
@@ -12674,7 +12671,7 @@
               // eslint-disable-next-line no-console
               console.info.apply(
                 console,
-                __spreadArray([this.id, this.getTime() + "ms"], args),
+                __spreadArray([this.id, this.getTime() + "ms"], args)
               );
             }
           }
@@ -12695,7 +12692,7 @@
               // eslint-disable-next-line no-console
               console.warn.apply(
                 console,
-                __spreadArray([this.id, this.getTime() + "ms"], args),
+                __spreadArray([this.id, this.getTime() + "ms"], args)
               );
             } else {
               this.info.apply(this, args);
@@ -12718,7 +12715,7 @@
               // eslint-disable-next-line no-console
               console.error.apply(
                 console,
-                __spreadArray([this.id, this.getTime() + "ms"], args),
+                __spreadArray([this.id, this.getTime() + "ms"], args)
               );
             } else {
               this.info.apply(this, args);
@@ -12805,7 +12802,7 @@
                   return [
                     2 /*return*/,
                     Promise.reject(
-                      "Invalid element provided as first argument",
+                      "Invalid element provided as first argument"
                     ),
                   ];
                 }
@@ -12836,7 +12833,7 @@
                       (_e = opts.logging) !== null && _e !== void 0 ? _e : true,
                     cache: opts.cache,
                   },
-                  resourceOptions,
+                  resourceOptions
                 );
                 windowOptions = {
                   windowWidth:
@@ -12860,7 +12857,7 @@
                   windowOptions.scrollX,
                   windowOptions.scrollY,
                   windowOptions.windowWidth,
-                  windowOptions.windowHeight,
+                  windowOptions.windowHeight
                 );
                 context = new Context(contextOptions, windowBounds);
                 foreignObjectRendering =
@@ -12885,12 +12882,12 @@
                     " scrolled to " +
                     -windowBounds.left +
                     "," +
-                    -windowBounds.top,
+                    -windowBounds.top
                 );
                 documentCloner = new DocumentCloner(
                   context,
                   element,
-                  cloneOptions,
+                  cloneOptions
                 );
                 clonedElement = documentCloner.clonedReferenceElement;
                 if (!clonedElement) {
@@ -12916,7 +12913,7 @@
                 backgroundColor = parseBackgroundColor(
                   context,
                   clonedElement,
-                  opts.backgroundColor,
+                  opts.backgroundColor
                 );
                 renderOptions = {
                   canvas: opts.canvas,
@@ -12942,7 +12939,7 @@
                 };
                 if (!foreignObjectRendering) return [3 /*break*/, 3];
                 context.logger.debug(
-                  "Document cloned, using foreign object rendering",
+                  "Document cloned, using foreign object rendering"
                 );
                 renderer = new ForeignObjectRenderer(context, renderOptions);
                 return [4 /*yield*/, renderer.render(clonedElement)];
@@ -12959,7 +12956,7 @@
                     width +
                     "x" +
                     height +
-                    " using computed rendering",
+                    " using computed rendering"
                 );
                 context.logger.debug("Starting DOM parsing");
                 root = parseTree(context, clonedElement);
@@ -12974,7 +12971,7 @@
                     " with size " +
                     renderOptions.width +
                     "x" +
-                    renderOptions.height,
+                    renderOptions.height
                 );
                 renderer = new CanvasRenderer(context, renderOptions);
                 return [4 /*yield*/, renderer.render(root)];
@@ -12989,7 +12986,7 @@
                 ) {
                   if (!DocumentCloner.destroy(container)) {
                     context.logger.error(
-                      "Cannot detach cloned iframe as it is not in the DOM anymore",
+                      "Cannot detach cloned iframe as it is not in the DOM anymore"
                     );
                   }
                 }
@@ -13002,20 +12999,20 @@
       var parseBackgroundColor = function (
         context,
         element,
-        backgroundColorOverride,
+        backgroundColorOverride
       ) {
         var ownerDocument = element.ownerDocument;
         // http://www.w3.org/TR/css3-background/#special-backgrounds
         var documentBackgroundColor = ownerDocument.documentElement
           ? parseColor(
               context,
-              getComputedStyle(ownerDocument.documentElement).backgroundColor,
+              getComputedStyle(ownerDocument.documentElement).backgroundColor
             )
           : COLORS.TRANSPARENT;
         var bodyBackgroundColor = ownerDocument.body
           ? parseColor(
               context,
-              getComputedStyle(ownerDocument.body).backgroundColor,
+              getComputedStyle(ownerDocument.body).backgroundColor
             )
           : COLORS.TRANSPARENT;
         var defaultBackgroundColor =
@@ -13079,7 +13076,7 @@
         attr_dev(
           path,
           "d",
-          "M320,64 L320,320 L64,320 L64,64 L320,64 Z M171.749388,128 L146.817842,128 L99.4840387,256 L121.976629,256 L130.913039,230.977 L187.575039,230.977 L196.319607,256 L220.167172,256 L171.749388,128 Z M260.093778,128 L237.691519,128 L237.691519,256 L260.093778,256 L260.093778,128 Z M159.094727,149.47526 L181.409039,213.333 L137.135039,213.333 L159.094727,149.47526 Z M341.333333,256 L384,256 L384,298.666667 L341.333333,298.666667 L341.333333,256 Z M85.3333333,341.333333 L128,341.333333 L128,384 L85.3333333,384 L85.3333333,341.333333 Z M170.666667,341.333333 L213.333333,341.333333 L213.333333,384 L170.666667,384 L170.666667,341.333333 Z M85.3333333,0 L128,0 L128,42.6666667 L85.3333333,42.6666667 L85.3333333,0 Z M256,341.333333 L298.666667,341.333333 L298.666667,384 L256,384 L256,341.333333 Z M170.666667,0 L213.333333,0 L213.333333,42.6666667 L170.666667,42.6666667 L170.666667,0 Z M256,0 L298.666667,0 L298.666667,42.6666667 L256,42.6666667 L256,0 Z M341.333333,170.666667 L384,170.666667 L384,213.333333 L341.333333,213.333333 L341.333333,170.666667 Z M0,256 L42.6666667,256 L42.6666667,298.666667 L0,298.666667 L0,256 Z M341.333333,85.3333333 L384,85.3333333 L384,128 L341.333333,128 L341.333333,85.3333333 Z M0,170.666667 L42.6666667,170.666667 L42.6666667,213.333333 L0,213.333333 L0,170.666667 Z M0,85.3333333 L42.6666667,85.3333333 L42.6666667,128 L0,128 L0,85.3333333 Z",
+          "M320,64 L320,320 L64,320 L64,64 L320,64 Z M171.749388,128 L146.817842,128 L99.4840387,256 L121.976629,256 L130.913039,230.977 L187.575039,230.977 L196.319607,256 L220.167172,256 L171.749388,128 Z M260.093778,128 L237.691519,128 L237.691519,256 L260.093778,256 L260.093778,128 Z M159.094727,149.47526 L181.409039,213.333 L137.135039,213.333 L159.094727,149.47526 Z M341.333333,256 L384,256 L384,298.666667 L341.333333,298.666667 L341.333333,256 Z M85.3333333,341.333333 L128,341.333333 L128,384 L85.3333333,384 L85.3333333,341.333333 Z M170.666667,341.333333 L213.333333,341.333333 L213.333333,384 L170.666667,384 L170.666667,341.333333 Z M85.3333333,0 L128,0 L128,42.6666667 L85.3333333,42.6666667 L85.3333333,0 Z M256,341.333333 L298.666667,341.333333 L298.666667,384 L256,384 L256,341.333333 Z M170.666667,0 L213.333333,0 L213.333333,42.6666667 L170.666667,42.6666667 L170.666667,0 Z M256,0 L298.666667,0 L298.666667,42.6666667 L256,42.6666667 L256,0 Z M341.333333,170.666667 L384,170.666667 L384,213.333333 L341.333333,213.333333 L341.333333,170.666667 Z M0,256 L42.6666667,256 L42.6666667,298.666667 L0,298.666667 L0,256 Z M341.333333,85.3333333 L384,85.3333333 L384,128 L341.333333,128 L341.333333,85.3333333 Z M0,170.666667 L42.6666667,170.666667 L42.6666667,213.333333 L0,213.333333 L0,170.666667 Z M0,85.3333333 L42.6666667,85.3333333 L42.6666667,128 L0,128 L0,85.3333333 Z"
         );
         attr_dev(path, "id", "Combined-Shape");
         add_location(path, file, 65, 507, 2235);
@@ -13112,7 +13109,7 @@
       },
       l: function claim(nodes) {
         throw new Error(
-          "options.hydrate only works if the component was compiled with the `hydratable: true` option",
+          "options.hydrate only works if the component was compiled with the `hydratable: true` option"
         );
       },
       m: function mount(target, anchor) {
@@ -13135,7 +13132,7 @@
             false,
             false,
             false,
-            false,
+            false
           );
           mounted = true;
         }
@@ -13198,7 +13195,7 @@
             if (response.status !== 200) {
               $$invalidate(0, (scanner = false));
               alert(
-                "Something went wrong. It's likely a server issue, Please try again later.",
+                "Something went wrong. It's likely a server issue, Please try again later."
               );
               return;
             }
@@ -13285,7 +13282,7 @@
 
     set calls(value) {
       throw new Error(
-        "<TagButton>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+        "<TagButton>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'"
       );
     }
   }
diff --git a/plugins/stashUserscriptLibrary/stashUserscriptLibrary.js b/plugins/stashUserscriptLibrary/stashUserscriptLibrary.js
index af416afe..94fbd1a1 100644
--- a/plugins/stashUserscriptLibrary/stashUserscriptLibrary.js
+++ b/plugins/stashUserscriptLibrary/stashUserscriptLibrary.js
@@ -20,7 +20,7 @@ window.fetch = async (...args) => {
       stashListener.dispatchEvent(
         new CustomEvent("response", {
           detail: data,
-        }),
+        })
       );
     } catch (e) {}
   }
@@ -82,7 +82,7 @@ class Stash extends EventTarget {
             }
           }
         }, this._pageUrlCheckInterval);
-      },
+      }
     );
     stashListener.addEventListener("response", (evt) => {
       if (evt.detail.data?.plugins) {
@@ -97,7 +97,7 @@ class Stash extends EventTarget {
       this.dispatchEvent(
         new CustomEvent("stash:response", {
           detail: evt.detail,
-        }),
+        })
       );
     });
     stashListener.addEventListener("pluginVersion", (evt) => {
@@ -106,7 +106,7 @@ class Stash extends EventTarget {
         this.dispatchEvent(
           new CustomEvent("stash:pluginVersion", {
             detail: evt.detail,
-          }),
+          })
         );
       }
     });
@@ -226,7 +226,7 @@ class Stash extends EventTarget {
       data.rank = doc.querySelector("rank-chart-button");
       console.log(data.rank);
       data.views = doc.querySelector(
-        ".d-none.d-m-flex.flex-column.align-items-center.global-header > div.font-weight-bold",
+        ".d-none.d-m-flex.flex-column.align-items-center.global-header > div.font-weight-bold"
       ).textContent;
       data.votes = "0";
       return JSON.stringify(data);
@@ -271,7 +271,7 @@ class Stash extends EventTarget {
     stashListener.dispatchEvent(
       new CustomEvent("pluginVersion", {
         detail: version,
-      }),
+      })
     );
   }
   async getStashBoxes() {
@@ -309,7 +309,7 @@ class Stash extends EventTarget {
   matchUrl(href, fragment) {
     const regexp = concatRegexp(
       new RegExp(window.location.origin + baseURL),
-      fragment,
+      fragment
     );
     return href.match(regexp) != null;
   }
@@ -337,7 +337,7 @@ class Stash extends EventTarget {
             "Stash Server URL",
             "",
             "Server URL…",
-            true,
+            true
           );
           serverUrlInput.addEventListener("change", () => {
             const value = serverUrlInput.value || "";
@@ -365,7 +365,7 @@ class Stash extends EventTarget {
             "Stash API Key",
             "",
             "API Key…",
-            true,
+            true
           );
           apiKeyInput.addEventListener("change", () => {
             const value = apiKeyInput.value || "";
@@ -383,7 +383,7 @@ class Stash extends EventTarget {
               return this.updateConfigValueTask(
                 "STASH",
                 "api_key",
-                expectedApiKey,
+                expectedApiKey
               );
             }
           });
@@ -399,10 +399,10 @@ class Stash extends EventTarget {
           this.dispatchEvent(
             new CustomEvent("stash:pluginVersion", {
               detail: this.pluginVersion,
-            }),
+            })
           );
         }
-      },
+      }
     );
   }
   addSystemSetting(callback) {
@@ -417,7 +417,7 @@ class Stash extends EventTarget {
     settingsId,
     inputId,
     settingsHeader,
-    settingsSubheader,
+    settingsSubheader
   ) {
     const section = document.createElement("div");
     section.setAttribute("id", settingsId);
@@ -445,7 +445,7 @@ class Stash extends EventTarget {
     settingsHeader,
     settingsSubheader,
     placeholder,
-    visible,
+    visible
   ) {
     const section = document.createElement("div");
     section.setAttribute("id", settingsId);
@@ -472,7 +472,7 @@ class Stash extends EventTarget {
     selector,
     timeout = null,
     location = document.body,
-    disconnectOnPageChange = false,
+    disconnectOnPageChange = false
   ) {
     return new Promise((resolve) => {
       if (document.querySelector(selector)) {
@@ -517,7 +517,7 @@ class Stash extends EventTarget {
   async waitForElementDeath(
     selector,
     location = document.body,
-    disconnectOnPageChange = false,
+    disconnectOnPageChange = false
   ) {
     return new Promise((resolve) => {
       const observer = new MutationObserver(async () => {
@@ -560,7 +560,7 @@ class Stash extends EventTarget {
         selector,
         10000,
         location,
-        true,
+        true
       );
       const stash = this;
       let previousEvent = "";
@@ -592,7 +592,7 @@ class Stash extends EventTarget {
         tabsContainer.removeEventListener("click", listenForTabClicks);
         stash.removeEventListener(
           "stash:page",
-          removeEventListenerOnPageChange,
+          removeEventListenerOnPageChange
         );
       }
       stash.addEventListener("stash:page", removeEventListenerOnPageChange);
@@ -630,7 +630,7 @@ class Stash extends EventTarget {
             lastStashPageEvent: this._lastStashPageEvent,
           },
         },
-      }),
+      })
     );
 
     if (addToHistory) {
@@ -667,11 +667,11 @@ class Stash extends EventTarget {
         console.error(`Can't add page listener: Event ${event} already exists`);
       } else if (event?.startsWith("stash:")) {
         console.error(
-          `Can't add page listener: Event name can't start with "stash:"`,
+          `Can't add page listener: Event name can't start with "stash:"`
         );
       } else {
         console.error(
-          `Can't add page listener: Missing required argument(s) "event", "regex"`,
+          `Can't add page listener: Missing required argument(s) "event", "regex"`
         );
       }
 
@@ -685,11 +685,11 @@ class Stash extends EventTarget {
     } else {
       if (this._pageListeners[event] === undefined && event) {
         console.error(
-          `Can't remove page listener: Event ${event} doesn't exists`,
+          `Can't remove page listener: Event ${event} doesn't exists`
         );
       } else if (event?.startsWith("stash:")) {
         console.error(
-          `Can't remove page listener: Event ${event} is a built in event`,
+          `Can't remove page listener: Event ${event} is a built in event`
         );
       } else {
         console.error(`Can't remove page listener: Missing "event" argument`);
@@ -1169,19 +1169,19 @@ class Stash extends EventTarget {
       if (handleDisplayView) {
         isGridPage = this.matchUrl(
           window.location.href,
-          concatRegexp(regex, /(?!.*disp=)/),
+          concatRegexp(regex, /(?!.*disp=)/)
         );
         isListPage = this.matchUrl(
           window.location.href,
-          concatRegexp(regex, /.*disp=1/),
+          concatRegexp(regex, /.*disp=1/)
         );
         isWallPage = this.matchUrl(
           window.location.href,
-          concatRegexp(regex, /.*disp=2/),
+          concatRegexp(regex, /.*disp=2/)
         );
         isTaggerPage = this.matchUrl(
           window.location.href,
-          concatRegexp(regex, /.*disp=3/),
+          concatRegexp(regex, /.*disp=3/)
         );
 
         if (isListPage || isWallPage || isTaggerPage) isDisplayViewPage = true;
@@ -1192,11 +1192,11 @@ class Stash extends EventTarget {
         if (childAnyEventCondition) {
           stash._dispatchPageEvent(
             "stash:page:" + tabPage.page + `:any:${view}`,
-            false,
+            false
           );
           stash._dispatchPageEvent(
             "stash:page:any:" + tabPage.tab + `:${view}`,
-            false,
+            false
           );
         } else {
           stash._dispatchPageEvent(`stash:page:any:${view}`, false);
@@ -1255,7 +1255,7 @@ class Stash extends EventTarget {
           task.classList.add(
             this.visiblePluginTasks.indexOf(taskName) === -1
               ? "d-none"
-              : "d-flex",
+              : "d-flex"
           );
           this.dispatchEvent(
             new CustomEvent("stash:plugin:task", {
@@ -1263,10 +1263,10 @@ class Stash extends EventTarget {
                 taskName,
                 task,
               },
-            }),
+            })
           );
         }
-      },
+      }
     );
   }
   async updateConfigValueTask(sectionKey, propName, value) {
@@ -1348,7 +1348,7 @@ class Stash extends EventTarget {
       this.dispatchEvent(
         new CustomEvent("tagger", {
           detail: el,
-        }),
+        })
       );
 
       const searchItemContainer =
@@ -1367,7 +1367,7 @@ class Stash extends EventTarget {
                     node,
                     mutation,
                   },
-                }),
+                })
               );
             } else if (
               node?.classList?.contains("entity-name") &&
@@ -1379,7 +1379,7 @@ class Stash extends EventTarget {
                     node,
                     mutation,
                   },
-                }),
+                })
               );
             } else if (
               node.tagName === "SPAN" &&
@@ -1391,7 +1391,7 @@ class Stash extends EventTarget {
                     node,
                     mutation,
                   },
-                }),
+                })
               );
             } else if (node.tagName === "UL") {
               this.dispatchEvent(
@@ -1400,7 +1400,7 @@ class Stash extends EventTarget {
                     node,
                     mutation,
                   },
-                }),
+                })
               );
             } else if (node?.classList?.contains("col-lg-6")) {
               this.dispatchEvent(
@@ -1409,7 +1409,7 @@ class Stash extends EventTarget {
                     node,
                     mutation,
                   },
-                }),
+                })
               );
             } else if (node.tagName === "H5") {
               // scene date
@@ -1419,7 +1419,7 @@ class Stash extends EventTarget {
                     node,
                     mutation,
                   },
-                }),
+                })
               );
             } else if (
               node.tagName === "DIV" &&
@@ -1433,7 +1433,7 @@ class Stash extends EventTarget {
                     node,
                     mutation,
                   },
-                }),
+                })
               );
             } else {
               this.dispatchEvent(
@@ -1442,7 +1442,7 @@ class Stash extends EventTarget {
                     node,
                     mutation,
                   },
-                }),
+                })
               );
             }
           });
@@ -1450,7 +1450,7 @@ class Stash extends EventTarget {
         this.dispatchEvent(
           new CustomEvent("tagger:mutations:searchitems", {
             detail: mutations,
-          }),
+          })
         );
       });
       observer.observe(searchItemContainer, {
@@ -1459,16 +1459,16 @@ class Stash extends EventTarget {
       });
 
       const taggerContainerHeader = document.querySelector(
-        ".tagger-container-header",
+        ".tagger-container-header"
       );
       const taggerContainerHeaderObserver = new MutationObserver(
         (mutations) => {
           this.dispatchEvent(
             new CustomEvent("tagger:mutations:header", {
               detail: mutations,
-            }),
+            })
           );
-        },
+        }
       );
       taggerContainerHeaderObserver.observe(taggerContainerHeader, {
         childList: true,
@@ -1479,13 +1479,13 @@ class Stash extends EventTarget {
         this.dispatchEvent(
           new CustomEvent("tagger:searchitem", {
             detail: searchItem,
-          }),
+          })
         );
       }
 
       if (!document.getElementById("progress-bar")) {
         const progressBar = createElementFromHTML(
-          `<div id="progress-bar" class="progress"><div class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div></div>`,
+          `<div id="progress-bar" class="progress"><div class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div></div>`
         );
         progressBar.classList.add("progress");
         progressBar.style.display = "none";
@@ -1498,9 +1498,9 @@ class Stash extends EventTarget {
         this.dispatchEvent(
           new CustomEvent("tagger:configuration", {
             detail: el,
-          }),
+          })
         );
-      },
+      }
     );
   }
   setProgress(value) {
@@ -1560,12 +1560,12 @@ class Stash extends EventTarget {
     const id = url.pathname.replace(baseURL + "scenes/", "");
     const data = this.scenes[id];
     const nameNode = searchItem.querySelector(
-      "a.scene-link > div.TruncatedText",
+      "a.scene-link > div.TruncatedText"
     );
     const name = nameNode.innerText;
     const queryInput = searchItem.querySelector("input.text-input");
     const performerNodes = searchItem.querySelectorAll(
-      ".performer-tag-container",
+      ".performer-tag-container"
     );
 
     return {
@@ -1581,14 +1581,14 @@ class Stash extends EventTarget {
   }
   parseSearchResultItem(searchResultItem) {
     const remoteUrlNode = searchResultItem.querySelector(
-      ".scene-details .optional-field .optional-field-content a",
+      ".scene-details .optional-field .optional-field-content a"
     );
     const remoteId = remoteUrlNode?.href.split("/").pop();
     const remoteUrl = remoteUrlNode?.href ? new URL(remoteUrlNode.href) : null;
     const remoteData = this.remoteScenes[remoteId];
 
     const sceneDetailNodes = searchResultItem.querySelectorAll(
-      ".scene-details .optional-field .optional-field-content",
+      ".scene-details .optional-field .optional-field-content"
     );
     let urlNode = null;
     let detailsNode = null;
@@ -1604,15 +1604,15 @@ class Stash extends EventTarget {
     }
 
     const imageNode = searchResultItem.querySelector(
-      ".scene-image-container .optional-field .optional-field-content",
+      ".scene-image-container .optional-field .optional-field-content"
     );
 
     const metadataNode = searchResultItem.querySelector(".scene-metadata");
     const titleNode = metadataNode.querySelector(
-      "h4 .optional-field .optional-field-content",
+      "h4 .optional-field .optional-field-content"
     );
     const codeAndDateNodes = metadataNode.querySelectorAll(
-      "h5 .optional-field .optional-field-content",
+      "h5 .optional-field .optional-field-content"
     );
     let codeNode = null;
     let dateNode = null;
@@ -1636,7 +1636,7 @@ class Stash extends EventTarget {
     }
 
     const matchNodes = searchResultItem.querySelectorAll(
-      "div.col-lg-6 div.mt-2 div.row.no-gutters.my-2 span.ml-auto",
+      "div.col-lg-6 div.mt-2 div.row.no-gutters.my-2 span.ml-auto"
     );
     const matches = [];
     for (const matchNode of matchNodes) {
@@ -1644,7 +1644,7 @@ class Stash extends EventTarget {
       const entityNode = matchNode.parentElement.querySelector(".entity-name");
 
       const matchName = matchNode.querySelector(
-        ".optional-field-content b",
+        ".optional-field-content b"
       ).innerText;
       const remoteName = entityNode.querySelector("b").innerText;
 
@@ -1653,7 +1653,7 @@ class Stash extends EventTarget {
         matchType = "performer";
         if (remoteData) {
           data = remoteData.performers.find(
-            (performer) => performer.name === remoteName,
+            (performer) => performer.name === remoteName
           );
         }
       } else if (entityNode.innerText.startsWith("Studio:")) {
@@ -1747,7 +1747,7 @@ function getElementByXpath(xpath, contextNode) {
     contextNode || document,
     null,
     XPathResult.FIRST_ORDERED_NODE_TYPE,
-    null,
+    null
   ).singleNodeValue;
 }
 
@@ -1765,7 +1765,7 @@ function getElementByXpath(xpath, contextNode) {
     contextNode || document,
     null,
     XPathResult.FIRST_ORDERED_NODE_TYPE,
-    null,
+    null
   ).singleNodeValue;
 }
 
@@ -1775,7 +1775,7 @@ function getElementsByXpath(xpath, contextNode) {
     contextNode || document,
     null,
     XPathResult.ORDERED_NODE_ITERATOR_TYPE,
-    null,
+    null
   );
 }
 
@@ -1798,7 +1798,7 @@ function setNativeValue(element, value) {
   const prototype = Object.getPrototypeOf(element);
   const prototypeValueSetter = Object.getOwnPropertyDescriptor(
     prototype,
-    "value",
+    "value"
   ).set;
 
   if (valueSetter && valueSetter !== prototypeValueSetter) {
@@ -1813,7 +1813,7 @@ function updateTextInput(element, value) {
   element.dispatchEvent(
     new Event("input", {
       bubbles: true,
-    }),
+    })
   );
 }
 
@@ -1874,5 +1874,5 @@ const reloadImg = (url) =>
   }).then(() =>
     document.body
       .querySelectorAll(`img[src='${url}']`)
-      .forEach((img) => (img.src = url)),
+      .forEach((img) => (img.src = url))
   );
diff --git a/plugins/stats/stats.js b/plugins/stats/stats.js
index 3334e943..7180d2f5 100644
--- a/plugins/stats/stats.js
+++ b/plugins/stats/stats.js
@@ -41,7 +41,7 @@
     createStatElement(
       row,
       ((stashIdCount / totalCount) * 100).toFixed(2) + "%",
-      "Scene StashIDs",
+      "Scene StashIDs"
     );
   }
 
@@ -73,7 +73,7 @@
     createStatElement(
       row,
       ((stashIdCount / totalCount) * 100).toFixed(2) + "%",
-      "Performer StashIDs",
+      "Performer StashIDs"
     );
   }
 
@@ -103,7 +103,7 @@
     createStatElement(
       row,
       ((stashIdCount / totalCount) * 100).toFixed(2) + "%",
-      "Studio StashIDs",
+      "Studio StashIDs"
     );
   }
 
@@ -153,7 +153,7 @@
           createPerformerFavorites(row);
           createMarkersStat(row);
         }
-      },
+      }
     );
   });
 })();
diff --git a/plugins/visage/visage.js b/plugins/visage/visage.js
index 80c447ed..1a5810a0 100644
--- a/plugins/visage/visage.js
+++ b/plugins/visage/visage.js
@@ -155,7 +155,7 @@
     };
     var result = await stash.callGQL(reqData);
     return result.data.scrapeSinglePerformer.filter(
-      (p) => p.remote_site_id === stash_id,
+      (p) => p.remote_site_id === stash_id
     )[0];
   }
 
@@ -185,7 +185,7 @@
         },
         {
           once: true,
-        },
+        }
       );
     }
 
@@ -325,14 +325,14 @@
     ctx,
     $$scope,
     slot_changes,
-    get_slot_context_fn,
+    get_slot_context_fn
   ) {
     if (slot_changes) {
       const slot_context = get_slot_context(
         slot_definition,
         ctx,
         $$scope,
-        get_slot_context_fn,
+        get_slot_context_fn
       );
       slot.p(slot_context, slot_changes);
     }
@@ -464,7 +464,7 @@
   function custom_event(
     type,
     detail,
-    { bubbles = false, cancelable = false } = {},
+    { bubbles = false, cancelable = false } = {}
   ) {
     const e = document.createEvent("CustomEvent");
     e.initCustomEvent(type, bubbles, cancelable, detail);
@@ -503,7 +503,7 @@
       rules[name] = true;
       stylesheet.insertRule(
         `@keyframes ${name} ${rule}`,
-        stylesheet.cssRules.length,
+        stylesheet.cssRules.length
       );
     }
     const animation = node.style.animation || "";
@@ -516,7 +516,7 @@
     const next = previous.filter(
       name
         ? (anim) => anim.indexOf(name) < 0 // remove specific animation
-        : (anim) => anim.indexOf("__svelte") === -1, // remove all Svelte animations
+        : (anim) => anim.indexOf("__svelte") === -1 // remove all Svelte animations
     );
     const deleted = previous.length - next.length;
     if (deleted) {
@@ -785,7 +785,7 @@
     const filtered = [];
     const targets = [];
     render_callbacks.forEach((c) =>
-      fns.indexOf(c) === -1 ? filtered.push(c) : targets.push(c),
+      fns.indexOf(c) === -1 ? filtered.push(c) : targets.push(c)
     );
     targets.forEach((c) => c());
     render_callbacks = filtered;
@@ -869,7 +869,7 @@
           delay,
           easing,
           css,
-          uid++,
+          uid++
         );
       tick(0, 1);
       const start_time = now() + delay;
@@ -1004,7 +1004,7 @@
     destroy,
     create_each_block,
     next,
-    get_context,
+    get_context
   ) {
     let o = old_blocks.length;
     let n = list.length;
@@ -1146,7 +1146,7 @@
     not_equal,
     props,
     append_styles,
-    dirty = [-1],
+    dirty = [-1]
   ) {
     const parent_component = current_component;
     set_current_component(component);
@@ -1165,8 +1165,7 @@
       before_update: [],
       after_update: [],
       context: new Map(
-        options.context ||
-          (parent_component ? parent_component.$$.context : []),
+        options.context || (parent_component ? parent_component.$$.context : [])
       ),
       // everything else
       callbacks: blank_object(),
@@ -1206,7 +1205,7 @@
         component,
         options.target,
         options.anchor,
-        options.customElement,
+        options.customElement
       );
       flush();
     }
@@ -1245,7 +1244,7 @@
     document.dispatchEvent(
       custom_event(type, Object.assign({ version: "3.59.2" }, detail), {
         bubbles: true,
-      }),
+      })
     );
   }
   function append_dev(target, node) {
@@ -1267,7 +1266,7 @@
     options,
     has_prevent_default,
     has_stop_propagation,
-    has_stop_immediate_propagation,
+    has_stop_immediate_propagation
   ) {
     const modifiers =
       options === true
@@ -1415,7 +1414,7 @@
       default_slot_template,
       ctx,
       /*$$scope*/ ctx[3],
-      null,
+      null
     );
 
     const block = {
@@ -1427,7 +1426,7 @@
       },
       l: function claim(nodes) {
         throw new Error(
-          "options.hydrate only works if the component was compiled with the `hydratable: true` option",
+          "options.hydrate only works if the component was compiled with the `hydratable: true` option"
         );
       },
       m: function mount(target, anchor) {
@@ -1447,7 +1446,7 @@
             false,
             false,
             false,
-            false,
+            false
           );
           mounted = true;
         }
@@ -1466,9 +1465,9 @@
                     default_slot_template,
                     /*$$scope*/ ctx[3],
                     dirty,
-                    null,
+                    null
                   ),
-              null,
+              null
             );
           }
         }
@@ -1508,7 +1507,7 @@
     arr.splice(index, 1);
 
     selectedStore.update((selected) =>
-      selected === item ? arr[index] || arr[arr.length - 1] : selected,
+      selected === item ? arr[index] || arr[arr.length - 1] : selected
     );
   }
 
@@ -1525,7 +1524,7 @@
     const selectedTab = writable(null);
     validate_store(selectedTab, "selectedTab");
     component_subscribe($$self, selectedTab, (value) =>
-      $$invalidate(5, ($selectedTab = value)),
+      $$invalidate(5, ($selectedTab = value))
     );
     const selectedPanel = writable(null);
 
@@ -1669,13 +1668,13 @@
 
     get initialSelectedIndex() {
       throw new Error(
-        "<Tabs>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+        "<Tabs>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'"
       );
     }
 
     set initialSelectedIndex(value) {
       throw new Error(
-        "<Tabs>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+        "<Tabs>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'"
       );
     }
   }
@@ -1695,7 +1694,7 @@
       default_slot_template,
       ctx,
       /*$$scope*/ ctx[8],
-      null,
+      null
     );
 
     const block = {
@@ -1707,13 +1706,13 @@
         attr_dev(
           li,
           "aria-controls",
-          (li_aria_controls_value = /*$controls*/ ctx[2][/*tab*/ ctx[3].id]),
+          (li_aria_controls_value = /*$controls*/ ctx[2][/*tab*/ ctx[3].id])
         );
         attr_dev(li, "aria-selected", /*isSelected*/ ctx[1]);
         attr_dev(
           li,
           "tabindex",
-          (li_tabindex_value = /*isSelected*/ ctx[1] ? 0 : -1),
+          (li_tabindex_value = /*isSelected*/ ctx[1] ? 0 : -1)
         );
         attr_dev(li, "class", "svelte-tabs__tab svelte-1fbofsd");
         toggle_class(li, "svelte-tabs__selected", /*isSelected*/ ctx[1]);
@@ -1721,7 +1720,7 @@
       },
       l: function claim(nodes) {
         throw new Error(
-          "options.hydrate only works if the component was compiled with the `hydratable: true` option",
+          "options.hydrate only works if the component was compiled with the `hydratable: true` option"
         );
       },
       m: function mount(target, anchor) {
@@ -1742,7 +1741,7 @@
             false,
             false,
             false,
-            false,
+            false
           );
           mounted = true;
         }
@@ -1761,9 +1760,9 @@
                     default_slot_template,
                     /*$$scope*/ ctx[8],
                     dirty,
-                    null,
+                    null
                   ),
-              null,
+              null
             );
           }
         }
@@ -1840,11 +1839,11 @@
     } = getContext(TABS);
     validate_store(selectedTab, "selectedTab");
     component_subscribe($$self, selectedTab, (value) =>
-      $$invalidate(7, ($selectedTab = value)),
+      $$invalidate(7, ($selectedTab = value))
     );
     validate_store(controls, "controls");
     component_subscribe($$self, controls, (value) =>
-      $$invalidate(2, ($controls = value)),
+      $$invalidate(2, ($controls = value))
     );
     let isSelected;
     registerTab(tab);
@@ -1954,7 +1953,7 @@
       default_slot_template,
       ctx,
       /*$$scope*/ ctx[0],
-      null,
+      null
     );
 
     const block = {
@@ -1967,7 +1966,7 @@
       },
       l: function claim(nodes) {
         throw new Error(
-          "options.hydrate only works if the component was compiled with the `hydratable: true` option",
+          "options.hydrate only works if the component was compiled with the `hydratable: true` option"
         );
       },
       m: function mount(target, anchor) {
@@ -1993,9 +1992,9 @@
                     default_slot_template,
                     /*$$scope*/ ctx[0],
                     dirty,
-                    null,
+                    null
                   ),
-              null,
+              null
             );
           }
         }
@@ -2072,7 +2071,7 @@
       default_slot_template,
       ctx,
       /*$$scope*/ ctx[5],
-      null,
+      null
     );
 
     const block = {
@@ -2100,9 +2099,9 @@
                     default_slot_template,
                     /*$$scope*/ ctx[5],
                     dirty,
-                    null,
+                    null
                   ),
-              null,
+              null
             );
           }
         }
@@ -2148,7 +2147,7 @@
           div,
           "aria-labelledby",
           (div_aria_labelledby_value =
-            /*$labeledBy*/ ctx[0][/*panel*/ ctx[2].id]),
+            /*$labeledBy*/ ctx[0][/*panel*/ ctx[2].id])
         );
         attr_dev(div, "class", "svelte-tabs__tab-panel svelte-epfyet");
         attr_dev(div, "role", "tabpanel");
@@ -2156,7 +2155,7 @@
       },
       l: function claim(nodes) {
         throw new Error(
-          "options.hydrate only works if the component was compiled with the `hydratable: true` option",
+          "options.hydrate only works if the component was compiled with the `hydratable: true` option"
         );
       },
       m: function mount(target, anchor) {
@@ -2233,11 +2232,11 @@
     const { registerPanel, selectedPanel, labeledBy } = getContext(TABS);
     validate_store(selectedPanel, "selectedPanel");
     component_subscribe($$self, selectedPanel, (value) =>
-      $$invalidate(1, ($selectedPanel = value)),
+      $$invalidate(1, ($selectedPanel = value))
     );
     validate_store(labeledBy, "labeledBy");
     component_subscribe($$self, labeledBy, (value) =>
-      $$invalidate(0, ($labeledBy = value)),
+      $$invalidate(0, ($labeledBy = value))
     );
     registerPanel(panel);
     const writable_props = [];
@@ -2318,7 +2317,7 @@
       x = 0,
       y = 0,
       opacity = 0,
-    } = {},
+    } = {}
   ) {
     const style = getComputedStyle(node);
     const target_opacity = +style.opacity;
@@ -2456,7 +2455,7 @@
               false,
               false,
               false,
-              false,
+              false
             ),
             listen_dev(
               button1,
@@ -2465,7 +2464,7 @@
               false,
               false,
               false,
-              false,
+              false
             ),
           ];
 
@@ -2540,7 +2539,7 @@
         if (
           !src_url_equal(
             img.src,
-            (img_src_value = "data:image/jpg;base64," + /*face*/ ctx[10].image),
+            (img_src_value = "data:image/jpg;base64," + /*face*/ ctx[10].image)
           )
         )
           attr_dev(img, "src", img_src_value);
@@ -2557,7 +2556,7 @@
           dirty & /*matches*/ 1 &&
           !src_url_equal(
             img.src,
-            (img_src_value = "data:image/jpg;base64," + /*face*/ ctx[10].image),
+            (img_src_value = "data:image/jpg;base64," + /*face*/ ctx[10].image)
           )
         ) {
           attr_dev(img, "src", img_src_value);
@@ -2659,7 +2658,7 @@
       let key = get_key(child_ctx);
       each_1_lookup.set(
         key,
-        (each_blocks[i] = create_each_block_2(key, child_ctx)),
+        (each_blocks[i] = create_each_block_2(key, child_ctx))
       );
     }
 
@@ -2699,7 +2698,7 @@
             outro_and_destroy_block,
             create_each_block_2,
             each_1_anchor,
-            get_each_context_2,
+            get_each_context_2
           );
           check_outros();
         }
@@ -2809,7 +2808,7 @@
           (span0_class_value =
             "performer-card__country-flag fi fi-" +
             /*match*/ ctx[14].country?.toLowerCase() +
-            " svelte-ssoxzi"),
+            " svelte-ssoxzi")
         );
         add_location(span0, file$3, 173, 26, 4990);
         attr_dev(div0, "class", "thumbnail-section svelte-ssoxzi");
@@ -2818,7 +2817,7 @@
           a,
           "href",
           (a_href_value =
-            "https://stashdb.org/performers/" + /*match*/ ctx[14].id),
+            "https://stashdb.org/performers/" + /*match*/ ctx[14].id)
         );
         attr_dev(a, "target", "_blank");
         attr_dev(a, "class", "svelte-ssoxzi");
@@ -2869,7 +2868,7 @@
               false,
               false,
               false,
-              false,
+              false
             ),
             listen_dev(
               div4,
@@ -2878,7 +2877,7 @@
               false,
               false,
               false,
-              false,
+              false
             ),
           ];
 
@@ -2976,7 +2975,7 @@
       let key = get_key(child_ctx);
       each_1_lookup.set(
         key,
-        (each_blocks[i] = create_each_block_1(key, child_ctx)),
+        (each_blocks[i] = create_each_block_1(key, child_ctx))
       );
     }
 
@@ -3024,7 +3023,7 @@
             destroy_block,
             create_each_block_1,
             null,
-            get_each_context_1,
+            get_each_context_1
           );
         }
       },
@@ -3140,7 +3139,7 @@
       let key = get_key(child_ctx);
       each_1_lookup.set(
         key,
-        (each_blocks[i] = create_each_block$1(key, child_ctx)),
+        (each_blocks[i] = create_each_block$1(key, child_ctx))
       );
     }
 
@@ -3194,7 +3193,7 @@
             outro_and_destroy_block,
             create_each_block$1,
             each_1_anchor,
-            get_each_context$1,
+            get_each_context$1
           );
           check_outros();
         }
@@ -3253,7 +3252,7 @@
       },
       l: function claim(nodes) {
         throw new Error(
-          "options.hydrate only works if the component was compiled with the `hydratable: true` option",
+          "options.hydrate only works if the component was compiled with the `hydratable: true` option"
         );
       },
       m: function mount(target, anchor) {
@@ -3335,7 +3334,7 @@
       $$invalidate(
         2,
         (modal.style.opacity = modal.style.opacity == "0.1" ? "1.0" : "0.1"),
-        modal,
+        modal
       );
     }
 
@@ -3522,13 +3521,13 @@
 
     get matches() {
       throw new Error(
-        "<Match>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+        "<Match>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'"
       );
     }
 
     set matches(value) {
       throw new Error(
-        "<Match>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+        "<Match>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'"
       );
     }
   }
@@ -3592,9 +3591,7 @@
       function __extends(d, b) {
         if (typeof b !== "function" && b !== null)
           throw new TypeError(
-            "Class extends value " +
-              String(b) +
-              " is not a constructor or null",
+            "Class extends value " + String(b) + " is not a constructor or null"
           );
         extendStatics(d, b);
         function __() {
@@ -3774,7 +3771,7 @@
             this.left + x,
             this.top + y,
             this.width + w,
-            this.height + h,
+            this.height + h
           );
         };
         Bounds.fromClientRect = function (context, clientRect) {
@@ -3782,7 +3779,7 @@
             clientRect.left + context.windowBounds.left,
             clientRect.top + context.windowBounds.top,
             clientRect.width,
-            clientRect.height,
+            clientRect.height
           );
         };
         Bounds.fromDOMRectList = function (context, domRectList) {
@@ -3794,7 +3791,7 @@
                 domRect.left + context.windowBounds.left,
                 domRect.top + context.windowBounds.top,
                 domRect.width,
-                domRect.height,
+                domRect.height
               )
             : Bounds.EMPTY;
         };
@@ -3813,12 +3810,12 @@
         var width = Math.max(
           Math.max(body.scrollWidth, documentElement.scrollWidth),
           Math.max(body.offsetWidth, documentElement.offsetWidth),
-          Math.max(body.clientWidth, documentElement.clientWidth),
+          Math.max(body.clientWidth, documentElement.clientWidth)
         );
         var height = Math.max(
           Math.max(body.scrollHeight, documentElement.scrollHeight),
           Math.max(body.offsetHeight, documentElement.offsetHeight),
-          Math.max(body.clientHeight, documentElement.clientHeight),
+          Math.max(body.clientHeight, documentElement.clientHeight)
         );
         return new Bounds(0, 0, width, height);
       };
@@ -3838,7 +3835,7 @@
             var extra = str.charCodeAt(i++);
             if ((extra & 0xfc00) === 0xdc00) {
               codePoints.push(
-                ((value & 0x3ff) << 10) + (extra & 0x3ff) + 0x10000,
+                ((value & 0x3ff) << 10) + (extra & 0x3ff) + 0x10000
               );
             } else {
               codePoints.push(value);
@@ -3873,7 +3870,7 @@
             codePoint -= 0x10000;
             codeUnits.push(
               (codePoint >> 10) + 0xd800,
-              (codePoint % 0x400) + 0xdc00,
+              (codePoint % 0x400) + 0xdc00
             );
           }
           if (index + 1 === length || codeUnits.length > 0x4000) {
@@ -3954,7 +3951,7 @@
             (buffer[i + 3] << 24) |
               (buffer[i + 2] << 16) |
               (buffer[i + 1] << 8) |
-              buffer[i],
+              buffer[i]
           );
         }
         return bytes;
@@ -4053,7 +4050,7 @@
           view32[2],
           view32[3],
           index,
-          data,
+          data
         );
       };
       var Trie$1 = /** @class */ (function () {
@@ -4063,7 +4060,7 @@
           highStart,
           highValueIndex,
           index,
-          data,
+          data
         ) {
           this.initialValue = initialValue;
           this.errorValue = errorValue;
@@ -4278,7 +4275,7 @@
         a,
         b,
         currentIndex,
-        classTypes,
+        classTypes
       ) {
         var current = classTypes[currentIndex];
         if (Array.isArray(a) ? a.indexOf(current) !== -1 : a === current) {
@@ -4336,7 +4333,7 @@
         classTypes,
         indicies,
         index,
-        forbiddenBreaks,
+        forbiddenBreaks
       ) {
         if (indicies[index] === 0) {
           return BREAK_NOT_ALLOWED$1;
@@ -4609,7 +4606,7 @@
         Break.prototype.slice = function () {
           return fromCodePoint$1.apply(
             void 0,
-            this.codePoints.slice(this.start, this.end),
+            this.codePoints.slice(this.start, this.end)
           );
         };
         return Break;
@@ -4636,7 +4633,7 @@
                 classTypes,
                 indicies,
                 ++nextIndex,
-                forbiddenBreakpoints,
+                forbiddenBreakpoints
               )) === BREAK_NOT_ALLOWED$1
             ) {}
             if (lineBreak !== BREAK_NOT_ALLOWED$1 || nextIndex === length) {
@@ -4928,7 +4925,7 @@
                 isNumberStart(
                   codePoint,
                   this.peekCodePoint(0),
-                  this.peekCodePoint(1),
+                  this.peekCodePoint(1)
                 )
               ) {
                 this.reconsumeCodePoint(codePoint);
@@ -4960,7 +4957,7 @@
                 isNumberStart(
                   codePoint,
                   this.peekCodePoint(0),
-                  this.peekCodePoint(1),
+                  this.peekCodePoint(1)
                 )
               ) {
                 this.reconsumeCodePoint(codePoint);
@@ -5106,18 +5103,18 @@
                 void 0,
                 digits.map(function (digit) {
                   return digit === QUESTION_MARK ? ZERO : digit;
-                }),
+                })
               ),
-              16,
+              16
             );
             var end = parseInt(
               fromCodePoint$1.apply(
                 void 0,
                 digits.map(function (digit) {
                   return digit === QUESTION_MARK ? F : digit;
-                }),
+                })
               ),
-              16,
+              16
             );
             return {
               type: 30 /* UNICODE_RANGE_TOKEN */,
@@ -5251,7 +5248,7 @@
             var amount = Math.min(SLICE_STACK_SIZE, count);
             value += fromCodePoint$1.apply(
               void 0,
-              this._value.splice(0, amount),
+              this._value.splice(0, amount)
             );
             count -= amount;
           }
@@ -5417,7 +5414,7 @@
           }
           if (token.type === 32 /* EOF_TOKEN */) {
             throw new SyntaxError(
-              "Error parsing CSS component value, unexpected EOF",
+              "Error parsing CSS component value, unexpected EOF"
             );
           }
           this.reconsumeToken(token);
@@ -5429,7 +5426,7 @@
             return value;
           }
           throw new SyntaxError(
-            "Error parsing CSS component value, multiple values found when expecting only one",
+            "Error parsing CSS component value, multiple values found when expecting only one"
           );
         };
         Parser.prototype.parseComponentValues = function () {
@@ -5528,7 +5525,7 @@
           if (token.type === 4 /* COMMA_TOKEN */) {
             if (arg.length === 0) {
               throw new Error(
-                "Error parsing function args, zero tokens for arg",
+                "Error parsing function args, zero tokens for arg"
               );
             }
             args.push(arg);
@@ -5707,7 +5704,7 @@
               throw new Error(
                 'Attempting to parse an unsupported color function "' +
                   value.name +
-                  '"',
+                  '"'
               );
             }
             return colorFunction(context, value.values);
@@ -5721,7 +5718,7 @@
                 parseInt(r + r, 16),
                 parseInt(g + g, 16),
                 parseInt(b + b, 16),
-                1,
+                1
               );
             }
             if (value.value.length === 4) {
@@ -5733,7 +5730,7 @@
                 parseInt(r + r, 16),
                 parseInt(g + g, 16),
                 parseInt(b + b, 16),
-                parseInt(a + a, 16) / 255,
+                parseInt(a + a, 16) / 255
               );
             }
             if (value.value.length === 6) {
@@ -5751,7 +5748,7 @@
                 parseInt(r, 16),
                 parseInt(g, 16),
                 parseInt(b, 16),
-                parseInt(a, 16) / 255,
+                parseInt(a, 16) / 255
               );
             }
           }
@@ -5865,7 +5862,7 @@
       var parseColor = function (context, value) {
         return color$1.parse(
           context,
-          Parser.create(value).parseComponentValue(),
+          Parser.create(value).parseComponentValue()
         );
       };
       var COLORS = {
@@ -6159,7 +6156,7 @@
           {
             optimumDistance: closest ? Infinity : -Infinity,
             optimumCorner: null,
-          },
+          }
         ).optimumCorner;
       };
       var calculateRadius = function (gradient, x, y, width, height) {
@@ -6174,7 +6171,7 @@
                 Math.abs(x),
                 Math.abs(x - width),
                 Math.abs(y),
-                Math.abs(y - height),
+                Math.abs(y - height)
               );
             } else if (gradient.shape === 1 /* ELLIPSE */) {
               rx = Math.min(Math.abs(x), Math.abs(x - width));
@@ -6189,7 +6186,7 @@
                 distance(x, y),
                 distance(x, y - height),
                 distance(x - width, y),
-                distance(x - width, y - height),
+                distance(x - width, y - height)
               );
             } else if (gradient.shape === 1 /* ELLIPSE */) {
               // Compute the ratio ry/rx (which is to be the same as for "closest-side")
@@ -6210,7 +6207,7 @@
                 Math.abs(x),
                 Math.abs(x - width),
                 Math.abs(y),
-                Math.abs(y - height),
+                Math.abs(y - height)
               );
             } else if (gradient.shape === 1 /* ELLIPSE */) {
               rx = Math.max(Math.abs(x), Math.abs(x - width));
@@ -6225,7 +6222,7 @@
                 distance(x, y),
                 distance(x, y - height),
                 distance(x - width, y),
-                distance(x - width, y - height),
+                distance(x - width, y - height)
               );
             } else if (gradient.shape === 1 /* ELLIPSE */) {
               // Compute the ratio ry/rx (which is to be the same as for "farthest-side")
@@ -6548,7 +6545,7 @@
               throw new Error(
                 'Attempting to parse an unsupported image function "' +
                   value.name +
-                  '"',
+                  '"'
               );
             }
             return imageFunction(context, value.values);
@@ -6711,7 +6708,7 @@
           type: 1 /* LIST */,
           parse: function (_context, tokens) {
             return parseLengthPercentageTuple(
-              tokens.filter(isLengthPercentage),
+              tokens.filter(isLengthPercentage)
             );
           },
         };
@@ -7270,7 +7267,7 @@
               throw new Error(
                 'Attempting to parse an unsupported transform function "' +
                   token.name +
-                  '"',
+                  '"'
               );
             }
             return transformFunction(token.values);
@@ -7773,122 +7770,122 @@
           this.animationDuration = parse(
             context,
             duration,
-            declaration.animationDuration,
+            declaration.animationDuration
           );
           this.backgroundClip = parse(
             context,
             backgroundClip,
-            declaration.backgroundClip,
+            declaration.backgroundClip
           );
           this.backgroundColor = parse(
             context,
             backgroundColor,
-            declaration.backgroundColor,
+            declaration.backgroundColor
           );
           this.backgroundImage = parse(
             context,
             backgroundImage,
-            declaration.backgroundImage,
+            declaration.backgroundImage
           );
           this.backgroundOrigin = parse(
             context,
             backgroundOrigin,
-            declaration.backgroundOrigin,
+            declaration.backgroundOrigin
           );
           this.backgroundPosition = parse(
             context,
             backgroundPosition,
-            declaration.backgroundPosition,
+            declaration.backgroundPosition
           );
           this.backgroundRepeat = parse(
             context,
             backgroundRepeat,
-            declaration.backgroundRepeat,
+            declaration.backgroundRepeat
           );
           this.backgroundSize = parse(
             context,
             backgroundSize,
-            declaration.backgroundSize,
+            declaration.backgroundSize
           );
           this.borderTopColor = parse(
             context,
             borderTopColor,
-            declaration.borderTopColor,
+            declaration.borderTopColor
           );
           this.borderRightColor = parse(
             context,
             borderRightColor,
-            declaration.borderRightColor,
+            declaration.borderRightColor
           );
           this.borderBottomColor = parse(
             context,
             borderBottomColor,
-            declaration.borderBottomColor,
+            declaration.borderBottomColor
           );
           this.borderLeftColor = parse(
             context,
             borderLeftColor,
-            declaration.borderLeftColor,
+            declaration.borderLeftColor
           );
           this.borderTopLeftRadius = parse(
             context,
             borderTopLeftRadius,
-            declaration.borderTopLeftRadius,
+            declaration.borderTopLeftRadius
           );
           this.borderTopRightRadius = parse(
             context,
             borderTopRightRadius,
-            declaration.borderTopRightRadius,
+            declaration.borderTopRightRadius
           );
           this.borderBottomRightRadius = parse(
             context,
             borderBottomRightRadius,
-            declaration.borderBottomRightRadius,
+            declaration.borderBottomRightRadius
           );
           this.borderBottomLeftRadius = parse(
             context,
             borderBottomLeftRadius,
-            declaration.borderBottomLeftRadius,
+            declaration.borderBottomLeftRadius
           );
           this.borderTopStyle = parse(
             context,
             borderTopStyle,
-            declaration.borderTopStyle,
+            declaration.borderTopStyle
           );
           this.borderRightStyle = parse(
             context,
             borderRightStyle,
-            declaration.borderRightStyle,
+            declaration.borderRightStyle
           );
           this.borderBottomStyle = parse(
             context,
             borderBottomStyle,
-            declaration.borderBottomStyle,
+            declaration.borderBottomStyle
           );
           this.borderLeftStyle = parse(
             context,
             borderLeftStyle,
-            declaration.borderLeftStyle,
+            declaration.borderLeftStyle
           );
           this.borderTopWidth = parse(
             context,
             borderTopWidth,
-            declaration.borderTopWidth,
+            declaration.borderTopWidth
           );
           this.borderRightWidth = parse(
             context,
             borderRightWidth,
-            declaration.borderRightWidth,
+            declaration.borderRightWidth
           );
           this.borderBottomWidth = parse(
             context,
             borderBottomWidth,
-            declaration.borderBottomWidth,
+            declaration.borderBottomWidth
           );
           this.borderLeftWidth = parse(
             context,
             borderLeftWidth,
-            declaration.borderLeftWidth,
+            declaration.borderLeftWidth
           );
           this.boxShadow = parse(context, boxShadow, declaration.boxShadow);
           this.color = parse(context, color, declaration.color);
@@ -7901,41 +7898,41 @@
           this.fontVariant = parse(
             context,
             fontVariant,
-            declaration.fontVariant,
+            declaration.fontVariant
           );
           this.fontWeight = parse(context, fontWeight, declaration.fontWeight);
           this.letterSpacing = parse(
             context,
             letterSpacing,
-            declaration.letterSpacing,
+            declaration.letterSpacing
           );
           this.lineBreak = parse(context, lineBreak, declaration.lineBreak);
           this.lineHeight = parse(context, lineHeight, declaration.lineHeight);
           this.listStyleImage = parse(
             context,
             listStyleImage,
-            declaration.listStyleImage,
+            declaration.listStyleImage
           );
           this.listStylePosition = parse(
             context,
             listStylePosition,
-            declaration.listStylePosition,
+            declaration.listStylePosition
           );
           this.listStyleType = parse(
             context,
             listStyleType,
-            declaration.listStyleType,
+            declaration.listStyleType
           );
           this.marginTop = parse(context, marginTop, declaration.marginTop);
           this.marginRight = parse(
             context,
             marginRight,
-            declaration.marginRight,
+            declaration.marginRight
           );
           this.marginBottom = parse(
             context,
             marginBottom,
-            declaration.marginBottom,
+            declaration.marginBottom
           );
           this.marginLeft = parse(context, marginLeft, declaration.marginLeft);
           this.opacity = parse(context, opacity, declaration.opacity);
@@ -7945,23 +7942,23 @@
           this.overflowWrap = parse(
             context,
             overflowWrap,
-            declaration.overflowWrap,
+            declaration.overflowWrap
           );
           this.paddingTop = parse(context, paddingTop, declaration.paddingTop);
           this.paddingRight = parse(
             context,
             paddingRight,
-            declaration.paddingRight,
+            declaration.paddingRight
           );
           this.paddingBottom = parse(
             context,
             paddingBottom,
-            declaration.paddingBottom,
+            declaration.paddingBottom
           );
           this.paddingLeft = parse(
             context,
             paddingLeft,
-            declaration.paddingLeft,
+            declaration.paddingLeft
           );
           this.paintOrder = parse(context, paintOrder, declaration.paintOrder);
           this.position = parse(context, position, declaration.position);
@@ -7971,37 +7968,37 @@
             textDecorationColor,
             (_a = declaration.textDecorationColor) !== null && _a !== void 0
               ? _a
-              : declaration.color,
+              : declaration.color
           );
           this.textDecorationLine = parse(
             context,
             textDecorationLine,
             (_b = declaration.textDecorationLine) !== null && _b !== void 0
               ? _b
-              : declaration.textDecoration,
+              : declaration.textDecoration
           );
           this.textShadow = parse(context, textShadow, declaration.textShadow);
           this.textTransform = parse(
             context,
             textTransform,
-            declaration.textTransform,
+            declaration.textTransform
           );
           this.transform = parse(context, transform$1, declaration.transform);
           this.transformOrigin = parse(
             context,
             transformOrigin,
-            declaration.transformOrigin,
+            declaration.transformOrigin
           );
           this.visibility = parse(context, visibility, declaration.visibility);
           this.webkitTextStrokeColor = parse(
             context,
             webkitTextStrokeColor,
-            declaration.webkitTextStrokeColor,
+            declaration.webkitTextStrokeColor
           );
           this.webkitTextStrokeWidth = parse(
             context,
             webkitTextStrokeWidth,
-            declaration.webkitTextStrokeWidth,
+            declaration.webkitTextStrokeWidth
           );
           this.wordBreak = parse(context, wordBreak, declaration.wordBreak);
           this.zIndex = parse(context, zIndex, declaration.zIndex);
@@ -8052,12 +8049,12 @@
           this.counterIncrement = parse(
             context,
             counterIncrement,
-            declaration.counterIncrement,
+            declaration.counterIncrement
           );
           this.counterReset = parse(
             context,
             counterReset,
-            declaration.counterReset,
+            declaration.counterReset
           );
         }
         return CSSParsedCounterDeclaration;
@@ -8076,7 +8073,7 @@
             var token = parser.parseComponentValue();
             return descriptor.parse(
               context,
-              isIdentToken(token) ? token.value : descriptor.initialValue,
+              isIdentToken(token) ? token.value : descriptor.initialValue
             );
           case 0 /* VALUE */:
             return descriptor.parse(context, parser.parseComponentValue());
@@ -8137,7 +8134,7 @@
           }
           this.styles = new CSSParsedDeclaration(
             context,
-            window.getComputedStyle(element, null),
+            window.getComputedStyle(element, null)
           );
           if (isHTMLElementNode(element)) {
             if (
@@ -8230,7 +8227,7 @@
             (buffer[i + 3] << 24) |
               (buffer[i + 2] << 16) |
               (buffer[i + 1] << 8) |
-              buffer[i],
+              buffer[i]
           );
         }
         return bytes;
@@ -8329,7 +8326,7 @@
           view32[2],
           view32[3],
           index,
-          data,
+          data
         );
       };
       var Trie = /** @class */ (function () {
@@ -8339,7 +8336,7 @@
           highStart,
           highValueIndex,
           index,
-          data,
+          data
         ) {
           this.initialValue = initialValue;
           this.errorValue = errorValue;
@@ -8442,7 +8439,7 @@
             var extra = str.charCodeAt(i++);
             if ((extra & 0xfc00) === 0xdc00) {
               codePoints.push(
-                ((value & 0x3ff) << 10) + (extra & 0x3ff) + 0x10000,
+                ((value & 0x3ff) << 10) + (extra & 0x3ff) + 0x10000
               );
             } else {
               codePoints.push(value);
@@ -8477,7 +8474,7 @@
             codePoint -= 0x10000;
             codeUnits.push(
               (codePoint >> 10) + 0xd800,
-              (codePoint % 0x400) + 0xdc00,
+              (codePoint % 0x400) + 0xdc00
             );
           }
           if (index + 1 === length || codeUnits.length > 0x4000) {
@@ -8577,13 +8574,13 @@
               (graphemeBreak = _graphemeBreakAtIndex(
                 codePoints,
                 classTypes,
-                ++index,
+                ++index
               )) === BREAK_NOT_ALLOWED
             ) {}
             if (graphemeBreak !== BREAK_NOT_ALLOWED || index === length) {
               var value = fromCodePoint.apply(
                 null,
-                codePoints.slice(lastEnd, index),
+                codePoints.slice(lastEnd, index)
               );
               lastEnd = index;
               return { value: value, done: false };
@@ -8714,7 +8711,7 @@
             // Firefox 55 does not render inline <img /> tags
             return isGreenPixel(data)
               ? loadSerializedSVG$1(
-                  createForeignObjectSVG(size, size, 0, 0, node),
+                  createForeignObjectSVG(size, size, 0, 0, node)
                 )
               : Promise.reject(false);
           })
@@ -8834,7 +8831,7 @@
               var clientRects = createRange(
                 node,
                 offset,
-                text.length,
+                text.length
               ).getClientRects();
               if (clientRects.length > 1) {
                 var subSegments = segmentGraphemes(text);
@@ -8848,10 +8845,10 @@
                         createRange(
                           node,
                           subOffset_1 + offset,
-                          subSegment.length,
-                        ).getClientRects(),
-                      ),
-                    ),
+                          subSegment.length
+                        ).getClientRects()
+                      )
+                    )
                   );
                   subOffset_1 += subSegment.length;
                 });
@@ -8859,14 +8856,14 @@
                 textBounds.push(
                   new TextBounds(
                     text,
-                    Bounds.fromDOMRectList(context, clientRects),
-                  ),
+                    Bounds.fromDOMRectList(context, clientRects)
+                  )
                 );
               }
             } else {
               var replacementNode = node.splitText(text.length);
               textBounds.push(
-                new TextBounds(text, getWrapperBounds(context, node)),
+                new TextBounds(text, getWrapperBounds(context, node))
               );
               node = replacementNode;
             }
@@ -9090,14 +9087,14 @@
             bounds.left + (bounds.width - bounds.height) / 2,
             bounds.top,
             bounds.height,
-            bounds.height,
+            bounds.height
           );
         } else if (bounds.width < bounds.height) {
           return new Bounds(
             bounds.left,
             bounds.top + (bounds.height - bounds.width) / 2,
             bounds.width,
-            bounds.width,
+            bounds.width
           );
         }
         return bounds;
@@ -9199,7 +9196,7 @@
             ) {
               _this.tree = parseTree(
                 context,
-                iframe.contentWindow.document.documentElement,
+                iframe.contentWindow.document.documentElement
               );
               // http://www.w3.org/TR/css3-background/#special-backgrounds
               var documentBackgroundColor = iframe.contentWindow.document
@@ -9207,15 +9204,15 @@
                 ? parseColor(
                     context,
                     getComputedStyle(
-                      iframe.contentWindow.document.documentElement,
-                    ).backgroundColor,
+                      iframe.contentWindow.document.documentElement
+                    ).backgroundColor
                   )
                 : COLORS.TRANSPARENT;
               var bodyBackgroundColor = iframe.contentWindow.document.body
                 ? parseColor(
                     context,
                     getComputedStyle(iframe.contentWindow.document.body)
-                      .backgroundColor,
+                      .backgroundColor
                   )
                 : COLORS.TRANSPARENT;
               _this.backgroundColor = isTransparent(documentBackgroundColor)
@@ -9240,7 +9237,7 @@
           nextNode = childNode.nextSibling;
           if (isTextNode(childNode) && childNode.data.trim().length > 0) {
             parent.textNodes.push(
-              new TextContainer(context, childNode, parent.styles),
+              new TextContainer(context, childNode, parent.styles)
             );
           } else if (isElementNode(childNode)) {
             if (isSlotElement(childNode) && childNode.assignedNodes) {
@@ -9601,7 +9598,7 @@
         max,
         symbols,
         fallback,
-        suffix,
+        suffix
       ) {
         if (value < min || value > max) {
           return createCounterText(value, fallback, suffix.length > 0);
@@ -9620,7 +9617,7 @@
         value,
         codePointRangeLength,
         isNumeric,
-        resolver,
+        resolver
       ) {
         var string = "";
         do {
@@ -9637,7 +9634,7 @@
         codePointRangeStart,
         codePointRangeEnd,
         isNumeric,
-        suffix,
+        suffix
       ) {
         var codePointRangeLength = codePointRangeEnd - codePointRangeStart + 1;
         return (
@@ -9649,9 +9646,9 @@
             function (codePoint) {
               return fromCodePoint$1(
                 Math.floor(codePoint % codePointRangeLength) +
-                  codePointRangeStart,
+                  codePointRangeStart
               );
-            },
+            }
           ) +
             suffix)
         );
@@ -9668,7 +9665,7 @@
             false,
             function (codePoint) {
               return symbols[Math.floor(codePoint % codePointRangeLength)];
-            },
+            }
           ) + suffix
         );
       };
@@ -9682,13 +9679,13 @@
         multipliers,
         negativeSign,
         suffix,
-        flags,
+        flags
       ) {
         if (value < -9999 || value > 9999) {
           return createCounterText(
             value,
             4 /* CJK_DECIMAL */,
-            suffix.length > 0,
+            suffix.length > 0
           );
         }
         var tmp = Math.abs(value);
@@ -9751,14 +9748,14 @@
               48,
               57,
               true,
-              defaultSuffix,
+              defaultSuffix
             );
             return string.length < 4 ? "0" + string : string;
           case 4 /* CJK_DECIMAL */:
             return createCounterStyleFromSymbols(
               value,
               "〇一二三四五六七八九",
-              cjkSuffix,
+              cjkSuffix
             );
           case 6 /* LOWER_ROMAN */:
             return createAdditiveCounter(
@@ -9767,7 +9764,7 @@
               3999,
               ROMAN_UPPER,
               3 /* DECIMAL */,
-              defaultSuffix,
+              defaultSuffix
             ).toLowerCase();
           case 7 /* UPPER_ROMAN */:
             return createAdditiveCounter(
@@ -9776,7 +9773,7 @@
               3999,
               ROMAN_UPPER,
               3 /* DECIMAL */,
-              defaultSuffix,
+              defaultSuffix
             );
           case 8 /* LOWER_GREEK */:
             return createCounterStyleFromRange(
@@ -9784,7 +9781,7 @@
               945,
               969,
               false,
-              defaultSuffix,
+              defaultSuffix
             );
           case 9 /* LOWER_ALPHA */:
             return createCounterStyleFromRange(
@@ -9792,7 +9789,7 @@
               97,
               122,
               false,
-              defaultSuffix,
+              defaultSuffix
             );
           case 10 /* UPPER_ALPHA */:
             return createCounterStyleFromRange(
@@ -9800,7 +9797,7 @@
               65,
               90,
               false,
-              defaultSuffix,
+              defaultSuffix
             );
           case 11 /* ARABIC_INDIC */:
             return createCounterStyleFromRange(
@@ -9808,7 +9805,7 @@
               1632,
               1641,
               true,
-              defaultSuffix,
+              defaultSuffix
             );
           case 12 /* ARMENIAN */:
           case 49 /* UPPER_ARMENIAN */:
@@ -9818,7 +9815,7 @@
               9999,
               ARMENIAN,
               3 /* DECIMAL */,
-              defaultSuffix,
+              defaultSuffix
             );
           case 35 /* LOWER_ARMENIAN */:
             return createAdditiveCounter(
@@ -9827,7 +9824,7 @@
               9999,
               ARMENIAN,
               3 /* DECIMAL */,
-              defaultSuffix,
+              defaultSuffix
             ).toLowerCase();
           case 13 /* BENGALI */:
             return createCounterStyleFromRange(
@@ -9835,7 +9832,7 @@
               2534,
               2543,
               true,
-              defaultSuffix,
+              defaultSuffix
             );
           case 14 /* CAMBODIAN */:
           case 30 /* KHMER */:
@@ -9844,19 +9841,19 @@
               6112,
               6121,
               true,
-              defaultSuffix,
+              defaultSuffix
             );
           case 15 /* CJK_EARTHLY_BRANCH */:
             return createCounterStyleFromSymbols(
               value,
               "子丑寅卯辰巳午未申酉戌亥",
-              cjkSuffix,
+              cjkSuffix
             );
           case 16 /* CJK_HEAVENLY_STEM */:
             return createCounterStyleFromSymbols(
               value,
               "甲乙丙丁戊己庚辛壬癸",
-              cjkSuffix,
+              cjkSuffix
             );
           case 17 /* CJK_IDEOGRAPHIC */:
           case 48 /* TRAD_CHINESE_INFORMAL */:
@@ -9868,7 +9865,7 @@
               cjkSuffix,
               CJK_TEN_COEFFICIENTS |
                 CJK_TEN_HIGH_COEFFICIENTS |
-                CJK_HUNDRED_COEFFICIENTS,
+                CJK_HUNDRED_COEFFICIENTS
             );
           case 47 /* TRAD_CHINESE_FORMAL */:
             return createCJKCounter(
@@ -9880,7 +9877,7 @@
               CJK_ZEROS |
                 CJK_TEN_COEFFICIENTS |
                 CJK_TEN_HIGH_COEFFICIENTS |
-                CJK_HUNDRED_COEFFICIENTS,
+                CJK_HUNDRED_COEFFICIENTS
             );
           case 42 /* SIMP_CHINESE_INFORMAL */:
             return createCJKCounter(
@@ -9891,7 +9888,7 @@
               cjkSuffix,
               CJK_TEN_COEFFICIENTS |
                 CJK_TEN_HIGH_COEFFICIENTS |
-                CJK_HUNDRED_COEFFICIENTS,
+                CJK_HUNDRED_COEFFICIENTS
             );
           case 41 /* SIMP_CHINESE_FORMAL */:
             return createCJKCounter(
@@ -9903,7 +9900,7 @@
               CJK_ZEROS |
                 CJK_TEN_COEFFICIENTS |
                 CJK_TEN_HIGH_COEFFICIENTS |
-                CJK_HUNDRED_COEFFICIENTS,
+                CJK_HUNDRED_COEFFICIENTS
             );
           case 26 /* JAPANESE_INFORMAL */:
             return createCJKCounter(
@@ -9912,7 +9909,7 @@
               "十百千万",
               JAPANESE_NEGATIVE,
               cjkSuffix,
-              0,
+              0
             );
           case 25 /* JAPANESE_FORMAL */:
             return createCJKCounter(
@@ -9921,7 +9918,7 @@
               "拾百千万",
               JAPANESE_NEGATIVE,
               cjkSuffix,
-              CJK_ZEROS | CJK_TEN_COEFFICIENTS | CJK_TEN_HIGH_COEFFICIENTS,
+              CJK_ZEROS | CJK_TEN_COEFFICIENTS | CJK_TEN_HIGH_COEFFICIENTS
             );
           case 31 /* KOREAN_HANGUL_FORMAL */:
             return createCJKCounter(
@@ -9930,7 +9927,7 @@
               "십백천만",
               KOREAN_NEGATIVE,
               koreanSuffix,
-              CJK_ZEROS | CJK_TEN_COEFFICIENTS | CJK_TEN_HIGH_COEFFICIENTS,
+              CJK_ZEROS | CJK_TEN_COEFFICIENTS | CJK_TEN_HIGH_COEFFICIENTS
             );
           case 33 /* KOREAN_HANJA_INFORMAL */:
             return createCJKCounter(
@@ -9939,7 +9936,7 @@
               "十百千萬",
               KOREAN_NEGATIVE,
               koreanSuffix,
-              0,
+              0
             );
           case 32 /* KOREAN_HANJA_FORMAL */:
             return createCJKCounter(
@@ -9948,7 +9945,7 @@
               "拾百千",
               KOREAN_NEGATIVE,
               koreanSuffix,
-              CJK_ZEROS | CJK_TEN_COEFFICIENTS | CJK_TEN_HIGH_COEFFICIENTS,
+              CJK_ZEROS | CJK_TEN_COEFFICIENTS | CJK_TEN_HIGH_COEFFICIENTS
             );
           case 18 /* DEVANAGARI */:
             return createCounterStyleFromRange(
@@ -9956,7 +9953,7 @@
               0x966,
               0x96f,
               true,
-              defaultSuffix,
+              defaultSuffix
             );
           case 20 /* GEORGIAN */:
             return createAdditiveCounter(
@@ -9965,7 +9962,7 @@
               19999,
               GEORGIAN,
               3 /* DECIMAL */,
-              defaultSuffix,
+              defaultSuffix
             );
           case 21 /* GUJARATI */:
             return createCounterStyleFromRange(
@@ -9973,7 +9970,7 @@
               0xae6,
               0xaef,
               true,
-              defaultSuffix,
+              defaultSuffix
             );
           case 22 /* GURMUKHI */:
             return createCounterStyleFromRange(
@@ -9981,7 +9978,7 @@
               0xa66,
               0xa6f,
               true,
-              defaultSuffix,
+              defaultSuffix
             );
           case 22 /* HEBREW */:
             return createAdditiveCounter(
@@ -9990,17 +9987,17 @@
               10999,
               HEBREW,
               3 /* DECIMAL */,
-              defaultSuffix,
+              defaultSuffix
             );
           case 23 /* HIRAGANA */:
             return createCounterStyleFromSymbols(
               value,
-              "あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわゐゑをん",
+              "あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわゐゑをん"
             );
           case 24 /* HIRAGANA_IROHA */:
             return createCounterStyleFromSymbols(
               value,
-              "いろはにほへとちりぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせす",
+              "いろはにほへとちりぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせす"
             );
           case 27 /* KANNADA */:
             return createCounterStyleFromRange(
@@ -10008,19 +10005,19 @@
               0xce6,
               0xcef,
               true,
-              defaultSuffix,
+              defaultSuffix
             );
           case 28 /* KATAKANA */:
             return createCounterStyleFromSymbols(
               value,
               "アイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤユヨラリルレロワヰヱヲン",
-              cjkSuffix,
+              cjkSuffix
             );
           case 29 /* KATAKANA_IROHA */:
             return createCounterStyleFromSymbols(
               value,
               "イロハニホヘトチリヌルヲワカヨタレソツネナラムウヰノオクヤマケフコエテアサキユメミシヱヒモセス",
-              cjkSuffix,
+              cjkSuffix
             );
           case 34 /* LAO */:
             return createCounterStyleFromRange(
@@ -10028,7 +10025,7 @@
               0xed0,
               0xed9,
               true,
-              defaultSuffix,
+              defaultSuffix
             );
           case 37 /* MONGOLIAN */:
             return createCounterStyleFromRange(
@@ -10036,7 +10033,7 @@
               0x1810,
               0x1819,
               true,
-              defaultSuffix,
+              defaultSuffix
             );
           case 38 /* MYANMAR */:
             return createCounterStyleFromRange(
@@ -10044,7 +10041,7 @@
               0x1040,
               0x1049,
               true,
-              defaultSuffix,
+              defaultSuffix
             );
           case 39 /* ORIYA */:
             return createCounterStyleFromRange(
@@ -10052,7 +10049,7 @@
               0xb66,
               0xb6f,
               true,
-              defaultSuffix,
+              defaultSuffix
             );
           case 40 /* PERSIAN */:
             return createCounterStyleFromRange(
@@ -10060,7 +10057,7 @@
               0x6f0,
               0x6f9,
               true,
-              defaultSuffix,
+              defaultSuffix
             );
           case 43 /* TAMIL */:
             return createCounterStyleFromRange(
@@ -10068,7 +10065,7 @@
               0xbe6,
               0xbef,
               true,
-              defaultSuffix,
+              defaultSuffix
             );
           case 44 /* TELUGU */:
             return createCounterStyleFromRange(
@@ -10076,7 +10073,7 @@
               0xc66,
               0xc6f,
               true,
-              defaultSuffix,
+              defaultSuffix
             );
           case 45 /* THAI */:
             return createCounterStyleFromRange(
@@ -10084,7 +10081,7 @@
               0xe50,
               0xe59,
               true,
-              defaultSuffix,
+              defaultSuffix
             );
           case 46 /* TIBETAN */:
             return createCounterStyleFromRange(
@@ -10092,7 +10089,7 @@
               0xf20,
               0xf29,
               true,
-              defaultSuffix,
+              defaultSuffix
             );
           case 3 /* DECIMAL */:
           default:
@@ -10101,7 +10098,7 @@
               48,
               57,
               true,
-              defaultSuffix,
+              defaultSuffix
             );
         }
       };
@@ -10120,12 +10117,12 @@
           }
           this.documentElement = this.cloneNode(
             element.ownerDocument.documentElement,
-            false,
+            false
           );
         }
         DocumentCloner.prototype.toIFrame = function (
           ownerDocument,
-          windowSize,
+          windowSize
         ) {
           var _this = this;
           var iframe = createIFrameContainer(ownerDocument, windowSize);
@@ -10154,14 +10151,14 @@
                           cloneWindow.scrollX !== windowSize.left)
                       ) {
                         this.context.logger.warn(
-                          "Unable to restore scroll position for cloned document",
+                          "Unable to restore scroll position for cloned document"
                         );
                         this.context.windowBounds =
                           this.context.windowBounds.add(
                             cloneWindow.scrollX - windowSize.left,
                             cloneWindow.scrollY - windowSize.top,
                             0,
-                            0,
+                            0
                           );
                       }
                     }
@@ -10173,7 +10170,7 @@
                         Promise.reject(
                           "Error finding the " +
                             this.referenceElement.nodeName +
-                            " in the cloned document",
+                            " in the cloned document"
                         ),
                       ];
                     }
@@ -10210,17 +10207,17 @@
           });
           documentClone.open();
           documentClone.write(
-            serializeDoctype(document.doctype) + "<html></html>",
+            serializeDoctype(document.doctype) + "<html></html>"
           );
           // Chrome scrolls the parent document for some reason after the write to the cloned window???
           restoreOwnerScroll(
             this.referenceElement.ownerDocument,
             scrollX,
-            scrollY,
+            scrollY
           );
           documentClone.replaceChild(
             documentClone.adoptNode(this.documentElement),
-            documentClone.documentElement,
+            documentClone.documentElement
           );
           documentClone.close();
           return iframeLoad;
@@ -10268,7 +10265,7 @@
             if (sheet && sheet.cssRules) {
               var css = [].slice.call(sheet.cssRules, 0).reduce(function (
                 css,
-                rule,
+                rule
               ) {
                 if (rule && typeof rule.cssText === "string") {
                   return css + rule.cssText;
@@ -10298,7 +10295,7 @@
             } catch (e) {
               this.context.logger.info(
                 "Unable to inline canvas contents, canvas is tainted",
-                canvas,
+                canvas
               );
             }
           }
@@ -10313,7 +10310,7 @@
                 clonedCtx.putImageData(
                   ctx.getImageData(0, 0, canvas.width, canvas.height),
                   0,
-                  0,
+                  0
                 );
               } else {
                 var gl =
@@ -10329,7 +10326,7 @@
                   ) {
                     this.context.logger.warn(
                       "Unable to clone WebGL context as it has preserveDrawingBuffer=false",
-                      canvas,
+                      canvas
                     );
                   }
                 }
@@ -10340,7 +10337,7 @@
           } catch (e) {
             this.context.logger.info(
               "Unable to clone canvas as it is tainted",
-              canvas,
+              canvas
             );
           }
           return clonedCanvas;
@@ -10361,7 +10358,7 @@
           } catch (e) {
             this.context.logger.info(
               "Unable to clone video as it is tainted",
-              video,
+              video
             );
           }
           var blankCanvas = video.ownerDocument.createElement("canvas");
@@ -10372,7 +10369,7 @@
         DocumentCloner.prototype.appendChildNode = function (
           clone,
           child,
-          copyStyles,
+          copyStyles
         ) {
           if (
             !isElementNode(child) ||
@@ -10393,7 +10390,7 @@
         DocumentCloner.prototype.cloneChildNodes = function (
           node,
           clone,
-          copyStyles,
+          copyStyles
         ) {
           var _this = this;
           for (
@@ -10444,13 +10441,13 @@
               createPseudoHideStyles(clone);
             }
             var counters = this.counters.parse(
-              new CSSParsedCounterDeclaration(this.context, style),
+              new CSSParsedCounterDeclaration(this.context, style)
             );
             var before = this.resolvePseudoContent(
               node,
               clone,
               styleBefore,
-              PseudoElementType.BEFORE,
+              PseudoElementType.BEFORE
             );
             if (isCustomElement(node)) {
               copyStyles = true;
@@ -10465,7 +10462,7 @@
               node,
               clone,
               styleAfter,
-              PseudoElementType.AFTER,
+              PseudoElementType.AFTER
             );
             if (after) {
               clone.appendChild(after);
@@ -10500,7 +10497,7 @@
           node,
           clone,
           style,
-          pseudoElt,
+          pseudoElt
         ) {
           var _this = this;
           if (!style) {
@@ -10518,17 +10515,17 @@
             return;
           }
           this.counters.parse(
-            new CSSParsedCounterDeclaration(this.context, style),
+            new CSSParsedCounterDeclaration(this.context, style)
           );
           var declaration = new CSSParsedPseudoDeclaration(this.context, style);
           var anonymousReplacedElement = document.createElement(
-            "html2canvaspseudoelement",
+            "html2canvaspseudoelement"
           );
           copyCSSStyles(style, anonymousReplacedElement);
           declaration.content.forEach(function (token) {
             if (token.type === 0 /* STRING_TOKEN */) {
               anonymousReplacedElement.appendChild(
-                document.createTextNode(token.value),
+                document.createTextNode(token.value)
               );
             } else if (token.type === 22 /* URL_TOKEN */) {
               var img = document.createElement("img");
@@ -10541,8 +10538,8 @@
                 if (attr.length) {
                   anonymousReplacedElement.appendChild(
                     document.createTextNode(
-                      node.getAttribute(attr[0].value) || "",
-                    ),
+                      node.getAttribute(attr[0].value) || ""
+                    )
                   );
                 }
               } else if (token.name === "counter") {
@@ -10551,7 +10548,7 @@
                   counterStyle = _a[1];
                 if (counter && isIdentToken(counter)) {
                   var counterState = _this.counters.getCounterValue(
-                    counter.value,
+                    counter.value
                   );
                   var counterType =
                     counterStyle && isIdentToken(counterStyle)
@@ -10559,8 +10556,8 @@
                       : 3; /* DECIMAL */
                   anonymousReplacedElement.appendChild(
                     document.createTextNode(
-                      createCounterText(counterState, counterType, false),
-                    ),
+                      createCounterText(counterState, counterType, false)
+                    )
                   );
                 }
               } else if (token.name === "counters") {
@@ -10570,7 +10567,7 @@
                   counterStyle = _b[2];
                 if (counter && isIdentToken(counter)) {
                   var counterStates = _this.counters.getCounterValues(
-                    counter.value,
+                    counter.value
                   );
                   var counterType_1 =
                     counterStyle && isIdentToken(counterStyle)
@@ -10586,7 +10583,7 @@
                     })
                     .join(separator);
                   anonymousReplacedElement.appendChild(
-                    document.createTextNode(text),
+                    document.createTextNode(text)
                   );
                 }
               } else;
@@ -10595,21 +10592,21 @@
                 case "open-quote":
                   anonymousReplacedElement.appendChild(
                     document.createTextNode(
-                      getQuote(declaration.quotes, _this.quoteDepth++, true),
-                    ),
+                      getQuote(declaration.quotes, _this.quoteDepth++, true)
+                    )
                   );
                   break;
                 case "close-quote":
                   anonymousReplacedElement.appendChild(
                     document.createTextNode(
-                      getQuote(declaration.quotes, --_this.quoteDepth, false),
-                    ),
+                      getQuote(declaration.quotes, --_this.quoteDepth, false)
+                    )
                   );
                   break;
                 default:
                   // safari doesn't parse string tokens correctly because of lack of quotes
                   anonymousReplacedElement.appendChild(
-                    document.createTextNode(token.value),
+                    document.createTextNode(token.value)
                   );
               }
             }
@@ -10708,7 +10705,7 @@
           if (ignoredStyleProperties.indexOf(property) === -1) {
             target.style.setProperty(
               property,
-              style.getPropertyValue(property),
+              style.getPropertyValue(property)
             );
           }
         }
@@ -10769,7 +10766,7 @@
             "\n         ." +
             PSEUDO_HIDE_ELEMENT_CLASS_AFTER +
             PSEUDO_AFTER +
-            PSEUDO_HIDE_ELEMENT_STYLE,
+            PSEUDO_HIDE_ELEMENT_STYLE
         );
       };
       var createStyles = function (body, styles) {
@@ -10864,7 +10861,7 @@
                   _a.label = 2;
                 case 2:
                   this.context.logger.debug(
-                    "Added image " + key.substring(0, 256),
+                    "Added image " + key.substring(0, 256)
                   );
                   return [
                     4 /*yield*/,
@@ -10890,7 +10887,7 @@
                           return reject(
                             "Timed out (" +
                               _this._options.imageTimeout +
-                              "ms) loading image",
+                              "ms) loading image"
                           );
                         }, _this._options.imageTimeout);
                       }
@@ -10929,14 +10926,14 @@
                     function () {
                       return resolve(reader_1.result);
                     },
-                    false,
+                    false
                   );
                   reader_1.addEventListener(
                     "error",
                     function (e) {
                       return reject(e);
                     },
-                    false,
+                    false
                   );
                   reader_1.readAsDataURL(xhr.response);
                 }
@@ -10945,7 +10942,7 @@
                   "Failed to proxy resource " +
                     key +
                     " with status code " +
-                    xhr.status,
+                    xhr.status
                 );
               }
             };
@@ -10959,7 +10956,7 @@
                 "url=" +
                 encodeURIComponent(src) +
                 "&responseType=" +
-                responseType,
+                responseType
             );
             if (responseType !== "text" && xhr instanceof XMLHttpRequest) {
               xhr.responseType = responseType;
@@ -10969,7 +10966,7 @@
               xhr.timeout = timeout_1;
               xhr.ontimeout = function () {
                 return reject(
-                  "Timed out (" + timeout_1 + "ms) proxying " + key,
+                  "Timed out (" + timeout_1 + "ms) proxying " + key
                 );
               };
             }
@@ -11036,7 +11033,7 @@
             this.start.add(deltaX, deltaY),
             this.startControl.add(deltaX, deltaY),
             this.endControl.add(deltaX, deltaY),
-            this.end.add(deltaX, deltaY),
+            this.end.add(deltaX, deltaY)
           );
         };
         BezierCurve.prototype.reverse = function () {
@@ -11044,7 +11041,7 @@
             this.end,
             this.endControl,
             this.startControl,
-            this.start,
+            this.start
           );
         };
         return BezierCurve;
@@ -11060,28 +11057,28 @@
           var _a = getAbsoluteValueForTuple(
               styles.borderTopLeftRadius,
               bounds.width,
-              bounds.height,
+              bounds.height
             ),
             tlh = _a[0],
             tlv = _a[1];
           var _b = getAbsoluteValueForTuple(
               styles.borderTopRightRadius,
               bounds.width,
-              bounds.height,
+              bounds.height
             ),
             trh = _b[0],
             trv = _b[1];
           var _c = getAbsoluteValueForTuple(
               styles.borderBottomRightRadius,
               bounds.width,
-              bounds.height,
+              bounds.height
             ),
             brh = _c[0],
             brv = _c[1];
           var _d = getAbsoluteValueForTuple(
               styles.borderBottomLeftRadius,
               bounds.width,
-              bounds.height,
+              bounds.height
             ),
             blh = _d[0],
             blv = _d[1];
@@ -11111,19 +11108,19 @@
           var borderLeftWidth = styles.borderLeftWidth;
           var paddingTop = getAbsoluteValue(
             styles.paddingTop,
-            element.bounds.width,
+            element.bounds.width
           );
           var paddingRight = getAbsoluteValue(
             styles.paddingRight,
-            element.bounds.width,
+            element.bounds.width
           );
           var paddingBottom = getAbsoluteValue(
             styles.paddingBottom,
-            element.bounds.width,
+            element.bounds.width
           );
           var paddingLeft = getAbsoluteValue(
             styles.paddingLeft,
-            element.bounds.width,
+            element.bounds.width
           );
           this.topLeftBorderDoubleOuterBox =
             tlh > 0 || tlv > 0
@@ -11132,11 +11129,11 @@
                   bounds.top + borderTopWidth / 3,
                   tlh - borderLeftWidth / 3,
                   tlv - borderTopWidth / 3,
-                  CORNER.TOP_LEFT,
+                  CORNER.TOP_LEFT
                 )
               : new Vector(
                   bounds.left + borderLeftWidth / 3,
-                  bounds.top + borderTopWidth / 3,
+                  bounds.top + borderTopWidth / 3
                 );
           this.topRightBorderDoubleOuterBox =
             tlh > 0 || tlv > 0
@@ -11145,11 +11142,11 @@
                   bounds.top + borderTopWidth / 3,
                   trh - borderRightWidth / 3,
                   trv - borderTopWidth / 3,
-                  CORNER.TOP_RIGHT,
+                  CORNER.TOP_RIGHT
                 )
               : new Vector(
                   bounds.left + bounds.width - borderRightWidth / 3,
-                  bounds.top + borderTopWidth / 3,
+                  bounds.top + borderTopWidth / 3
                 );
           this.bottomRightBorderDoubleOuterBox =
             brh > 0 || brv > 0
@@ -11158,11 +11155,11 @@
                   bounds.top + rightHeight,
                   brh - borderRightWidth / 3,
                   brv - borderBottomWidth / 3,
-                  CORNER.BOTTOM_RIGHT,
+                  CORNER.BOTTOM_RIGHT
                 )
               : new Vector(
                   bounds.left + bounds.width - borderRightWidth / 3,
-                  bounds.top + bounds.height - borderBottomWidth / 3,
+                  bounds.top + bounds.height - borderBottomWidth / 3
                 );
           this.bottomLeftBorderDoubleOuterBox =
             blh > 0 || blv > 0
@@ -11171,11 +11168,11 @@
                   bounds.top + leftHeight,
                   blh - borderLeftWidth / 3,
                   blv - borderBottomWidth / 3,
-                  CORNER.BOTTOM_LEFT,
+                  CORNER.BOTTOM_LEFT
                 )
               : new Vector(
                   bounds.left + borderLeftWidth / 3,
-                  bounds.top + bounds.height - borderBottomWidth / 3,
+                  bounds.top + bounds.height - borderBottomWidth / 3
                 );
           this.topLeftBorderDoubleInnerBox =
             tlh > 0 || tlv > 0
@@ -11184,11 +11181,11 @@
                   bounds.top + (borderTopWidth * 2) / 3,
                   tlh - (borderLeftWidth * 2) / 3,
                   tlv - (borderTopWidth * 2) / 3,
-                  CORNER.TOP_LEFT,
+                  CORNER.TOP_LEFT
                 )
               : new Vector(
                   bounds.left + (borderLeftWidth * 2) / 3,
-                  bounds.top + (borderTopWidth * 2) / 3,
+                  bounds.top + (borderTopWidth * 2) / 3
                 );
           this.topRightBorderDoubleInnerBox =
             tlh > 0 || tlv > 0
@@ -11197,11 +11194,11 @@
                   bounds.top + (borderTopWidth * 2) / 3,
                   trh - (borderRightWidth * 2) / 3,
                   trv - (borderTopWidth * 2) / 3,
-                  CORNER.TOP_RIGHT,
+                  CORNER.TOP_RIGHT
                 )
               : new Vector(
                   bounds.left + bounds.width - (borderRightWidth * 2) / 3,
-                  bounds.top + (borderTopWidth * 2) / 3,
+                  bounds.top + (borderTopWidth * 2) / 3
                 );
           this.bottomRightBorderDoubleInnerBox =
             brh > 0 || brv > 0
@@ -11210,11 +11207,11 @@
                   bounds.top + rightHeight,
                   brh - (borderRightWidth * 2) / 3,
                   brv - (borderBottomWidth * 2) / 3,
-                  CORNER.BOTTOM_RIGHT,
+                  CORNER.BOTTOM_RIGHT
                 )
               : new Vector(
                   bounds.left + bounds.width - (borderRightWidth * 2) / 3,
-                  bounds.top + bounds.height - (borderBottomWidth * 2) / 3,
+                  bounds.top + bounds.height - (borderBottomWidth * 2) / 3
                 );
           this.bottomLeftBorderDoubleInnerBox =
             blh > 0 || blv > 0
@@ -11223,11 +11220,11 @@
                   bounds.top + leftHeight,
                   blh - (borderLeftWidth * 2) / 3,
                   blv - (borderBottomWidth * 2) / 3,
-                  CORNER.BOTTOM_LEFT,
+                  CORNER.BOTTOM_LEFT
                 )
               : new Vector(
                   bounds.left + (borderLeftWidth * 2) / 3,
-                  bounds.top + bounds.height - (borderBottomWidth * 2) / 3,
+                  bounds.top + bounds.height - (borderBottomWidth * 2) / 3
                 );
           this.topLeftBorderStroke =
             tlh > 0 || tlv > 0
@@ -11236,11 +11233,11 @@
                   bounds.top + borderTopWidth / 2,
                   tlh - borderLeftWidth / 2,
                   tlv - borderTopWidth / 2,
-                  CORNER.TOP_LEFT,
+                  CORNER.TOP_LEFT
                 )
               : new Vector(
                   bounds.left + borderLeftWidth / 2,
-                  bounds.top + borderTopWidth / 2,
+                  bounds.top + borderTopWidth / 2
                 );
           this.topRightBorderStroke =
             tlh > 0 || tlv > 0
@@ -11249,11 +11246,11 @@
                   bounds.top + borderTopWidth / 2,
                   trh - borderRightWidth / 2,
                   trv - borderTopWidth / 2,
-                  CORNER.TOP_RIGHT,
+                  CORNER.TOP_RIGHT
                 )
               : new Vector(
                   bounds.left + bounds.width - borderRightWidth / 2,
-                  bounds.top + borderTopWidth / 2,
+                  bounds.top + borderTopWidth / 2
                 );
           this.bottomRightBorderStroke =
             brh > 0 || brv > 0
@@ -11262,11 +11259,11 @@
                   bounds.top + rightHeight,
                   brh - borderRightWidth / 2,
                   brv - borderBottomWidth / 2,
-                  CORNER.BOTTOM_RIGHT,
+                  CORNER.BOTTOM_RIGHT
                 )
               : new Vector(
                   bounds.left + bounds.width - borderRightWidth / 2,
-                  bounds.top + bounds.height - borderBottomWidth / 2,
+                  bounds.top + bounds.height - borderBottomWidth / 2
                 );
           this.bottomLeftBorderStroke =
             blh > 0 || blv > 0
@@ -11275,11 +11272,11 @@
                   bounds.top + leftHeight,
                   blh - borderLeftWidth / 2,
                   blv - borderBottomWidth / 2,
-                  CORNER.BOTTOM_LEFT,
+                  CORNER.BOTTOM_LEFT
                 )
               : new Vector(
                   bounds.left + borderLeftWidth / 2,
-                  bounds.top + bounds.height - borderBottomWidth / 2,
+                  bounds.top + bounds.height - borderBottomWidth / 2
                 );
           this.topLeftBorderBox =
             tlh > 0 || tlv > 0
@@ -11288,7 +11285,7 @@
                   bounds.top,
                   tlh,
                   tlv,
-                  CORNER.TOP_LEFT,
+                  CORNER.TOP_LEFT
                 )
               : new Vector(bounds.left, bounds.top);
           this.topRightBorderBox =
@@ -11298,7 +11295,7 @@
                   bounds.top,
                   trh,
                   trv,
-                  CORNER.TOP_RIGHT,
+                  CORNER.TOP_RIGHT
                 )
               : new Vector(bounds.left + bounds.width, bounds.top);
           this.bottomRightBorderBox =
@@ -11308,11 +11305,11 @@
                   bounds.top + rightHeight,
                   brh,
                   brv,
-                  CORNER.BOTTOM_RIGHT,
+                  CORNER.BOTTOM_RIGHT
                 )
               : new Vector(
                   bounds.left + bounds.width,
-                  bounds.top + bounds.height,
+                  bounds.top + bounds.height
                 );
           this.bottomLeftBorderBox =
             blh > 0 || blv > 0
@@ -11321,7 +11318,7 @@
                   bounds.top + leftHeight,
                   blh,
                   blv,
-                  CORNER.BOTTOM_LEFT,
+                  CORNER.BOTTOM_LEFT
                 )
               : new Vector(bounds.left, bounds.top + bounds.height);
           this.topLeftPaddingBox =
@@ -11331,11 +11328,11 @@
                   bounds.top + borderTopWidth,
                   Math.max(0, tlh - borderLeftWidth),
                   Math.max(0, tlv - borderTopWidth),
-                  CORNER.TOP_LEFT,
+                  CORNER.TOP_LEFT
                 )
               : new Vector(
                   bounds.left + borderLeftWidth,
-                  bounds.top + borderTopWidth,
+                  bounds.top + borderTopWidth
                 );
           this.topRightPaddingBox =
             trh > 0 || trv > 0
@@ -11347,11 +11344,11 @@
                     ? 0
                     : Math.max(0, trh - borderRightWidth),
                   Math.max(0, trv - borderTopWidth),
-                  CORNER.TOP_RIGHT,
+                  CORNER.TOP_RIGHT
                 )
               : new Vector(
                   bounds.left + bounds.width - borderRightWidth,
-                  bounds.top + borderTopWidth,
+                  bounds.top + borderTopWidth
                 );
           this.bottomRightPaddingBox =
             brh > 0 || brv > 0
@@ -11362,11 +11359,11 @@
                     Math.min(rightHeight, bounds.height - borderBottomWidth),
                   Math.max(0, brh - borderRightWidth),
                   Math.max(0, brv - borderBottomWidth),
-                  CORNER.BOTTOM_RIGHT,
+                  CORNER.BOTTOM_RIGHT
                 )
               : new Vector(
                   bounds.left + bounds.width - borderRightWidth,
-                  bounds.top + bounds.height - borderBottomWidth,
+                  bounds.top + bounds.height - borderBottomWidth
                 );
           this.bottomLeftPaddingBox =
             blh > 0 || blv > 0
@@ -11376,11 +11373,11 @@
                     Math.min(leftHeight, bounds.height - borderBottomWidth),
                   Math.max(0, blh - borderLeftWidth),
                   Math.max(0, blv - borderBottomWidth),
-                  CORNER.BOTTOM_LEFT,
+                  CORNER.BOTTOM_LEFT
                 )
               : new Vector(
                   bounds.left + borderLeftWidth,
-                  bounds.top + bounds.height - borderBottomWidth,
+                  bounds.top + bounds.height - borderBottomWidth
                 );
           this.topLeftContentBox =
             tlh > 0 || tlv > 0
@@ -11389,11 +11386,11 @@
                   bounds.top + borderTopWidth + paddingTop,
                   Math.max(0, tlh - (borderLeftWidth + paddingLeft)),
                   Math.max(0, tlv - (borderTopWidth + paddingTop)),
-                  CORNER.TOP_LEFT,
+                  CORNER.TOP_LEFT
                 )
               : new Vector(
                   bounds.left + borderLeftWidth + paddingLeft,
-                  bounds.top + borderTopWidth + paddingTop,
+                  bounds.top + borderTopWidth + paddingTop
                 );
           this.topRightContentBox =
             trh > 0 || trv > 0
@@ -11401,20 +11398,20 @@
                   bounds.left +
                     Math.min(
                       topWidth,
-                      bounds.width + borderLeftWidth + paddingLeft,
+                      bounds.width + borderLeftWidth + paddingLeft
                     ),
                   bounds.top + borderTopWidth + paddingTop,
                   topWidth > bounds.width + borderLeftWidth + paddingLeft
                     ? 0
                     : trh - borderLeftWidth + paddingLeft,
                   trv - (borderTopWidth + paddingTop),
-                  CORNER.TOP_RIGHT,
+                  CORNER.TOP_RIGHT
                 )
               : new Vector(
                   bounds.left +
                     bounds.width -
                     (borderRightWidth + paddingRight),
-                  bounds.top + borderTopWidth + paddingTop,
+                  bounds.top + borderTopWidth + paddingTop
                 );
           this.bottomRightContentBox =
             brh > 0 || brv > 0
@@ -11422,16 +11419,16 @@
                   bounds.left +
                     Math.min(
                       bottomWidth,
-                      bounds.width - (borderLeftWidth + paddingLeft),
+                      bounds.width - (borderLeftWidth + paddingLeft)
                     ),
                   bounds.top +
                     Math.min(
                       rightHeight,
-                      bounds.height + borderTopWidth + paddingTop,
+                      bounds.height + borderTopWidth + paddingTop
                     ),
                   Math.max(0, brh - (borderRightWidth + paddingRight)),
                   brv - (borderBottomWidth + paddingBottom),
-                  CORNER.BOTTOM_RIGHT,
+                  CORNER.BOTTOM_RIGHT
                 )
               : new Vector(
                   bounds.left +
@@ -11439,7 +11436,7 @@
                     (borderRightWidth + paddingRight),
                   bounds.top +
                     bounds.height -
-                    (borderBottomWidth + paddingBottom),
+                    (borderBottomWidth + paddingBottom)
                 );
           this.bottomLeftContentBox =
             blh > 0 || blv > 0
@@ -11448,13 +11445,13 @@
                   bounds.top + leftHeight,
                   Math.max(0, blh - (borderLeftWidth + paddingLeft)),
                   blv - (borderBottomWidth + paddingBottom),
-                  CORNER.BOTTOM_LEFT,
+                  CORNER.BOTTOM_LEFT
                 )
               : new Vector(
                   bounds.left + borderLeftWidth + paddingLeft,
                   bounds.top +
                     bounds.height -
-                    (borderBottomWidth + paddingBottom),
+                    (borderBottomWidth + paddingBottom)
                 );
         }
         return BoundCurves;
@@ -11478,21 +11475,21 @@
               new Vector(x, ym),
               new Vector(x, ym - oy),
               new Vector(xm - ox, y),
-              new Vector(xm, y),
+              new Vector(xm, y)
             );
           case CORNER.TOP_RIGHT:
             return new BezierCurve(
               new Vector(x, y),
               new Vector(x + ox, y),
               new Vector(xm, ym - oy),
-              new Vector(xm, ym),
+              new Vector(xm, ym)
             );
           case CORNER.BOTTOM_RIGHT:
             return new BezierCurve(
               new Vector(xm, y),
               new Vector(xm, y + oy),
               new Vector(x + ox, ym),
-              new Vector(x, ym),
+              new Vector(x, ym)
             );
           case CORNER.BOTTOM_LEFT:
           default:
@@ -11500,7 +11497,7 @@
               new Vector(xm, ym),
               new Vector(xm - ox, ym),
               new Vector(x, y + oy),
-              new Vector(x, y),
+              new Vector(x, y)
             );
         }
       };
@@ -11628,12 +11625,12 @@
               this.effects.push(
                 new ClipEffect(
                   borderBox,
-                  2 /* BACKGROUND_BORDERS */ | 4 /* CONTENT */,
-                ),
+                  2 /* BACKGROUND_BORDERS */ | 4 /* CONTENT */
+                )
               );
             } else {
               this.effects.push(
-                new ClipEffect(borderBox, 2 /* BACKGROUND_BORDERS */),
+                new ClipEffect(borderBox, 2 /* BACKGROUND_BORDERS */)
               );
               this.effects.push(new ClipEffect(paddingBox, 4 /* CONTENT */));
             }
@@ -11642,7 +11639,7 @@
         ElementPaint.prototype.getEffects = function (target) {
           var inFlow =
             [2 /* ABSOLUTE */, 3 /* FIXED */].indexOf(
-              this.container.styles.position,
+              this.container.styles.position
             ) === -1;
           var parent = this.parent;
           var effects = this.effects.slice(0);
@@ -11658,7 +11655,7 @@
               effects.unshift.apply(effects, croplessEffects);
               inFlow =
                 [2 /* ABSOLUTE */, 3 /* FIXED */].indexOf(
-                  parent.container.styles.position,
+                  parent.container.styles.position
                 ) === -1;
               if (parent.container.styles.overflowX !== 0 /* VISIBLE */) {
                 var borderBox = calculateBorderBoxPath(parent.curves);
@@ -11667,8 +11664,8 @@
                   effects.unshift(
                     new ClipEffect(
                       paddingBox,
-                      2 /* BACKGROUND_BORDERS */ | 4 /* CONTENT */,
-                    ),
+                      2 /* BACKGROUND_BORDERS */ | 4 /* CONTENT */
+                    )
                   );
                 }
               }
@@ -11687,16 +11684,16 @@
         parent,
         stackingContext,
         realStackingContext,
-        listItems,
+        listItems
       ) {
         parent.container.elements.forEach(function (child) {
           var treatAsRealStackingContext = contains(
             child.flags,
-            4 /* CREATES_REAL_STACKING_CONTEXT */,
+            4 /* CREATES_REAL_STACKING_CONTEXT */
           );
           var createsStackingContext = contains(
             child.flags,
-            2 /* CREATES_STACKING_CONTEXT */,
+            2 /* CREATES_STACKING_CONTEXT */
           );
           var paintContainer = new ElementPaint(child, parent);
           if (contains(child.styles.display, 2048 /* LIST_ITEM */)) {
@@ -11757,7 +11754,7 @@
               paintContainer,
               stack,
               treatAsRealStackingContext ? stack : realStackingContext,
-              listOwnerItems,
+              listOwnerItems
             );
           } else {
             if (child.styles.isInlineLevel()) {
@@ -11769,7 +11766,7 @@
               paintContainer,
               stackingContext,
               realStackingContext,
-              listOwnerItems,
+              listOwnerItems
             );
           }
           if (contains(child.flags, 8 /* IS_LIST_OWNER */)) {
@@ -11793,7 +11790,7 @@
           item.listValue = createCounterText(
             numbering,
             item.container.styles.listStyleType,
-            true,
+            true
           );
           numbering += reversed ? -1 : 1;
         }
@@ -11814,21 +11811,21 @@
               curves.topLeftBorderBox,
               curves.topLeftPaddingBox,
               curves.topRightBorderBox,
-              curves.topRightPaddingBox,
+              curves.topRightPaddingBox
             );
           case 1:
             return createPathFromCurves(
               curves.topRightBorderBox,
               curves.topRightPaddingBox,
               curves.bottomRightBorderBox,
-              curves.bottomRightPaddingBox,
+              curves.bottomRightPaddingBox
             );
           case 2:
             return createPathFromCurves(
               curves.bottomRightBorderBox,
               curves.bottomRightPaddingBox,
               curves.bottomLeftBorderBox,
-              curves.bottomLeftPaddingBox,
+              curves.bottomLeftPaddingBox
             );
           case 3:
           default:
@@ -11836,7 +11833,7 @@
               curves.bottomLeftBorderBox,
               curves.bottomLeftPaddingBox,
               curves.topLeftBorderBox,
-              curves.topLeftPaddingBox,
+              curves.topLeftPaddingBox
             );
         }
       };
@@ -11847,21 +11844,21 @@
               curves.topLeftBorderBox,
               curves.topLeftBorderDoubleOuterBox,
               curves.topRightBorderBox,
-              curves.topRightBorderDoubleOuterBox,
+              curves.topRightBorderDoubleOuterBox
             );
           case 1:
             return createPathFromCurves(
               curves.topRightBorderBox,
               curves.topRightBorderDoubleOuterBox,
               curves.bottomRightBorderBox,
-              curves.bottomRightBorderDoubleOuterBox,
+              curves.bottomRightBorderDoubleOuterBox
             );
           case 2:
             return createPathFromCurves(
               curves.bottomRightBorderBox,
               curves.bottomRightBorderDoubleOuterBox,
               curves.bottomLeftBorderBox,
-              curves.bottomLeftBorderDoubleOuterBox,
+              curves.bottomLeftBorderDoubleOuterBox
             );
           case 3:
           default:
@@ -11869,7 +11866,7 @@
               curves.bottomLeftBorderBox,
               curves.bottomLeftBorderDoubleOuterBox,
               curves.topLeftBorderBox,
-              curves.topLeftBorderDoubleOuterBox,
+              curves.topLeftBorderDoubleOuterBox
             );
         }
       };
@@ -11880,21 +11877,21 @@
               curves.topLeftBorderDoubleInnerBox,
               curves.topLeftPaddingBox,
               curves.topRightBorderDoubleInnerBox,
-              curves.topRightPaddingBox,
+              curves.topRightPaddingBox
             );
           case 1:
             return createPathFromCurves(
               curves.topRightBorderDoubleInnerBox,
               curves.topRightPaddingBox,
               curves.bottomRightBorderDoubleInnerBox,
-              curves.bottomRightPaddingBox,
+              curves.bottomRightPaddingBox
             );
           case 2:
             return createPathFromCurves(
               curves.bottomRightBorderDoubleInnerBox,
               curves.bottomRightPaddingBox,
               curves.bottomLeftBorderDoubleInnerBox,
-              curves.bottomLeftPaddingBox,
+              curves.bottomLeftPaddingBox
             );
           case 3:
           default:
@@ -11902,7 +11899,7 @@
               curves.bottomLeftBorderDoubleInnerBox,
               curves.bottomLeftPaddingBox,
               curves.topLeftBorderDoubleInnerBox,
-              curves.topLeftPaddingBox,
+              curves.topLeftPaddingBox
             );
         }
       };
@@ -11911,23 +11908,23 @@
           case 0:
             return createStrokePathFromCurves(
               curves.topLeftBorderStroke,
-              curves.topRightBorderStroke,
+              curves.topRightBorderStroke
             );
           case 1:
             return createStrokePathFromCurves(
               curves.topRightBorderStroke,
-              curves.bottomRightBorderStroke,
+              curves.bottomRightBorderStroke
             );
           case 2:
             return createStrokePathFromCurves(
               curves.bottomRightBorderStroke,
-              curves.bottomLeftBorderStroke,
+              curves.bottomLeftBorderStroke
             );
           case 3:
           default:
             return createStrokePathFromCurves(
               curves.bottomLeftBorderStroke,
-              curves.topLeftBorderStroke,
+              curves.topLeftBorderStroke
             );
         }
       };
@@ -11977,7 +11974,7 @@
           styles.borderLeftWidth,
           styles.borderTopWidth,
           -(styles.borderRightWidth + styles.borderLeftWidth),
-          -(styles.borderTopWidth + styles.borderBottomWidth),
+          -(styles.borderTopWidth + styles.borderBottomWidth)
         );
       };
       var contentBox = function (element) {
@@ -11988,7 +11985,7 @@
         var paddingTop = getAbsoluteValue(styles.paddingTop, bounds.width);
         var paddingBottom = getAbsoluteValue(
           styles.paddingBottom,
-          bounds.width,
+          bounds.width
         );
         return bounds.add(
           paddingLeft + styles.borderLeftWidth,
@@ -12004,13 +12001,13 @@
             styles.borderBottomWidth +
             paddingTop +
             paddingBottom
-          ),
+          )
         );
       };
 
       var calculateBackgroundPositioningArea = function (
         backgroundOrigin,
-        element,
+        element
       ) {
         if (backgroundOrigin === 0 /* BORDER_BOX */) {
           return element.bounds;
@@ -12032,37 +12029,37 @@
       var calculateBackgroundRendering = function (
         container,
         index,
-        intrinsicSize,
+        intrinsicSize
       ) {
         var backgroundPositioningArea = calculateBackgroundPositioningArea(
           getBackgroundValueForIndex(container.styles.backgroundOrigin, index),
-          container,
+          container
         );
         var backgroundPaintingArea = calculateBackgroundPaintingArea(
           getBackgroundValueForIndex(container.styles.backgroundClip, index),
-          container,
+          container
         );
         var backgroundImageSize = calculateBackgroundSize(
           getBackgroundValueForIndex(container.styles.backgroundSize, index),
           intrinsicSize,
-          backgroundPositioningArea,
+          backgroundPositioningArea
         );
         var sizeWidth = backgroundImageSize[0],
           sizeHeight = backgroundImageSize[1];
         var position = getAbsoluteValueForTuple(
           getBackgroundValueForIndex(
             container.styles.backgroundPosition,
-            index,
+            index
           ),
           backgroundPositioningArea.width - sizeWidth,
-          backgroundPositioningArea.height - sizeHeight,
+          backgroundPositioningArea.height - sizeHeight
         );
         var path = calculateBackgroundRepeatPath(
           getBackgroundValueForIndex(container.styles.backgroundRepeat, index),
           position,
           backgroundImageSize,
           backgroundPositioningArea,
-          backgroundPaintingArea,
+          backgroundPaintingArea
         );
         var offsetX = Math.round(backgroundPositioningArea.left + position[0]);
         var offsetY = Math.round(backgroundPositioningArea.top + position[1]);
@@ -12193,7 +12190,7 @@
         _a,
         _b,
         backgroundPositioningArea,
-        backgroundPaintingArea,
+        backgroundPaintingArea
       ) {
         var x = _a[0],
           y = _a[1];
@@ -12204,96 +12201,96 @@
             return [
               new Vector(
                 Math.round(backgroundPositioningArea.left),
-                Math.round(backgroundPositioningArea.top + y),
+                Math.round(backgroundPositioningArea.top + y)
               ),
               new Vector(
                 Math.round(
                   backgroundPositioningArea.left +
-                    backgroundPositioningArea.width,
+                    backgroundPositioningArea.width
                 ),
-                Math.round(backgroundPositioningArea.top + y),
+                Math.round(backgroundPositioningArea.top + y)
               ),
               new Vector(
                 Math.round(
                   backgroundPositioningArea.left +
-                    backgroundPositioningArea.width,
+                    backgroundPositioningArea.width
                 ),
-                Math.round(height + backgroundPositioningArea.top + y),
+                Math.round(height + backgroundPositioningArea.top + y)
               ),
               new Vector(
                 Math.round(backgroundPositioningArea.left),
-                Math.round(height + backgroundPositioningArea.top + y),
+                Math.round(height + backgroundPositioningArea.top + y)
               ),
             ];
           case 3 /* REPEAT_Y */:
             return [
               new Vector(
                 Math.round(backgroundPositioningArea.left + x),
-                Math.round(backgroundPositioningArea.top),
+                Math.round(backgroundPositioningArea.top)
               ),
               new Vector(
                 Math.round(backgroundPositioningArea.left + x + width),
-                Math.round(backgroundPositioningArea.top),
+                Math.round(backgroundPositioningArea.top)
               ),
               new Vector(
                 Math.round(backgroundPositioningArea.left + x + width),
                 Math.round(
                   backgroundPositioningArea.height +
-                    backgroundPositioningArea.top,
-                ),
+                    backgroundPositioningArea.top
+                )
               ),
               new Vector(
                 Math.round(backgroundPositioningArea.left + x),
                 Math.round(
                   backgroundPositioningArea.height +
-                    backgroundPositioningArea.top,
-                ),
+                    backgroundPositioningArea.top
+                )
               ),
             ];
           case 1 /* NO_REPEAT */:
             return [
               new Vector(
                 Math.round(backgroundPositioningArea.left + x),
-                Math.round(backgroundPositioningArea.top + y),
+                Math.round(backgroundPositioningArea.top + y)
               ),
               new Vector(
                 Math.round(backgroundPositioningArea.left + x + width),
-                Math.round(backgroundPositioningArea.top + y),
+                Math.round(backgroundPositioningArea.top + y)
               ),
               new Vector(
                 Math.round(backgroundPositioningArea.left + x + width),
-                Math.round(backgroundPositioningArea.top + y + height),
+                Math.round(backgroundPositioningArea.top + y + height)
               ),
               new Vector(
                 Math.round(backgroundPositioningArea.left + x),
-                Math.round(backgroundPositioningArea.top + y + height),
+                Math.round(backgroundPositioningArea.top + y + height)
               ),
             ];
           default:
             return [
               new Vector(
                 Math.round(backgroundPaintingArea.left),
-                Math.round(backgroundPaintingArea.top),
+                Math.round(backgroundPaintingArea.top)
               ),
               new Vector(
                 Math.round(
-                  backgroundPaintingArea.left + backgroundPaintingArea.width,
+                  backgroundPaintingArea.left + backgroundPaintingArea.width
                 ),
-                Math.round(backgroundPaintingArea.top),
+                Math.round(backgroundPaintingArea.top)
               ),
               new Vector(
                 Math.round(
-                  backgroundPaintingArea.left + backgroundPaintingArea.width,
+                  backgroundPaintingArea.left + backgroundPaintingArea.width
                 ),
                 Math.round(
-                  backgroundPaintingArea.height + backgroundPaintingArea.top,
-                ),
+                  backgroundPaintingArea.height + backgroundPaintingArea.top
+                )
               ),
               new Vector(
                 Math.round(backgroundPaintingArea.left),
                 Math.round(
-                  backgroundPaintingArea.height + backgroundPaintingArea.top,
-                ),
+                  backgroundPaintingArea.height + backgroundPaintingArea.top
+                )
               ),
             ];
         }
@@ -12387,7 +12384,7 @@
               "x" +
               options.height +
               ") with scale " +
-              options.scale,
+              options.scale
           );
           return _this;
         }
@@ -12413,7 +12410,7 @@
               effect.matrix[2],
               effect.matrix[3],
               effect.matrix[4],
-              effect.matrix[5],
+              effect.matrix[5]
             );
             this.ctx.translate(-effect.offsetX, -effect.offsetY);
           }
@@ -12474,14 +12471,14 @@
         CanvasRenderer.prototype.renderTextWithLetterSpacing = function (
           text,
           letterSpacing,
-          baseline,
+          baseline
         ) {
           var _this = this;
           if (letterSpacing === 0) {
             this.ctx.fillText(
               text.text,
               text.bounds.left,
-              text.bounds.top + baseline,
+              text.bounds.top + baseline
             );
           } else {
             var letters = segmentGraphemes(text.text);
@@ -12546,7 +12543,7 @@
                       _this.renderTextWithLetterSpacing(
                         text,
                         styles.letterSpacing,
-                        baseline,
+                        baseline
                       );
                       var textShadows = styles.textShadow;
                       if (textShadows.length && text.text.trim().length) {
@@ -12563,7 +12560,7 @@
                             _this.renderTextWithLetterSpacing(
                               text,
                               styles.letterSpacing,
-                              baseline,
+                              baseline
                             );
                           });
                         _this.ctx.shadowColor = "";
@@ -12573,7 +12570,7 @@
                       }
                       if (styles.textDecorationLine.length) {
                         _this.ctx.fillStyle = asString(
-                          styles.textDecorationColor || styles.color,
+                          styles.textDecorationColor || styles.color
                         );
                         styles.textDecorationLine.forEach(
                           function (textDecorationLine) {
@@ -12586,7 +12583,7 @@
                                   text.bounds.left,
                                   Math.round(text.bounds.top + baseline),
                                   text.bounds.width,
-                                  1,
+                                  1
                                 );
                                 break;
                               case 2 /* OVERLINE */:
@@ -12594,7 +12591,7 @@
                                   text.bounds.left,
                                   Math.round(text.bounds.top),
                                   text.bounds.width,
-                                  1,
+                                  1
                                 );
                                 break;
                               case 3 /* LINE_THROUGH */:
@@ -12603,11 +12600,11 @@
                                   text.bounds.left,
                                   Math.ceil(text.bounds.top + middle),
                                   text.bounds.width,
-                                  1,
+                                  1
                                 );
                                 break;
                             }
-                          },
+                          }
                         );
                       }
                       break;
@@ -12617,7 +12614,7 @@
                         text.text.trim().length
                       ) {
                         _this.ctx.strokeStyle = asString(
-                          styles.webkitTextStrokeColor,
+                          styles.webkitTextStrokeColor
                         );
                         _this.ctx.lineWidth = styles.webkitTextStrokeWidth;
                         // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -12627,7 +12624,7 @@
                         _this.ctx.strokeText(
                           text.text,
                           text.bounds.left,
-                          text.bounds.top + baseline,
+                          text.bounds.top + baseline
                         );
                       }
                       _this.ctx.strokeStyle = "";
@@ -12644,7 +12641,7 @@
         CanvasRenderer.prototype.renderReplacedElement = function (
           container,
           curves,
-          image,
+          image
         ) {
           if (
             image &&
@@ -12665,7 +12662,7 @@
               box.left,
               box.top,
               box.width,
-              box.height,
+              box.height
             );
             this.ctx.restore();
           }
@@ -12728,7 +12725,7 @@
                 case 7:
                   _c.sent();
                   this.context.logger.error(
-                    "Error loading image " + container.src,
+                    "Error loading image " + container.src
                   );
                   return [3 /*break*/, 8];
                 case 8:
@@ -12736,7 +12733,7 @@
                     this.renderReplacedElement(
                       container,
                       curves,
-                      container.canvas,
+                      container.canvas
                     );
                   }
                   if (!(container instanceof SVGElementContainer))
@@ -12752,7 +12749,7 @@
                 case 11:
                   _c.sent();
                   this.context.logger.error(
-                    "Error loading svg " + container.svg.substring(0, 255),
+                    "Error loading svg " + container.svg.substring(0, 255)
                   );
                   return [3 /*break*/, 12];
                 case 12:
@@ -12784,7 +12781,7 @@
                       container.bounds.left,
                       container.bounds.top,
                       container.bounds.width,
-                      container.bounds.height,
+                      container.bounds.height
                     );
                   }
                   _c.label = 14;
@@ -12792,7 +12789,7 @@
                   if (container instanceof InputElementContainer) {
                     size = Math.min(
                       container.bounds.width,
-                      container.bounds.height,
+                      container.bounds.height
                     );
                     if (container.type === CHECKBOX) {
                       if (container.checked) {
@@ -12800,31 +12797,31 @@
                         this.path([
                           new Vector(
                             container.bounds.left + size * 0.39363,
-                            container.bounds.top + size * 0.79,
+                            container.bounds.top + size * 0.79
                           ),
                           new Vector(
                             container.bounds.left + size * 0.16,
-                            container.bounds.top + size * 0.5549,
+                            container.bounds.top + size * 0.5549
                           ),
                           new Vector(
                             container.bounds.left + size * 0.27347,
-                            container.bounds.top + size * 0.44071,
+                            container.bounds.top + size * 0.44071
                           ),
                           new Vector(
                             container.bounds.left + size * 0.39694,
-                            container.bounds.top + size * 0.5649,
+                            container.bounds.top + size * 0.5649
                           ),
                           new Vector(
                             container.bounds.left + size * 0.72983,
-                            container.bounds.top + size * 0.23,
+                            container.bounds.top + size * 0.23
                           ),
                           new Vector(
                             container.bounds.left + size * 0.84,
-                            container.bounds.top + size * 0.34085,
+                            container.bounds.top + size * 0.34085
                           ),
                           new Vector(
                             container.bounds.left + size * 0.39363,
-                            container.bounds.top + size * 0.79,
+                            container.bounds.top + size * 0.79
                           ),
                         ]);
                         this.ctx.fillStyle = asString(INPUT_COLOR);
@@ -12841,7 +12838,7 @@
                           size / 4,
                           0,
                           Math.PI * 2,
-                          true,
+                          true
                         );
                         this.ctx.fillStyle = asString(INPUT_COLOR);
                         this.ctx.fill();
@@ -12855,13 +12852,13 @@
                       (fontSize = _b[1]);
                     baseline = this.fontMetrics.getMetrics(
                       fontFamily,
-                      fontSize,
+                      fontSize
                     ).baseline;
                     this.ctx.font = fontFamily;
                     this.ctx.fillStyle = asString(styles.color);
                     this.ctx.textBaseline = "alphabetic";
                     this.ctx.textAlign = canvasTextAlign(
-                      container.styles.textAlign,
+                      container.styles.textAlign
                     );
                     bounds = contentBox(container);
                     x = 0;
@@ -12880,7 +12877,7 @@
                       new Vector(bounds.left + bounds.width, bounds.top),
                       new Vector(
                         bounds.left + bounds.width,
-                        bounds.top + bounds.height,
+                        bounds.top + bounds.height
                       ),
                       new Vector(bounds.left, bounds.top + bounds.height),
                     ]);
@@ -12888,7 +12885,7 @@
                     this.renderTextWithLetterSpacing(
                       new TextBounds(container.value, textBounds),
                       styles.letterSpacing,
-                      baseline,
+                      baseline
                     );
                     this.ctx.restore();
                     this.ctx.textBaseline = "alphabetic";
@@ -12911,13 +12908,13 @@
                   this.ctx.drawImage(
                     image,
                     container.bounds.left - (image.width + 10),
-                    container.bounds.top,
+                    container.bounds.top
                   );
                   return [3 /*break*/, 18];
                 case 17:
                   _c.sent();
                   this.context.logger.error(
-                    "Error loading list-style-image " + url,
+                    "Error loading list-style-image " + url
                   );
                   return [3 /*break*/, 18];
                 case 18:
@@ -12937,25 +12934,25 @@
                       container.bounds.top +
                         getAbsoluteValue(
                           container.styles.paddingTop,
-                          container.bounds.width,
+                          container.bounds.width
                         ),
                       container.bounds.width,
                       computeLineHeight(
                         styles.lineHeight,
-                        styles.fontSize.number,
+                        styles.fontSize.number
                       ) /
                         2 +
-                        1,
+                        1
                     );
                     this.renderTextWithLetterSpacing(
                       new TextBounds(paint.listValue, bounds),
                       styles.letterSpacing,
                       computeLineHeight(
                         styles.lineHeight,
-                        styles.fontSize.number,
+                        styles.fontSize.number
                       ) /
                         2 +
-                        2,
+                        2
                     );
                     this.ctx.textBaseline = "bottom";
                     this.ctx.textAlign = "left";
@@ -12996,7 +12993,7 @@
                   if (
                     contains(
                       stack.element.container.flags,
-                      16 /* DEBUG_RENDER */,
+                      16 /* DEBUG_RENDER */
                     )
                   ) {
                     debugger;
@@ -13143,7 +13140,7 @@
                 point.endControl.x,
                 point.endControl.y,
                 point.end.x,
-                point.end.y,
+                point.end.y
               );
             }
           });
@@ -13152,7 +13149,7 @@
           path,
           pattern,
           offsetX,
-          offsetY,
+          offsetY
         ) {
           this.path(path);
           this.ctx.fillStyle = pattern;
@@ -13182,7 +13179,7 @@
             0,
             0,
             width,
-            height,
+            height
           );
           return canvas;
         };
@@ -13253,7 +13250,7 @@
                         case 3:
                           _h.sent();
                           this_1.context.logger.error(
-                            "Error loading background-image " + url,
+                            "Error loading background-image " + url
                           );
                           return [3 /*break*/, 4];
                         case 4:
@@ -13265,7 +13262,7 @@
                                 image.width,
                                 image.height,
                                 image.width / image.height,
-                              ],
+                              ]
                             )),
                               (path = _c[0]),
                               (x = _c[1]),
@@ -13274,7 +13271,7 @@
                               (height = _c[4]);
                             pattern = this_1.ctx.createPattern(
                               this_1.resizeImage(image, width, height),
-                              "repeat",
+                              "repeat"
                             );
                             this_1.renderRepeat(path, pattern, x, y);
                           }
@@ -13284,7 +13281,7 @@
                             (_d = calculateBackgroundRendering(
                               container,
                               index,
-                              [null, null, null],
+                              [null, null, null]
                             )),
                               (path = _d[0]),
                               (x = _d[1]),
@@ -13294,7 +13291,7 @@
                             (_e = calculateGradientDirection(
                               backgroundImage.angle,
                               width,
-                              height,
+                              height
                             )),
                               (lineLength = _e[0]),
                               (x0 = _e[1]),
@@ -13309,15 +13306,15 @@
                               x0,
                               y0,
                               x1,
-                              y1,
+                              y1
                             );
                             processColorStops(
                               backgroundImage.stops,
-                              lineLength,
+                              lineLength
                             ).forEach(function (colorStop) {
                               return gradient_1.addColorStop(
                                 colorStop.stop,
-                                asString(colorStop.color),
+                                asString(colorStop.color)
                               );
                             });
                             ctx.fillStyle = gradient_1;
@@ -13325,7 +13322,7 @@
                             if (width > 0 && height > 0) {
                               pattern = this_1.ctx.createPattern(
                                 canvas,
-                                "repeat",
+                                "repeat"
                               );
                               this_1.renderRepeat(path, pattern, x, y);
                             }
@@ -13333,7 +13330,7 @@
                             (_f = calculateBackgroundRendering(
                               container,
                               index,
-                              [null, null, null],
+                              [null, null, null]
                             )),
                               (path = _f[0]),
                               (left = _f[1]),
@@ -13347,14 +13344,14 @@
                             x = getAbsoluteValue(position[0], width);
                             y = getAbsoluteValue(
                               position[position.length - 1],
-                              height,
+                              height
                             );
                             (_g = calculateRadius(
                               backgroundImage,
                               x,
                               y,
                               width,
-                              height,
+                              height
                             )),
                               (rx = _g[0]),
                               (ry = _g[1]);
@@ -13366,15 +13363,15 @@
                                   0,
                                   left + x,
                                   top_1 + y,
-                                  rx,
+                                  rx
                                 );
                               processColorStops(
                                 backgroundImage.stops,
-                                rx * 2,
+                                rx * 2
                               ).forEach(function (colorStop) {
                                 return radialGradient_1.addColorStop(
                                   colorStop.stop,
-                                  asString(colorStop.color),
+                                  asString(colorStop.color)
                                 );
                               });
                               this_1.path(path);
@@ -13396,7 +13393,7 @@
                                   left,
                                   invF * (top_1 - midY) + midY,
                                   width,
-                                  height * invF,
+                                  height * invF
                                 );
                                 this_1.ctx.restore();
                               } else {
@@ -13434,7 +13431,7 @@
         CanvasRenderer.prototype.renderSolidBorder = function (
           color,
           side,
-          curvePoints,
+          curvePoints
         ) {
           return __awaiter(this, void 0, void 0, function () {
             return __generator(this, function (_a) {
@@ -13449,7 +13446,7 @@
           color,
           width,
           side,
-          curvePoints,
+          curvePoints
         ) {
           return __awaiter(this, void 0, void 0, function () {
             var outerPaths, innerPaths;
@@ -13478,7 +13475,7 @@
           });
         };
         CanvasRenderer.prototype.renderNodeBackgroundAndBorders = function (
-          paint,
+          paint
         ) {
           return __awaiter(this, void 0, void 0, function () {
             var styles,
@@ -13494,7 +13491,7 @@
               switch (_a.label) {
                 case 0:
                   this.applyEffects(
-                    paint.getEffects(2 /* BACKGROUND_BORDERS */),
+                    paint.getEffects(2 /* BACKGROUND_BORDERS */)
                   );
                   styles = paint.container.styles;
                   hasBackground =
@@ -13525,7 +13522,7 @@
                   backgroundPaintingArea =
                     calculateBackgroundCurvedPaintingArea(
                       getBackgroundValueForIndex(styles.backgroundClip, 0),
-                      paint.curves,
+                      paint.curves
                     );
                   if (!(hasBackground || styles.boxShadow.length))
                     return [3 /*break*/, 2];
@@ -13556,7 +13553,7 @@
                           (shadow.inset ? 1 : -1) * shadow.spread.number,
                         (shadow.inset ? 1 : -1) * shadow.spread.number,
                         shadow.spread.number * (shadow.inset ? -2 : 2),
-                        shadow.spread.number * (shadow.inset ? -2 : 2),
+                        shadow.spread.number * (shadow.inset ? -2 : 2)
                       );
                       if (shadow.inset) {
                         _this.path(borderBoxArea);
@@ -13603,7 +13600,7 @@
                       border.width,
                       side,
                       paint.curves,
-                      2 /* DASHED */,
+                      2 /* DASHED */
                     ),
                   ];
                 case 4:
@@ -13619,7 +13616,7 @@
                       border.width,
                       side,
                       paint.curves,
-                      3 /* DOTTED */,
+                      3 /* DOTTED */
                     ),
                   ];
                 case 6:
@@ -13634,7 +13631,7 @@
                       border.color,
                       border.width,
                       side,
-                      paint.curves,
+                      paint.curves
                     ),
                   ];
                 case 8:
@@ -13665,7 +13662,7 @@
           width,
           side,
           curvePoints,
-          style,
+          style
         ) {
           return __awaiter(this, void 0, void 0, function () {
             var strokePaths,
@@ -13734,7 +13731,7 @@
                 spaceLength *= multiplier;
               } else {
                 numberOfDashes = Math.floor(
-                  (length + spaceLength) / (dashLength + spaceLength),
+                  (length + spaceLength) / (dashLength + spaceLength)
                 );
                 minSpace =
                   (length - numberOfDashes * dashLength) / (numberOfDashes - 1);
@@ -13803,7 +13800,7 @@
                       this.options.x,
                       this.options.y,
                       this.options.width,
-                      this.options.height,
+                      this.options.height
                     );
                   }
                   stack = parseStackingContexts(element);
@@ -13889,7 +13886,7 @@
               "," +
               options.y +
               ") with scale " +
-              options.scale,
+              options.scale
           );
           return _this;
         }
@@ -13904,7 +13901,7 @@
                     this.options.height * this.options.scale,
                     this.options.scale,
                     this.options.scale,
-                    element,
+                    element
                   );
                   return [4 /*yield*/, loadSerializedSVG(svg)];
                 case 1:
@@ -13915,13 +13912,13 @@
                       0,
                       0,
                       this.options.width * this.options.scale,
-                      this.options.height * this.options.scale,
+                      this.options.height * this.options.scale
                     );
                   }
                   this.ctx.drawImage(
                     img,
                     -this.options.x * this.options.scale,
-                    -this.options.y * this.options.scale,
+                    -this.options.y * this.options.scale
                   );
                   return [2 /*return*/, this.canvas];
               }
@@ -13967,7 +13964,7 @@
               // eslint-disable-next-line no-console
               console.debug.apply(
                 console,
-                __spreadArray([this.id, this.getTime() + "ms"], args),
+                __spreadArray([this.id, this.getTime() + "ms"], args)
               );
             } else {
               this.info.apply(this, args);
@@ -13993,7 +13990,7 @@
               // eslint-disable-next-line no-console
               console.info.apply(
                 console,
-                __spreadArray([this.id, this.getTime() + "ms"], args),
+                __spreadArray([this.id, this.getTime() + "ms"], args)
               );
             }
           }
@@ -14014,7 +14011,7 @@
               // eslint-disable-next-line no-console
               console.warn.apply(
                 console,
-                __spreadArray([this.id, this.getTime() + "ms"], args),
+                __spreadArray([this.id, this.getTime() + "ms"], args)
               );
             } else {
               this.info.apply(this, args);
@@ -14037,7 +14034,7 @@
               // eslint-disable-next-line no-console
               console.error.apply(
                 console,
-                __spreadArray([this.id, this.getTime() + "ms"], args),
+                __spreadArray([this.id, this.getTime() + "ms"], args)
               );
             } else {
               this.info.apply(this, args);
@@ -14124,7 +14121,7 @@
                   return [
                     2 /*return*/,
                     Promise.reject(
-                      "Invalid element provided as first argument",
+                      "Invalid element provided as first argument"
                     ),
                   ];
                 }
@@ -14155,7 +14152,7 @@
                       (_e = opts.logging) !== null && _e !== void 0 ? _e : true,
                     cache: opts.cache,
                   },
-                  resourceOptions,
+                  resourceOptions
                 );
                 windowOptions = {
                   windowWidth:
@@ -14179,7 +14176,7 @@
                   windowOptions.scrollX,
                   windowOptions.scrollY,
                   windowOptions.windowWidth,
-                  windowOptions.windowHeight,
+                  windowOptions.windowHeight
                 );
                 context = new Context(contextOptions, windowBounds);
                 foreignObjectRendering =
@@ -14204,12 +14201,12 @@
                     " scrolled to " +
                     -windowBounds.left +
                     "," +
-                    -windowBounds.top,
+                    -windowBounds.top
                 );
                 documentCloner = new DocumentCloner(
                   context,
                   element,
-                  cloneOptions,
+                  cloneOptions
                 );
                 clonedElement = documentCloner.clonedReferenceElement;
                 if (!clonedElement) {
@@ -14235,7 +14232,7 @@
                 backgroundColor = parseBackgroundColor(
                   context,
                   clonedElement,
-                  opts.backgroundColor,
+                  opts.backgroundColor
                 );
                 renderOptions = {
                   canvas: opts.canvas,
@@ -14261,7 +14258,7 @@
                 };
                 if (!foreignObjectRendering) return [3 /*break*/, 3];
                 context.logger.debug(
-                  "Document cloned, using foreign object rendering",
+                  "Document cloned, using foreign object rendering"
                 );
                 renderer = new ForeignObjectRenderer(context, renderOptions);
                 return [4 /*yield*/, renderer.render(clonedElement)];
@@ -14278,7 +14275,7 @@
                     width +
                     "x" +
                     height +
-                    " using computed rendering",
+                    " using computed rendering"
                 );
                 context.logger.debug("Starting DOM parsing");
                 root = parseTree(context, clonedElement);
@@ -14293,7 +14290,7 @@
                     " with size " +
                     renderOptions.width +
                     "x" +
-                    renderOptions.height,
+                    renderOptions.height
                 );
                 renderer = new CanvasRenderer(context, renderOptions);
                 return [4 /*yield*/, renderer.render(root)];
@@ -14308,7 +14305,7 @@
                 ) {
                   if (!DocumentCloner.destroy(container)) {
                     context.logger.error(
-                      "Cannot detach cloned iframe as it is not in the DOM anymore",
+                      "Cannot detach cloned iframe as it is not in the DOM anymore"
                     );
                   }
                 }
@@ -14321,20 +14318,20 @@
       var parseBackgroundColor = function (
         context,
         element,
-        backgroundColorOverride,
+        backgroundColorOverride
       ) {
         var ownerDocument = element.ownerDocument;
         // http://www.w3.org/TR/css3-background/#special-backgrounds
         var documentBackgroundColor = ownerDocument.documentElement
           ? parseColor(
               context,
-              getComputedStyle(ownerDocument.documentElement).backgroundColor,
+              getComputedStyle(ownerDocument.documentElement).backgroundColor
             )
           : COLORS.TRANSPARENT;
         var bodyBackgroundColor = ownerDocument.body
           ? parseColor(
               context,
-              getComputedStyle(ownerDocument.body).backgroundColor,
+              getComputedStyle(ownerDocument.body).backgroundColor
             )
           : COLORS.TRANSPARENT;
         var defaultBackgroundColor =
@@ -14376,7 +14373,7 @@
         attr_dev(
           path,
           "d",
-          "M9,11.75A1.25,1.25 0 0,0 7.75,13A1.25,1.25 0 0,0 9,14.25A1.25,1.25 0 0,0 10.25,13A1.25,1.25 0 0,0 9,11.75M15,11.75A1.25,1.25 0 0,0 13.75,13A1.25,1.25 0 0,0 15,14.25A1.25,1.25 0 0,0 16.25,13A1.25,1.25 0 0,0 15,11.75M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20A8,8 0 0,1 4,12C3.97,11.71 3.97,11.43 4,11.14C6.38,10.1 8.27,8.17 9.26,5.77C11.13,8.42 14.17,10 17.42,10C18.18,10 18.93,9.91 19.67,9.74C20.92,14 18.5,18.43 14.26,19.67C13.5,19.89 12.76,20 12,20M0,2A2,2 0 0,1 2,0H6V2H2V6H0V2M24,22A2,2 0 0,1 22,24H18V22H22V18H24V22M2,24A2,2 0 0,1 0,22V18H2V22H6V24H2M22,0A2,2 0 0,1 24,2V6H22V2H18V0H22Z",
+          "M9,11.75A1.25,1.25 0 0,0 7.75,13A1.25,1.25 0 0,0 9,14.25A1.25,1.25 0 0,0 10.25,13A1.25,1.25 0 0,0 9,11.75M15,11.75A1.25,1.25 0 0,0 13.75,13A1.25,1.25 0 0,0 15,14.25A1.25,1.25 0 0,0 16.25,13A1.25,1.25 0 0,0 15,11.75M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20A8,8 0 0,1 4,12C3.97,11.71 3.97,11.43 4,11.14C6.38,10.1 8.27,8.17 9.26,5.77C11.13,8.42 14.17,10 17.42,10C18.18,10 18.93,9.91 19.67,9.74C20.92,14 18.5,18.43 14.26,19.67C13.5,19.89 12.76,20 12,20M0,2A2,2 0 0,1 2,0H6V2H2V6H0V2M24,22A2,2 0 0,1 22,24H18V22H22V18H24V22M2,24A2,2 0 0,1 0,22V18H2V22H6V24H2M22,0A2,2 0 0,1 24,2V6H22V2H18V0H22Z"
         );
         add_location(path, file$2, 66, 4, 1826);
         attr_dev(svg, "xmlns", "http://www.w3.org/2000/svg");
@@ -14392,7 +14389,7 @@
       },
       l: function claim(nodes) {
         throw new Error(
-          "options.hydrate only works if the component was compiled with the `hydratable: true` option",
+          "options.hydrate only works if the component was compiled with the `hydratable: true` option"
         );
       },
       m: function mount(target, anchor) {
@@ -14408,7 +14405,7 @@
             false,
             false,
             false,
-            false,
+            false
           );
           mounted = true;
         }
@@ -14471,7 +14468,7 @@
             if (response.status !== 200) {
               $$invalidate(0, (scanner = false));
               alert(
-                "Something went wrong. It's likely a server issue, Please try again later.",
+                "Something went wrong. It's likely a server issue, Please try again later."
               );
               return;
             }
@@ -14559,7 +14556,7 @@
 
     set calls(value) {
       throw new Error(
-        "<SearchFaces>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+        "<SearchFaces>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'"
       );
     }
   }
@@ -14635,13 +14632,13 @@
             /*frame*/ ctx[10].offset[0] +
             "px -" +
             /*frame*/ ctx[10].offset[1] +
-            "px",
+            "px"
         );
         set_style(div0, "background-image", "url('" + /*url*/ ctx[0] + "')");
         attr_dev(
           div0,
           "data-offset",
-          (div0_data_offset_value = /*frame*/ ctx[10].offset),
+          (div0_data_offset_value = /*frame*/ ctx[10].offset)
         );
         add_location(div0, file$1, 57, 16, 1631);
         set_style(div1, "padding", "10px");
@@ -14650,7 +14647,7 @@
         toggle_class(
           div2,
           "selected",
-          /*selected*/ ctx[3] === /*frame*/ ctx[10].id,
+          /*selected*/ ctx[3] === /*frame*/ ctx[10].id
         );
         add_location(div2, file$1, 49, 12, 1317);
         this.first = div2;
@@ -14670,7 +14667,7 @@
             false,
             false,
             false,
-            false,
+            false
           );
           mounted = true;
         }
@@ -14686,7 +14683,7 @@
               /*frame*/ ctx[10].offset[0] +
               "px -" +
               /*frame*/ ctx[10].offset[1] +
-              "px",
+              "px"
           );
         }
 
@@ -14707,7 +14704,7 @@
           toggle_class(
             div2,
             "selected",
-            /*selected*/ ctx[3] === /*frame*/ ctx[10].id,
+            /*selected*/ ctx[3] === /*frame*/ ctx[10].id
           );
         }
       },
@@ -14793,7 +14790,7 @@
 
     searchfaces = new SearchFaces({ props: searchfaces_props, $$inline: true });
     binding_callbacks.push(() =>
-      bind(searchfaces, "calls", searchfaces_calls_binding),
+      bind(searchfaces, "calls", searchfaces_calls_binding)
     );
     let each_value = /*frames*/ ctx[1];
     validate_each_argument(each_value);
@@ -14805,7 +14802,7 @@
       let key = get_key(child_ctx);
       each_1_lookup.set(
         key,
-        (each_blocks[i] = create_each_block(key, child_ctx)),
+        (each_blocks[i] = create_each_block(key, child_ctx))
       );
     }
 
@@ -14848,7 +14845,7 @@
       },
       l: function claim(nodes) {
         throw new Error(
-          "options.hydrate only works if the component was compiled with the `hydratable: true` option",
+          "options.hydrate only works if the component was compiled with the `hydratable: true` option"
         );
       },
       m: function mount(target, anchor) {
@@ -14881,7 +14878,7 @@
             false,
             false,
             false,
-            false,
+            false
           );
           mounted = true;
         }
@@ -14915,7 +14912,7 @@
             fix_and_outro_and_destroy_block,
             create_each_block,
             null,
-            get_each_context,
+            get_each_context
           );
           for (let i = 0; i < each_blocks.length; i += 1) each_blocks[i].a();
           check_outros();
@@ -15090,25 +15087,25 @@
 
     get url() {
       throw new Error(
-        "<Faces>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+        "<Faces>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'"
       );
     }
 
     set url(value) {
       throw new Error(
-        "<Faces>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+        "<Faces>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'"
       );
     }
 
     get frames() {
       throw new Error(
-        "<Faces>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+        "<Faces>: Props cannot be read directly from the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'"
       );
     }
 
     set frames(value) {
       throw new Error(
-        "<Faces>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'",
+        "<Faces>: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or '<svelte:options accessors/>'"
       );
     }
   }
@@ -15131,7 +15128,7 @@
         attr_dev(
           path,
           "d",
-          "M17,10.5L21,6.5V17.5L17,13.5V17A1,1 0 0,1 16,18H4A1,1 0 0,1 3,17V7A1,1 0 0,1 4,6H16A1,1 0 0,1 17,7V10.5M14,16V15C14,13.67 11.33,13 10,13C8.67,13 6,13.67 6,15V16H14M10,8A2,2 0 0,0 8,10A2,2 0 0,0 10,12A2,2 0 0,0 12,10A2,2 0 0,0 10,8Z",
+          "M17,10.5L21,6.5V17.5L17,13.5V17A1,1 0 0,1 16,18H4A1,1 0 0,1 3,17V7A1,1 0 0,1 4,6H16A1,1 0 0,1 17,7V10.5M14,16V15C14,13.67 11.33,13 10,13C8.67,13 6,13.67 6,15V16H14M10,8A2,2 0 0,0 8,10A2,2 0 0,0 10,12A2,2 0 0,0 12,10A2,2 0 0,0 10,8Z"
         );
         add_location(path, file, 69, 5, 2175);
         attr_dev(svg, "xmlns", "http://www.w3.org/2000/svg");
@@ -15147,7 +15144,7 @@
       },
       l: function claim(nodes) {
         throw new Error(
-          "options.hydrate only works if the component was compiled with the `hydratable: true` option",
+          "options.hydrate only works if the component was compiled with the `hydratable: true` option"
         );
       },
       m: function mount(target, anchor) {
@@ -15163,7 +15160,7 @@
             false,
             false,
             false,
-            false,
+            false
           );
           mounted = true;
         }
@@ -15215,7 +15212,7 @@
 
       if (!url) {
         alert(
-          "No sprite found, please ensure you have sprites enabled and generated for your scenes.",
+          "No sprite found, please ensure you have sprites enabled and generated for your scenes."
         );
         $$invalidate(0, (scanner = false));
         return;
@@ -15243,7 +15240,7 @@
           if (response.status !== 200) {
             $$invalidate(0, (scanner = false));
             alert(
-              "Something went wrong. It's likely a server issue, Please try again later.",
+              "Something went wrong. It's likely a server issue, Please try again later."
             );
             return;
           }
diff --git a/userscripts/StashDB_Submission_Helper/stashdb_submission_helper.user.js b/userscripts/StashDB_Submission_Helper/stashdb_submission_helper.user.js
index 4874663c..23e68fdb 100644
--- a/userscripts/StashDB_Submission_Helper/stashdb_submission_helper.user.js
+++ b/userscripts/StashDB_Submission_Helper/stashdb_submission_helper.user.js
@@ -18,7 +18,7 @@ function setNativeValue(element, value) {
   const prototype = Object.getPrototypeOf(element);
   const prototypeValueSetter = Object.getOwnPropertyDescriptor(
     prototype,
-    "value",
+    "value"
   )?.set;
 
   if (prototypeValueSetter && valueSetter !== prototypeValueSetter) {
@@ -65,7 +65,7 @@ function unmatchedTargetElement(targetProperty) {
     document,
     null,
     XPathResult.FIRST_ORDERED_NODE_TYPE,
-    null,
+    null
   ).singleNodeValue;
   return targetElement;
 }
@@ -88,7 +88,7 @@ function unmatchedTargetButton(targetProperty) {
     document,
     null,
     XPathResult.FIRST_ORDERED_NODE_TYPE,
-    null,
+    null
   ).singleNodeValue;
   return targetElement;
 }
@@ -115,7 +115,7 @@ function formTab(tabName) {
     document,
     null,
     XPathResult.FIRST_ORDERED_NODE_TYPE,
-    null,
+    null
   ).singleNodeValue;
 }
 
@@ -123,24 +123,22 @@ function addAlias(alias) {
   alias = alias.trim();
   const existingAliases = Array.from(
     document.querySelectorAll(
-      'label[for="aliases"] + div .react-select__multi-value__label',
-    ),
+      'label[for="aliases"] + div .react-select__multi-value__label'
+    )
   );
   let aliasMatch = existingAliases.find((element) => {
     return element.innerText == alias;
   });
   if (typeof aliasMatch !== "undefined") {
     console.warn(
-      "Skipping alias '" +
-        alias +
-        "' as it is already added to this performer.",
+      "Skipping alias '" + alias + "' as it is already added to this performer."
     );
     return;
   }
   const aliasInput = document.querySelector(aliasInputSelector);
   setNativeValue(aliasInput, alias);
   var addButton = document.querySelector(
-    'label[for="aliases"] + div .react-select__option',
+    'label[for="aliases"] + div .react-select__option'
   );
   formTab("Personal Information").click();
   addButton.click();
@@ -148,7 +146,7 @@ function addAlias(alias) {
 
 function existingUrlObjects() {
   const existingUrls = Array.from(
-    document.querySelectorAll(".URLInput ul .input-group"),
+    document.querySelectorAll(".URLInput ul .input-group")
   );
   const urlObjects = existingUrls.map((urlGroup) => {
     let site = urlGroup.childNodes[1].innerText;
@@ -166,7 +164,7 @@ function urlSite(url) {
   let site;
   if (
     /(^https?:\/\/(?:www\.)?adultfilmdatabase\.com\/(?:video|studio|actor)\/.+)\??/.test(
-      url,
+      url
     )
   ) {
     site = "AFDB";
@@ -174,7 +172,7 @@ function urlSite(url) {
     site = "Babepedia";
   } else if (
     /(^https?:\/\/(?:www\.)?bgafd\.co\.uk\/(?:films|actresses)\/details.php\/id\/[^?]+)\??/.test(
-      url,
+      url
     )
   ) {
     site = "BGAFD";
@@ -184,7 +182,7 @@ function urlSite(url) {
     site = "DATA18";
   } else if (
     /(^https?:\/\/(?:www\.)?egafd\.com\/(?:films|actresses)\/details.php\/id\/[^?]+)\??/.test(
-      url,
+      url
     )
   ) {
     site = "EGAFD";
@@ -230,7 +228,7 @@ function urlSite(url) {
     site = "XsList";
   } else if (
     /(^https?:\/\/(?:www.)?youtube\.com\/(?:c(?:hannel)?|user)\/[^?]+)/.test(
-      url,
+      url
     )
   ) {
     site = "YouTube";
@@ -243,7 +241,7 @@ function urlSite(url) {
 
 function siteMatch(url, selections) {
   const match = Array.from(selections.options).find(
-    (option) => option.text == urlSite(url),
+    (option) => option.text == urlSite(url)
   );
 
   return match;
@@ -256,7 +254,7 @@ function addUrl(url) {
   });
   if (typeof urlMatch !== "undefined") {
     console.warn(
-      "Skipping url '" + url + "' as it is already added to this performer.",
+      "Skipping url '" + url + "' as it is already added to this performer."
     );
     return;
   }
@@ -354,7 +352,7 @@ function isValidMeasurements(measurements) {
     console.warn(
       "Measurement format '" +
         measurements +
-        "' is invalid and cannot be automatically added.",
+        "' is invalid and cannot be automatically added."
     );
   }
   return measurementsRegex.test(measurements);
@@ -378,7 +376,7 @@ function addAliasInputContainer() {
   aliasField.setAttribute("size", "50px");
   aliasField.setAttribute(
     "style",
-    "border-radius: 0.25rem; margin-right: 0.5rem;",
+    "border-radius: 0.25rem; margin-right: 0.5rem;"
   );
 
   document.getElementById("aliasContainer").prepend(aliasField);

From 45654bdfb6bc06bca0927b5be28864351acbf34a Mon Sep 17 00:00:00 2001
From: stg-annon <14135675+stg-annon@users.noreply.github.com>
Date: Wed, 14 Feb 2024 00:15:21 -0500
Subject: [PATCH 76/91] compare against best scene not index[0] each time

---
 plugins/phashDuplicateTagger/phashDuplicateTagger.py | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/plugins/phashDuplicateTagger/phashDuplicateTagger.py b/plugins/phashDuplicateTagger/phashDuplicateTagger.py
index 843d85fc..872c6ed4 100644
--- a/plugins/phashDuplicateTagger/phashDuplicateTagger.py
+++ b/plugins/phashDuplicateTagger/phashDuplicateTagger.py
@@ -155,12 +155,12 @@ def process_duplicates(distance: PhashDistance = PhashDistance.EXACT):
 def tag_files(group):
 
     keep_reasons = []
-    keep_scene = None
+    keep_scene = group[0]
 
     total_size = group[0].size
     for scene in group[1:]:
         total_size += scene.size
-        better, msg = scene.compare(group[0])
+        better, msg = scene.compare(keep_scene)
         if better:
             keep_scene = better
             keep_reasons.append(msg)

From 9698b0d32f4da56d585d598052e4e6da8f8fc582 Mon Sep 17 00:00:00 2001
From: stg-annon <14135675+stg-annon@users.noreply.github.com>
Date: Wed, 14 Feb 2024 00:26:26 -0500
Subject: [PATCH 77/91] add Path comparison

---
 plugins/phashDuplicateTagger/config.py | 33 ++++++++++++++++++++++++++
 1 file changed, 33 insertions(+)

diff --git a/plugins/phashDuplicateTagger/config.py b/plugins/phashDuplicateTagger/config.py
index 37c23324..a517c74f 100644
--- a/plugins/phashDuplicateTagger/config.py
+++ b/plugins/phashDuplicateTagger/config.py
@@ -1,6 +1,9 @@
+from pathlib import Path
 import stashapi.log as log
 from stashapi.tools import human_bytes, human_bits
 
+# Path priority is from highest to lowest and works off the root of the path
+PATH_PRIORITY = ['/root/most/important/path','/root/least/important/path']
 PRIORITY = ["bitrate_per_pixel", "resolution", "bitrate", "encoding", "size", "age"]
 CODEC_PRIORITY = {
     "AV1": 0,
@@ -145,3 +148,33 @@ def compare_encoding(self, other):
         self,
         f"Prefer Codec {better.codec}({better.id}) over {worse.codec}({worse.id})",
     )
+
+
+def compare_path(self, other):
+    if PATH_PRIORITY[0] == '/root/most/important/path':
+        return
+    if not self.path or not other.path:
+        return
+    
+    self.path = Path(self.path)
+    other.path = Path(other.path)
+
+    min_score = len(PATH_PRIORITY)
+    self.score = min_score
+    other.score = min_score
+    for score, path in enumerate(PATH_PRIORITY):
+        path = Path(path)
+        if path in self.path.parents:
+            self.score = score
+        if path in other.path.parents:
+            other.score = score
+
+    if self.score == other.score:
+        return
+
+    if self.score < other.score:
+        better, worse = self, other
+    else:
+        worse, better = self, other
+    worse.remove_reason = "filepath"
+    return better, f"Prefer Filepath {PATH_PRIORITY[better.score]} | {better.id} better than {worse.id}"
\ No newline at end of file

From 166813832b733190a3595f7a09680cf28f16e9fc Mon Sep 17 00:00:00 2001
From: stg-annon <14135675+stg-annon@users.noreply.github.com>
Date: Wed, 14 Feb 2024 00:42:36 -0500
Subject: [PATCH 78/91] catch Scene parse errors and raise error on scene with
 multiple or zero files

---
 .vscode/settings.json                                |  5 +++++
 plugins/phashDuplicateTagger/phashDuplicateTagger.py | 11 +++++++++--
 2 files changed, 14 insertions(+), 2 deletions(-)
 create mode 100644 .vscode/settings.json

diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 00000000..21263036
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,5 @@
+{
+    "cSpell.words": [
+        "Phash"
+    ]
+}
\ No newline at end of file
diff --git a/plugins/phashDuplicateTagger/phashDuplicateTagger.py b/plugins/phashDuplicateTagger/phashDuplicateTagger.py
index 872c6ed4..445bca23 100644
--- a/plugins/phashDuplicateTagger/phashDuplicateTagger.py
+++ b/plugins/phashDuplicateTagger/phashDuplicateTagger.py
@@ -68,6 +68,8 @@ def parse_timestamp(ts, format="%Y-%m-%dT%H:%M:%S%z"):
 class StashScene:
 
     def __init__(self, scene=None) -> None:
+        if len(scene["files"]) != 1:
+            raise Exception(f"Scene has {len(scene['files'])} scene must have one file for comparing")
         file = scene["files"][0]
 
         self.id = int(scene["id"])
@@ -138,9 +140,14 @@ def process_duplicates(distance: PhashDistance = PhashDistance.EXACT):
     log.info(f"Found {total} sets of duplicates.")
 
     for i, group in enumerate(duplicate_list):
-        group = [StashScene(s) for s in group]
+        scene_group = []
+        for s in group:
+            try:
+                scene_group.append(StashScene(s))
+            except Exception as e:
+                log.warning(f"Issue parsing SceneID:{s['id']} - {e}")
         filtered_group = []
-        for scene in group:
+        for scene in scene_group:
             if ignore_tag_id in scene.tag_ids:
                 log.debug(f"Ignore {scene.id} {scene.title}")
             else:

From 90e00d3afc6261712e233f7e84e3ee5089f861fd Mon Sep 17 00:00:00 2001
From: stg-annon <14135675+stg-annon@users.noreply.github.com>
Date: Wed, 14 Feb 2024 00:44:29 -0500
Subject: [PATCH 79/91] rm vscode settings

---
 .vscode/settings.json | 5 -----
 1 file changed, 5 deletions(-)
 delete mode 100644 .vscode/settings.json

diff --git a/.vscode/settings.json b/.vscode/settings.json
deleted file mode 100644
index 21263036..00000000
--- a/.vscode/settings.json
+++ /dev/null
@@ -1,5 +0,0 @@
-{
-    "cSpell.words": [
-        "Phash"
-    ]
-}
\ No newline at end of file

From acf1ae41406f3dfeab3a319fd5838d177de4cd34 Mon Sep 17 00:00:00 2001
From: stg-annon <14135675+stg-annon@users.noreply.github.com>
Date: Wed, 14 Feb 2024 15:20:11 -0500
Subject: [PATCH 80/91] formatting + comment how to enable path compare

---
 plugins/phashDuplicateTagger/config.py | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/plugins/phashDuplicateTagger/config.py b/plugins/phashDuplicateTagger/config.py
index a517c74f..0d2dc780 100644
--- a/plugins/phashDuplicateTagger/config.py
+++ b/plugins/phashDuplicateTagger/config.py
@@ -2,8 +2,6 @@
 import stashapi.log as log
 from stashapi.tools import human_bytes, human_bits
 
-# Path priority is from highest to lowest and works off the root of the path
-PATH_PRIORITY = ['/root/most/important/path','/root/least/important/path']
 PRIORITY = ["bitrate_per_pixel", "resolution", "bitrate", "encoding", "size", "age"]
 CODEC_PRIORITY = {
     "AV1": 0,
@@ -17,6 +15,8 @@
     "VC1": 6,
     "SVQ3": 7,
 }
+# Path priority is from highest to lowest and works off the root of the path, to enable add "path" to the PRIORITY list
+PATH_PRIORITY = ["/root/most/important/path","/root/least/important/path"]
 
 KEEP_TAG_NAME = "[PDT: Keep]"
 REMOVE_TAG_NAME = "[PDT: Remove]"
@@ -151,7 +151,7 @@ def compare_encoding(self, other):
 
 
 def compare_path(self, other):
-    if PATH_PRIORITY[0] == '/root/most/important/path':
+    if PATH_PRIORITY[0] == "/root/most/important/path":
         return
     if not self.path or not other.path:
         return

From 2eef4b6a865a6044d386f1028026d6f6bfb665b4 Mon Sep 17 00:00:00 2001
From: stg-annon <14135675+stg-annon@users.noreply.github.com>
Date: Wed, 14 Feb 2024 15:27:43 -0500
Subject: [PATCH 81/91] move config to config_example so config is untracked

any changes the user makes to config will be crushed by the plugin manager, this change will insure the config file is untracked so a users custom changes will remain between updates
---
 .../phashDuplicateTagger/{config.py => config_example.py} | 8 ++++----
 plugins/phashDuplicateTagger/phashDuplicateTagger.py      | 6 ++++--
 2 files changed, 8 insertions(+), 6 deletions(-)
 rename plugins/phashDuplicateTagger/{config.py => config_example.py} (95%)

diff --git a/plugins/phashDuplicateTagger/config.py b/plugins/phashDuplicateTagger/config_example.py
similarity index 95%
rename from plugins/phashDuplicateTagger/config.py
rename to plugins/phashDuplicateTagger/config_example.py
index 0d2dc780..594a3091 100644
--- a/plugins/phashDuplicateTagger/config.py
+++ b/plugins/phashDuplicateTagger/config_example.py
@@ -116,18 +116,18 @@ def compare_size(self, other):
 
 
 def compare_age(self, other):
-    if not (self.mod_time and other.mod_time):
+    if not (self.created_at and other.created_at):
         return
-    if self.mod_time == other.mod_time:
+    if self.created_at == other.created_at:
         return
-    if self.mod_time < other.mod_time:
+    if self.created_at < other.created_at:
         better, worse = self, other
     else:
         worse, better = self, other
     worse.remove_reason = "age"
     return (
         better,
-        f"Choose Oldest: Δ:{worse.mod_time-better.mod_time} | {better.id} older than {worse.id}",
+        f"Choose Oldest: Δ:{worse.created_at-better.created_at} | {better.id} older than {worse.id}",
     )
 
 
diff --git a/plugins/phashDuplicateTagger/phashDuplicateTagger.py b/plugins/phashDuplicateTagger/phashDuplicateTagger.py
index 445bca23..48326f4e 100644
--- a/plugins/phashDuplicateTagger/phashDuplicateTagger.py
+++ b/plugins/phashDuplicateTagger/phashDuplicateTagger.py
@@ -12,8 +12,10 @@
         "You need to install the stashapi module. (pip install stashapp-tools)",
         file=sys.stderr,
     )
-
-import config
+try:
+    import config
+except ModuleNotFoundError:
+    log.error("Could not import 'config.py' did you copy and rename 'config_example.py'?")
 
 FRAGMENT = json.loads(sys.stdin.read())
 MODE = FRAGMENT["args"]["mode"]

From 4df858920b02c57bb59dd5fb78aebc46e1f91912 Mon Sep 17 00:00:00 2001
From: stg-annon <14135675+stg-annon@users.noreply.github.com>
Date: Wed, 14 Feb 2024 15:28:01 -0500
Subject: [PATCH 82/91] untrack config.py file

---
 plugins/phashDuplicateTagger/.gitignore | 1 +
 1 file changed, 1 insertion(+)
 create mode 100644 plugins/phashDuplicateTagger/.gitignore

diff --git a/plugins/phashDuplicateTagger/.gitignore b/plugins/phashDuplicateTagger/.gitignore
new file mode 100644
index 00000000..f85c6b18
--- /dev/null
+++ b/plugins/phashDuplicateTagger/.gitignore
@@ -0,0 +1 @@
+config.py
\ No newline at end of file

From dcc414cfa7f8885fd2ae6806b354d0017e2a01b3 Mon Sep 17 00:00:00 2001
From: stg-annon <14135675+stg-annon@users.noreply.github.com>
Date: Wed, 14 Feb 2024 15:31:48 -0500
Subject: [PATCH 83/91] compare created_at  instead of mod_time

Co-Authored-By: Claypool2112 <156946862+claypool2112@users.noreply.github.com>
---
 plugins/phashDuplicateTagger/phashDuplicateTagger.py | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/plugins/phashDuplicateTagger/phashDuplicateTagger.py b/plugins/phashDuplicateTagger/phashDuplicateTagger.py
index 48326f4e..38834f00 100644
--- a/plugins/phashDuplicateTagger/phashDuplicateTagger.py
+++ b/plugins/phashDuplicateTagger/phashDuplicateTagger.py
@@ -32,7 +32,7 @@
 	width
 	height
 	bit_rate
-	mod_time
+	created_at
 	duration
 	frame_rate
 	video_codec
@@ -75,7 +75,7 @@ def __init__(self, scene=None) -> None:
         file = scene["files"][0]
 
         self.id = int(scene["id"])
-        self.mod_time = parse_timestamp(file["mod_time"])
+        self.created_at = parse_timestamp(file["created_at"])
         if scene.get("date"):
             self.date = parse_timestamp(scene["date"], format="%Y-%m-%d")
         else:
@@ -106,7 +106,7 @@ def __repr__(self) -> str:
         return f"<StashScene ({self.id})>"
 
     def __str__(self) -> str:
-        return f"id:{self.id}, height:{self.height}, size:{human_bytes(self.size)}, file_mod_time:{self.mod_time}, title:{self.title}"
+        return f"id:{self.id}, height:{self.height}, size:{human_bytes(self.size)}, file_created_at:{self.created_at}, title:{self.title}"
 
     def compare(self, other):
         if not (isinstance(other, StashScene)):

From e6ec1b007cc8600e66fe7f091dc8cdad430ba404 Mon Sep 17 00:00:00 2001
From: Michael Menanno <mvmenanno@gmail.com>
Date: Thu, 15 Feb 2024 00:06:49 -0500
Subject: [PATCH 84/91] update halorrr username (#250)

---
 .../stashdb_submission_helper.user.js                         | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/userscripts/StashDB_Submission_Helper/stashdb_submission_helper.user.js b/userscripts/StashDB_Submission_Helper/stashdb_submission_helper.user.js
index 23e68fdb..72c1fe34 100644
--- a/userscripts/StashDB_Submission_Helper/stashdb_submission_helper.user.js
+++ b/userscripts/StashDB_Submission_Helper/stashdb_submission_helper.user.js
@@ -1,10 +1,10 @@
 // ==UserScript==
 // @name        StashDB Submission Helper
-// @author      halorrr
+// @author      mmenanno
 // @version     0.7
 // @description Adds button to add all unmatched aliases, measurements, and urls to a performer.
 // @icon        https://raw.githubusercontent.com/stashapp/stash/develop/ui/v2.5/public/favicon.png
-// @namespace   https://github.com/halorrr
+// @namespace   https://github.com/mmenanno
 // @match       https://stashdb.org/drafts/*
 // @match       https://stashdb.org/performers/*/edit
 // @match       https://stashdb.org/performers/add

From 102cfd0512d2da79519763732133f81634ac45f0 Mon Sep 17 00:00:00 2001
From: Elkorol <dayshunsss@gmail.com>
Date: Fri, 16 Feb 2024 21:07:40 +0000
Subject: [PATCH 85/91] Added ThemeSwitch Plugin

---
 plugins/themeSwitch/README.MD              |    57 +
 plugins/themeSwitch/themeSwitch.yml        |    12 +
 plugins/themeSwitch/themeSwitchCSS.js      | 21302 +++++++++++++++++++
 plugins/themeSwitch/themeSwitchMain.js     |   684 +
 plugins/themeSwitch/themeSwtichDefault.css |   233 +
 themes/README.md                           |     5 +
 6 files changed, 22293 insertions(+)
 create mode 100644 plugins/themeSwitch/README.MD
 create mode 100644 plugins/themeSwitch/themeSwitch.yml
 create mode 100644 plugins/themeSwitch/themeSwitchCSS.js
 create mode 100644 plugins/themeSwitch/themeSwitchMain.js
 create mode 100644 plugins/themeSwitch/themeSwtichDefault.css
 create mode 100644 themes/README.md

diff --git a/plugins/themeSwitch/README.MD b/plugins/themeSwitch/README.MD
new file mode 100644
index 00000000..70cace9c
--- /dev/null
+++ b/plugins/themeSwitch/README.MD
@@ -0,0 +1,57 @@
+# Theme Switch
+
+## Information about plugin
+
+Adds a button that shows a menu, allowing you to change CSS Themes and apply various CSS snippets for Stash App. The CSS isn't made by myself and in the CSS files authors where known are referenced.
+
+Only the CSS of one theme can be applied at a time, and any amount of snippets can be applied.
+
+Clicking on any radio/checkbox to apply the CSS, saves the CSS content of the Stylesheet in the browsers local storage, with an applied flag, eitehr true or false which allows the script upon page navigation and refresh to apply previously selected stylesheets
+
+Under Change Order of Menu Bar, you can drag the elements to reorder the main menu and upon dropping it will generate the required CSS. It should work on touchscreens also, tested on Chrome IOS.
+
+![Theme Plugin 1](https://github.com/elkorol/Stash-App-Theme-Switch-Plugin/blob/193f54fce3914991440027c4b98fd30aa9402d29/images/1.png)
+
+![Theme Plugin 2](https://github.com/elkorol/Stash-App-Theme-Switch-Plugin/blob/193f54fce3914991440027c4b98fd30aa9402d29/images/2.png)
+
+## Other Requirements
+
+## Usage
+
+1. Copy repository into Stash plugins folder.
+2. Reload plugins from settings and enable
+
+## Credit
+
+The CSS code used is provided by [Stash Community Themes](https://docs.stashapp.cc/user-interface-ui/themes) and [Stash Community Custom CSS Snippets](https://docs.stashapp.cc/user-interface-ui/custom-css-snippets).
+
+## Adding your own CSS
+
+To add your own CSS open the themeSwitchCSS.js file. CSS is defined in const variables. They are ordered in categories. You can make your own categories too. Just define a variable to hold your css and put the css inbetween backticks ``.
+
+Then look for the variable themeSwitchCSS at the bottom of the file. If adding to an existing category to just add a new number at the end. Or if you are reordering the CSS or themes. Be sure to update the numbering and there is no duplicate numbers within a theme or some won't render. It's stuctured like but can be seen better within the file itself.
+
+const themeSwitchCSS = {
+Theme: {
+1: {
+displayName: "Default",
+styles: null,
+key: "themeSwitchPlugin-theme-default",
+version: null,
+},
+2: {
+displayName: "Black Hole",
+styles: blackHole,
+key: "themeSwitchPlugin-theme-blackHole",
+version: "2.0",
+}
+YourCategoryHere: {
+1: {
+displayName: "Your CSS Name Here",
+styles: Your-CSS-Variable-Name-Here,
+key: "themeSwitchPlugin-YourCategoryHere-AnIDforYourCSS",
+version: VersionNumberOrNull,
+}
+}
+}
+}
diff --git a/plugins/themeSwitch/themeSwitch.yml b/plugins/themeSwitch/themeSwitch.yml
new file mode 100644
index 00000000..2974c528
--- /dev/null
+++ b/plugins/themeSwitch/themeSwitch.yml
@@ -0,0 +1,12 @@
+name: Theme Switch
+description: Theme and CSS script manager located in main menu bar top right.
+url: 
+version: 2.1
+ui:
+  requires:
+  - stashUserscriptLibrary
+  javascript:
+  - themeSwitchMain.js
+  - themeSwitchCSS.js
+  css:
+  - themeSwtichDefault.css
\ No newline at end of file
diff --git a/plugins/themeSwitch/themeSwitchCSS.js b/plugins/themeSwitch/themeSwitchCSS.js
new file mode 100644
index 00000000..59d2483a
--- /dev/null
+++ b/plugins/themeSwitch/themeSwitchCSS.js
@@ -0,0 +1,21302 @@
+// CSS themes: Themes are defined within const variables, as the CSS text can be large to quickly where next theme variable begins
+// search for commented out line // Category CSS Begin or Category CSS End {Categories: Themes, Global, Galleries, Images, Movies, Performers, Scenes, Studios, Tags}
+// Once a new theme has been defined reference where it begins and ends in the same style of commented out links.
+// The variable that consolodated all themes is called themeSwitchCSS variable
+// at the bottom of this file
+
+// Themes CSS Begin
+const blackHole = `
+/* Black Hole Theme by BViking78 v2.0 */
+/* STASH GENERAL */
+/* Set Background to Black & Optional Custom Image */
+body {
+	background: black url("") no-repeat fixed center;
+	background-size: contain;
+}
+
+/* Change Top Nav Bar Colors */
+.bg-dark {
+    background-color: #000000!important;
+}
+
+/* Set Red Border on Button on Hover */
+.btn-primary.btn:hover {
+  border: 1px solid red;
+}
+
+/* Set Background to Transparent for Tags/Performers Popups*/
+.fade.hover-popover-content {
+  background: transparent;
+}
+
+/* Zoom Performers image when Hover*/
+.hover-popover-content {
+  max-width: initial;
+}
+.image-thumbnail:hover {
+  height: 100%;
+}
+
+/* Set Opacity Studio Logo to 100% */
+.scene-studio-overlay {
+	opacity: 100%;
+}
+
+/* Making Checkbox Slightly Bigger */
+.grid-card .card-check {
+	top: 0.9rem;
+	width: 1.75rem;
+}
+
+/* Center Titles on Cards */
+.grid-card a .card-section-title {
+	text-align: center;
+}
+
+/* Setting Background on Cards to Black and Borders to "Stash Grey" */
+.card {
+	background-color: black;
+	border: 1px solid #30404d;
+}
+
+/* STASH MAIN PAGE*/
+/* Change Card Header Color */
+.card-header {
+  background: black;
+  border: 1px solid white;
+}
+/* Change Markdown Color */
+.card-body {
+  background: black;
+  border: 1px solid white;
+}
+
+/* SCENE PAGE */
+/* Hide the scene scrubber */
+.scrubber-wrapper {
+  display: none;
+}
+
+/* Setting Row "Scrape With" Background to Black */
+#scene-edit-details .edit-buttons-container {
+    background-color: black;
+}
+
+/* Setting Other Rows Background to Black */
+div.react-select__control {
+    background-color: black;
+}
+
+/* SETTING */
+/* Setting Text Input Border to White */
+.input-control, .text-input {
+	border: 1px solid white;
+}
+
+/* Setting Background on Task Queue to Black */
+#tasks-panel .tasks-panel-queue {
+    background-color: black;
+}`;
+// Themes CSS End
+
+// Themes CSS Begin
+const glassy = `
+/* Glassy - A Window To Your Collection - A Stash Theme By Serechoo Commit Hash: bde716b */
+/* General Styling */
+
+/* Common Styles */
+* {
+	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
+	color: white;
+}
+
+/* Header Style */
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+	font-weight: 700;
+}
+
+p {
+	font-weight: 300;
+	color: rgba(255, 255, 255, 0.8);
+	/* Adjust the alpha value for text transparency */
+}
+
+
+/* Change cursor to pointer on hover for clickable elements */
+
+.movie-card-image cursor: pointer;
+
+/* Nav Button Effects */
+.nav-item:hover {
+	opacity: 0.8;
+}
+
+
+/* Stylized Settings - Anything with the "embossed"/white shadow around the card */
+/*.minimal.p-4.p-xl-2.d-flex.d-xl-inline-block.flex-column.justify-content-between.align-items-center.btn.btn-primary,*/
+.PerformerTagger-performer,
+.StudioTagger-studio,
+li.row.mx-0.mt-2.search-result,
+li.row.mx-0.mt-2.search-result.selected-result.active,
+div.mt-3.search-item,
+div.changelog-version.card,
+.tasks-panel,
+.setting-section,
+.flex-column.nav.nav-pills {
+	background: rgba(0, 0, 0, 0.4);
+	/* Darker background for dark mode, adjust opacity as needed */
+	color: #fff;
+	/* Text color for dark mode */
+	border-radius: 10px;
+	/* Adjust the border-radius for rounded corners */
+	padding: 20px;
+	/* Adjust the padding as needed */
+	box-shadow: 0 4px 8px rgba(255, 255, 255, 0.1), 0 0 10px rgba(255, 255, 255, 0.1);
+	/* Raised embossed effect */
+}
+
+/* Popup Modal Styling - Settings Section - General "Dark Themed Glassy Look" */
+.detail-header.collapsed,
+.performer-head.col,
+.scene-card.zoom-1.grid-card.card,
+.performer-card.grid-card.card,
+.movie-card.grid-card.card,
+.studio-card.grid-card.card,
+.div.card,
+p.title,
+div.stats-element,
+.show.dropdown,
+.fade.hover-popover-content.show.popover.bs-popover-bottom,
+.ml-1.d-flex.align-items-center,
+div.queue-controls,
+div.queue-content,
+select.input-control.form-control,
+.scene-edit-details,
+.sticky.detail-header,
+.bg-secondary.text-white.dropdown-item,
+.react-select__input,
+.react-select__control.css-13cymwt-control,
+select.query-text-field-clear.d-none.btn.btn-secondary,
+select.query-text-field.bg-secondary.text-white.border-secondary.form-control,
+div.input-group,
+.bg-secondary.text-white.dropdown-menu.show,
+.mb-2.mr-2.d-flex>*,
+.btn-secondary.form-control,
+.saved-filter-list-menu.dropdown-menu.show,
+.background-image-container,
+.detail-header.full-width,
+button.btn.btn-secondary,
+.job-table.card,
+div.tagger-container.mx-md-auto,
+button.btn.btn-primary,
+div.card,
+div.setting,
+div.collapsible-section.collapse.show,
+div.setting-group.collapsible,
+div.wall.w-100.row.justify-content-center,
+div.changelog-version-body.markdown.collapse.show,
+div.markdown,
+div.modal-header,
+div.modal-footer,
+div.modal-body,
+div.modal-content {
+	background: rgba(0, 0, 0, 0.3);
+	/* Darker background for dark mode, adjust opacity as needed */
+}
+
+/* Additional styling for text inside the containers - Helping Readability */
+.tasks-panel-queue h2,
+.setting-section h2,
+.flex-column.nav.nav-pills h2,
+.div.card h2 {
+	color: #ffcc00;
+	/* Adjust the text color for headings in dark mode */
+}
+
+.tasks-panel-queue p,
+.setting-section p,
+.flex-column.nav.nav-pills p,
+.div.card p {
+	color: #ddd;
+	/* Adjust the text color for paragraphs in dark mode */
+}
+
+/* Scrollbar Modification */
+::-webkit-scrollbar {
+	width: 10px;
+}
+
+::-webkit-scrollbar-track {
+	background: transparent;
+}
+
+::-webkit-scrollbar-thumb {
+	background: #f0f0f0;
+	border: 2px solid #ddd;
+	border-radius: 6px;
+}
+
+/* Navigation Bar Styling */
+nav.bg-dark {
+	background: rgba(10, 20, 25, 0.50) !important;
+}
+
+.bg-dark {
+	background: none !important;
+	background-color: none !important;
+}
+
+.form-group .bg-dark {
+	background: rgba(10, 20, 25, 0.20) !important;
+}
+
+
+/* Animation for Scene, Performer, and Studio Cards on Main Page */
+@keyframes scrollLeftToRight {
+
+	0%,
+	100% {
+		transform: translateX(0);
+	}
+
+	50% {
+		transform: translateX(-200%);
+	}
+}
+
+/*Target the Specific Slick Tracks to Animate and Include a Pause on Hover*/
+
+.movie-recommendations .slick-track,
+.scene-recommendations .slick-track,
+.performer-recommendations .slick-track,
+.studio-recommendations .slick-track {
+	animation: scrollLeftToRight 4800s linear infinite;
+	white-space: nowrap;
+	overflow: hidden;
+	animation-play-state: running;
+}
+
+
+.movie-recommendations .slick-track:hover,
+.scene-recommendations .slick-track:hover,
+.performer-recommendations .slick-track:hover,
+.studio-recommendations .slick-track:hover {
+	animation-play-state: paused;
+}
+
+
+/*Main Page - Blur Other Cards That Are Not Moused Over*/
+
+.movie-recommendations .slick-track:hover .movie-card.grid-card.card:not(:hover),
+.scene-recommendations .slick-track:hover .scene-card.zoom-1.grid-card.card:not(:hover),
+.performer-recommendations .slick-track:hover .performer-card.grid-card.card:not(:hover),
+.studio-recommendations .slick-track:hover .studio-card.grid-card.card:not(:hover) {
+	filter: blur(2px);
+}
+
+/* Hide slick-dots element on Main Page - Less Clutter */
+.slick-dots {
+	display: none !important;
+}
+
+/*Hide the Prev-Next Arrows on Main Page*/
+.slick-arrow.slick-prev,
+.slick-arrow.slick-next {
+	display: none !important;
+	width: 0 !important;
+	margin: 0 !important;
+}
+
+/* CSS for Highlighting Cards on Mouseover - Vertical Wipe Effect */
+.grid-card.card {
+	position: relative;
+	transition: border 0.5s ease, transform 0.5s ease, filter 0.5s ease;
+	border-radius: 10px;
+}
+
+.movie-card.grid-card.card {
+	position: relative;
+}
+
+
+.studio-card.grid-card.card::before,
+.movie-card.grid-card.card::before,
+.grid-card.card.zoom-1::before,
+.performer-card.grid-card.card::before {
+	content: '';
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	background: linear-gradient(to bottom, transparent 50%, rgba(255, 255, 255, 0.5) 150%);
+	background-size: 100% 200%;
+	transition: background-position 0.5s ease;
+	z-index: -1;
+	/* Set a lower z-index for the pseudo-element */
+}
+
+
+.grid-card.card.zoom-1:hover::before,
+.performer-card.grid-card.card:hover::before,
+.movie-card.grid-card.card:hover::before,
+.studio-card.grid-card.card:hover::before {
+	background-position: 0 -100%;
+}
+
+/*This generates the white border around the cards on hover and makes them "pop" with a subtle transform */
+
+.grid-card.card:hover {
+	border: 2.5px solid #fff;
+	transform: scale(1.01);
+	overflow: hidden;
+	filter: blur(0);
+}
+
+/* Background Studio Grey Banners -- Better Readability */
+.studio-logo,
+.studio-card-image {
+	border-radius: 10px;
+	/* Adjust the border-radius for rounded corners */
+	background-color: rgba(26, 26, 26, 0.6);
+}
+
+/* Centering in .card-section */
+.card-section {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	text-align: center;
+}
+
+/* Glassy Translucent Effect for .scene-card__date and .performer-card__age */
+.scene-card__date,
+.performer-card__age {
+	background-color: rgba(173, 216, 230, 0.12);
+}
+
+/* Global Changes */
+
+/*Hide Donate Button*/
+.btn-primary.btn.donate.minimal {
+	display: none;
+}
+
+
+/* Scenes Tab Styling */
+.scenes-tab {
+	padding: 0px !important;
+}
+
+/* Studios Tab Styling */
+.studios-tab {
+	width: 15%;
+}
+
+
+/* Add a background image to the existing background container */
+body {
+	background-image: url('https://erowall.com/wallpapers/original/33330.jpg');
+	background-size: contain;
+	background-position: center;
+	background-attachment: fixed;
+}
+
+/* Create the parallax effect */
+body::before {
+	content: "";
+	position: fixed;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	z-index: -1;
+	background: inherit;
+	transform: translateZ(-1px) scale(1.5);
+}
+
+/* Styling for Glassy Translucent Effect */
+.performer-card-image,
+.studio-card-image,
+.video-section .thumbnail-section,
+.card-section .performer-card.grid-card,
+.card-section .studio-card-image,
+.card-section .movie-card-image {
+	border-radius: 15px;
+	overflow: hidden;
+}
+
+.studio-image {
+	width: 100%;
+	display: block;
+	text-align: center;
+}
+
+.wall-item {
+	border: 1px solid rgba(0, 0, 0, 0);
+	/* 1px solid black border with 50% transparency */
+}
+
+.btn.btn-primary {
+	border: 1px solid rgba(50, 50, 50, 0.5);
+	/* 1px solid dark grey border with 50% transparency */
+}
+
+/* Muted Green Borders for .tasks-panel-queue */
+.tasks-panel-queue {
+	box-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
+	/* Glow effect */
+
+	border-radius: 15px;
+	/* Adjust the border-radius for rounded corners */
+	margin: 10px 0;
+	/* Add some margin for spacing */
+	padding: 10px;
+	/* Add padding to the container */
+}
+
+
+/* [Gallery tab] Hides the lightbox header and footer to make the image area larger. Mouse reveals them as an overlay to the image*/
+
+.Lightbox-header,
+.Lightbox-footer {
+	z-index: 9999;
+	position: absolute;
+	width: 100%;
+	opacity: 0;
+	background-color: #0008;
+	transition: opacity 0.5s ease;
+}
+
+.Lightbox-footer {
+	bottom: 0;
+}
+
+.Lightbox-navbutton {
+	opacity: 0;
+	transition: opacity 0.5s ease;
+}
+
+
+.Lightbox-navbutton:hover,
+.Lightbox-header:hover,
+.Lightbox-footer:hover {
+	opacity: 1;
+}
+
+
+/* Resize preview button on Images and put them in top left */
+
+.preview-button .preview-button .btn.btn-primary {
+	position: absolute;
+	top: 0;
+	left: 0;
+	transform: scale(0.5);
+}
+
+
+/* Magnify Button Hover Effect - Shows a magnify button in the middle of the card on hover */
+.fa-icon {
+	background-color: transparent;
+	border: none;
+	outline: none;
+	transition: transform 0.2s ease-in-out;
+}
+
+.fa-icon:hover {
+	transform: scale(1.1);
+}
+
+/* Transparent Preview Placeholder in Magnifying Glass - Refactoring The Behaviour and Appearance of the Magnifying Glass */
+.preview-button .btn.btn-primary {
+	background-color: rgba(0, 0, 0, 0);
+	/* Full transparent background */
+	/* Add any other styling as needed */
+}
+
+/* [Images tab] Don't crop preview thumbnails */
+
+.flexbin>*>img {
+	object-fit: inherit;
+	max-width: none;
+	min-width: initial;
+}
+
+/* Main Page - Animate Headers - Vertical Fade-in effect */
+
+@keyframes textAnimation {
+	0% {
+		opacity: 0;
+		transform: translateY(-20px);
+	}
+
+	100% {
+		opacity: 1;
+		transform: translateY(0);
+	}
+}
+
+.recommendation-row-head h2 {
+	margin: 0;
+	text-align: center;
+	animation: textAnimation 1s ease-in-out;
+	/* Adjust the animation duration and timing function as needed */
+}
+
+/*Disables Images from Being Input into Performer and Studio Banners*/
+.background-image-container>picture {
+	display: none;
+}
+
+/*Make the fill color of the search bars almost completely transparent*/
+
+.query-text-field.bg-secondary.text-white.border-secondary.form-control path {
+	fill: none;
+}
+
+/*Studios Back to Top Button Text Centered*/
+.sticky.detail-header {
+	text-align: center;
+}
+
+/*Tags Styling*/
+.tag-item.badge.badge-secondary {
+	background: rgba(0, 0, 0, 0.8);
+	/* Darker background for dark mode, adjust opacity as needed */
+	color: #fff;
+	/* Text color for dark mode */
+	border-radius: 10px;
+	/* Adjust the border-radius for rounded corners */
+	padding: 10px;
+	/* Adjust the padding as needed */
+	box-shadow: 0 4px 8px rgba(255, 255, 255, 0.1), 0 0 5px rgba(255, 255, 255, 0.1);
+	/* Raised embossed effect */
+}
+
+span.tag-item.badge.badge-secondary {
+	position: relative;
+}
+
+span.tag-item.badge.badge-secondary::before {
+	content: "";
+	position: absolute;
+	top: 0;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	background-color: white;
+	opacity: 0;
+	border-radius: inherit;
+	pointer-events: none;
+	z-index: -1;
+	transition: opacity 0.3s ease-in-out;
+}
+
+span.tag-item.badge.badge-secondary:hover::before {
+	opacity: 1;
+	animation: pulse 1s infinite;
+}
+
+@keyframes pulse {
+	0% {
+		transform: scale(1);
+	}
+
+	50% {
+		transform: scale(1.05);
+	}
+
+	100% {
+		transform: scale(1);
+	}
+}
+
+
+/*'+' Symbol on Tags are hidden*/
+span.tag-item.badge.badge-secondary button.minimal.ml-2.btn.btn-primary {
+	display: none;
+}
+
+/*Change Country Flag Location on Performers*/
+.performer-card__country-flag {
+	position: absolute;
+	top: 0;
+	left: 0;
+	margin: 8px;
+	/* Adjust margin as needed */
+}
+
+
+/* [Performers tab] Show a larger image in performer's page for desktop */
+.performer-image-container {
+	flex: 0 0 2%;
+	max-width: 2%;
+}
+
+
+/* Parallax effect for desktop and mobile */
+body::before {
+	content: "";
+	position: fixed;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	z-index: -1;
+	background: inherit;
+	transform: translateZ(-1px) scale(1.5);
+}
+
+/* Make these have transparent backgrounds - Settings */
+.package-manager-toolbar,
+.collapsible-section.collapse.show,
+div.setting,
+div.setting-section {
+	background: rgba(0, 0, 0, 0);
+}
+
+/* Adjust Task Panel Transparency to be more visible */
+#tasks-panel .tasks-panel-queue {
+	background: rgba(0, 0, 0, 0.6);
+}
+
+/* Strip[ Padding and Margins from Checkboxes on Performers */
+.card-check {
+	padding: 0;
+	margin: 0;
+	/* Optional: Remove any margin if applied by default */
+}
+
+/*Ratings Banner Color Overhaul*/
+
+/* Rating banner style for rating 1 */
+.rating-banner.rating-1 {
+    background-color: red;
+    color: black;
+}
+
+/* Rating banner style for rating 2 */
+.rating-banner.rating-2 {
+    background-color: orange;
+    color: black;
+}
+
+/* Rating banner style for rating 3 */
+.rating-banner.rating-3 {
+    background-color: yellow;
+    color: black;
+}
+
+/* Rating banner style for rating 4 */
+.rating-banner.rating-4 {
+    background-color: limegreen;
+    color: black;
+}
+
+/* Rating banner style for rating 5 */
+.rating-banner.rating-5 {
+    background-color: green;
+    color: black;
+}
+
+/*Mobile Overhaul*/
+
+/* Media query for mobile devices */
+@media only screen and (max-width: 767px) {
+
+	/* Different background for mobile devices */
+	body {
+		background-image: url('https://w0.peakpx.com/wallpaper/266/1012/HD-wallpaper-street-night-city-neon-road-cars.jpg');
+	}
+}
+
+/* Responsive Adjustments */
+@media screen and (max-width: 768px) {
+	.container {
+		padding: 8px;
+	}
+
+	.logo {
+		font-size: 12px;
+	}
+
+	.card {
+		padding: 8px;
+	}
+
+	.card-title {
+		font-size: 14px;
+	}
+
+	.card-description {
+		font-size: 12px;
+	}
+
+	.btn {
+		padding: 6px 12px;
+		font-size: 12px;
+	}
+}
+
+/* Media query for mobile devices */
+@media only screen and (max-width: 767px) {
+
+	/* Disable animations and hover effects on mobile */
+	.movie-recommendations .slick-track,
+	.scene-recommendations .slick-track,
+	.performer-recommendations .slick-track,
+	.studio-recommendations .slick-track,
+	.movie-recommendations .slick-track:hover,
+	.scene-recommendations .slick-track:hover,
+	.performer-recommendations .slick-track:hover,
+	.studio-recommendations .slick-track:hover {
+		animation: none;
+		animation-play-state: running;
+		/* Ensure animations are not paused on hover on mobile */
+	}
+}
+
+/* Apply styles for mobile devices (adjust max-width as needed) */
+@media only screen and (max-width: 767px) {
+	.VideoPlayer {
+		position: fixed;
+		top: 0;
+		left: 0;
+		width: 100%;
+		height: 240px;
+		/* Adjust the height as needed */
+		z-index: 1000;
+		/* Adjust the z-index as needed */
+	}
+
+	.nav.nav-tabs {
+		margin-top: 240px;
+		/* Set margin-top equal to the height of VideoPlayer */
+		z-index: 1100;
+	}
+}
+
+/* Apply styles for mobile devices (adjust max-width as needed) */
+@media only screen and (max-width: 767px) {
+	.scene-header.d-xl-none width: 100%;
+	/* Ensure full width on mobile */
+}
+
+/* Apply styles for mobile devices (adjust max-width as needed) */
+@media only screen and (max-width: 767px) {
+	h1 {
+		font-size: 24px;
+		/* Adjust the font size for h1 on mobile */
+	}
+
+	h2 {
+		font-size: 22px;
+		/* Adjust the font size for h2 on mobile */
+	}
+
+	h3 {
+		font-size: 18px;
+		/* Adjust the font size for h3 on mobile */
+	}
+
+	h4 {
+		font-size: 18px;
+		/* Adjust the font size for h4 on mobile */
+	}
+
+	h5 {
+		font-size: 16px;
+		/* Adjust the font size for h5 on mobile */
+	}
+
+	h6 {
+		font-size: 14px;
+		/* Adjust the font size for h6 on mobile */
+	}
+}
+
+/* Media query for mobile devices */
+@media only screen and (max-width: 767px) {
+	.studio-logo {
+			{
+			background: rgba(0, 0, 0, 0.4);
+			/* Darker background for dark mode, adjust opacity as needed */
+			color: #fff;
+			/* Text color for dark mode */
+			border-radius: 10px;
+			/* Adjust the border-radius for rounded corners */
+			padding: 20px;
+			/* Adjust the padding as needed */
+			box-shadow: 0 4px 8px rgba(255, 255, 255, 0.1), 0 0 10px rgba(255, 255, 255, 0.1);
+			/* Raised embossed effect */
+		}
+	}
+
+	/* Apply styles for mobile devices (adjust max-width as needed) */
+	@media only screen and (max-width: 767px) {
+		#studio-page .detail-container {
+			margin-bottom: 0;
+			/* Adjust margin-bottom as needed to reduce the gap */
+		}
+
+		#studio-page .nav.nav-tabs {
+			margin-top: 0;
+			/* Adjust margin-top as needed to reduce the gap */
+		}
+	}
+
+	/* Apply styles for mobile devices (adjust max-width as needed) */
+	@media only screen and (max-width: 767px) {
+		#performer-page .detail-container {
+			margin-bottom: 0;
+			/* Adjust margin-bottom as needed to reduce the gap */
+		}
+
+		#performer-page .nav.nav-tabs {
+			margin-top: 0;
+			/* Adjust margin-top as needed to reduce the gap */
+		}
+	}
+
+
+.performer.performer-video.lazy-load {
+	background: rgba(0, 0, 0, 0.4);
+	/* Darker background for dark mode, adjust opacity as needed */
+	color: #fff;
+	/* Text color for dark mode */
+	border-radius: 10px;
+	/* Adjust the border-radius for rounded corners */
+	padding: 20px;
+	/* Adjust the padding as needed */
+	box-shadow: 0 4px 8px rgba(255, 255, 255, 0.1), 0 0 10px rgba(255, 255, 255, 0.1);
+	/* Raised embossed effect */
+}
+
+.performer-video.lazy-load {
+    opacity: 0;
+    transition: opacity 0.3s ease-in-out;
+}
+
+.performer-video.lazy-load:hover {
+    opacity: 1;
+}
+
+.tag-card-header video {
+    width: auto;
+    height: 100%;
+    object-fit: cover;
+    object-position: center;
+}
+
+
+and add these changes/updates to it:
+
+/* General Styling */
+* {
+    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
+    color: white;
+    font-weight: 300;
+}
+
+/* Header Style */
+h1, h2, h3, h4, h5, h6 {
+    font-weight: 700;
+    font-size: 24px;
+}
+
+p {
+    color: rgba(255, 255, 255, 0.8);
+    font-size: 16px;
+}
+
+/* Nav Button Effects */
+.nav-item:hover {
+    opacity: 0.8;
+}
+
+/* Stylized Settings */
+/* ... (your existing styles for settings) ... */
+
+/* Additional styling for text inside the containers */
+.tasks-panel-queue h2,
+.setting-section h2,
+.flex-column.nav.nav-pills h2,
+.div.card h2 {
+    color: #ffcc00;
+    font-size: 24px;
+}
+
+.tasks-panel-queue p,
+.setting-section p,
+.flex-column.nav.nav-pills p,
+.div.card p {
+    color: #ddd;
+    font-size: 16px;
+}
+
+/* Scrollbar Modification */
+::-webkit-scrollbar {
+    width: 10px;
+}
+
+::-webkit-scrollbar-track {
+    background: transparent;
+}
+
+::-webkit-scrollbar-thumb {
+    background: #f0f0f0;
+    border: 2px solid #ddd;
+    border-radius: 6px;
+}
+`;
+// Themes CSS End
+
+// Themes CSS Begin
+const materialize = `
+/*
+by killhellokitty aka Joshua D Brown
+2022, 2023, 2024 
+killhellokitty21@gmail.com
+GITHUB: https://github.com/killhellokitty/stash-material-ize-theme
+
+
+                    GNU AFFERO GENERAL PUBLIC LICENSE
+                       Version 3, 19 November 2007
+
+ Copyright (C) 2007 Free Software Foundation, Inc. <https://fsf.org/>
+ Everyone is permitted to copy and distribute verbatim copies
+ of this license document, but changing it is not allowed.
+
+Full licensing information is included in the repository. A copy of the licence is also included in the repository.
+*/
+html {
+    font-size: 16px;
+}
+
+/* *** */
+
+ body {
+    font-family: -apple-system, BlinkMacSystemFont, "Roboto Flex", Roboto, "Segoe UI", Oxygen-Sans, Ubuntu, Cantarell, "Liberation Sans", "Helvetica Neue","Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", emoji, math, serif, ui-serif;
+    width: 100%;
+    height: 100%;
+    background: rgb(var(--body-color2));
+    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1IiBoZWlnaHQ9IjUiPgo8cmVjdCB3aWR0aD0iNSIgaGVpZ2h0PSI1IiBmaWxsPSIjMWEyMDI1Ij48L3JlY3Q+CjxwYXRoIGQ9Ik0wIDVMNSAwWk02IDRMNCA2Wk0tMSAxTDEgLTFaIiBzdHJva2U9IiMxMDE0MTciIHN0cm9rZS13aWR0aD0iMSI+PC9wYXRoPgo8L3N2Zz4=");
+    background-color: transparent;
+    padding: 0.1px 0 0;
+    color: rgb(var(--on-surface));
+    text-decoration: none;
+    text-decoration-color: transparent;
+    text-shadow: var(--ultra-light-text-shadow);
+    text-rendering: geometricPrecision;
+    filter: none;
+    scrollbar-width: auto;
+    scrollbar-color: rgba(255,255,255,0.46) rgba(0,0,0,0.12);
+    -webkit-font-smoothing: antialiased;
+    -webkit-font-smoothing: subpixel-antialiased;
+    -moz-osx-font-smoothing: auto;
+    font-size: 14px;
+    font-weight: 400;
+    letter-spacing: 0.025em;
+    line-height: 20px;
+    transition: background 0.55s ease, background-color 0.55s ease, color 0.2s ease-in, text-decoration-color 0.15s ease-in-out, text-shadow 0.15s ease-in-out, scrollbar-color 0.55s ease;
+    -webkit-transition: background 0.55s ease, background-color 0.55s ease, color 0.2s ease-in, text-decoration-color 0.15s ease-in-out, text-shadow 0.15s ease-in-out;
+}
+@media (max-width: 575.98px) {
+    body {
+        background: rgb(var(--body-color2));
+    }
+}
+
+::-webkit-scrollbar {
+    width: 9px;
+}
+body ::-webkit-scrollbar {
+    width: 9px;
+}
+::-webkit-scrollbar-track {
+    background: rgb(var(--background));
+}
+body ::-webkit-scrollbar-track {
+    background: rgba(0,0,0,0.12);
+}
+::-webkit-scrollbar-track-piece {
+    background: rgb(var(--background));
+}
+body ::-webkit-scrollbar-track-piece {
+    background: rgba(0,0,0,0.12);
+}
+::-webkit-scrollbar-thumb {
+    background: rgba(255,255,255,0.46);
+    border-radius: 3px;
+    border: 0;
+    opacity: 1;
+    -webkit-transition: background 0.55s ease-in;
+}
+body ::-webkit-scrollbar-thumb {
+    background: rgba(255,255,255,0.46);
+    border-radius: 3px;
+    border: 0;
+    opacity: 1;
+    -webkit-transition: background 0.55s ease-in;
+}
+::-webkit-scrollbar-thumb:hover {
+    background: rgba(255,255,255,0.52);
+}
+body ::-webkit-scrollbar-thumb:hover {
+    background: rgba(255,255,255,0.52);
+}
+::-webkit-scrollbar-corner {
+    background-color: rgb(var(--background));
+}
+body ::-webkit-scrollbar-corner {
+    background-color: rgba(0,0,0,0.12);
+}
+
+::-webkit-resizer {
+    background-color: rgb(var(--body-color2));
+}
+body ::-webkit-resizer {
+    background-color: rgba(0,0,0,0.12);
+}
+
+.row {
+    margin-right: auto;
+    margin-left: auto;
+}
+
+[type=number]::-webkit-inner-spin-button {
+    height: 46px;
+    background: rgb(var(--on-surface-variant)) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAKUlEQVQYlWNgwAT/sYhhKPiPT+F/LJgEsHv37v+EMGkmkuImoh2NoQAANlcun/q4OoYAAAAASUVORK5CYII=) no-repeat center center;
+    position: absolute;
+    right: 0.037em;
+    top: 0.1em;
+    width: 2em;
+    padding: 0.25em;
+    border-radius: 0 3px 3px 0;
+    opacity: 1;
+} 
+[type=number]::-webkit-outer-spin-button {
+    height: 28px;
+}
+
+h1,
+.markdown h1 {
+    font-weight: 200;
+    font-size: 57px;
+    line-height: 64px;
+    letter-spacing: -0.25px;
+}
+h2,
+.markdown h2 { 
+    font-weight: 400;
+    font-size: 45px;
+    line-height: 52px;
+    letter-spacing: 0;
+}
+h3,
+.markdown h3 {
+    font-weight: 400;
+    font-size: 36px;
+    line-height: 44px;
+    letter-spacing: 0;
+}
+h4,
+.markdown h4 { 
+    font-weight: 400;
+    font-size: 28px;
+    line-height: 36px;
+    letter-spacing: 0;
+}
+h5,
+.markdown h5 { 
+    font-weight: 400;
+    font-size: 22px;
+    line-height: 28px;
+    letter-spacing: 0;
+}
+h6,
+.markdown h6 { 
+    font-weight: 500; /* Medium */
+    font-size: 16px;
+    line-height: 24px;
+    letter-spacing: 0.016em;
+}
+
+/* RGBA color space var() with HEX after.  Ex. background-color: rgba(var(--color),var(--alpha));*/
+:root {
+    /* Widget Colors*/
+    --nav-color: 56, 72, 87; /*#384857*/
+    --nav-color2: 32, 41, 51; /*#202733*/
+    --body-color: 19, 26, 30; /*#1B252A*/
+    --body-color2: 26, 31, 37; /*#1a2025*/
+    --card-color: 37, 53, 64; /*#253240*/
+    --card-color-hover: 44, 63, 76; /*#2c384c*/
+    --card-color-collaps-show: 30, 43, 52; /*#1e2a34*/
+    --card-color-collaps-show-hover: 39, 57, 68; /*#273844*/
+    --card-color2: 41, 56, 67; /*#293943*/
+    --card-color2-text: 225, 232, 236; /*#e1e8ec*/
+    --card-color2-hover: 51, 69, 83; /*#334453*/
+    --card-color-sel: 48, 63, 77; /*#30384D*/
+    --card-fold: 59, 76, 92; /*#3b4b5c*/
+    --date-color: 168, 186, 202; /*#a8baca*/
+    --description-color: 227, 238, 249; /*#e3eef9*/
+    --btn-primary: 99, 164, 208; /*#63a4d0*/
+    --btn-primary-text: 0, 52, 77; /*#00344d*/
+    --btn-min-primary: 184, 223, 255; /*#b8dfff*/
+    --btn-toggler-color: 238, 247, 255; /*#eef7ff*/
+    --tab-active-color: 122, 190, 238; /*#7abeee*/
+    --popover-color: 70, 95, 114; /*#466172 --#3c5463*/
+    --popover-color2: 80, 108, 130; /*#506e82 --#466172*/ 
+    --popover-color3: 60, 82, 98; /*#3c5462*/
+    --tooltip-color: 46, 47, 51; /*#2e3133*/
+    --menu-color: 50, 62, 72; /*#323e48 should this be named --surface-container? */
+    --modal-color: 25, 30, 38; /*#192026*/
+    --accordion-color: 64, 80, 97; /*#405261*/
+    --accordion-color-hover: 72, 90, 109; /*#485c6d*/ 
+    --tables-even: 60, 84, 99;/* #3c5463 */
+    --tables-odd: 66, 83, 93;/* #42535d */
+    --tables-hover: 84, 108, 128;/*#546c80 */
+    /* Primary Colors */
+    --pry-color: 136, 206, 255; /*#88ceff*/
+    --on-pry: 0, 52, 77; /*#00344d*/
+    --pry-container: 0, 76, 110; /*#004c6e*/
+    --on-pry-container: 200, 230, 255; /*#c8e6ff*/
+    /* Secondary Colors */
+    --secondary: 183, 201, 217; /*#b7c9d9*/
+    --on-sec: 33, 50, 63; /*#21323f*/
+    --sec-container: 56, 73, 86; /*#384956*/
+    --on-sec-container: 211, 231, 243; /*#d3e7f3*/
+    /* Tertiary Colorsf*/
+    --tertiary: 5, 125, 116; /*#057d74 --lch 46.921% 31.12 186.214 --*/
+    --on-tertiary:  237, 252, 250; /*#edfcfa*/
+    --tertiary-container: 6, 65, 62; /*#06413e*/
+    --on-tertiary-container: 197, 246, 245; /*#c5f6f5*/
+    /* Split Complementary Colors */
+    /*--split-comp: ;*/ /* */
+    /*--on-split-comp: ;*/ /* */
+    --split-comp-container: 68, 3, 40;/*#440328 */
+    --on-split-comp-container: 249, 116, 192; /*#f974c0*/
+    /* Compliementary Colors */
+    --complement: 174, 121, 250; /*#ae79fa*/
+    --on-complement: 75, 19, 156; /*#4b139c -- 24.833, 81.813, 310.395*/
+    --complenent-container: ;
+    --on-complement-container: ;
+    /* Error Colors */
+    --error: 255, 180, 171; /*#ffb4ab*/
+    --on-error: 105, 0, 5; /*#690005*/
+    --error-container: 147, 0, 10; /*#93000a*/
+    --error-container-sel: 167, 0, 11; /*#a7000b*/
+    --on-error-container: 255, 218, 214; /*#ffdad6*/
+    /* Background Colors */
+    --background: 25, 28, 30; /*#191c1e*/
+    --on-background: 253, 253, 253; /*#fdfdfd*/
+    /* Surface & Outline Colors */
+    --surface: 30, 36, 42; /*#1e242a*/
+    --surface-sel: 33, 41, 47; /*#21292f*/
+    --on-surface: 226, 226, 229; /*#e2e2e5*/
+    --surface-variant: 65, 71, 77; /*#41474d*/
+    --on-surface-variant: 193, 199, 206; /*#c1c7ce*/
+    --outline: 139, 145, 152; /*#8b9198*/
+    --outline-variant: 69, 71, 73; /*#454749*/
+    --outline-variant-lighter: 109, 116, 123; /*#6d747b*/
+    /* Link Colors */
+    --link-color: 217, 234, 249; /*#d9eaf9 very light primary*/
+    --link-hover: 136, 206, 255; /* --pry-color; */
+    --link-active: 60, 175, 255; /*#3cafff* richer primary color. */
+    --link-visited: 136, 147, 255; /*#8893ff primary's Analogous Color. */
+    --link-icon: 10, 148, 244; /*#0a94f4*/
+    --link: 10, 148, 244; /* #0a94f4 --- lch 59.684 56.934 272.643 */
+    /* Misc Colors */
+    --red: 255, 136, 147; /*#ff8893*/
+    --green: 7, 255, 227; /*#07ffe3*/
+    --twitter-blue: 29, 161, 242; /*#1DA1F2*/
+    --twitter-secondary: 20, 23, 26; /*#14171A*/
+    --warning: 255, 185, 136; /*#ffb988*/
+    --mars: 80, 143, 184; /*#508fb8*/
+    --white-color: 248, 255, 254; /*#f8fffe*/
+    --nav-white: 246, 247, 249; /*#f6f7f9*/
+    --focus-ring: 238, 245, 244; /*#eef5f4*/
+    --focus-ring-active: 255, 136, 206; /*#ff88ce*/
+    --muted-text: 213, 229, 242; /*#d5e5f2*/
+    --interactive-input: 239, 239, 241; /*#efeff1 --- lch 94.498 1.035 290.078*/
+    --star-color: 255, 243, 111; /* #fff36f --- lch 94.53 64.926 100.665 */
+    --setting-h1: 162, 217, 255; /*#a2d9ff*/
+    /* Select Toggle Colors */
+    --sec-cntnr-select-hover: 66, 86, 101; /*#425665*/
+    --sec-cntnr-select-active: 76, 99, 117; /*#4c6375*/
+    --background-select-hover: 37, 41, 44; /*#25292c*/
+    /* Alpha's */
+    --btn-hover: 0.08;
+    --btn-hover-rev: 0.92;
+    --btn-hover-highlight: linear-gradient(to right, rgb(255,255,255,0.08), rgb(255,255,255,0.08));
+    --btn-active: 0.12;
+    --btn-active-rev: 0.88;
+    --btn-active-highlight: linear-gradient(to right, rgb(255,255,255,0.11), rgb(255,255,255,0.11));
+    --btn-dummy-highlight: linear-gradient(to right, transparent, transparent);
+    --disabled: 0.38;
+    --btn-background-disabled: 0.12;
+    --text-field-tint: 0.06;
+    --text-field-text: 0.87;
+    --text-screen: 0.35;
+    /* Elevation Box-Shadows */
+    --elevation-0: 0px 0px 0px 0px rgba(0,0,0,0.2), 0px 0px 0px 0px rgba(0,0,0,0.14), 0px 0px 0px 0px rgba(0,0,0,0.12);
+    --elevation-1: 0px 3px 1px -2px rgba(0,0,0,0.2), 0px 2px 2px 0px rgba(0,0,0,0.14), 0px 1px 5px 0px rgba(0,0,0,0.12);
+    --elevation-2: 0px 2px 4px -1px rgba(0,0,0,0.2), 0px 4px 5px 0px rgba(0,0,0,0.14), 0px 1px 10px 0px rgba(0,0,0,0.12);
+    --elevation-3: 0px 5px 5px -3px rgba(0,0,0,0.2), 0px 8px 10px 1px rgba(0,0,0,0.14), 0px 3px 14px 2px rgba(0,0,0,0.12);
+    --elevation-4: 0px 5px 5px -3px rgba(0,0,0,0.2), 0px 8px 10px 1px rgba(0,0,0,0.14), 0px 3px 14px 2px rgba(0,0,0,0.12);
+    --elevation-5: 0px 8px 10px -6px rgba(0,0,0,0.2), 0px 16px 24px 2px rgba(0,0,0,0.14), 0px 6px 30px 5px rgba(0,0,0,0.12);
+    --elevation-0-inverse: inset 0px 0px 0px 0px rgba(0,0,0,0.2), inset 0px 0px 0px 0px rgba(0,0,0,0.14), inset 0px 0px 0px 0px rgba(0,0,0,0.12);
+    /* Transitions */
+    --trans-0: background-color 0.55s cubic-bezier(0.4, 0, 0.2, 1), background-image 0.55s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.4s ease-in, outline-color 0.45s ease-in, color 0.25s ease-in-out, text-shadow 0.2s ease-in;
+    /* Fonts */
+    --HeaderFont: -apple-system, blinkmacsystemfont, OpenSans, "DejaVu Sans", "Roboto Flex", Roboto, "Segoe UI", "Noto Sans", 'Helvetica Neue', Arial, Ubuntu, 'Liberation Sans', Helvetica, sans-serif, system-ui;
+    --BodyFont: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto Flex", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Liberation Sans", "Noto Sans", "Helvetica Neue", Arial, Helvetica, sans-serif, "Apple Color Emoji", "Noto Color Emoji", "Segoe UI Emoji", emoji, math, serif, ui-serif, system-ui;
+    --MonoFont: "SF Mono", SFMono-Regular, Monaco, Consolas, Hermit, "Inconsolata", "FiraCode Mono", "Roboto Mono", "Source Code Pro", 'Courier New', "Liberation Mono", 'NotoSans Mono', monospace;
+    --SerifFont: "Apple Garamond", "Baskerville", "Times New Roman", "Droid Serif", "Times","Source Serif Pro", serif, system-ui;
+    --UnicodeFont: "Noto", "FiraCode", "Roboto Flex", Roboto, system-ui;
+    --LogoFont: "San Francisco", "DejaVu Sans", Arial, "Helvetica Neue", "Roboto Flex", Roboto, sans-serif, system-ui;
+    --light-txt-shadow: 1px 2px 1px rgba(0,0,0,0.22);
+    --really-light-txt-shadow: 0.5px 1px 0.5px rgba(0,0,0,0.16);
+    --ultra-light-text-shadow: 0.1px 0.1px 0.1px rgba(0,0,0,0.004);
+    /* Stash Logo */
+    --StashLogo: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEACAYAAABccqhmAAABfGlDQ1BpY2MAACiRfZE9SMNQFIVPU6VFKg52kOKQoTpZEBVx1CoUoUKoFVp1MHnpHzRpSFJcHAXXgoM/i1UHF2ddHVwFQfAHxNHJSdFFSrwvKbSI8cLjfZx3z+G9+wChWWWa1TMOaLptZlJJMZdfFUOvCCAMIIaQzCxjTpLS8K2ve+qmukvwLP++P6tfLVgMCIjEs8wwbeIN4ulN2+C8TxxlZVklPiceM+mCxI9cVzx+41xyWeCZUTObmSeOEoulLla6mJVNjXiKOK5qOuULOY9VzluctWqdte/JXxgp6CvLXKc1jBQWsQQJIhTUUUEVNhK066RYyNB50scfc/0SuRRyVcDIsYAaNMiuH/wPfs/WKk5OeEmRJND74jgfI0BoF2g1HOf72HFaJ0DwGbjSO/5aE5j5JL3R0eJHwMA2cHHd0ZQ94HIHGHoyZFN2pSAtoVgE3s/om/LA4C3Qt+bNrX2O0wcgS7NK3wAHh8BoibLXfd4d7p7bvz3t+f0A2AxyabPxfMUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAZiS0dEACAAKwAzs0pcbAAAAAlwSFlzAAAN1wAADdcBQiibeAAAAAd0SU1FB+YCAQIDHPIdvdgAAAG/elRYdFJhdyBwcm9maWxlIHR5cGUgaWNjAAA4jaVUWW5DIQz85xQ9gvH6OA6Bh9T7X6Bmy9akUltLBDGG8WDmJXyWEj56qGGAHphBi5JWI2AakFY9jQ0F2RgR5JAkGQHsVE9HH8fYCDH7jwWNSkYGHAUEuMAfonnVsNhHVMJ6VfbLCL/cX5VVjHQWirhghuAXA0PjmdCVIDXzDsHG0+4Hu97D27HwvFqBJXg7Rxtnot4OPOBnueJ2h29Bjnci9peZUjHyqgB+4DX+Zn/oUg21zjXtBHsv3ADrCq7uAeeN274aB4eLiT6/0n7JoqKniNA+sNJO4C0ETj5chPRX6xfV7jTx2RPqm3qTsa71Ofd0SwguAnwWEH5WEPNNgcAqhrPYKEKzCLMTaesfhI94UwC3T+IuuoPhycDuKSUivDdkhMLzpNSz9SCUsbY0FLaaYOCXHMdcVyWqZRAVV/FKgbZ5MzraJKT0UilyalNRO8ZrXLTwS0JMNvJ2jDke1QGNbpvrNTvR7jyqx+DFbLMJksZBmjaDLJcH382gTQSZ6jgoPA3GpYyNKaW8KkziJuWd73azn579+qf1zXj/IHo0YvgCnwkgHdTgVlIAACd9SURBVHja7Z15eBzlla/fasnG7GvIAnGcmIDDZoPNalsth3WwZbKSmblbAOGEJHNvcpfJ3Mydmczc525zMwvJXJJYMjBZJ0BYLNuE1Rs2izE7Dlsg7BiMd+NFUtf941fVXV2qbrWkrq6q7vM+j0CWSt1fV9V36nzn/M75wDAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzBaDifpARjJ0N3V4X2nW6C3b2XSQzISwAxAi/DVz5/FwL4JtR3sQu8SMwitgBmAJqa7K1/pVwcDxwHnAocCDwHPAO8AhfDBbs5l0e2rkv44RgyYAWgyNOkdwA3+OAd8CDgV6ABmAScCR3q/3w28DDwCrAbWAb8Ddka9hy0XmgczABmnu6uT0GT3OQD4OHAW0AmcCXwMqGUdsAn4LbAWuB94AngLGAgf6DqwaLEZhKxiBiCD6CnvEnH5PgCcDMxGT/qTgaMZ23XeB7wGPIa8gweB54Gt5YdpPOYdZAszABmgu2sOEUtzgP3QU/0MIA+cDUxGT/+42Aq8gAzBamQYXgP2DjnSgV7zDlKNGYCUclVXPtqxhyOATwEz0aSfCnwYrfMbzQBaGjyJlgpr0dJhExHrkoE2hxtuW5HAMI1KmAFICd3zzwN3IOpX44BjgdPRhD8XOB5F8tPGTuAlFERchYKKvwfeH3KkeQepwAxAglRJ0x2CJvm5aNKfjoxAe9JjHgEuSis+A6zxvp4C3iYq1WjBxEQwA9BAvnLpTAYLkXO4Dbnx0yil6aYAh8c8pE1APwoUtsX8XnuAV4D1KHbwEEo1bi87yottWjCxMZgBiJkqT/kDUcDubJSmm4ECeuNjHI4/Cf18/0NIAzDdG0Mjgog+m4FngQe8sTwBvIEMUjm2XIgNMwAx0N2Vx3FcXLfs9DroSXsqStPNBk5Cqbu4GJEb7o3vFOSF+GnEoxpwyvrR5H8cGYMHgOeQkSh9mBw4BfMO6okZgDpQ5Sk/AZiERDidSJTzcWD/GIezC6n6/EDcOu/f74/wdQ5EcuFzKHkoE1FQMm62Ay8iD2U1Wja8ijyYIZhBGD1mAEZJlUl/JHqyz0JP0VOBDxJfmm4QPdGfQqm4NcAG4F0iUnHDTZYKn6sNOAYFIztRcPIEFKyMm+Dn872YDcizGfL53ME2Fi27rwHDag7MANTIgvl5CtGJ+fHAR9ETMo+emMcBB8U4nB2UnpCriOkJqZLhyFvkcKRFmOV95mmo1qARWoT3KdUt+B7OS8jzqdtnbxXMAFShylP+MPQE9MU409ATMq5I+gBaIz+BXOK1wLMubA5eQNdxcFw3lpt+wbxOCk6kBdyP0jJnDlrmfILaag7GiosyGRso1S08icRJg0OPduhdsqIBw8oOZgACXHFRJ7nxkTd5O/AR4DQ04WciA3BojMPZigJhfpT8ceB1pM0vI4kcendXHjfn4JS7RQ5a7pzqnafZlFcdxs1eJEt+lFKW43lgW9lROcCCiYAZgGpu7kHAJ5FLn0cu/keJLwjmF934N69fdFN+86YwT17FUzqIkqCpE6UbGylo2oLOYbBuIdKIQrrOaaNoSQNQ4YbNoafXVKJr5uOg5rLbrHTpuaprDm504VI7mvzT0VLhXGRg44yVBBkA3kTn2K9beJYcm8qGm0IDGyctYQCqPOX3R+tVv2b+DLSejWv9upuhQpymbrwxTLbkRLRMyFPKljTqntyJzv3D6Fr4dQu7ow5uhmsRRdMagO6uPDg5cEvm3cHFxQnWzM9Gwpex1sxXwhfiPI3SV/d7328kUg9fYNHi1UmfutioUuG4P6XmJXNQQHESCjA2ggLl12kNVa7T+P13ce2NjzT03MVF0xiAq+Z3hJV3Pn7N/AxKYpzJSOgSB7tQWsp/sqzDKuIi6e7Kk3NcCuXXzW9fNg15BrNQyjHuuoggYU/tYeQt7Ig6OMveQaYNQIX+d1Cep+6glKeOI03nC1X8mngJVRw24ZYG5o9ycK/D9XetSPrUpY5hKiODKdfTiTflGsV7KFbzAKVYzRtExGocx6VncXYaqGbKAFw+dxZtucjrPg7dFNMpiXGOJz6lmi9V9aPLvhBnSFccF5dFfdm5IdLAVy7tZDBadTUOyZF9b84XXcXlzUWxD2USHqeUrXkOZRyKFHIuuUL6W6Sl3gCkpGbeL1YJCnGGFKs4rovrpP+iZ42oe8AdHMRpawv3QPTjOY1kG2qR5tctPEqFh4HjQE/KlnypMwBVnvJ+zfxUSmKcONeGW4gW4gwtV3VdepfYU74RXDU/jxsdSTyA8vLqM5G3EGd5dZhBlMb16zLWUqUuY3DA5fo7kr1vUmEAaqyZz6M03UTiiQ6HVWQPIsueeiFOK6PSa8JGwX9YnIaMwUzUYCVO5WYU4crMR7x/p6ZuITEDoAhwjoJblmXxa+b9mvRZyMWLq2Y+rCP3hThDdORttPHjPqsySzPD1G5Mobx46SM0tpGqizyBZyjdb35vhiH3m1uARUvjNwgNMwBVcsDBmvk8pWKSOGrmd6OUnF9J9jBK2TWtEKdVuXJeB44TeXuPR2lhv0eD3wUpzh4NUexBsYJg3cILNLhFWqwGIDJ4g4uD46vA/DTdVOKpmQ8LPHwhTuQeeDcvX8fWnSPtm2FkAQnDCK/Ewx5nB+rl0IguSGFqijm5To5Fi5fX7U3ragCquGB+zXwwTReXDnwXOpHr0KRvSYmnUZnu+fkKu6lxIKUCsE7iLwCrRD+qW3icUjDxMbx7uJ73bN0MQMTkPxStu/w03Wlo3RV3JdiLwHXAUtR0cmjlV4sr8IwSX+7spP3gqiXg09D9+2kUj0qiNftO4Brgr/DiBfUyAnUxAKHJfyrwZUptow5r1FkKUEABvmeQO7UaBVzK2kj50WPzAlqbYbZRn4yyCJ9BS4RGphWD7AK+Avzc/0E97tsxG4AFC6ZTeKvoyU8CfoUCLGnC3/76YWCF9//fY8uClqRKdai/C9NpSFx0NnqINbIOoRq/B76IlrXkXJeFY9SfjNkABKznwcBC4A+TPEM14KIqr6dQJuB+4BnH4d1gLtnJ5XALBTMGTYLSzkT1dTwCLVXPQZN+GnL9G73ur5XlwB+j9OGY788xGYDA5M8BfwH8JclsUjkWdqFKr4eAlSh4+Aq2222mqRLom4DEZNPRhD8L1RM0osNxvbgW+BZefGssRmDUBiC0bvpD9PRP44aVI6GAhEBPIO9gDaoCey/qYPMO0sMV82aTcyKePQ4OLh9AaeeZKPV8CvFVhzaCvcA3gR/5PxjtvTgqA9B9aQcUin96Jlr3T0r6rMSA3377AeQdrEdy4aGNOV1YlIGWXc1EleDdAajByBnoKX+m9+9GVg3GzVvAH6H7ctTe6egMQOnEHwP8Ep3kZsfvKfc4Je/gWdS9dwjmHdSfKq3J/SYip6Cn/Ewk6Imr01NaeBi4DC1ZR3XPjfjkBCb/AcA/AZcnfRYSYhvqOLsWWWG/4+yQJhHjC/tx7dK7kh5vJqkhRXcWSs9NRxLfRuxHkCZ+CnwVr+PUSI3AiAxA6GL8KfA/yNae9XHRjyb/o8g7WIuMw/aog807qEyVCe8Lc6Yij/McVA7eqD0H0sog8J2dm/f97UFHSKIwkvurZgMQujCfAa4nGZFPFtiClgdrkEF4HC0fhlR9FQbhumWtbRCGqeI7nlKK7jSUp09KjJNWNgP/Fljq7XlSsxGoyQBcPreDtlzx0KnAjejCGMOzD1V9rUdLhQdQYLFlKxCrCHH8mpGgEOd47EFTC08DX0B1MORwWNi3Ytg/qskABCz00UiKeH7SnzbDvId6ENyPvIMnkahjSHXi/gMH8IM77kh6vHWhuys/pBiv0J4jN1A4Erny56IU3VQaUzPSjNyKYnLboLaHybAGIDD59wP+Hvha0p+yidiDIrjrkHfgbxSS+RbiwwhxJqGgXQdK0U0m+xqSNOCiuNxf4T1QhjMCVQ1AaG32J8D3sPVXXAQ7xmSugOlbXzyHHXsibw2/5v4kyoU4cfR/MKRduQppc4Dq90pFA9Ddlde2s8q7Xgz8hPhacxlD2U1pg5GVpLCAaZhejp9AQpwOSluuHdDwQbYmv0NFQ4+BpnBPBZFapAFY0NVJofTQmQLchGqhjWTwC5ieRJ6BV8DkvOsGKphyjkPBdWMzBl/5zEwGByOX5m1IiHMqesLPRNLbo2huIU6auRv4V8irrHhPRF6cgGU/AvhnYF7Sn8Yowy9gehB5B49QoYDJwaGnb8Wo32iYfRmOQ5H62WhNH1fHZmN0XAP8F7y2YlFGYIgBCFzwccD/Av5T0p/CqEpUAdMGQpuW1Npcssoei/7uS9MoCXFOQA8JI53sQbG7Xv8H4etfdqVD1v4q4Pu0nrQy6+xA3WWDBUyvE1HA5LguPUtW0d2VZ1zBpT83ZOIfjiZ5sFb+WNJbK28M5Q3gS+jBALj0BraqK17xUNvuTuAXaHMFI7v4BUyPUZIoVyxgQu6737zVF+IcR+M31DDqy1pkBF6Hci/AAVhw5QwK7xQrJSejFML0pEdt1J1tSCm2FhmER1FWYQqlFN2pyPBntVbeiOY64BuEOgs7UOb6H4LWC19MerRG7PgFTLtR8C6OFu1GeugHvg38g/+D3r6VOIHJ3wZ8F/hzLHVjGM3IJpQavAu0SU9QifVHqM+YTX7DaE6OAv4WxXVwcIoG4GykIW6mlkmGYQxlKvA/8WovcmgrpL9D60DDMJqfz6Omorl2lB44MekRGbGxBAWA5lB7Xf1rSEp6Osr9G81FDikEX207/YRJTwC/QRHh/ZD4wyr+moN7UX34T9GOSDtRZV7UTjf9qHPRD4DvOEobPQmchzXkaDbeRmngx5yQ+u9Q1I3lD4ALUKMGUwJmkw1ov4anij9xXHCdTwDzUTfZ05FcdCXq7nwPihQH+QLQgxmBrLMF1YwsRdf5eaA/oAMYsnn6UaiM8xK0M+onMQloVngH9Yi7c+hlLXI46sKzDd0YeyKP0t9/C/jfmGeYNXYhL+4O4E7UNqys2Ux5LcC8Tr/+v4jXEuDDSA8+F22VPAlTiqWV3SjAs9D/QVD62d2VpzA4SK4t+vKFj/UYj9JH/yHpD2cMy16k9rwbPe0fxWsRFqRMCRhFd1cnEY8OB2ULZiFjMAsVh5h2IB24wP9B+zQOwNgbhQSMwOFIJfq5pD+kMYRBtPv1chT0fRB5gWXUVA4cRQVj0Ia6vnQiY3A2avNkJMe/oD3kt0N9ugRdcclscm1FvdjHUZHY2Ul/UANQ4P5+NOlXo+xN+UR12uldfG/FFxjLzkBBxqP2zeehmMEMrE680axB20a/CtDutvOjJfeO7RU9Qtf8TBQw/ETSH7hF2YSaxy4F7kONYUK7UZWX/FajXtuDB9kfNYC8AGUTppKtrZezyO9QxP8R/wf1bgsWsTHMIszIN4rtqKT7DqTj/y2hoK2Ly6IaJ32Quq3du7vypZa1JQ5GBuAi7+skrDFkvdkMXAnc5v8grp6AvhHwEgt/AvxfrAVYXOxGqdw70cR/AjV7KWOs1zqW4J02gXBxy1/+cNRj4BK0VDgBu3nGyj7gTwdcrmn3TnXc3YEjWsb9RywIXC/60a5R9yIXfx3aSAYAxyngurm6XuPYL1yFZcLRaFfXuSiIOBnbCWY0XIM2ad0HjWsNHrimh6J042VJn4gM46KGrqtQMG+NC2+GJ2Zc17ZhlntBVweF0Nt5ruSxSJAyF/WQn4htGFELtwNX4DX/bOS+AF//7LnsHShqwiaizMDMpE9Ixngb9W1cgmTavye0PZwD9MR8XRNx3UL9B31ySGDUgYzBuWiPOGMo61HQ70VQ6KWnwduGhbb+mo4yA59M+sSknC3o2gXluEOatTbSmCe+dqtgDMahZcGnUczgTGxXIp/XULrvfv8HSW0TFlrezUNbxh+V4LlJI7tQPcYdqOhuiBwXkruGiRuAIBXiBRNQ08rzUVrxdFq3MGU78FX0tAUq3zhVNvSoerON9O9Cx1+NNpBt9QKyfaj78t3AMiTH3er/0nXltaVhf8dUGYAgFW7EA9EWZReh/QpPoXWaWQ4Af4mKclwY3eSv9neBv82h85rz3msHVXabDbxfO/DfUfPJ1N5bMRGU4y5F6/ua5LhJkomL1N2Vp5AbJFcoK2DxS5cvRqKjE2nuJ08PKsYpa+scda48HLRUmO39ex2q8XdrMABHe+83Ed3Y/wTc4B8zjBE4BPih996twBuU5LiriJDj7np/L7+898GkxxlJbDqAcmqXJo78tQGtO2dQ0hg0W+nyXai8dyMMM/lL5b/z0L6Ovlrv1yhdV6jBAByLtOWTvB+/jbrJ3ucfF36NBZ+bTaG/mLw5FvgZqhxtRjah3ZqXUEGOO9YIfiUvrt4eRJy5d/9uKIBT9oHG8iH8v+2eOwdyxazJJhRg+Q0US5cvQRqDSWS7dPlpJLbZCOrkGsVVl3bgFvAn/ylIpReU6hYYGcHjP4T6Rl6Gth3ja398Otf+4tHiAQtvWU33/A7Vj6tI5ZsoVjEl6RNYJ7ajjkl+bf0QOS6M7d6uUmdzKBIEjfQaDkucBuBYtLHoeuQivYLcyboYg96ly4vfd3fNCZ6bt4BbgFvJfuny26hV+zPthQEGcu0Vd/p1C8WPdTSarPWeeNOQUbkc2LJvx8FDDuhdvCp4bR/3xv7P3piyyB7gGeSBLSMGOW6FSe9nwWaje3cbsICI3Z/HSpxLgBPQxD8SVaitRZZzDRI9DIT/rh7uTfe8fNSnCpcun4WeamnmfeDfo6KbqucncBPth3Z+uTrisJuRdmCwxiXAKlT+G+Z7wH+lSr+BiE1m/5Hs1IAMUC7HfZiAHDeXcygU3Lie9JORDuYidI9+GN3N96Al3d4sLQFcpG12gI95X/4GhQ8iY7AaGYP+8IkZtWewJLKjzSByXV9AT6S0ly4X0ES+YbjzUfqMDuBeDXRXeM2RGPtqx34DCVh6/PcPj623b2Xw3F+HPLHvkF6Fp4seUquAPmCN6/KmEzoLgwPb6b3jsVG9QYVJvx/apCOPJv0ZRG/IOxjXB4/bAITJoZthItp/8A3KjcFL1NMYRLe32ofW1U8jHfuJwIUomzCNdJQu/xJ19hms9vnLbyp3HuoEVK/gZyUjMAH4GxT4us9lWCMw6H2WiSiQmSY2Ui7HfRlvLVmc/I5L7+LRBbC7u/LgFsAps3sTUJDan/QzqM0bdWs4ZsTEbQCqDdpBruYX0EYFbyJ3605kiX+HJ5OMxxg4gLsbxSjWo1TXqcgQXIj0Bkm4rauAP8Nba1b6vJfP6wj+81SGBv3C1HO55wcFv+TIG+CqrvyQqHfACOxEy4ZjkbozSbZSkuPeTYQcdywR/O6uPI6Tw3W9mJQm//7I6+xE99YMRhYXiWXyQ3oq8BzgGOCz3tdblIzBSmQM9kI8xsArXd6B4hNrkJptOlIenk/jSpdfQIGz14c7sK3kn34QrcvrGfSrxVhMQ41CLwe2VLpDXdfF0VjfpJQZOKnuZ646vhzXzxQ9RR3luN1deXrvmUX3+fd7n7kAmvRT0IYsFyIF62jl7LEZgDiDgJPR5D1mjC/3NhKx3IXctBeIiIaONThy5UXn4IyP7Hrtly5fgi5mXKXL76HJ1DfcZwoYwQkoVvDVGl7/VrTsqiUIOBF5Ih+r4XX/Dj3d+yuNOaRPuAD4CfEHYfdR6o67DD31txZ/641nLJM+ggPQXhr+pD+N+tRGLENdmPqzFgSsh+X6ENDlfW1EF/JOZAyex8vFBvc2GM1JWnTnA8Xvu+fmg+Gqd4A+B/pcGbOZ1L90eS/w1+D0+ads2MlfAHJcjboB1YJD7QZ/JA+Gr6PrsNAf3zBBwbtRQPAH1H8z2kEUVA52x90YPmgskz5im4UDURzp08i4nUb9g8qZXALEMegPoifxJcC7yBjchS74c96anu6uPP2FfYzLjR/Vxe5dWvqbBfPzFNzih3kDuBGl1CZRv9Lla4EfDz/5O0qdlnJ0Af+N5BWPwaDgvRrnsEbgJ8h4/gX1EWm9gZZufSiY/Cqh+88FFo3iXtCYXXyb6L3oQWgZ40/6aURvt1YvMmkAYh04Wk9d7H1tQhVXvjF4dlxu/PvgR2KBUVZfLVwcDh4Cev6+5H39nLGVLt+CCmiqdvW5cl4+eEJrCfqFGelybyTHf5CSUvB5gO75s+ldvLrsoFBm4HvICFwxwnH5vEe5HPdFxtAdN8hQ994B9bc8GaWPz0e9Lg8b5dhHSr286SFkYQlQC0ehNdeF6MZ4DLma9wG/xWEXlDcuHZVnEJ1W7Eeln88i0c4USh2Rhytdfhjt0roFIKdhRhLISfuT7YQYz+doYkNTKSkFN+NGr4wCRmAX8OcoM3Bhje+xAykMlyFjv4E6yHGv6pqDG62yPQTJqs9D1/QUJMttNJn0ABo1+cMciSz0+ahd1hPoZrkP2IDr7oRyKz84UOD6O1aP6E0qGIO93vs9gSri/NLli9BTO1i6/AqK+L8EmnEL+x6JfK9Q0O+vvc82UuL0AHzmo0n9Z0B/1FIACHrUvtT5X9DkimIPmui+HPdx6iDHXTBvNgUvPx+a/Ieia+XfQyeTvDak7jUAPlleAtTCESgiOwc9ZZ9EnsG9SOO9A6CtPVecZPXwDLz9FHehDRweQs07pyGv4EIU2Pw2kkcDlfPO/rjG7Wmnf8LA1xi9yzwSxpId+hpaBvzYH/+QeMCSlXTPz+MUwHXYgMqcf0YpjuLLce9DLn6ZHHe0S7rgkz40ow5DHswF6Gl/EnL500Im04ATURpwUlyDHwPbkDG4x/t6Gm87LaE7LDeuwMJbRuYZ+Jxz4ic5aXJkXPADSO65gWH27wulz+ajllujjTD3IcFVfw1pwI+ja/fRUb7XRuBfe+dWkzWiZ2Forf1vUDpxvTfWNQOD7hvtbeW3aC5XYOHttV+TK+Z3knMj588RlE/6E0lvc5lbUHxlMGtpwLRyKKq0mo0qFp+iZAyeAmcbQKG/5BmQc+m9vfaA0gMbXuCBDS8A0D3/PHCL8al3vS+g8uQv9krUWZyKRDdjSS81YgngEwwKPoerp29P3/Kyg0KZgV+i8/8OngS6OPkrGJBKXP35s+nf5+m2yif/kcgTuxAFbT9F/VORcZDJGECsA68jh6Dc/kxUd/80WiLcjbyErQAUHLq7OgCHXFsbC2+7r+Y3qLY5YyUCJ64RQb8w9fAM/UzFl4HNFYJsQSMwgBSgZb+rlUAvAvrL++wehYKxF6BJP4XsVCb6ZNIANDILUC8ORs1EzkGy1WcoGYMnwNkCUBgcLG2T5Tr0LFlR10GEgn5/g1zUsZJEHwRfq/BtqgQFRy/M6aR4i5XfaR9AUu4LUfznBCTNzSqZNQBZ5iAkAT4LBak2oKDU3SjNuBnAddzihM3hsLBvxZje1H+tQns7uYGBr6O0WqMZiWpwOK5GQcEf+Z9vbLX0HYGhucX/OpJsz6A06Y+neXpEZlIH4A+8GTgQ1WqfgTbF/C0lY/AoXoS6gBt4eo9chBIMiuUGBi5FKbW4y3vjZgLwXaQUvNsFruzKj0iVF9XkpTA4nlzbvg8BMxylWfOozLZZJn2QzHoAzWIAghyA3MvpSAf/HFIf3oWMgRfgK/VBrKW8tLu8vNcP+tVbXpqUEfArFr/kSDDFlfNns2hx5Wh+mXvvD951cB33w8CZubZ9FyEp9nE0/yazZgBSygGo+OM0Sq7uClSstB6vL7zfNAOoHNEuSf38Wvvj6zzWkXYEqrex8IOC/w7Y7EQoBaPce2/WfwQ403Vcf9JPRi20WoXMLgFaif3Rk3sq8BVUtrwCeQbrcHIbcQvgBoyB64lihir96hH0C5OGZqjzCAUFg0KH0FiPAc7CdS5G6dpPkHzhU1KYB5AxJiBp6ymom+uLuIWVyDNYh5/uckrGoM1xGXSdb5BM0C9MHB6Az9eQcfyh/lm8RXKoLuBstKafhQRJrTrpg2TSAMQ68AyxH5KWnoQadr6Imm3cCTwM7lvguIOucymqk4/rhk+DB+Cfj+/qPLj3gDMRpV0vRlqMSZhnGiaTBqCVPYBKjEeS0xORpv8lcFai4qFvEm9NOaTHCBwNfB+cx1FmZRLZ3rwlbswANCHjkSqtUTvnJB0EDNPIz551XG9P4bq/cFr7tBuGUcJ1Y7LHcRoA8wDSRb02BjEaT2EwF0/WM24PwAxAdjEjkB7c9sF9Y3+VCMwDaB3i6gpsxE9cKwCLARhGBojtQWoeQOuQtiyAUTtmAIwxYxM6u2TSAMQ6cMNoITJpAMwDSBcjDQKax5AeMmkAYh24YbQQmTQANvnThQmBsksmDUCsAzeMFiK2nYEsBtA6WBowu5gHYNQFm9TZJJMGwDyAdGExgOySSQMQ68CN2DEjkB7MABhjxiZ0dsmkAbAlQPqwasBskkkDYKSLRu4ObNSXTBoA8wCyi03+dJFJHQCYAUgTNqmzi3kARl2wYqBsonnk1H86mQfQOtiEzi4ugFsYrPsLmwdgRGHGIl24AI5T/208zANoHWxSZ5dMxgBiHbgxKiwGkE0yaQBsCZAubEJnl0wagFgHbsSKGYt0kVkdgN1I6cGUgNkltmsRpwEYAF72/m+kA6sFyBb9wKPAQ3G9QZzbg/cD/xnoAy4DPo32hTeSwSZ1dtgErAB+5f1/U1xvFKcBANgM3IqMwMnAZ4HPACc24L2N0WPGovEMAs8CtwO3AE+ih2iR3r6VdX/TWCahP9Cr5udxFQYcAB73vq4FzkNeQQdweBxjMIZgMYB0sg24H7gRuBt4K3xAHBPfJ9ancM9iDbx77hzIFQOZG4FfAL8GTgM+D3QBn8TKk+PGYgDpwAV+BywBbgbWA3uCB+RwWNi3IvaBNMQN7126vPh9d1fe/3Yv8KD39X3gIuQVnA0c3IhxtRg2qZNnFwro3QTcAbwSPiDOp30UDV+HF5cH8/K4pVvyNaAX+CVwBvBF4A+Ajzd6fAZgxqLevAr8Brn5DwE7g78cGGznhmX3JjKwxAJxPUtKli7gFewCVoCzAtzJwFzgC8AMYP+kxtokWAygsexBKbxfoyD4i4SEcY1+2keRikh80SvoyntnyAWtkb4P3ADMRMuDC4Bjkh5vhrEYQPy8DdyDUnj3A1uDv3RxWNS3IukxFkmFAfDp6Sv3ClzXwXHc7Wi9dCcwBZgPfA6YCoxPeswZwiZ1fPQDT6GU923Ab1FajwN27OH9gyek4mkfRaoMQBD/hHXPy/u3bgHY4H31AHngS8Ac4ANJj7fJMGNRG+8hoc6NwHLg3fAB318Rm4ivLqTWAPj0RscK3kNiiSiBUVvSY04pFgOoD4PAc5QLdvYFD0jr0z6K1BuAIEWvYH7eD6f0A495X9cC56NYwWzgsKTHm0IsBjB6tgFrKAl23gwfkKWJ75MpA+DTuzjSK3gb+BkSVoQFRnZD2zkYDS7wEuWCnd3BA7ZNOJqbbrop6XGOmkwagCBFr6BkCPYAD3hfYYHRQUmPNyO0ekegXcDDlAQ7vw8fkMWnfRSZNwA+/gW5sqsTp5RufRUFDH8BnElJYDQp6fEmQKtP6lp4DQl2bkIK1R3BXzq49PStSnqMdaVpDIBPMMcaEhgtRxHboMBoOiYwiqKVDMVeFEO6GQWVXyCFgp24aDoDEKQUNJwNbg50YV8ErmGowOgjSY83ZlppUtfC28C9KKi3GtgSPqCZJ75PUxsAn97Fq4vfd3d5GQSHbcAySgKjS5HA6BSaV2DU6lmAfuBpJNi5HWlK1LEqBxRaY9IHaQkDEKQUNOzE8/QGgWe8r4WUC4yOSnq8daSVdQDvAauQPHc58E74gN7bW2vi+7ScAfDp7VtR/D4QK9iEijcWI0/gc8gz+BStJTBqhslfQIKdxeiaPkGGBTtx0bIGIEhEKtFvxvgo8P8oCYxmkW2BUTNM7OHYDqxFa/u7gDfCB9jEL2EGIIB/Y1wxN0+u1JvoLeCnKDV0OsoezAOOI1sTaiRjzdLn8nkJWIqu0yOEBDuOW16CbggzABFctzRSabgHPVnWoizCxUhXcBbNKTDKghF4H1iHJv2yvVvee3m/w48sO8Ce9tUxAzAM/g10+bxZtDnFMMArwI+BnyMD8EVkED6W9HirMBIhUNon/+soe3MjUnzuAPAnv4vLoiYT7MSFGYAauX7J/cXvA17BTpRLvg8tCeahJcLpwISkx9xk7EVdpf0OO88T2jLLnvYjxwzAKCjKjufncUotjF4A/gG4HgULL0PBww8nPV6PrMYANiID+yuUymtJwU5cmAEYA4tCVYk5ChTIbUXVY3eg9GFQYDQu6TFnhAGky/A77Dzj/QwHFxfHJn2dMANQJ0qboXTgqt3xIFKdPY3iBXOQV9BJMgKjkcYAkvACNqOn/I1oaTVEsNNsxThJYwagzvQsLt2gIYHRTUh+GhQYTaG1BEZRFNB6PijY2Rs8wJ728WEGIEYiBEb7UFOJ9ZQERl9CRUmHxjyctMUAtqMIvi/YeT18gE38+DED0AD8G/nLn72Q9oHiw+1N4CcMFRhNJr4JmIY04MtIsHMzyuG/H/yl6zosWrIixrc3gpgBaCA33HpX8fuAV7Ab9ZpbA/wjalhyGWpgcmDSY64T7yN13k3AMnBfCtsYe9ongxmAhCgFDTtx3WL/iVeAH6HehmcjQ3ARMLEObznSJUA9vIA3KBfsbC8fikuvBfUSxQxAwvQsXlH8PtCrYCfaXeZe1NTUFxidxtgERo1Y2+9FgTxfsPMcJthJLWYAUkRE0NBFEfK/B65D7c59gdGHRvjycQcB36FcsLM5/JLBEmwjHZgBSCHBJ2R3V57+fTnGjS9sRU/UZWgDlM+gDVFOJjmB0QDqqnMbEu08TVGwI+tlT/t0YwYg5ZRiBXm8UMEg2ofuKRQvmINSiXngyCovVU8h0BbKBTsbwwf02MTPBGYAMkKPJzvO5XJcMXe2/+N30SS8DW2W+jm0eeoU1OWunhRQvUMfWt8/Rkiw097ez49uXZv0qTJGgBmAjFEoFCoJjNZ5Xz8ALkSxgpnAId4xI40B+AZkB+qRfyOK6L8WPtjc/OxiBiDDFDsYzZ9Dzi0G2t9ELc9/BcxA2YMu/PxCbfhbYt2Dcvfr0N4KRcbt5/DDm1ckfQqMMWIGoAm4bvHy4vchgdFqHFbjcg1SG+6q8SXXI0HSy7TQJhmtiBmAJsOfoAsu7aBQcPzp+5L3VSubvC+Ra9222c1Omho/GDER8AoAe4obhmEYhmEYhmEYhmEYhmEYhmEYhmEYhmEYhmEYhmEYhmEYhmEYhmEYhmEYhmEYhmEYhmEYhmEYhmEYhmEYhmEYhmEYhmEYhmEYhmEYhmEYhmEYhmEYhmEYhmEYhmEYhmEYhmEYhmEYhmEYhmEYhmEYhmEYhtHS/H9rDg3TqGByPQAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0wMi0wMVQwMjowMToyMiswMDowMKI08DMAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjItMDItMDFUMDI6MDE6MjIrMDA6MDDTaUiPAAAAG3RFWHRpY2M6Y29weXJpZ2h0AFB1YmxpYyBEb21haW62kTFbAAAAInRFWHRpY2M6ZGVzY3JpcHRpb24AR0lNUCBidWlsdC1pbiBzUkdCTGdBEwAAABV0RVh0aWNjOm1hbnVmYWN0dXJlcgBHSU1QTJ6QygAAAA50RVh0aWNjOm1vZGVsAHNSR0JbYElDAAAAAElFTkSuQmCC);
+    /* Media Sizes */
+    --breakpoint-xs: 0;
+    --breakpoint-sm: 576px;
+    --breakpoint-md: 768px;
+    --breakpoint-lg: 992px;
+    --breakpoint-xl: 1200px;
+}
+
+/* Toast-Container */
+.toast-container { 
+    left: 74%;
+    top: 1rem;
+    z-index: 59000 
+}
+.toast-container .success{
+    background-color: rgb(var(--green));
+    color: #001b18;
+}
+.toast-container .danger{
+    background-color: rgb(var(--error));
+    color: rgb(var(--on-error));
+}
+.toast-container .warning{
+    background-color: rgb(var(--warning));
+    color: #743000;
+}
+.toast-container .toast-header{
+    background-color: transparent;
+    border: 0;
+    color: rgb(var(--surface));
+}
+.toast-container .toast-header .close{
+    color: rgb(var(--surface));
+}
+
+/* Focus is NOT the same as Focus-Visible */
+/**:focus:not(:focus-visible), */
+*.focus:not(:focus-visible) {
+    outline-color: transparent;
+    outline-offset: 0;
+    outline-style: none;
+    outline-width: 0;
+    /**/
+    box-shadow: none;
+}
+*:is(:focus-visible) {
+    outline-color: rgb(var(--focus-ring));
+    outline-offset: -0.10rem;
+    outline-style: solid;
+    outline-width: 0.19rem;
+    /*
+    * Background and Foreground Colors *
+    background-color: rgba(var( --pry-container));
+    color: rgb(var(--on-tertiary-container))
+    */
+    /**/
+    box-shadow: none;
+    animation: focus-ring-width-bounce-outer 0.45s cubic-bezier(0.25, 1, 0.5, 1) 0.15s forwards;
+}
+@keyframes focus-ring-width-bounce-outer {
+    0% {
+        outline-width: 0.19rem;
+    }
+    50% {
+        outline-width: 0.55rem;
+    }
+    100% {
+        outline-width: 0.30rem;
+    }
+}
+/* - */
+code, 
+.code {
+    font-family: var(--MonoFont);
+    font-size: 12px;
+    font-weight: 200;
+    line-height: 16px;
+    letter-spacing: 0.078em;
+    font-variant: tabular-nums slashed-zero;
+    color: rgb(var(--on-background));
+    background-color: rgb(var(--body-color2),0.35);
+    border-radius: 3px;
+    padding: 0.2em 0.4em;
+    text-rendering: optimizeLegibility;
+}
+
+small,
+.small {
+    font-size: 11px;
+    font-weight: 200;
+    line-height: 16px;
+    letter-spacing: 0.048em;
+}
+
+a,
+a.link,
+p > a,
+dd > a:link {
+    color: rgb(var(--link));
+    background-color: transparent;
+    text-decoration: none;  
+    text-decoration-color: transparent;           
+    font-style: normal;
+    transition: color .2s ease-in-out, text-decoration-color .2s ease-in-out, text-shadow .25s ease-in;
+    outline: 0;
+}
+a:hover,
+a.link:hover,
+p > a:hover {
+    color: rgb(var(--link));
+    text-decoration: solid underline;
+    text-decoration-color: currentColor;
+    text-decoration-thickness: 10%;
+    text-underline-offset: 0.17em;
+} 
+dd > a:hover,
+dd > a:focus,
+dd > a:focus:hover {
+    color: #1d91e1;
+    text-shadow: var(--light-txt-shadow);
+    text-decoration: underline;
+    text-decoration-color: currentColor;
+    text-decoration-style: solid;
+    text-underline-offset: 0.28em;
+    text-decoration-thickness: 10%;
+}
+a:focus-visible {
+    color: #00f9dd;
+    text-shadow: none;
+    text-decoration: underline;
+    text-underline-offset: 0.2em;
+    outline: 0;
+}
+dd > a:visited {
+    color: #AD87DF; /*purple*/
+    text-decoration: none;
+    outline: none;
+}
+dd > a:visited:hover,
+dd > a:visited:focus,
+dd > a:visited:focus:hover {
+    color: #CAA1FC;/*purple*/
+    text-shadow: none;
+    text-decoration: underline;
+    outline: none;
+}
+dd > a:active {
+    color: #2dffe7;
+    text-shadow: none;
+    text-decoration: underline;
+    outline: none;
+}
+dd > a:active:hover,
+dd > a:active:focus,
+dd > a:active:focus:hover{
+    color: #42ffea;
+    text-shadow: none;
+    text-decoration: underline;
+    outline: none;
+}
+
+hr {
+    border-top: 0;
+    border-style: none;
+}
+
+::selection {
+    background: rgb(var(--on-background));
+    color: rgb(var(--background));
+    transition: background 0.25s ease, color 0.15s linear;
+    -webkit-transition: background 0.25s ease, color 0.15s linear;
+}
+::-moz-selection {
+    background: rgb(var(--on-background));
+    color: rgb(var(--background));
+    -moz-transition: background 0.25s ease, color 0.15s linear;
+}
+
+textarea::selection, 
+input::selection {
+    background-color: rgb(var(--on-surface-variant));
+    color: rgb(var(--surface));
+    transition: background 0.25s ease, color 0.15s linear;
+    -webkit-transition: background 0.25s ease, color 0.15s linear;
+}
+textarea::-moz-selection, 
+input::-moz-selection {
+    background-color: rgb(var(--on-surface-variant));
+    color: rgb(var(--surface));
+    -moz-transition: background 0.25s ease, color 0.15s linear;
+}
+
+select {
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    -ms-appearance: none;
+    appearance: none;
+    background:transparent;
+    background-image: url("data:image/svg+xml;utf8,<svg fill='%23e2e2e5' width='16' height='16' viewBox='0 0 16 16' class='bi bi-caret-down-fill' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>");
+    background-repeat: no-repeat;
+    background-position: calc( 100% - 16px ) calc(50% + 0.065em);
+    background-size: 20px;
+}
+/*select:hover {
+    background-image: url("data:image/svg+xml;utf8,<svg fill='%23e2e2e5' height='30' viewBox='0 0 24 22' width='28' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
+}
+select:active,
+select:focus {
+    background-image: url("data:image/svg+xml;utf8,<svg fill='%23d3e7f3' height='30' viewBox='0 0 24 22' width='28' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
+}*/
+select::-ms-expand { 
+	display: none; 
+}
+
+select>option:hover {
+    box-shadow: inset 0 0 10px 100px #00dfc6 !important;
+    color: black !important;
+}
+option {
+    border-color: #accae5 !important;
+    box-shadow: inset 0 0 10px 100px #accae5 !important;
+    background-color: #2c4a60 !important;
+    color: #cae6ff !important;
+}
+option:disabled {
+    opacity: 0.38 !important;
+}
+option:checked {
+    border-color: #accae5 !important;
+    background-color: #2c4a60 !important;
+    color: #cae6ff !important;
+}  
+
+/* ||Autofill Text Entries */
+input:not(.login input):autofill,
+input:not(.login input):autofill:hover, 
+input:not(.login input):autofill:focus {
+    -webkit-text-fill-color: rgb(var(--on-pry-container));
+    box-shadow: inset 0 0 0px 40rem rgb(var(--pry-container));
+    caret-color: rgb(var(--on-pry-container));
+}
+input:not(.login input):autofill:focus {
+    box-shadow: inset 0 0 0 1px rgb(var(--pry-color)), inset 0 0 0px 40rem rgb(var(--pry-container));
+}
+input:not(.login input)::-webkit-autofill,
+input:not(.login input)::-webkit-autofill:hover, 
+input:not(.login input)::-webkit-autofill:focus {
+    -webkit-text-fill-color: rgb(var(--on-pry-container));
+    box-shadow: inset 0 0 0px 40rem rgb(var(--pry-container));
+    caret-color: rgb(var(--on-pry-container));
+}
+input:not(.login input)::-webkit-autofill:focus {
+    box-shadow: inset 0 0 0 1px rgb(var(--pry-color)), inset 0 0 0px 40rem rgb(var(--pry-container));
+}
+
+#root {
+     position: absolute;
+     width: 100%;
+     height: 100%;
+     z-index: 2;
+}
+
+/* ||Check-Boxes & Radio */
+.grid-card .card-check {
+    width: 1.75rem;
+    left: 0.8rem;
+    margin-top: -8px;
+    height: 1.75rem;
+}
+.grid-card .card-check,
+.grid-card .card-check:checked {
+    top: 1.3rem;
+}
+label.form-check-label {
+    margin-left: 12px;
+}
+input[type=radio] {
+    appearance: none;
+    -moz-appearance: none;
+    -webkit-appearance: none;
+    width: 20px;
+    height: 20px;
+    display: inline-block;
+    position: relative;
+}
+input[type=checkbox] {
+    width: 18px;
+    height: 18px;
+    border: 0;
+    transition: box-shadow 0.35s ease-in-out, accent-color 0.45s ease, outline 0.35s ease-in-out;
+    -webkit-transition: box-shadow 0.35s ease-in-out, accent-color 0.45s ease, outline 0.35s ease-in-out;
+    /*box-shadow: inset 0 0 0 5rem rgba(var(--white-color),var(--btn-hover));*/
+}
+:is(.scene-card, .performer-card, .studio-card, .tag-card) input[type=checkbox].card-check.form-control,
+:is(.scene-card, .performer-card, .studio-card, .tag-card) input[type=checkbox].card-check.form-control:focus-visible {
+    box-shadow: inset 0 0 0 2px rgb(var(--white-color)), inset 0 0 0 5rem transparent;
+}
+:is(.scene-card, .performer-card, .studio-card, .tag-card) input[type=checkbox].card-check.form-control:checked,
+:is(.scene-card, .performer-card, .studio-card, .tag-card) input[type=checkbox].card-check.form-control:checked:focus-visible {
+    box-shadow: inset 0 0 0 2px rgb(var(--pry-color)), inset 0 0 0 5rem transparent;
+}
+.scene-table label input[type=checkbox].form-control,
+input[type=checkbox].form-check-input.position-static {
+    margin: 0 auto;
+    width: auto;
+    height: auto;
+    vertical-align: middle;
+    text-align: center;
+    box-shadow: 0 0 0 0.11rem rgb(var(--on-background)), inset 0 0 0 5rem rgb(var(--tables-even));
+    outline-offset: 0.16rem;
+    outline-width: 0.11rem;
+}
+input[type=checkbox].form-check-input.position-static {
+    box-shadow: 0 0 0 0.11rem rgb(var(--on-surface)), inset 0 0 0 5rem rgb(var(--card-color));
+}
+
+.scene-table label input[type=checkbox].form-control:nth-of-type(odd) {
+    box-shadow: 0 0 0 0.11rem rgb(var(--on-surface)), inset 0 0 0 5rem rgb(var(--tables-odd));
+}
+.scene-table label input[type="checkbox"].form-control:hover {
+    box-shadow: 0 0 0 0.11rem rgb(var(--on-background)), inset 0 0 0 5rem rgb(var(--tables-hover));
+}
+.scene-table label input[type=checkbox].form-control:nth-of-type(odd):hover {
+    box-shadow: 0 0 0 0.11rem rgb(var(--on-surface)), inset 0 0 0 5rem rgb(var(--tables-hover));
+}
+input[type=checkbox].form-check-input.position-static:hover {
+    box-shadow: 0 0 0 0.11rem rgb(var(--on-surface)), inset 0 0 0 5rem rgb(var(--card-color));
+}
+.scene-table label input[type="checkbox"].form-control:checked,
+.scene-table label input[type="checkbox"].form-control:checked:hover,
+.scene-table label input[type="checkbox"].form-control:checked:focus,
+input[type=checkbox].form-check-input.position-static:checked,
+input[type=checkbox].form-check-input.position-static:checked:hover,
+input[type=checkbox].form-check-input.position-static:checked:focus {
+    box-shadow: 0 0 0 0.11rem rgb(var(--pry-color)), inset 0 0 0 5rem transparent;
+}
+table.table.table-striped.table-bordered>tbody>tr:hover>td label input[type="checkbox"].form-control:focus-visible,
+table.table.table-striped.table-bordered>tbody>tr:nth-child(odd):hover>td label input[type="checkbox"].form-control:focus-visible {
+    accent-color: rgb(var(--body-color2));
+}
+table.table.table-striped.table-bordered>tbody>tr:hover>td label input[type="checkbox"].form-control:checked:focus-visible,
+table.table.table-striped.table-bordered>tbody>tr:nth-child(odd):hover>td label input[type="checkbox"].form-control:checked:focus-visible,
+table.table.table-striped.table-bordered>tbody>tr:hover>td label input[type="checkbox"].form-control:checked,
+table.table.table-striped.table-bordered>tbody>tr:nth-child(odd):hover>td label input[type="checkbox"].form-control:checked {
+    accent-color: rgb(var(--pry-color));
+}
+.form-check-input {
+    margin-top: -0.05rem;
+}
+input[type=radio]:focus-visible {
+    outline-style: none;
+    outline-width: 0;
+}
+input[type=checkbox]:focus-visible {
+    outline-color: rgb(var(--focus-ring));
+    outline-style: solid;
+    outline-width: 0.19rem;
+    outline-offset: -0.1rem;
+    box-shadow: inset 0 0 0 5rem rgba(var(--white-color),var(--btn-hover));
+}
+input[type=checkbox]:checked {
+    accent-color: rgb(var(--pry-color));
+    box-shadow: none;
+}
+input[type=checkbox]:checked:hover {
+    accent-color: #a2d9ff;
+}
+input[type=checkbox]:checked:focus-visible {
+    accent-color: rgb(var(--complement));
+    outline-color: rgb(var(--focus-ring));
+    outline-style: solid;
+    outline-width: 0.19rem;
+    outline-offset: -0.1rem;
+    box-shadow: none;
+}
+input[type=checkbox]:disabled {
+    accent-color: rgb(var(--pry-color));
+    box-shadow: inset 0 0 0 2px rgb(var(--on-surface-variant)), inset 0 0 0 5rem rgb(var(--body-color2));
+    opacity: var(--disabled);
+}
+input[type=checkbox]:disabled:checked {
+    accent-color: rgb(var(--pry-color));
+    box-shadow: inset 0 0 0 2px rgb(var(--pry-color)), inset 0 0 0 5rem transparent;
+    opacity: var(--disabled);
+}
+    /* New Editor Pages & Tagger-Container Preferences & Modal */
+input#ignore-auto-tag[type="checkbox"] {
+    box-shadow: inset 0 0 0 2px rgb(var(--on-surface-variant)), inset 0 0 0 5rem rgb(var(--body-color2));
+}
+input#ignore-auto-tag[type="checkbox"]:hover {
+    box-shadow: inset 0 0 0 2px rgb(var(--on-surface)), inset 0 0 0 5rem rgb(var(--body-color2));
+}
+.tagger-container .collapse.show.card input.form-check-input[type="checkbox"],
+input[type="checkbox"]:is(#include-sub-tags, #include-sub-studios).form-check-input {
+    box-shadow: inset 0 0 0 2px rgb(var(--on-surface-variant)), inset 0 0 0 5rem rgb(var(--card-color2));
+}
+.tagger-container .collapse.show.card input.form-check-input[type="checkbox"]:hover,
+input[type="checkbox"]:is(#include-sub-tags, #include-sub-studios).form-check-input:hover {
+    box-shadow: inset 0 0 0 2px rgb(var(--on-surface)), inset 0 0 0 5rem rgb(var(--card-color2));
+}
+input#ignore-auto-tag[type="checkbox"]:checked,
+.tagger-container .collapse.show.card input.form-check-input[type="checkbox"]:checked,
+input[type="checkbox"]:is(#include-sub-tags, #include-sub-studios).form-check-input:checked {
+    box-shadow: inset 0 0 0 2px rgb(var(--pry-color)), inset 0 0 0 5rem transparent;
+}
+
+/* || Stats Page */
+    /* Removes background-image from Stats page */
+body:has(.main.container-fluid>div>.stats) {
+    background-image: none;
+    background-color: rgb(var(--body-color2));
+}
+.stats .title {
+    color: rgb(var(--on-surface));
+    text-shadow: var(--light-txt-shadow);
+}
+p.title {
+    margin-bottom: 2rem;
+}
+.stats .heading {
+    color: rgb(var(--on-surface-variant));
+    text-shadow: var(--light-txt-shadow);
+}
+p.heading {
+    margin-bottom: 2.3rem;
+}
+/* || */
+
+.bg-dark {
+     background-color: rgb(var(--nav-color2))!important;
+}
+.form-group .bg-dark {
+    background: rgba(10, 20, 25, 0.20)!important;
+}
+/* --- The space between the Navigation Bar and the rest of the page --- */
+.container-fluid {
+    margin-top: 73px;
+    padding-right: 16px;
+    padding-left: 16px;
+    width: calc(100% - 88px);
+    margin-right: auto;
+    margin-left: 88px;
+}
+.container-fluid:has(*.background-image-container) {
+    padding-right: 1px;
+    padding-left: 1px;
+}
+.container, 
+.container-xl, 
+.container-lg, 
+.container-md, 
+.container-sm {
+    padding-top: 16px;
+    padding-right: 16px;
+    padding-left: 16px;
+}
+/*@media (max-width: 575.98px) {
+    .container, 
+    .container-fluid, 
+    .container-xl, 
+    .container-lg, 
+    .container-md, 
+    .container-sm {
+        margin-left: auto;
+        width: 100%;
+        margin-bottom: auto;
+    }
+}*/
+.top-nav {
+    padding-left: 16px;
+    padding-right: 16px;
+    padding-bottom: 0;
+    padding-top: 0;
+    min-height: 64px;
+    width: 100%;
+    overflow: hidden;
+}
+
+.fixed-bottom, 
+.fixed-top {
+    top:0 !important;
+}
+.fixed-top {
+    position: fixed !important; 
+    box-shadow: var(--elevation-0);
+    z-index: 35001;
+}
+
+.text-muted {
+    color: rgb(var(--muted-text)) !important; 
+}
+.bg-secondary {
+    background: none;
+    background-color: unset !important;
+}
+a.bg-secondary:hover, 
+a.bg-secondary:focus, 
+button.bg-secondary:hover, 
+button.bg-secondary:focus {
+    background-color: unset !important;
+}
+.text-white {
+     color: unset !important;
+}
+.border-secondary {
+     border-color: #bec9c5 !important;
+}
+
+.order-2 button {
+    margin-left: 4px;
+}
+
+/* --- Input Boxs --- */
+.text-input,  
+.text-input[readonly],
+input:is(#batch-search-delay, #colorize-color-green, #colorize-color-yellow, #colorize-color-red).query-text-field.bg-secondary.text-white.border-secondary.form-control {
+     background-color: rgb(var(--body-color2));
+     border: 0;
+     border-style: none;
+     transition: box-shadow 0.4s cubic-bezier(0.4, 0, 0.2, 1), border 0.4s cubic-bezier(0.4, 0, 0.2, 1);
+}
+input:is(#batch-search-delay, #colorize-color-green, #colorize-color-yellow, #colorize-color-red).query-text-field.bg-secondary.text-white.border-secondary.form-control {
+    border: 1px solid rgb(var(--outline)) !important;
+    background-image: linear-gradient(to right, rgba(var(--pry-color),var(--text-field-tint)), rgba(var(--pry-color),var(--text-field-tint))),linear-gradient(to right, rgb(var(--card-color)), rgb(var(--card-color))) !important;
+    border-radius: 4px;
+    box-shadow: inset 0 0 0 1px transparent;
+    margin-left: 30px;
+}
+
+.text-input:hover,
+input:is(#batch-search-delay, #colorize-color-green, #colorize-color-yellow, #colorize-color-red).query-text-field.bg-secondary.text-white.border-secondary.form-control:hover {
+    border: 0;
+    border-style: none;
+    box-shadow: inset 0 0 0 1px transparent;
+    border: 1px solid rgb(var(--on-surface));
+}
+input:is(#batch-search-delay, #colorize-color-green, #colorize-color-yellow, #colorize-color-red).query-text-field.bg-secondary.text-white.border-secondary.form-control:hover {
+    border-color: rgb(var(--on-surface-variant)) !important;
+}
+.text-input:focus,
+.text-input:active,
+input:is(#batch-search-delay, #colorize-color-green, #colorize-color-yellow, #colorize-color-red).query-text-field.bg-secondary.text-white.border-secondary.form-control:is(:active, :focus) {
+    background-color: rgb(var(--body-color2)) !important; 
+    box-shadow: inset 0 0 0 1px rgb(var(--pry-color));
+    border: 1px solid rgb(var(--pry-color));
+    outline: none;
+}
+.text-input:not(:focus):focus-visible,
+input:is(#batch-search-delay, #colorize-color-green, #colorize-color-yellow, #colorize-color-red).query-text-field.bg-secondary.text-white.border-secondary.form-control:not(:focus):focus-visible {
+    color: rgb(var(--focus-ring));
+    background-color: rgb(var(--body-color2));
+    box-shadow: none;
+    border: 1px solid rgb(var(--on-surface));
+    outline-color: rgb(var(--focus-ring));
+    outline-offset: -1px;
+    outline-style: solid;
+    outline-width: 0.25rem;
+}
+.text-input:disabled,
+input:is(#batch-search-delay, #colorize-color-green, #colorize-color-yellow, #colorize-color-red).query-text-field.bg-secondary.text-white.border-secondary.form-control:disabled {
+    opacity: var(--disabled);
+}
+
+.address .text-input:not(:last-child):not(:only-child):first-child:hover,
+.address .text-input:not(:last-child):not(:only-child):first-child:focus,
+.address .text-input:not(:last-child):not(:only-child):first-child:active {
+    margin-right: 4px;
+}
+
+.input-group:not(.has-validation)>input.text-input.form-control:not(:first-child):not(:last-child) {
+    z-index: 3;
+}
+
+.form-control {
+    height: 56px;
+    padding-left: 16px;
+    padding-right: 16px;
+    border-radius: 4px;
+}
+.form-control::placeholder {
+    color: rgb(var(--on-surface-variant));
+    font-size: 16px;
+    font-weight: 400;
+    line-height: 24px !important;
+    letter-spacing: 0.5px;
+}
+.form-control:hover::placeholder {
+    color: rgb(var(--on-surface-variant));
+}
+.form-control:focus::placeholder,
+.form-control:active::placeholder {
+    visibility: hidden;
+}
+
+.was-validated .form-control:invalid,
+.form-control.is-invalid {
+   border: 0;
+   background-image: none;
+   border-style: none;
+   caret-color: rgb(var(--error-container));
+   box-shadow: 0 0 0 1px rgb(var(--error-container)), inset 0 0 0 1px transparent;
+   transition: box-shadow 0.4s cubic-bezier(0.4, 0, 0.2, 1); 
+}
+.was-validated .form-control:invalid:hover,
+.form-control.is-invalid:hover {
+    border: 0;
+    border-style: none;
+    box-shadow: 0 0 0 1px rgb(var(--on-error-container)), inset 0 0 0 1px transparent;
+}
+.was-validated .form-control:invalid:focus,
+.form-control.is-invalid:focus,
+.form-container .string-list-input.is-invalid > .form-group:focus-within .input-group > input.is-invalid.form-control {
+    border: 0;
+    border-style: none;
+    box-shadow: 0 0 0 1px rgb(var(--error-container)), inset 0 0 0 1px rgb(var(--error-container));
+}
+.was-validated .form-control:invalid:not(:focus):focus-visible,
+.form-control.is-invalid:not(:focus):focus-visible {
+    box-shadow: none;
+    outline-color: rgb(var(--on-error));
+    outline-offset: -1px;
+    outline-style: solid;
+    outline-width: 0.25rem;
+}
+.was-validated .form-control:invalid::placeholder, 
+.form-control.is-invalid::placeholder {
+    color: rgb(var(--error));
+}
+.was-validated .form-control:invalid:hover::placeholder,
+.form-control.is-invalid:hover::placeholder {
+    color: rgb(var(--on-error-container));
+}
+
+.input-group:not(.has-validation) >input.bg-secondary.text-white.border-secondary.form-control:not(:last-child) {
+    border-radius: 4px;
+    border: 0;
+    border-style: none;
+    background-color: transparent !important;
+    box-shadow: 0 0 0 1px rgb(var(--outline)), inset 0 0 0 1px transparent;
+    margin: 0 0 8px 12px;
+    margin-right: -38px;
+    padding-right: 42px;
+    transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1);
+}
+.input-group:not(.has-validation) >input.bg-secondary.text-white.border-secondary.form-control:not(:last-child):hover {
+    box-shadow: 0 0 0 1px rgb(var(--on-surface)), inset 0 0 0 1px transparent;
+}
+.input-group:not(.has-validation) >input.bg-secondary.text-white.border-secondary.form-control:not(:last-child):active,
+.input-group:not(.has-validation) >input.bg-secondary.text-white.border-secondary.form-control:not(:last-child):focus {
+    box-shadow: 0 0 0 1px rgb(var(--pry-color)), inset 0 0 0 1px rgb(var(--pry-color));
+}
+.input-group:not(.has-validation) >input.bg-secondary.text-white.border-secondary.form-control:not(:last-child)::placeholder {
+    color: rgb(var(--on-surface-variant));
+    font-size: 16px;
+    line-height: 24px;
+    letter-spacing: 0.5px;
+    font-weight: 400;
+}
+.input-group:not(.has-validation) >input.bg-secondary.text-white.border-secondary.form-control:focus:not(:last-child)::placeholder,
+.input-group:not(.has-validation) >input.bg-secondary.text-white.border-secondary.form-control:active:not(:last-child)::placeholder {
+    visibility: hidden;
+}
+
+.modal-body .input-group>input.btn-secondary.form-control {
+    background: none !important;
+    background-color: transparent !important;
+    border: 0;
+    box-shadow: 0 0 0 1px rgb(var(--outline)), inset 0 0 0 1px transparent;
+    caret-color: rgb(var(--pry-color));
+    transition: box-shadow  0.4s ease-in, background-color 0.55s cubic-bezier(0.4, 0, 0.2, 1);
+}
+.modal-body .input-group>input.btn-secondary.form-control:hover {
+    border: 0;
+    box-shadow: 0 0 0 1px rgb(var(--on-surface)), inset 0 0 0 1px transparent;
+}
+.modal-body .input-group>input.btn-secondary.form-control:active,
+.modal-body .input-group>input.btn-secondary.form-control:focus {
+    border: 0;
+    box-shadow: 0 0 0 1px rgb(var(--pry-color)), inset 0 0 0 1px rgb(var(--pry-color));
+}
+
+.input-group-text {
+    border: 0;
+    border-style: none;
+    color: rgb(var(--on-surface-variant));
+    position: relative;
+    left: 13px;
+    top: -28px;
+    font-size: 11px;
+    font-weight: 500;
+    line-height: 16px;
+    letter-spacing: 0.5px;
+    background-color: rgb(var(--card-color));
+    padding-left: 4px;
+    padding-right: 4px;
+    z-index: 33;
+}
+
+.query-text-field-group {
+    white-space: nowrap;
+    /*overflow: hidden;*/
+    height: 64px;
+}
+
+input.query-text-field.bg-secondary.text-white.border-secondary.form-control,
+input.clearable-text-field.form-control,
+input.btn-secondary.search-input.form-control {
+    background: none;
+    background-color: rgb(var(--body-color2));
+    background-image: linear-gradient(to right, rgba(var(--pry-color),var(--text-field-tint)), rgba(var(--pry-color),var(--text-field-tint))),linear-gradient(to right, rgb(var(--body-color2)), rgb(var(--body-color2))) !important;
+    border-style: none;
+    border: 0;
+    border-radius: 5rem;
+    padding-right: 46px;
+    padding-left: 16px;
+    height: 56px;
+    margin: 4px 8px;
+    font-size: 16px;
+    font-weight: 400;
+    letter-spacing: 0.5px;
+    line-height: 24px;
+    box-shadow: none;
+    caret-color: rgb(var(--pry-color)); 
+    transition: caret-color 0.25s ease-in, background-color 0.55s ease, background 0.55s ease, opacity 0.55s ease, outline 200ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.35s cubic-bezier(0.4, 0, 0.2, 1);
+}
+input.btn-secondary.search-input.form-control {
+    background-color: rgba(227,224,225,0.06)  !important;
+}
+input.query-text-field.bg-secondary.text-white.border-secondary.form-control:hover,
+input.clearable-text-field.form-control:hover,
+input.btn-secondary.search-input.form-control:hover {
+    background-color: rgb(var(--body-color2)) !important;
+    background-image: linear-gradient(to right, rgba(var(--pry-color),var(--btn-hover)), rgba(var(--pry-color),var(--btn-hover))),linear-gradient(to right, rgb(var(--body-color2)), rgb(var(--body-color2))) !important;
+    box-shadow: none;
+    opacity: 1;
+}
+input.btn-secondary.search-input.form-control:hover  {
+    background-color: rgb(var(--body-color2)) !important;
+    background-image: linear-gradient(to right, rgba(var(--pry-color),var(--btn-hover)), rgba(var(--pry-color),var(--btn-hover))),linear-gradient(to right, rgb(var(--body-color2)), rgb(var(--body-color2))) !important;
+    opacity: 1;
+}
+input.query-text-field.bg-secondary.text-white.border-secondary.form-control:focus,
+input.query-text-field.bg-secondary.text-white.border-secondary.form-control:active,
+input.clearable-text-field.form-control:focus,
+input.clearable-text-field.form-control:active,
+input.btn-secondary.search-input.form-control:focus,
+input.btn-secondary.search-input.form-control:active {
+    background-color: rgb(var(--body-color)) !important;
+    background-image: linear-gradient(to right, rgba(var(--pry-color),var(--btn-active)), rgba(var(--pry-color),var(--btn-active))),linear-gradient(to right, rgb(var(--body-color2)), rgb(var(--body-color2))) !important;
+    box-shadow: 0 0 6px 0 rgb(var(--pry-color));
+    opacity: 1;
+    outline: none;
+    caret-color: rgb(var(--pry-color));
+}
+input.btn-secondary.search-input.form-control:focus,
+input.btn-secondary.search-input.form-control:active {
+    background-color: rgb(var(--body-color)) !important;
+    background-image: linear-gradient(to right, rgba(var(--pry-color),var(--btn-active)), rgba(var(--pry-color),var(--btn-active))),linear-gradient(to right, rgb(var(--body-color2)), rgb(var(--body-color2))) !important;
+    opacity: 1;
+}
+input.query-text-field.bg-secondary.text-white.border-secondary.form-control:focus-visible:not(:focus),
+input.clearable-text-field.form-control:focus-visible:not(:focus),
+input.btn-secondary.search-input.form-control:focus-visible:not(:focus) {
+    background-color: rgb(var(--body-color)) !important;
+    background-image: linear-gradient(to right, rgba(var(--pry-color),var(--btn-hover)), rgba(var(--pry-color),var(--btn-hover))),linear-gradient(to right, rgb(var(--body-color2)), rgb(var(--body-color2))) !important;
+    box-shadow: none;
+    opacity: 1;
+    outline-color: rgb(var(--focus-ring));
+    outline-style: solid;
+    outline-width: 0.25rem;
+    outline-offset: -1px;
+}
+input.btn-secondary.search-input.form-control:focus-visible:not(:focus) {
+    background-color: rgb(var(--body-color)) !important;
+    background-image: linear-gradient(to right, rgba(var(--pry-color),var(--btn-hover)), rgba(var(--pry-color),var(--btn-hover))),linear-gradient(to right, rgb(var(--body-color2)), rgb(var(--body-color2))) !important;
+    opacity: 1;
+}
+input.query-text-field.bg-secondary.text-white.border-secondary.form-control::placeholder,
+input.clearable-text-field.form-control::placeholder,
+input.btn-secondary.search-input.form-control::palceholder {
+    color: rgb(var(--on-surface-variant));
+    font-size: 16px;
+    font-weight: 400;
+    line-height: 24px;
+    letter-spacing: 0.5px;
+}
+
+.btn-toolbar .query-text-field-group input.query-text-field.bg-secondary.text-white.border-secondary.form-control {
+    min-width: 360px;
+    max-width: 720px;
+}
+
+input#update-stashids.query-text-field.bg-secondary.text-white.border-secondary.form-control {
+    padding-right: 16px;
+}
+
+.login input[type=text]#username.text-input,
+.login input[type=password]#password.text-input {
+    background: none !important;
+    background-color: transparent !important;
+    background-image: none !important;
+    border: 1px solid rgb(var(--outline)) !important;
+    border-radius: 4px;
+    font-size: 14px;
+    font-weight: 500;
+    letter-spacing: 0.25px;
+    line-height: 20px;
+    box-shadow: inset 0 0 0 1px transparent !important;
+    caret-color: rgb(var(--pry-color));
+    transition: background-color 0.35s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.25s ease-in;
+}
+.login input[type=text]#username.text-input:hover,
+.login input[type=password]#password.text-input:hover,
+.login input[type=text]#username.text-input:focus-visible,
+.login input[type=password]#password.text-input:focus-visible {
+    background-color: transparent !important;
+    background-image: none !important;
+    border: 1px solid rgb(var(--on-surface-variant)) !important;
+    box-shadow: inset 0 0 0 1px transparent !important;
+}
+.login input[type=text]#username.text-input:focus,
+.login input[type=password]#password.text-input:focus {
+    background-color: transparent !important;
+    background-image: none !important;
+    border: 1px solid rgb(var(--pry-color)) !important;
+    box-shadow: inset 0 0 0 1px rgb(var(--pry-color)) !important;
+    outline: none;
+}
+
+.login input[type=text]#username.text-input:focus-visible:not(:focus),
+.login input[type=password]#password.text-input:focus-visible:not(:focus) {
+    box-shadow: none !important;
+    outline-color: rgb(var(--focus-ring));
+    outline-style: solid;
+    outline-width: 0.19rem;
+    outline-offset: -0.1rem;
+}
+
+textarea:autofill::selection, 
+input:autofill::selection {
+    background-color: rgb(var(--split-comp-container)) !important;
+    color: rgb(var(--on-split-comp-container)) !important;
+    caret-color: rgb(var(--split-comp-container));
+    transition: background-color 0.25s ease, color 0.1s linear;
+    -webkit-transition: background-color 0.25s ease, color 0.1s linear;
+}
+textarea::-webkit-autofill::selection, 
+input::-webkit-autofill::selection {
+    background-color: rgb(var(--split-comp-container)) !important;
+    color: rgb(var(--on-split-comp-container)) !important;
+    caret-color: rgb(var(--split-comp-container));
+    transition: background-color 0.25s ease, color 0.1s linear;
+    -webkit-transition: background-color 0.25s ease, color 0.1s linear;
+}
+
+/* Placeholder inside Input Boxes */
+input::placeholder {
+    color: rgb(var(--on-surface-variant));
+    font-size: 16px;
+    font-weight: 400;
+    line-height: 24px !important;
+    letter-spacing: 0.5px;
+}
+input:-ms-input-placeholder {
+    color: rgb(var(--on-surface-variant));
+    font-size: 16px;
+    font-weight: 400;
+    line-height: 24px !important;
+    letter-spacing: 0.5px;
+}
+
+/* --- Video timeline thumbnails bars --- */
+.scrubber-content {
+    margin: 0 5px;
+    /*height: 103px !important;*/
+}
+ #scrubber-position-indicator {
+     background-color: #fff;
+     /*height: 4px;*/
+}
+.scrubber-tags {
+    /*height: 3px;
+    margin-bottom: 5px;*/
+}
+.scrubber-tag {
+    background-color: #83cfff;
+    z-index: 2;
+}
+.scrubber-tag:after {
+    border-top: 5px solid #83cfff;
+}
+.scrubber-tags-background {
+     background-color: #1c1f1d;
+     height: 0;
+}
+.scrubber-item {
+    color: #D7D7d7;
+    font-size: 11.5px;
+    text-shadow: 1px 1px 1.5px black;
+}
+#scrubber-current-position {
+    background-color: white;
+}
+#scrubber-forward.scrubber-button.btn.btn-primary {
+    border-style: solid;
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+    border-width: 0;
+    border-right-width: 0;
+}
+#scrubber-back.scrubber-button.btn.btn-primary{
+    border-style: solid;
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+    border-width: 0;
+    border-left-width: 0;
+}
+#scrubber-forward.scrubber-button.btn.btn-primary, #scrubber-back.scrubber-button.btn.btn-primary{
+    background-color: black;
+    margin: 0;
+    border-color: black;
+    color: #D7D7d7;
+    outline: none;
+    box-shadow: none;
+    text-shadow: none;
+    opacity: 0.65;
+    font-size: 14px;
+}
+
+#scrubber-forward.scrubber-button.btn.btn-primary:hover, #scrubber-back.scrubber-button.btn.btn-primary:hover {
+     color: #D7D7d7;
+     outline: none;
+     box-shadow: none;
+     text-shadow: none;
+     opacity: 1;
+}
+#scrubber-forward.scrubber-button.btn.btn-primary.active:hover, #scrubber-forward.scrubber-button.btn.btn-primary:active:hover,
+#scrubber-forward.scrubber-button.btn.btn-primary.active:focus, #scrubber-forward.scrubber-button.btn.btn-primary:active:focus,
+#scrubber-back.scrubber-button.btn.btn-primary.active:hover, #scrubber-back.scrubber-button.btn.btn-primary:active:hover,
+#scrubber-back.scrubber-button.btn.btn-primary.active:focus, #scrubber-back.scrubber-button.btn.btn-primary:active:focus {
+     color: #D7D7d7;
+     outline: none;
+     box-shadow: none;
+     text-shadow: none;
+     opacity: 1;
+}
+#scrubber-forward.scrubber-button.btn.btn-primary.active, #scrubber-forward.scrubber-button.btn.btn-primary:active,
+#scrubber-back.scrubber-button.btn.btn-primary.active, #scrubber-back.scrubber-button.btn.btn-primary:active {
+     color: #D7D7d7;
+     outline: none;
+     box-shadow: none;
+     text-shadow: none;
+     opacity: 1;
+}
+
+/* --- VideoPlayer Adjustments ---*/
+.scene-player-container {
+    padding-right: 0;
+    margin-top: -0.9%;
+}
+
+/* --- Video Overlay Controls --- */
+.video-js {
+    color: #fff;
+    font-family: var(--BodyFont);
+    font-size: 14px;
+    font-weight: 500;
+    line-height: 20px;
+    letter-spacing: 0.15px;
+}
+.video-js .vjs-slider {
+    background-color: #8d8d8d8c;
+}
+.video-js .vjs-marker {
+    background-color: #83cfffcc;
+}
+.video-js .vjs-volume-vertical {
+    background-color: #131513cc;
+}
+.video-js .vjs-volume-level {
+    background-color: #fff;
+}
+.video-js .vjs-big-play-button:hover, 
+.video-js .vjs-big-play-button:focus,
+.video-js:hover .vjs-big-play-button {
+    /*color: #2FD651;*/
+}
+.vjs-mouse-display .vjs-volume-tooltip {
+    background-color: #131513cc;
+}
+.vjs-copySave-button {
+    justify-content: flex-start;
+    column-gap: 12px;
+}
+.vjs-menu li {
+    padding: 8px 12px;
+    margin: 0;
+    line-height: 20px;
+    letter-spacing: 0.1px;
+    font-size: 14px;
+    font-weight: 500;
+}
+.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
+    background-color: #131513cc;
+}
+.vjs-playback-rate .vjs-menu {
+    width: 6em;
+}
+.vjs-menu .vjs-menu-content {
+    font-family: var(--BodyFont);
+    text-align: left;
+}
+.vjs-menu li > svg {
+    font-size: 24px;
+}
+li#vjs-menu-text:first-of-type {
+    border-bottom: 1px solid rgb(var(--surface-variant))
+}
+.vjs-menu li {
+    font-size: 14px;
+    padding: 14px 12px;
+}
+.vjs-menu li.vjs-menu-item {
+    min-height: 48px;
+    height: 48px;
+}
+
+.vjs-menu li.vjs-menu-item:focus, 
+.vjs-menu li.vjs-menu-item:hover, 
+.js-focus-visible .vjs-menu li.vjs-menu-item:hover {
+    background-color: rgb(255,255,255,0.08);
+}
+.vjs-menu li.vjs-menu-item#vjs-menu-text:focus, 
+.vjs-menu li.vjs-menu-item#vjs-menu-text:hover, 
+.js-focus-visible .vjs-menu li.vjs-menu-item#vjs-menu-text:hover {
+    background-color: transparent;
+}
+.vjs-menu li.vjs-menu-item.vjs-selected:focus, 
+.vjs-menu li.vjs-menu-item.vjs-selected:hover, 
+.js-focus-visible .vjs-menu li.vjs-menu-item.vjs-selected:hover {
+    background-color: #fff;
+}
+
+/* --- Card Section --- */
+ .card {
+     border-radius: 12px;
+     box-shadow: none;
+     margin: 4px;
+     background-color: rgb(var(--card-color2));
+     padding: 16px;
+     transition: background-image .55s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.4s ease-in-out 0s;
+}
+
+/* --- Center Titles on Cards --- */
+.grid-card a > .card-section-title {
+    color: rgb(var(--white-color));
+    filter: brightness(98%);
+    text-shadow: none;
+    text-decoration: none !important;
+    min-height: 56px;
+    /*line-height: 24px;
+    letter-spacing: 0.15px;
+    font-size: 16px;
+    font-weight: 500;*/
+    flex-basis: fit-content;
+    align-content: flex-start;
+    flex-wrap: wrap;
+    transition: color 1.5s ease-in, filter 2s ease-in-out;
+}
+.performer-card.grid-card a > .card-section-title {
+    min-height: 2rem;
+    min-height: 2rem;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+}
+.grid-card a > .card-section-title:active,
+.grid-card a > .card-section-title:active:focus,
+.grid-card a > .card-section-title:active:hover,
+.grid-card a > .card-section-title:active:hover:focus {
+    filter: brightness(116%);
+    text-decoration: none !important;
+    text-shadow: none;
+}
+.grid-card a > .card-section-title:focus,
+.grid-card a > .card-section-title:hover,
+.grid-card a > .card-section-title:hover:focus,
+.grid-card a > .card-section-title:focus-visible {
+    color: #e0e3e1;
+    filter: brightness(110%);
+    text-decoration: none !important;
+    text-shadow: none;
+}
+.grid-card a > .card-section-title:focus-visible {
+    outline-color: rgb(var(--focus-ring));
+    outline-style: solid;
+    outline-width: 0.19rem;
+    outline-offset: -0.1rem;
+}
+.scene-card.grid-card:hover,
+.scene-card.grid-card:focus,
+.scene-card.grid-card:hover:focus,
+.studio-card.grid-card:hover,
+.studio-card.grid-card:focus,
+.studio-card.grid-card:hover:focus,
+.performer-card.grid-card:hover,
+.performer-card.grid-card:focus,
+.performer-card.grid-card:hover:focus,
+.gallery-card.grid-card:hover,
+.gallery-card.grid-card:focus,
+.gallery-card.grid-card:hover:focus,
+.image-card.grid-card:hover,
+.image-card.grid-card:focus,
+.image-card.grid-card:hover:focus {
+    background-color: rgb(var(--card-color-sel));
+    box-shadow: var(--elevation-1);
+    transition: background-color .55s ease, box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
+}
+
+
+.slick-slider {
+    border-top: 0;
+    margin-bottom: 16px;
+}
+.slick-list {
+    margin: 0;
+}
+
+.slick-dots {
+    margin-bottom: 24px;
+}
+
+.row.justify-content-center {
+    margin: 24px;
+    background-color: transparent;
+    padding-top: 24px;
+    padding-bottom: 24px;
+    border-radius: 28px;
+}
+.row.table-list.justify-content-center {
+    margin: 24px;
+    background-color: #334b46;
+    background-color: rgb(var(--tables-even));
+    padding-top: 24px;
+    padding-bottom: 24px;
+    border-radius: 28px;
+}
+
+/* --- LOGIN CARD --- */
+.login .card:focus-within {
+    background-color: rgb(var(--card-color));
+    transition: background-color .65s ease;
+}
+
+.login-error {
+    color: rgb(var(--error));
+    font-size: 12px;
+    line-height: 16px;
+    letter-spacing: 0.65px;
+    font-weight: 500;
+}
+
+/*--- DatePicker ---*/
+div.react-datepicker {
+    background-color: rgb(var(--popover-color));
+    border: 0;
+    border-radius: 16px;
+    color: rgb(var(--on-surface));
+    box-shadow: var(--elevation-3);
+    font-family: var(--HeaderFont);
+    font-size: 16px;
+    font-weight: 400;
+    line-height: 24px;
+    letter-spacing: 0.5px;
+    display: flex;
+    flex-direction: column;
+    flex-wrap: wrap;
+    align-content: flex-start;
+    justify-content: flex-end;
+}
+div.react-datepicker .react-datepicker__header,
+div.react-datepicker .react-datepicker-time__header {
+    background-color: rgb(var(--popover-color));
+    color: rgb(var(--on-surface));
+    border-radius: 16px;
+    border-bottom: 0;
+}
+div.react-datepicker .react-datepicker__header {
+    padding: 20px 12px 16px 12px;
+    padding-bottom: calc(16px - 0.4rem);
+}
+div.react-datepicker__month-container {
+    padding-bottom: 8px;
+}
+div.react-datepicker:has(*.react-datepicker__time-container) div.react-datepicker__month-container {
+    border-bottom: 1px solid rgb(var(--outline));
+}
+div.react-datepicker .react-datepicker__month-dropdown-container .react-datepicker__month-read-view, 
+div.react-datepicker .react-datepicker__year-dropdown-container .react-datepicker__year-read-view {
+    font-weight: 500;
+    font-size: 14px;
+    line-height: 20px;
+    letter-spacing: 0.1px;
+    color: rgb(var(--on-surface-variant));
+    padding-bottom: 30px;
+}
+div.react-datepicker button.react-datepicker__navigation {
+    top: calc(0.4rem + 10px);
+}
+.react-datepicker__navigation-icon {
+    font-size: 32px;
+}
+.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
+    right: 0;
+}
+
+.react-datepicker__year-read-view--down-arrow, 
+.react-datepicker__month-read-view--down-arrow, 
+.react-datepicker__month-year-read-view--down-arrow, 
+.react-datepicker__navigation-icon:before {
+    border-color: rgb(var(--on-surface-variant));
+    border-width: 2px 2px 0 0;
+    height: 11px;
+    width: 11px;
+    top: 8px;
+}
+.react-datepicker__navigation:hover *:before {
+    border-color: rgb(var(--on-surface-variant));
+}
+div.react-datepicker .react-datepicker__year-dropdown, 
+div.react-datepicker .react-datepicker__month-dropdown,
+div.react-datepicker .react-datepicker__month-year-dropdown {
+    background-color: rgb(var(--popover-color2));
+    border: 0;
+    color: rgb(var(--on-surface));
+    box-shadow: var(--elevation-1);
+}
+.react-datepicker__day-name, 
+.react-datepicker__day, 
+.react-datepicker__time-name {
+    line-height: 24px;
+    margin: 0.446rem;
+    width: 24px;
+}
+/* "Aria-Disabled" ="true" and ="false" within "Not" psuedo-element makes both statements "FALSE!" 
+It is neither True nor False, it is "ANYTHING" regardless of the "Aria!" */
+div.react-datepicker .react-datepicker__day[aria-disabled="false"],
+div.react-datepicker .react-datepicker__day.react-datepicker__day--outside-month[aria-disabled="false"],
+div.react-datepicker .react-datepicker__day.react-datepicker__day--disabled,
+div.react-datepicker .react-datepicker__day.react-datepicker__day--today,
+div.react-datepicker .react-datepicker__day--keyboard-selected, 
+div.react-datepicker .react-datepicker__month-text--keyboard-selected, 
+div.react-datepicker .react-datepicker__quarter-text--keyboard-selected, 
+div.react-datepicker .react-datepicker__year-text--keyboard-selected {
+    background-color: rgb(var(--btn-min-primary));
+    color: rgb(var(--btn-primary-text));
+    border-radius: 5rem;
+    font-weight: 400;
+    font-size: 16px;
+    line-height: 24px;
+    letter-spacing: 0.5px;
+    padding: 0.446rem;
+    margin: unset;
+    min-width: calc(0.446rem + 0.446rem + 24px);
+    width: calc(0.446rem + 0.446rem + 24px);
+    height: calc(0.446rem + 0.446rem + 24px);
+}
+div.react-datepicker .react-datepicker__day:not([aria-disabled="true"]) {
+    color: rgb(var(--on-surface));
+    background-color: rgb(var(--popover-color));
+}
+
+div.react-datepicker .react-datepicker__day-name {
+    color: rgb(var(--on-surface));
+    background-color: rgb(var(--popover-color));
+    font-size: 16px;
+    font-weight: 400;
+    letter-spacing: 0.5px;
+    line-height: 24px;
+}
+div.react-datepicker .react-datepicker__day[aria-disabled="false"]:hover, 
+div.react-datepicker .react-datepicker__month-text:hover, 
+div.react-datepicker .react-datepicker__quarter-text:hover, 
+div.react-datepicker .react-datepicker__year-text:hover {
+    background-color: rgba(var(--on-surface),var(--btn-hover));
+    border-radius: 5rem;
+    color: rgb(var(--on-surface));
+}
+div.react-datepicker .react-datepicker__day.react-datepicker__day--today {
+    background-color: rgb(var(--popover-color));
+    color: rgb(var(--btn-min-primary));
+    box-shadow: inset 0 0 0 1px rgb(var(--btn-min-primary));
+}
+/* "Aria-Disabled=False" means the "Aria" is ENABLED. */
+div.react-datepicker .react-datepicker__day.react-datepicker__day--outside-month[aria-disabled="false"] {
+    opacity: 1;
+    color: rgb(var(--on-surface-variant));
+    background-color: rgb(var(--popover-color));
+}
+div.react-datepicker .react-datepicker__day.react-datepicker__day--today:hover {
+    background-color: rgb(var(--btn-min-primary),var(--btn-hover));
+    color: rgb(var(--btn-min-primary));
+    box-shadow: inset 0 0 0 1px rgb(var(--btn-min-primary));
+}
+div.react-datepicker .react-datepicker__day.react-datepicker__day--outside-month[aria-disabled="false"]:hover {
+    color: rgb(var(--on-surface-variant));
+    background-color: rgb(var(--on-surface-variant),var(--btn-hover));
+}
+div.react-datepicker .react-datepicker__day.react-datepicker__day--today:focus-visible,
+div.react-datepicker .react-datepicker__day.react-datepicker__day--outside-month[aria-disabled="false"]:focus-visible,
+div.react-datepicker .react-datepicker__day--keyboard-selected:focus-visible, 
+div.react-datepicker .react-datepicker__month-text--keyboard-selected:focus-visible, 
+div.react-datepicker .react-datepicker__quarter-text--keyboard-selected:focus-visible, 
+div.react-datepicker .react-datepicker__year-text--keyboard-selected:focus-visible {
+    color: rgb(var(--on-tertiary-container));
+    background-color: rgb(var(--pry-container));
+    outline-color: rgb(var(--focus-ring));
+    outline-style: solid;
+    outline-width: 0.24rem;
+    outline-offset: -0.06rem;
+}
+div.react-datepicker .react-datepicker__day--keyboard-selected:focus-visible, 
+div.react-datepicker .react-datepicker__month-text--keyboard-selected:focus-visible, 
+div.react-datepicker .react-datepicker__quarter-text--keyboard-selected:focus-visible, 
+div.react-datepicker .react-datepicker__year-text--keyboard-selected:focus-visible {
+    color: rgb(var(--pry-container));
+    background-color: rgb(var(--on-tertiary-container));
+}
+div.react-datepicker .react-datepicker__day.react-datepicker__day--selected, 
+div.react-datepicker .react-datepicker__day--in-selecting-range, 
+div.react-datepicker .react-datepicker__day--in-range, 
+div.react-datepicker .react-datepicker__month-text--selected, 
+div.react-datepicker .react-datepicker__month-text--in-selecting-range, 
+div.react-datepicker .react-datepicker__month-text--in-range, 
+div.react-datepicker .react-datepicker__quarter-text--selected, 
+div.react-datepicker .react-datepicker__quarter-text--in-selecting-range, 
+div.react-datepicker .react-datepicker__quarter-text--in-range, 
+div.react-datepicker .react-datepicker__year-text--selected, 
+div.react-datepicker .react-datepicker__year-text--in-selecting-range, 
+div.react-datepicker .react-datepicker__year-text--in-range {
+    background-color: rgb(var(--btn-min-primary));
+    color: rgb(var(--btn-primary-text));
+    border-radius: 5rem;
+    font-weight: 400;
+    padding: 0.446rem;
+    margin: unset;
+    min-width: calc(0.446rem + 0.446rem + 24px);
+    width: calc(0.446rem + 0.446rem + 24px);
+    height: calc(0.446rem + 0.446rem + 24px);
+}
+
+div.react-datepicker .react-datepicker__day--selected:hover, 
+div.react-datepicker .react-datepicker__day--in-selecting-range:hover, 
+div.react-datepicker .react-datepicker__day--in-range:hover, 
+div.react-datepicker .react-datepicker__month-text--selected:hover, 
+div.react-datepicker .react-datepicker__month-text--in-selecting-range:hover, 
+div.react-datepicker .react-datepicker__month-text--in-range:hover, 
+div.react-datepicker .react-datepicker__quarter-text--selected:hover, 
+div.react-datepicker .react-datepicker__quarter-text--in-selecting-range:hover, 
+div.react-datepicker .react-datepicker__quarter-text--in-range:hover, 
+div.react-datepicker .react-datepicker__year-text--selected:hover, 
+div.react-datepicker .react-datepicker__year-text--in-selecting-range:hover, 
+div.react-datepicker .react-datepicker__year-text--in-range:hover,
+div.react-datepicker .react-datepicker__day--keyboard-selected:hover, 
+div.react-datepicker .react-datepicker__month-text--keyboard-selected:hover, 
+div.react-datepicker .react-datepicker__quarter-text--keyboard-selected:hover, 
+div.react-datepicker .react-datepicker__year-text--keyboard-selected:hover {
+    background-color: rgb(var(--btn-min-primary));
+    background-image: var(--btn-hover-highlight);
+    color: rgb(var(--btn-primary-text));
+}
+div.react-datepicker .react-datepicker__day.react-datepicker__day--selected.react-datepicker__day--today {
+    color: rgb(var(--btn-primary-text));
+    background-color: rgb(var(--btn-min-primary));
+    box-shadow: 0 0 0 1px rgb(var(--btn-primary-text));
+}
+div.react-datepicker .react-datepicker__day.react-datepicker__day--disabled[aria-disabled="true"] {
+    color: rgb(var(--on-surface),var(--disabled));
+    background-color: rgb(var(--popover-color));
+}
+/* Time in Calendar */
+
+.react-datepicker__time-container {
+    border-left: 0;
+    display: flex;
+    flex-direction: row-reverse;
+    flex-wrap: nowrap;
+    justify-content: space-evenly;
+    align-items: center;
+    width: unset;
+    min-width: 120px;
+    margin-bottom: 20px;
+    margin-top: 20px;
+}
+div.react-datepicker .react-datepicker__header.react-datepicker__header--time {
+    padding: 12px 12px 12px 0;
+    line-height: 18px;
+}
+div.react-datepicker div.react-datepicker__time-container div.react-datepicker__time {
+    background-color: rgb(var(--popover-color3));
+    color: rgb(var(--on-surface-variant));
+    box-shadow: var(--elevation-0-inverse);
+    border-radius: 4px;
+}
+div.react-datepicker .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
+    width: unset;
+    margin-bottom: 0;
+    margin-top: 0%;
+}
+div.react-datepicker .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
+    height: 65px !important;
+}
+div.react-datepicker div.react-datepicker__time-container div.react-datepicker__time ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
+    background-color: rgba(var(--on-surface),var(--btn-hover));
+    color: rgb(var(--on-surface));
+}
+div.react-datepicker div.react-datepicker__time-container div.react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected,
+div.react-datepicker div.react-datepicker__time-container div.react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
+    background-color: rgb(var(--btn-min-primary));
+    color: rgb(var(--btn-primary-text));
+    font-weight: 500;
+}
+/* Month/Year Picker */
+.react-datepicker__year-option, 
+.react-datepicker__month-option, 
+.react-datepicker__month-year-option {
+    line-height: 32px;
+}
+.react-datepicker__year-option.react-datepicker__year-option--selected_year,
+.react-datepicker__month-option.react-datepicker__month-option--selected_month,
+.react-datepicker__month-year-option.react-datepicker__month-year-option--selected_month_year {
+    color: rgb(var(--btn-min-primary));
+}
+
+.react-datepicker__year-option--selected, 
+.react-datepicker__month-option--selected, 
+.react-datepicker__month-year-option--selected {
+    left: 7px;
+}
+/* --- Dropdown Menu's --- */
+.show > .dropdown-menu.show,
+.show.dropdown.btn-group .dropdown-menu.show {
+    background: rgb(var(--menu-color)) !important;
+    color: rgb(var(--on-surface)) !important;
+    padding: 8px 0;
+    border: 0;
+    border-radius: 4px;
+    max-width: 280px;
+    min-width: 112px;
+    box-shadow: var(--elevation-2);
+    will-change: transform, transition;
+    overflow: hidden;
+    transition: background-color 0.55s ease, outline 0.4s ease-in, box-shadow 0.4s ease-in, transform 0.8s ease;
+    z-index: 120001;
+}
+.btn-toolbar > .show.dropdown.btn-group > .dropdown-menu.show {
+    overflow: auto;
+}
+
+/* DropDown Menus */
+.show > .dropdown-menu.show .dropdown-item {
+    font-family: var(--BodyFont);
+    font-size: 14px;
+    line-height: 20px;
+    letter-spacing: 0.1px;
+    font-weight: 500;
+    display: inline-block;
+    justify-content: center;
+    vertical-align: middle;
+    height: 48px;
+    min-height: 48px;
+    padding: 0 12px 0 12px;
+    contain: paint;
+    overflow: hidden;
+    transition: background-color 0.55s ease, outline 0.4s ease-in;
+
+}
+.show > .dropdown-menu.show .dropdown-item:where(:hover, :focus-visible) {
+    background-color: rgba(var(--on-surface),var(--btn-hover)) !important;
+    color: rgb(var(--on-surface)) !important;
+}
+.show > .dropdown-menu.show .dropdown-item:where(:active, :focus, :active:focus),
+.show > .dropdown-menu.show .dropdown-item.active, 
+.show > .dropdown-menu.show .dropdown-item.active:focus {
+    background-color: rgba(var(--sec-container),var(--btn-active)) !important;
+    color: rgb(var(--on-surface)) !important;
+}
+.show > .dropdown-menu.show .dropdown-item:focus-visible {
+    outline-color: rgba(var(--secondary),0.95);
+    outline-offset: -0.06rem;
+    outline-style: solid;
+    outline-width: 0.25rem;
+    box-shadow: inset 0 0 0 4px rgb(var(--menu-color)), inset 0 0 0 6px rgb(var(--focus-ring));
+    color: rgb(var(--focus-ring))  !important;
+    text-decoration: none;
+    text-decoration-color: transparent;
+}
+.dropdown.show > .dropdown-menu.show > .dropdown-item > svg {
+    font-size: 24px;
+    margin: 0 12px 0 0;
+    color: rgb(var(--on-surface-variant)) !important;
+}
+.dropdown.show > .dropdown-menu.show > .dropdown-item > svg.fa-minus.fa-icon {
+    padding-right: 1.5px;
+    padding-left: 1.5px;
+}
+:is(.scene-tabs, .btn-toolbar) .dropdown.show .dropdown-menu.show > a.dropdown-item,
+.dropdown-menu.show .saved-filter-list > .dropdown-item-container > a.dropdown-item {
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+}
+
+/* DropDown Filter List Menu */
+.saved-filter-list {
+    border-bottom: 1px solid rgb(var(--outline-variant));
+    padding-bottom: 8px;
+    margin-bottom: 8px;
+}
+.saved-filter-list .dropdown-item-container .dropdown-item {
+    color: rgb(var(--on-surface));
+}
+.saved-filter-list .dropdown-item-container>a.dropdown-item:hover {
+    background-color: transparent !important;
+}
+.saved-filter-list .dropdown-item-container:nth-child(1n+1):hover {
+    background-color: rgba(var(--on-surface),var(--btn-hover)) !important;
+}
+
+.saved-filter-list .dropdown-item-container .btn-group {
+    align-items: center;
+}
+
+.show>.saved-filter-list-menu.show .input-group-append > button.btn.btn-secondary > svg.svg-inline--fa.fa-floppy-disk.fa-icon {
+    font-size: 24px;
+}
+.saved-filter-list button.save-button.btn.btn-secondary.btn-sm {
+    font-size: 18px;
+}
+.saved-filter-list button.delete-button.btn.btn-secondary.btn-sm > svg.svg-inline--fa.fa-xmark.fa-icon {
+    font-size: 22px;
+    min-height: 18px;
+}
+
+.show > .saved-filter-list-menu.show .input-group-append button.btn.btn-secondary,
+.saved-filter-list button:is(.save-button, .delete-button).btn.btn-secondary.btn-sm {
+    background-color: transparent;
+    box-shadow: none;
+    border: 0;
+    color: rgb(var(--on-surface-variant));
+    padding: 0;
+    border-radius: 5rem;
+    width: 40px;
+    max-width: 40px;
+    height: 40px;
+    max-height: 40px;
+    margin-right: 12px;
+    transition: background-color 0.55s ease, box-shadow 0.4s ease-in;
+}
+.show>.saved-filter-list-menu.show .input-group-append button.btn.btn-secondary {
+    justify-content: center;
+    margin-top: auto;
+    margin-bottom: auto;
+    position: relative;
+    left: -4px;
+    top: -5%;
+    font-size: 18px;
+    width: 40px;
+    min-width: 40px;
+    height: 40px;
+    z-index: 12;
+}
+.saved-filter-list-menu button.set-as-default-button.btn.btn-secondary.btn-sm {
+    padding-left: 24px;
+    padding-right: 24px;
+    margin-left: 12px;
+    margin-top: 0;
+    border: 0;
+    background-color: transparent;
+    box-shadow: none;
+    color: rgb(var(--on-surface-variant));
+    height: 32px;
+    max-height: 32px;
+    width: auto;
+    float: left;
+    transition: background-color 0.55s ease, box-shadow 0.4s ease-in;
+}
+.show > .saved-filter-list-menu.show .input-group-append button.btn.btn-secondary:is(:hover, :focus-visible),
+.saved-filter-list button:is(.save-button, .delete-button).btn.btn-secondary.btn-sm:is(:hover, :focus-visible) {
+    background-color: rgb(var(--on-surface-variant),var(--btn-hover));
+    box-shadow: var(--elevation-0);
+}   
+.saved-filter-list-menu button.set-as-default-button.btn.btn-secondary.btn-sm:hover {
+    background-color: rgb(var(--pry-color),var(--btn-hover));
+    box-shadow: var(--elevation-0);
+}
+.show > .saved-filter-list-menu.show .input-group-append button.btn.btn-secondary:is(:active, :focus:not(:focus-visible), :active:focus),
+.saved-filter-list button:is(.save-button, .delete-button).btn.btn-secondary.btn-sm:is(:active, :focus:not(:focus-visible), :active:focus) {
+    background-color: rgb(var(--on-surface-variant),var(--btn-active));
+    outline: 0;
+    box-shadow: var(--elevation-0);
+}
+.saved-filter-list-menu button.set-as-default-button.btn.btn-secondary.btn-sm:is(.active, :active, :focus:not(:focus-visible), :active:focus) {
+    background-color: rgb(var(--pry-color),var(--btn-active));
+    outline: 0;
+    box-shadow: var(--elevation-0);
+}
+.show > .saved-filter-list-menu.show .input-group-append button.btn.btn-secondary:focus-visible,
+.saved-filter-list button:is(.save-button, .delete-button).btn.btn-secondary.btn-sm:focus-visible,
+.saved-filter-list-menu button.set-as-default-button.btn.btn-secondary.btn-sm:focus-visible {
+    background-color: rgb(var(--on-tertiary));
+    color: rgb(var(--tertiary));
+}
+
+.saved-filter-list button:is(.save-button, .delete-button).btn.btn-secondary.btn-sm:is(:disabled, .disabled),
+.saved-filter-list-menu button.set-as-default-button.btn.btn-secondary.btn-sm:is(:disabled, .disabled) {
+    opacity: var(--disabled);
+}
+.show>.saved-filter-list-menu.show .input-group-append button.btn.btn-secondary:disabled,
+.show>.saved-filter-list-menu.show .input-group-append button.btn.btn-secondary.disabled {
+    visibility: hidden;
+}
+/* */
+
+.badge-info {
+    background-color: #87a6bd;
+}
+
+a.tag-list-anchor {
+    color: #dcf6f0;
+}
+a.tag-list-anchor:hover {
+    color: #c0ebe2;
+}
+a.tag-list-anchor:focus-visible {
+    color: #c0ebe2;
+    text-shadow: none;
+}
+a.tag-list-anchor:active {
+    opacity: #c0ebe2;
+}
+
+button.tag-list-button.btn.btn-secondary {
+    margin-top: 4px;
+    margin-bottom: 4px;
+}
+button.tag-list-button.btn.btn-secondary:not(:has(>.tag-list-anchor)) {
+    background-color: transparent;
+    border-radius: 8px;
+}
+button.tag-list-button.btn.btn-secondary:has(>.tag-list-anchor) {
+    background-color: #3f4946;
+    color: #bec9c5;
+    border-radius: 8px;
+}
+button.tag-list-button.btn.btn-secondary:not(:has(>.tag-list-anchor)):hover:not(:disabled):not(.disabled),
+button.tag-list-button.btn.btn-secondary:not(:has(>.tag-list-anchor)):focus:not(:disabled):not(.disabled),
+button.tag-list-button.btn.btn-secondary:not(:has(>.tag-list-anchor)):focus-visible:not(:focus):not(:disabled):not(.disabled) {
+    background-color: #1c3530;
+}
+button.tag-list-button.btn.btn-secondary:has(>.tag-list-anchor):hover:not(:disabled):not(.disabled),
+button.tag-list-button.btn.btn-secondary:has(>.tag-list-anchor):focus:not(:disabled):not(.disabled),
+button.tag-list-button.btn.btn-secondary:has(>.tag-list-anchor):focus-visible:not(:focus):not(:disabled):not(.disabled) {
+    background-color: #485450;
+}
+button.tag-list-button.btn.btn-secondary:not(:has(>.tag-list-anchor)):active:not(:disabled):not(.disabled),
+button.tag-list-button.btn.btn-secondary:not(:has(>.tag-list-anchor)):active:hover:not(:disabled):not(.disabled),
+button.tag-list-button.btn.btn-secondary:not(:has(>.tag-list-anchor)):active:focus:not(:disabled):not(.disabled),
+button.tag-list-button.btn.btn-secondary.active:not(:has(>.tag-list-anchor)):not(:disabled):not(.disabled),
+button.tag-list-button.btn.btn-secondary.active:not(:has(>.tag-list-anchor)):hover:not(:disabled):not(.disabled),
+button.tag-list-button.btn.btn-secondary.active:not(:has(>.tag-list-anchor)):focus:not(:disabled):not(.disabled) {
+    background-color: #334b46;
+}
+button.tag-list-button.btn.btn-secondary:has(>.tag-list-anchor):active:not(:disabled):not(.disabled),
+button.tag-list-button.btn.btn-secondary:has(>.tag-list-anchor):active:hover:not(:disabled):not(.disabled),
+button.tag-list-button.btn.btn-secondary:has(>.tag-list-anchor):active:focus:not(:disabled):not(.disabled),
+button.tag-list-button.btn.btn-secondary.active:has(>.tag-list-anchor):not(:disabled):not(.disabled),
+button.tag-list-button.btn.btn-secondary.active:has(>.tag-list-anchor):hover:not(:disabled):not(.disabled),
+button.tag-list-button.btn.btn-secondary.active:has(>.tag-list-anchor):focus:not(:disabled):not(.disabled) {
+    background-color: #515e5a;
+}
+button.tag-list-button.btn.btn-secondary:has(>.tag-list-anchor):focus-visible:not(:focus):not(:disabled):not(.disabled),
+button.tag-list-button.btn.btn-secondary:not(:has(>.tag-list-anchor)):focus-visible:not(:focus):not(:disabled):not(.disabled) {
+    outline-color: #dffffb;
+    outline-style: solid;
+    outline-width: 3px;
+    outline-offset: 2px;
+}
+button.tag-list-button.btn.btn-secondary.disabled:has(>.tag-list-anchor),
+button.tag-list-button.btn.btn-secondary:has(>.tag-list-anchor):disabled,
+button.tag-list-button.btn.btn-secondary.disabled:not(:has(>.tag-list-anchor)),
+button.tag-list-button.btn.btn-secondary:not(:has(>.tag-list-anchor)):disabled {
+    opacity: 0.4;
+}
+
+.tag-list-row.row button.btn.btn-danger {
+    margin-top: 4px;
+    margin-bottom: 4px;
+}
+.tag-list-row.row>a:not(:has(>.tag-list-anchor)) {
+    font-weight: 500;
+    font-size: 16px;
+    line-height: 24px;
+    letter-spacing: 0.5px;
+}
+
+.invalid-feedback {
+    color: #ffb4ab;
+    margin-top: 4px;
+    font-size: 11px;
+    padding-left: 16px;
+    font-weight: 500;
+    line-height: 16px;
+    letter-spacing: 0.5px;
+}
+
+/* Button-Small */
+.btn-sm,
+.btn-group-sm>.btn {
+    font-size: 11px;
+    font-weight: 500;
+    line-height: 16px;
+    letter-spacing: 0.5px;
+}
+/* */
+.addresses .btn-sm {
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+    margin-left: -1px;
+}
+
+/* --- Navbar Brand --- */
+.navbar-brand > a:focus-visible {
+    outline: none;
+}
+@media (min-width: 577px) {
+.top-nav > .navbar-brand > a > button.minimal.brand-link.btn.btn-primary:where(:only-of-type, :hover, :focus, :active, :active:focus, :focus-visible) {
+    font-weight: 400;
+    color: transparent;
+    font-size: 32px;
+    font-family: var(--LogoFont);
+    /* line-height: 40px; */
+    letter-spacing: 0.85px;
+    text-indent: 22px;
+    position: relative;
+    background-color: transparent;
+    background-image: var(--StashLogo);
+    background-position: 0% 50%;
+    background-repeat: no-repeat;
+    background-size: 62px 62px;
+    /* padding: 0 24px 0 68px; */
+    box-shadow: none !important;
+    /* text-decoration: underline; */
+    /* text-decoration-color: rgb(var(--nav-color2)); */
+    /* text-decoration-thickness: from-font; */
+    /* text-underline-offset: 0.11em; */
+    overflow: visible;
+    outline: none;
+    will-change: text-decoration, color, animation, transition;
+    /* top: 0%; */
+    /* margin-left: -19%; */
+    /* left: 0%; */
+    z-index: 1;
+    opacity: 1;
+    transition: var(--trans-0);
+    }
+}
+@media (max-width: 576px) {
+    .top-nav > .navbar-brand > a > button.minimal.brand-link.btn.btn-primary, 
+    .top-nav > .navbar-brand > a > button.minimal.brand-link.btn.btn-primary:is(:hover, :focus, :active, :active:focus, :focus-visible) {
+    font-weight: 400;
+    font-size: 32px;
+    color: transparent;
+    position: relative;
+    background-color: transparent;
+    background-image: var(--StashLogo);
+    background-position: 0% 50%;
+    background-repeat: no-repeat;
+    background-size: 60px 60px;
+    box-shadow: none !important;
+    overflow: visible;
+    outline: 0;
+    will-change: background-image, transition;
+    z-index: 1;
+    opacity: 1;
+    transition: var(--trans-0);
+    }
+}
+.top-nav > .navbar-brand > a > button.minimal.brand-link.btn.btn-primary:is(:hover, :focus-visible) {
+    color: rgb(var(--btn-min-primary));
+}
+.top-nav > .navbar-brand > a > button.minimal.brand-link.btn.btn-primary:focus-visible {
+    text-decoration-color: rgb(var(--btn-min-primary))!important;
+    text-decoration: underline;
+    text-decoration-thickness: 0.07em;
+    text-underline-offset: 0.15em;
+}
+.top-nav > .navbar-brand > a > button.minimal.brand-link.btn.btn-primary:is(:active, :focus, :active:focus) {
+    color: rgb(var(--pry-color));
+    outline: none;
+}
+
+@media (min-width: 577px) {
+    .top-nav > .navbar-brand,
+    .top-nav:not(:has(>.show)) > .navbar-brand {
+        color: transparent;
+        border-style: none;
+        position: relative;
+        margin-right: 2%;
+        margin-left: 0.15%;
+        top: 0px;
+        z-index: 19;
+    }
+}
+@media (max-width: 576px) {
+    .top-nav > .navbar-brand,
+    .top-nav:not(:has(>.show)) > .navbar-brand {
+        margin-right: 2%;
+        margin-left: 11%;
+        color: transparent;
+        order-style: none;
+        position: relative;
+        top: 0px;
+        z-index: 19;
+        will-change: margin-right, margin-left;
+    }
+}
+.top-nav:has(.navbar-buttons a[href*="/new"]):not(:has(>.show)) > .navbar-brand {
+    top: unset;
+}
+.top-nav:has(>.collapse.show) > .navbar-brand {
+    top: 1px;
+    justify-content: center;
+    align-content: space-between;
+    transform: translate(1px);
+    transition: transform 0s, top 0s;
+    will-change: transition;
+    z-index: 1199;
+}
+/*@media (min-width: 1200px) {
+    .navbar-dark .navbar-brand {
+    }
+}
+@media (min-width: 1200px) {
+    .navbar-expand-xl .navbar-collapse {
+        display: flex !important;
+        flex-basis: auto;
+        justify-content: flex-start !important;
+    }
+}*/
+@media (max-width: 576px) {
+    .top-nav {
+         bottom: unset;
+         top: auto;
+    }
+}
+
+
+/* part of fix for collapsing navbar */
+@media (min-width: 576px) {
+    .navbar-expand-xl .navbar-collapse {
+        display: initial;
+        flex-basis: 100%;
+    }
+}
+@media (min-width: 576px) {
+    .navbar-expand-xl {
+        flex-flow: row wrap;
+        justify-content: flex-start;
+    }
+}
+@media (min-width: 576px) {
+    .navbar-expand-xl .navbar-toggler {
+        display: revert;
+    }
+}
+@media (min-width: 576px) {
+    .navbar-expand-xl .navbar-collapse.collapse:not(.show) {
+        display: flex;
+        overflow-y: auto;
+        max-height: 100%;
+        max-width: 88px;
+        position: fixed;
+        z-index: 10;
+        padding: 73px 2px 0 2px;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        flex-wrap: wrap;
+        align-content: flex-start;
+        will-change: transform;
+        transition: all 0s;
+    }
+}
+@media (max-width: 576px) {
+    .navbar-expand-xl .navbar-collapse.collapse:not(.show) {
+        overflow-x: auto;
+        max-height: 0;
+        height: 88px;
+        max-width: 100%;
+        display: grid;
+        place-items: center;
+        top: unset;
+        bottom: 0;
+        left: 0;
+        right: 0;
+        margin: auto 0 0 0;
+        transform: translate(0%, 0%);
+        transition: all 0s;
+        will-change: transition;
+    }
+}
+.top-nav .navbar-collapse {
+    justify-content: space-evenly;
+}
+/* *** */
+
+@media (min-width: 576px) {
+    .ml-sm-2, 
+    .mx-sm-2 {
+        margin-left: unset !important;
+    }
+}
+
+/* ||Detail and Edit Pages */
+.detail-body {
+    margin-left: 1px;
+    margin-right: 1px;
+}
+.tab-content {
+    padding-right: 16px;
+    padding-left: 16px;
+}
+
+/* ||Primary Button */
+button:not([title=Help]).btn-primary,
+.login .btn.btn-primary {
+     color: rgb(var(--on-tertiary));
+     background-image: none;
+     background-color: rgb(var(--tertiary));
+     font-size: 14px;
+     font-weight: 500;
+     border: 0;
+     border-radius: 5rem;
+     gap: 8px;
+     display: inline-flex;
+     justify-content: center;
+     align-items: center;
+     height: 40px;
+     line-height: 20px;
+     letter-spacing: 0.185px;
+     padding-left: 24px;
+     padding-right: 24px;
+     box-shadow: var(--elevation-0);
+     outline: 0;
+     position: relative;
+     overflow: hidden;
+     opacity: 1;
+     transition: background-color 0.55s cubic-bezier(0.4, 0, 0.2, 1), background-image 0.55s cubic-bezier(0.4, 0, 0.2, 1), outline 0.4s ease-in, box-shadow 0.4s ease-in, opacity 0s linear;
+     -webkit-transition: background-color 0.55s cubic-bezier(0.4, 0, 0.2, 1), background-image 0.55s cubic-bezier(0.4, 0, 0.2, 1), outline 0.4s ease-in, box-shadow 0.4s ease-in, opacity 0s linear;
+}
+@media (min-width: 1200px) {
+    .details-divider button {
+        color: rgb(var(--on-tertiary));
+    }
+}
+button:not([title=Help]).btn.btn-primary:where(.disabled, :disabled, .disabled:hover, :disabled:hover) {
+    color: rgb(var(--on-surface),var(--disabled));
+    background-image: linear-gradient(to right, rgb(var(--body-color2)), rgb(var(--body-color2)));
+    background-color: rgb(var(--on-surface),var(--btn-background-disabled));
+    background-blend-mode: screen;
+    box-shadow: var(--elevation-0);
+}
+button:not([title=Help]).btn-primary:not(:disabled):not(.disabled):hover,
+.login .btn.btn-primary:hover {
+    color: rgb(var(--on-tertiary));
+    background-image: var(--btn-hover-highlight);
+    background-color: rgba(var(--tertiary));
+    background-blend-mode: screen;
+    box-shadow: var(--elevation-1);
+}
+button:not([title=Help]).btn-primary:not(:disabled):not(.disabled):focus-visible,
+.login .btn.btn-primary:focus-visible {
+    background-image: none;
+    background-color: rgba(var(--split-comp-container));
+    color: rgb(var(--on-split-comp-container));
+    box-shadow: none;
+    outline-color: rgb(var(--focus-ring));
+    outline-style: solid;
+    outline-width: 0.19rem;
+    outline-offset: -0.1rem;
+}
+button:not([title=Help]).btn-primary:not(:where(:disabled, .disabled)):is(:focus, .active, .active:focus, :active, :active:focus),
+.login .btn.btn-primary:is(:focus, .active, .active:focus, :active, :active:focus) {
+    color: rgb(var(--on-tertiary));
+    background-image: var(--btn-active-highlight);
+    background-color: rgba(var(--tertiary));
+    background-blend-mode: screen;
+    box-shadow: var(--elevation-0);
+}
+.login .btn.btn-primary { 
+    margin: 0;
+}
+/* * */
+
+/* Shrink Margin between Unmatched and Batch-buttons */
+.tagger-container-header > .d-flex > .w-auto + .d-flex .ml-1 {
+    margin-left: 0%;
+}
+.tagger-container .d-flex > .w-auto + .d-flex > button.btn.btn-primary {
+    margin-left: 1rem !important;
+}
+
+/* Tagger-Container Settings Button */
+.tagger-container > .tagger-container-header > div > div.d-flex > div.ml-2 > button.btn.btn-primary {
+    padding: 0;
+    border-radius: 5rem;
+    width: 40px;
+    margin-left: 8px;
+}
+
+button:is(#batch-result-toggle-off, #batch-result-toggle-mixed, #batch-result-toggle-on).btn.btn-primary {
+    border: 0;
+    background-color: rgb(var(--sec-container));
+    color: rgb(var(--on-sec-container));
+    box-shadow: var(--elevation-0);
+    outline: none;
+}
+button:is(#batch-result-toggle-off, #batch-result-toggle-mixed, #batch-result-toggle-on).btn.btn-primary:hover {
+    background-image: var(--btn-hover-highlight);
+    background-color: rgb(var(--sec-container));
+    background-blend-mode: screen;
+}
+button:is(#batch-result-toggle-off, #batch-result-toggle-mixed, #batch-result-toggle-on).btn.btn-primary:focus-visible {
+    background-image: var(--btn-hover-highlight);
+    background-color: rgb(var(--sec-container));
+    background-blend-mode: screen;
+    outline-color: rgb(var(--focus-ring));
+    outline-style: solid;
+    outline-width: 0.19rem;
+    outline-offset: -0.1rem;
+}
+button:is(#batch-result-toggle-off, #batch-result-toggle-mixed, #batch-result-toggle-on).btn.btn-primary:not(:disabled):not(.disabled):is(:focus:not(:focus-visible), .active, :active, .active:focus, :active:focus) {
+    background-image: var(--btn-active-highlight);
+    background-color: rgb(var(--sec-container));
+    background-blend-mode: screen;
+}
+button:is(#batch-result-toggle-off, #batch-result-toggle-mixed, #batch-result-toggle-on).btn.btn-primary:is(.disabled, :disabled) {
+    background-color: rgb(var(--sec-container),var(--disabled));
+    color: rgb(var(--on-sec-container),var(--disabled));
+}
+button#batch-result-toggle-off.btn {
+    padding-left: 16px;
+    padding-right: 12px;
+}
+button#batch-result-toggle-mixed.btn {
+    padding-right: 12px;
+    padding-left: 12px;
+}
+button#batch-result-toggle-on.btn {
+    padding-left: 12px;
+    padding-right: 16px;
+}
+
+.tagger-container > .tagger-container-header > .d-flex > .d-flex {
+    margin-left: auto;
+}
+
+div#crop-btn-container {
+    justify-content: flex-start;
+    display: flex;
+    margin-top: 0.4286rem;
+    margin-left: 0.75rem;
+    padding-bottom: 0.8571428571428571rem;
+}
+
+.tag-item, 
+.filter-tags>span.tag-item {
+    background-image: linear-gradient(to right, rgb(var(--surface)), rgb(var(--surface)));
+    background-color: rgba(var(--pry-color),0.55);
+    background-blend-mode: hard-light;
+    color: rgb(var(--on-surface-variant));
+    border: 1px solid rgb(var(--outline));
+    border-radius: 8px;
+    text-shadow: none !important;
+    letter-spacing: 0.1px;
+    line-height: 28px;
+    margin: 4px;
+    font-size: 14px;
+    font-weight: 500;
+    font-family: var(--HeaderFont);
+    min-height: 32px;
+    /*height: 32px;*/
+    box-shadow: var(--elevation-0);
+    padding: 0 16px 0 16px;
+}
+.tag-item:is(:hover, :focus-visible),
+.filter-tags>span.tag-item:is(:hover, :focus-visible) {
+    background-image: linear-gradient(to right, rgba(var(--surface),var(--btn-hover-rev)), rgba(var(--surface),var(--btn-hover-rev)));
+    background-color: rgba(var(--pry-color),0.55);
+    background-blend-mode: hard-light;
+    box-shadow: var(--elevation-1);
+}
+.tag-item:is(:active, :focus),
+.filter-tags>span.tag-item:is(:active, :focus) {
+    background-image: linear-gradient(to right, rgba(var(--surface),var(--btn-active-rev)), rgba(var(--surface),var(--btn-active-rev)));
+    background-color: rgba(var(--pry-color),0.55);
+    background-blend-mode: hard-light;
+    box-shadow: var(--elevation-0);
+}
+.tag-item:focus-visible,
+.filter-tags>span.tag-item:focus-visible {
+    outline-color: rgb(var(--focus-ring));
+    outline-style: solid;
+    outline-width: 0.25rem;
+    outline-offset: -1px;
+    box-shadow: none;
+}
+.tag-item .btn {
+    bottom: 0.07143rem;
+    color: #cef1ff;
+    margin-left: 0;
+    font-size: 1.286rem;
+    line-height: 1rem;
+    padding: 0 0 0 0.12rem;
+    opacity: 1;
+}
+
+/* Search-Result Tagger-Container Tag-items with Icons */
+:is(.search-result, .collapse.show.card) span.tag-item.badge.badge-secondary {
+    display: inline-flex !important;
+    justify-content: center;
+    align-items: center;
+}
+:is(.search-result, .collapse.show.card) span.tag-item > button.minimal.btn.btn-primary {
+    display: flex;
+    color: rgb(var(--on-surface-variant)) !important;
+    background-image: none;
+    margin-right: -10px;
+    padding: 0;
+    line-height: 26px;
+    margin-top: 2px;
+    margin-bottom: auto;
+    width: 28px;
+    height: 28px;
+    min-height: 28px;
+    box-shadow: none;
+}
+:is(.search-result, .collapse.show.card) span.tag-item > button.minimal.btn.btn-primary:is(:hover, :focus-visible) {
+    background-color: rgb(var(--surface-variant),var(--btn-hover-rev));
+    box-shadow: var(--elevation-0);
+}
+:is(.search-result, .collapse.show.card) span.tag-item > button.minimal.btn.btn-primary:is(:focus:not(:focus-visible), :active, :active:focus) {
+    background-color: rgb(var(--surface-variant),var(--btn-active-rev));
+    box-shadow: none;
+}
+:is(.search-result, .collapse.show.card) span.tag-item > button.minimal.btn.btn-primary:focus-visible {
+    outline-color: rgb(var(--focus-ring));
+    outline-offset: -2px;
+    outline-style: solid;
+    outline-width: 0.25rem;
+}
+/* */
+
+/* Loading Spinner */
+.spinner-border {
+    color: rgb(var(--pry-color)) !important;
+}
+
+/* Search-Button Spinner */
+.LoadingIndicator.small .spinner-border {
+    color: rgb(var(--on-tertiary)) !important;
+}
+
+.tag-item button.btn.btn-secondary > svg.svg-inline--fa.fa-xmark.fa-icon {
+    min-height: 18px;
+    font-size: 24px;
+}
+.wrap-tags.filter-tags>span.badge {
+    align-items: center;
+    display: flex;
+    padding: 0 12px 0 12px;
+    gap: 8px;
+}
+.tag-item > button.btn.btn-secondary {
+    background-color: transparent;
+    color: rgb(var(--on-surface-variant));
+    border: 0;
+    width: 26px;
+    max-width: 26px;
+    height: 26px;
+    max-height: 26px;
+    border-radius: 5rem;
+    justify-content: center;
+    padding: 0;
+    display: flex;
+}
+.tag-item > button.btn.btn-secondary:hover {
+    background-image: none;
+    background-color: rgb(var(--on-surface-variant),var(--btn-hover));
+}
+.tag-item > button.btn.btn-secondary:is(:focus, :active, :active:focus) {
+    background-image: none;
+    background-color: rgb(var(--on-surface-variant),var(--btn-active));
+}
+
+.badge-pill.badge-secondary {
+    color: #690005;
+    background-color: #ffb4ab;
+}
+.badge-info {
+    color: #690005;
+    background-color: #ffb4ab;
+}
+.badge-pill {
+    height: 1.357rem;
+    min-width: 1.357rem;
+    max-width: 2.5rem;
+    justify-content: center;
+    display: flex;
+    align-items: center;
+    padding: 0 0.286rem;
+    font-size: 0.786rem; /*11px*/
+    font-weight: 500;
+    letter-spacing: 0.036rem;
+}
+
+.fa-mars {
+    color: rgb(var(--mars));
+    font-size: 24px;
+}
+svg.gender-icon {
+    display: flex;
+    margin-bottom: auto;
+}
+
+.text-danger {
+    color: rgb(var(--error))!important;
+    text-shadow: var(--light-txt-shadow);
+    font-size: 22px;
+    line-height: 28px;
+    letter-spacing: 0.35px;
+}
+
+.scene-video-filter > .row > span > h5 {
+    color: rgb(var(--outline));
+}
+.scene-details, 
+.original-scene-details {
+    padding-bottom: 12px;
+}
+.scene-details h5 {
+    color: rgb(var(--on-surface-variant));
+}
+.scene-tabs .row.justify-content-center.scene-performers {
+    margin-top: 0;
+    padding-top: 0;
+}
+.scene-tabs p.pre {
+    color: rgb(var(--description-color));
+    margin-bottom: 16px;
+}
+.scene-tabs span.tag-item.badge.badge-secondary:last-of-type {
+    margin-bottom: 16px;
+}
+
+.scene-file-info.details-list dt {
+    color: rgb(var(--on-surface));
+}
+.scene-file-info.details-list dd {
+    color: rgb(var(--on-surface-variant));
+}
+
+/* Queue-Viewer */
+div#queue-content {
+    background-color: transparent;
+    margin-top: 8px;
+    padding-top: 8px;
+}
+#queue-viewer .queue-controls {
+    background-color: transparent;
+    padding-left: 16px;
+    padding-right: 16px;
+    padding-top: 16px;
+}
+#queue-viewer > .queue-controls > div + div {
+    display: flex;
+}
+#queue-viewer > .queue-controls button.minimal.btn.btn-secondary {
+    font-size: 18px;
+    width: 40px;
+}
+#queue-viewer .queue-controls + div#queue-content {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: flex-start;
+    align-content: flex-start;
+    justify-content: center;
+}
+#queue-viewer #queue-content > .d-flex > .btn.btn-primary:is(:only-of-type, :hover, :active, :focus, :active:focus) {
+    background-color: transparent;
+    background-image: none;
+    font-size: 27.45px;
+    color: rgb(var(--on-surface-variant));
+    font-weight: 900;
+    box-shadow: none;
+    padding: 0 0 16px 0;
+}
+#queue-viewer a {
+    color: rgb(var(--on-surface-variant));
+    font-size: 16px;
+    line-height: 24px;
+    letter-spacing: 0.25px;
+    font-weight: 400;
+    text-shadow: var(--light-txt-shadow);
+    transition: background-color 0.55s ease, color 0.15s ease-in-out;
+}
+#queue-viewer li.my-2 a:hover {
+    color: rgb(var(--on-surface));
+}
+#queue-content li.my-2:hover {
+    background-color: rgb(255,255,255,0.15);
+}
+li.my-2::marker {
+    font-weight: 700;
+    text-shadow: var(--light-txt-shadow);
+}
+li.my-2:hover::marker {
+    color: rgb(var(--on-surface));
+}
+li.my-2.current::marker {
+    color: rgb(var(--on-surface-variant));
+    font-weight: 900;
+    text-shadow: var(--light-txt-shadow);
+}
+#queue-content li.my-2.current {
+    background-color: rgb(255,255,255,0.05);
+}
+#queue-content li.my-2.current a {
+    font-weight: 500;
+    text-shadow: var(--light-txt-shadow);
+}
+#queue-viewer>#queue-content li.my-2 {
+    margin-top: 0 !important;
+    margin-bottom: 0 !important;
+}
+#queue-viewer .ml-1 {
+    margin-left: 0 !important;
+}
+#queue-viewer .thumbnail-container {
+    height: 72px;
+    margin-bottom: 12px;
+    margin-right: 16px;
+    margin-top: 12px;
+    min-width: 126px;
+    width: auto;
+}
+/* * */
+
+.input-group>.input-group-append>.react-datepicker-wrapper button.btn.btn-secondary:not(:first-child):last-child {
+    border-left: 2px solid #899390;
+}
+.scrape-url-button:not(:disabled) {
+    margin-left: 1px;
+}
+
+/* --- Cuts the name of Performers, Movies and Tags short if they go longer than the length of the field --- */
+div.react-select__control .react-select__multi-value {
+  max-width: 285px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+/* --- Background when searching for a scene in Tagger view --- */
+.search-result {    
+    background: rgba(0,0,0,0.22);
+}
+.selected-result {  
+    background: rgba(125, 199, 120,0.28);
+}
+.search-result:hover { 
+    background: rgba(138,205,134,0.35);
+}
+
+.tagger-container .form-group>label.form-label:not(.col-form-label) {
+    margin-bottom: 0;
+    font-size: 11px;
+    font-weight: 500;
+    line-height: 16px;
+    letter-spacing: 0.5px;
+    position: relative;
+    left: 16px;
+    top: -4px;
+}
+
+.input-control.form-control,
+.input-control.form-control:disabled:hover {
+    background-color: transparent;
+    border: 0;
+    border-radius: 4px;
+    color: rgb(var(--on-pry-container));
+    height: 56px;
+    margin-right: 26px; /* This margin is the space between the text and arrow. */
+    font-size: 16px;
+    line-height: 24px;
+    letter-spacing: 0.5px;
+    font-weight: 500;
+    text-shadow: var(--really-light-txt-shadow);
+    padding-left: 16px;
+    padding-right: 16px;
+    box-shadow: 0 0 0 1px rgb(var(--outline)), inset 0 0 0 1px transparent;
+    background-image: url("data:image/svg+xml;utf8,<svg fill='%23c1c7ce' height='24' viewBox='0 0 20 22' width='32' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
+    background-repeat: no-repeat;
+    background-position: calc( 100% - 8px ) center;
+    background-size: 50px;
+    transition: color 0.2s ease-in-out, border-radius 0.2s ease-in-out, box-shadow 0.4s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.55s ease;
+    min-width: 160px;
+}
+.input-control:disabled,
+.input-control.form-control:disabled {
+    opacity: var(--disabled);
+}
+.input-control.form-control:hover {
+    background-color: rgb(var(--pry-container));
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    box-shadow: 0 1px 0 0 rgb(var(--on-surface)), inset 0 -1px 0 0 transparent;
+}
+.input-control.form-control:where(:focus, :focus:hover, :active) {
+    background-color: rgb(var(--on-pry));
+    color: rgb(var(--pry-color));
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    box-shadow: 0 1px 0 0 rgb(var(--pry-color)), inset 0 -2px 0 0 rgb(var(--pry-color));
+}
+.input-control.form-control:focus-visible {
+    background-color: rgba(var( --pry-container));
+    color: rgb(var(--on-tertiary-container));
+    box-shadow: 0 1px 0 0 rgb(var(--on-surface)), inset 0 -1px 0 0 rgb(var(--on-surface));
+    outline: none;
+}
+
+#update-stashids-endpoint.input-control.form-control {
+    margin-top: 8px;
+}
+#performer-page .image-container .performer {
+     background-color: rgba(0, 0, 0, 0.45);
+     box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2), 0px 2px 2px 0px rgba(0,0,0,0.14), 0px 1px 5px 0px rgba(0,0,0,0.12);
+}
+
+/* React Select Combo-Box's */
+.input-group .react-select .react-select__control {
+    border-radius: 4px;
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+}
+
+div.react-select__control {
+     background-color: rgb(var(--body-color2));
+     color: rgb(var(--interactive-input));
+     border-width: 0;
+     border-style: none;
+     border-radius: 4px;
+     box-shadow: 0 0 0 1px rgb(var(--outline)), inset 0 0 0 1px transparent;
+     transition: box-shadow 0.4s cubic-bezier(0.4, 0, 0.2, 1), border-radius 0.35s ease-in, background-color .55s ease, outline 0.4s ease-in;
+}
+div.react-select__control:not(:focus):focus-visible {
+    background-color: rgba(255,255,255,0.06);
+    background-image: var(--btn-hover-highlight),linear-gradient(to right, rgb(var(--body-color2)), rgb(var(--body-color2)));
+    outline-color: rgb(var(--focus-ring));
+    outline-offset: -1px;
+    outline-style: solid;
+    outline-width: 0.25rem;
+}
+.row.form-group:has(.invalid-feedback)>div>div>div.react-select__control {
+    border: 0;
+    border-style: none;
+    box-shadow: 0 0 0 1px rgb(var(--error-container)), inset 0 0 0 1px transparent;
+    transition: box-shadow 0.4s cubic-bezier(0.4, 0, 0.2, 1);
+}
+div.react-select__value-container {
+    min-height: 56px;
+    padding: 2px 12px;
+}
+.CountrySelect>.react-select__control:hover,
+div.react-select__control:hover {
+    background-color: rgba(255,255,255,var(--btn-hover));
+    background-image: var(--btn-hover-highlight),linear-gradient(to right, rgb(var(--body-color2)), rgb(var(--body-color2)));
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    box-shadow: 0 1px 0 0 rgb(var(--on-surface)), inset 0 -1px 0 0 transparent;
+    transition: box-shadow 0.4s cubic-bezier(0.4, 0, 0.2, 1), border-radius 0.35s ease-in, background-color .55s ease;
+}
+.row.form-group:has(.invalid-feedback)>div>div>div.react-select__control:hover {
+    background-color: rgba(255,255,255,var(--btn-hover));
+    background-image: var(--btn-hover-highlight),linear-gradient(to right, rgb(var(--body-color2)), rgb(var(--body-color2)));
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    box-shadow: 0 1px 0 0 rgb(var(--on-error-container)), inset 0 -1px 0 0 transparent;
+    transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1);
+}
+div.react-select__control.react-select__control--is-focused {
+    background-color: rgba(255,255,255,var(--btn-active));
+    background-image: var(--btn-active-highlight),linear-gradient(to right, rgb(var(--body-color2)), rgb(var(--body-color2)));
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    box-shadow: 0 1px 0 0 rgb(var(--pry-color)), inset 0 -1px 0 0 rgb(var(--pry-color));
+    transition: box-shadow 0.4s cubic-bezier(0.4, 0, 0.2, 1), border-radius 0.35s ease-in, background-color .55s ease;
+}
+.row.form-group:has(.invalid-feedback)>div>div>div.react-select__control--is-focused {
+    background-color: rgba(255,255,255,var(--btn-active));
+    background-image: var(--btn-active-highlight),linear-gradient(to right, rgb(var(--body-color2)), rgb(var(--body-color2)));
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    box-shadow: 0 1px 0 0 rgb(var(--error-container)), inset 0 -1px 0 0 rgb(var(--error-container));
+    transition: box-shadow 0.4s cubic-bezier(0.4, 0, 0.2, 1), background-color: 0.55s ease;
+}
+div.react-select__control.react-select__control--is-focused:hover {
+    background-color: rgba(255,255,255,var(--btn-hover));
+    background-image: var(--btn-active-highlight),linear-gradient(to right, rgb(var(--body-color2)), rgb(var(--body-color2)));
+}
+.row.form-group:has(.invalid-feedback)>div>div>div.react-select__control--is-focused:hover {
+    background-color: rgba(255,255,255,var(--btn-active));
+    background-image: var(--btn-active-highlight),linear-gradient(to right, rgb(var(--body-color2)), rgb(var(--body-color2)));
+}
+
+div.react-select__control .react-select__single-value, 
+div.react-select__control .react-select__input-container {
+    color: rgb(var(--interactive-input));
+    font-size: 14px;
+    font-weight: 400;
+    letter-spacing: 0.15px;
+    line-height: 20px;
+}
+.react-select__placeholder,
+.css-1wa3eu0-placeholder {
+    color: rgb(var(--on-surface-variant));
+    font-size: 16px;
+    font-weight: 400;
+    line-height: 24px;
+    letter-spacing: 0.5px;
+    text-shadow: none;
+}
+.row.form-group:has(.invalid-feedback)>div>div>div.react-select__control .react-select__placeholder {
+    color: rgb(var(--error));
+}
+div.react-select__control.react-select__control--is-focused .react-select__placeholder {
+    position: relative;
+    top: -30%;
+    font-size: 12px;
+    font-weight: 500;
+    line-height: 16px;
+    letter-spacing: 1.0px;
+    transform: scale(1);
+    will-change: transition;
+    transition: transform 0.115s cubic-bezier(0.47, 0, 0.75, 0.72);
+}
+/* Tags in Comboboxes */
+div.react-select__control .react-select__multi-value {
+    background-color: rgb(var(--secondary));
+    border: 0;
+    border-radius: 8px;
+    align-content: center;
+    flex-flow: wrap;
+    font-weight: 500;
+    margin: 4px 4px;
+    padding: 0 8px 0 12px;
+    height: 32px;
+    box-shadow: var(--elevation-0);
+    outline: none;
+}
+div.react-select__control .react-select__multi-value:hover {
+    background-image: var(--btn-hover-highlight), linear-gradient(to right, rgba(var(--pry-color),var(--btn-hover)), rgba(var(--pry-color),var(--btn-hover)));
+    background-color: rgba(var(--secondary));
+    background-blend-mode: screen;
+    box-shadow: var(--elevation-1);
+}
+div.react-select__control .react-select__multi-value:active,
+div.react-select__control .react-select__multi-value:focus,
+div.react-select__control .react-select__multi-value:focus:active {
+    background-image: var(--btn-active-highlight), linear-gradient(to right, rgba(var(--pry-color),var(--btn-active)), rgba(var(--pry-color),var(--btn-active)));
+    background-color: rgba(var(--secondary));
+    background-blend-mode: screen;
+    box-shadow: var(--elevation-0);
+}
+/* Button Indicators in Combobox */
+div.react-select__indicator {
+    color: rgb(var(--surface-variant));
+    opacity: 1;
+}
+div.react-select__control:hover div.react-select__indicator:hover {
+    color: rgb(var(--surface-variant));
+    opacity: 1;
+}
+div.react-select__control.react-select__control--is-focused div.react-select__indicator:focus,
+div.react-select__control.react-select__control--is-focused div.react-select__indicator:active,
+div.react-select__control.react-select__control--is-focused div.react-select__indicator.react-select__dropdown-indicator:focus,
+div.react-select__control.react-select__control--is-focused div.react-select__indicator.react-select__dropdown-indicator:active,
+div.react-select__control.react-select__control--is-focused div.react-select__indicator.react-select__clear-indicator:focus,
+div.react-select__control.react-select__control--is-focused div.react-select__indicator.react-select__clear-indicator:active {
+    color: rgb(var(--on-surface-variant));
+    background-color: rgb(var(--on-surface-variant),var(--btn-active));
+    border-radius: 5rem;
+    opacity: 1;
+}
+div.react-select__dropdown-indicator,
+div.react-select__clear-indicator {
+    color: rgb(var(--on-surface-variant));
+    padding: 0;
+    position: relative;
+    margin-right: 12px;
+    opacity: 1;
+}
+div.react-select__indicator.react-select__dropdown-indicator:hover,
+div.react-select__indicator.react-select__clear-indicator:hover {
+    color: rgb(var(--on-surface-variant));
+    background-color: rgb(var(--on-surface-variant),var(--btn-hover));
+    border-radius: 5rem;
+    opacity: 1;
+}
+
+div.react-select__menu, 
+div.dropdown-menu {
+    background-color: rgb(var(--menu-color));
+    color: rgb(var(--on-surface));
+    box-shadow: var(--elevation-2);
+    border-radius: 0 4px 4px 0;
+    padding: 8px 0;
+}
+div.react-select__menu .react-select__option,
+div.react-select__menu .dropdown-item,
+div.dropdown-menu .react-select__option {
+    color: rgb(var(--on-surface));
+    padding-left: 12px;
+    padding-right: 12px;
+    height: 48px;
+    max-height: 48px;
+    padding-top: 15px;
+} 
+div.react-select.performer-select div.react-select__menu .react-select__option,
+div.react-select.performer-select div.react-select__menu .dropdown-item,
+div.react-select.performer-select div.dropdown-menu .react-select__option {
+    color: rgb(var(--on-surface));
+    padding-left: 12px;
+    padding-right: 12px;
+    height: 66px;
+    max-height: 66px;
+    padding-top: 8px;
+}    
+div.react-select__menu .react-select__option--is-focused,
+div.react-select__menu .dropdown-item:focus,
+div.react-select__menu .dropdown-item:hover,
+div.dropdown-menu .react-select__option--is-focused,
+div.dropdown-menu .dropdown-item:focus,
+div.dropdown-menu .dropdown-item:hover {
+    background-color: rgb(var(--on-surface),var(--btn-hover));
+    color: rgb(var(--on-surface));
+}
+
+/* Scraper Tags Selected */
+.react-select__multi-value__label {
+    background-color: transparent;
+    color: rgb(var(--on-sec));
+    text-shadow: none !important;
+    vertical-align: middle;
+    letter-spacing: 0.1px;
+    line-height: 20px;
+    font-weight: 500;
+    font-size: 14px;
+    padding-right: 8px;
+    position: relative;
+    top: 2px;
+}
+/* ...close button */
+.react-select__multi-value__remove {
+    background-color: transparent;
+    border-radius: 5rem;
+    border: 0;
+    color: rgb(var(--on-surface-variant));
+    box-shadow: none;
+    outline: none;
+    min-width: 30px;
+    width: 30px;
+    height: 30px;
+}
+.react-select__multi-value__remove:hover {
+    background-color: rgba(var(--on-surface-variant),var(--btn-hover));
+    box-shadow: var(--elevation-0);
+    color: rgb(var(--on-surface-variant));
+}
+.react-select__multi-value__remove:active,
+.react-select__multi-value__remove.active {
+    background-color: rgba(var(--on-surface-variant),var(--btn-active));
+    color: rgb(var(--on-surface-variant));
+    box-shadow: none;
+    outline: none;
+}
+
+/* React dropdown SVG Icon size */
+svg.css-8mmkcg {
+    height: 40px!important;
+    width: 40px!important;
+}
+#scene-edit-details .form-container .form-group:nth-last-of-type(-n +6) div.react-select__indicators svg.css-8mmkcg {
+    stroke: rgb(var(--body-color2));
+    stroke-width: 0.55;
+}
+#scene-edit-details .form-container .form-group:nth-last-of-type(-n + 6) div.react-select__control.react-select__control--is-focused div.react-select__indicators svg.css-8mmkcg,
+#scene-edit-details .form-container .form-group:nth-last-of-type(-n + 6) div.react-select__control.react-select__control--is-focused:hover div.react-select__indicators svg.css-8mmkcg,
+#scene-edit-details .form-container .form-group:nth-last-of-type(-n + 6) div.react-select__control.react-select__control--is-focused div.react-select__indicators:hover svg.css-8mmkcg {
+    stroke: #404345;
+}
+
+.text-success {
+    color: #7DC778 !important;
+}
+
+/* Not Sure about this! */
+.input-group>.input-group-prepend:first-child:not(:last-child)>.btn:only-child {
+    border-radius: 0.23rem;
+}
+
+.scene-wall-item-text-container {
+     background: radial-gradient(farthest-corner at 50% 50%, rgba(50, 50, 50, .5) 50%, #323232 100%);
+     color: #fff;
+     text-shadow: none;
+}
+
+.btn-toolbar {
+    margin-left: auto;
+    margin-right: auto;
+    align-content: center;
+    align-items: center;
+}
+.filter-container, 
+.operation-container {
+     background-color: rgb(var(--pry-container));
+     box-shadow: none;
+     margin-top: 6px; 
+     border-radius: 5rem;
+     margin-left: 24px;
+     margin-right: 24px;
+     margin-bottom: 12px;
+}
+span.filter-container.text-muted.paginationIndex.center-text {
+    background-color: transparent;
+    /*margin-top: 24px;*/
+    margin-bottom: 0;
+}
+span.filter-container.text-muted.paginationIndex.center-text:last-of-type {
+    margin-bottom: 6px;
+}
+.filter-container.pagination.btn-group:last-of-type {
+    margin-bottom: 24px;
+}
+
+/* Link-Button */
+.btn-link:not(:has(>*.performer)) {
+    color: rgb(var(--link-color));
+    text-decoration: none;
+    text-decoration-color: transparent;
+    display: inline-block;
+    padding-left: 12px;
+    padding-right: 12px;
+    min-height: 32px;
+    height: 32px;
+    font-size: 14px;
+    letter-spacing: 0.025em;
+    line-height: 20px;
+    font-weight: 500;
+    background-image: var(--btn-dummy-highlight);
+    background-color: rgb(var(--link-icon));
+    background-blend-mode: normal;
+    border: 0;
+    outline: 0;
+    box-shadow: var(--elevation-0);
+    border-radius: 5rem;
+    transition: var(--trans-0);
+    -webkit-transition: text-decoaration-color 0.25s ease-in-out, var(--trans-0);
+}
+.btn-link:not(:has(>*.performer)):is(:hover, :focus-visible) {
+    color: rgb(var(--link-color));
+    text-decoration: underline;
+    text-decoration-color: currentColor;
+    text-decoration-thickness: from-font;
+    text-underline-offset: 0.17em;
+    box-shadow: var(--elevation-1);
+    background-image: var(--btn-hover-highlight);
+    background-color: rgb(var(--link-icon));
+    background-blend-mode: screen;
+}
+.btn-link:not(:has(>*.performer)):not(:disabled):not(.disabled):is(.active, .active:focus, :focus, :active, :active:focus) {
+    color: rgb(var(--link-color))
+    text-decoration: underline;
+    text-decoration-color: currentColor;
+    text-decoration-thickness: from-font;
+    text-underline-offset: 0.17em;
+    outline: 0;
+    box-shadow: var(--elevation-0);
+    background-image: var(--btn-active-highlight);
+    background-color: rgb(var(--link-icon));
+    background-blend-mode: screen;
+}
+.btn-link:not(:has(>*.performer)):focus-visible {
+    text-decoration: underline;
+    text-decoration-color: currentColor;
+    text-decoration-thickness: from-font;
+    text-underline-offset: 0.17em;
+    outline-color: rgb(var(--focus-ring));
+    outline-width: 0.25rem;
+    outline-style: solid;
+    outline-offset: -1px;
+    box-shadow: none;
+}
+.btn-link:not(:has(>*.performer)):disabled,
+.btn-link.disabled:not(:has(>*.performer)) {
+    text-decoration: none;
+    text-decoration-color: transparent;
+    box-shadow: none;
+    outline: 0;
+    opacity: var(--disabled);
+}
+
+button.minimal.brand-link.d-none.d-md-inline-block.btn.btn-primary {
+     text-transform: uppercase;
+     font-weight: bold;
+     text-shadow: none;
+}
+
+.folder-list .btn-link {
+     color: #dcf6f0;
+}
+.folder-list-parent.folder-list-item {
+    font-weight: 700;
+    color: #dcf6f0;
+}
+
+#performer-scraper-popover {
+     z-index: 10;
+}
+
+.stats .heading {
+    color: rgba(224,227,225,0.87);
+    text-shadow: none;
+}
+
+.search-item {
+     background-color: rgb(var(--card-color2));
+}
+.selected-result {
+     background-color: rgb(var(--card-color2));
+}
+.selected-result:hover {
+     background-color: rgb(var(--card-color2));
+}
+
+/* Search Result Card from Scraper -- perhaps the above .selected-result has incorrect color?? */
+li.search-result.selected-result.active {
+    background-color: transparent;
+}
+
+.search-item > ul:has(>.search-result.selected-result.active) {
+    border-top: 1px solid rgb(var(--card-fold));
+}
+
+/* Popovers */
+.popover {
+    font-family: var(--HeaderFont);
+    font-weight: 400;
+    font-size: 1rem;
+    line-height: 20px;
+    letter-spacing: 0.25px;
+    padding: 12px 16px 8px 16px;
+    color: rgb(var(--on-surface-variant)) !important;
+    background-color: transparent; 
+    border: 1px solid rgba(255,255,255,0.15);
+    border-radius: 12px;
+    box-shadow: var(--elevation-2) !important;
+}
+.popover:not(.popover ~ .popover):not(.popover + .popover) {
+    background-color: rgb(var(--popover-color)) !important;
+}
+
+.popover ~ .popover,
+.popover + .popover {
+    background-color: rgb(var(--popover-color2)) !important;
+}
+
+.popover-body, 
+.popover-body .btn, 
+.modal {
+    color: currentColor;
+}
+.popover-body .image-input.form-label>button.btn.btn-secondary {
+    color: rgb(var(--on-pry-container));
+}
+.popover-body button.minimal.btn.btn-primary {
+    color: rgb(var(--on-pry-container));
+    padding: 0 24px;
+}
+.popover-header {
+    background-color: rgb(var(--popover-color));
+    border-bottom: 1px solid rgb(var(--on-surface-variant));
+    margin: -12px -12px 12px -12px;
+    padding-bottom: 4px;
+    line-height: 20px;
+    font-size: 1rem;
+    font-weight: 500;
+    letter-spacing: 0.1px;
+    color: rgb(var(--on-surface-variant)) !important;
+}
+.popover .text-muted {
+    color: #e0e3e1 !important;
+}
+.popover-body {
+    background-color: transparent;
+    padding: 0;
+    margin: 0;
+}
+.popover-body:has(>div .image-input):has(>div .minimal.btn) {
+    justify-content: center;
+    display: flex;
+    gap: 8px;
+}
+.image-input {
+    margin-bottom: 8px;
+    color: inherit;
+}
+.bs-popover-top:not(.bs-popover-top ~ .bs-popover-top):not(.bs-popover-top + .bs-popover-top):not(.bs-popover-bottom ~ .bs-popover-top):not(.bs-popover-bottom + .bs-popover-top):not(.bs-popover-right ~ .bs-popover-top):not(.bs-popover-right + .bs-popover-top):not(.bs-popover-left ~ .bs-popover-top):not(.bs-popover-left + .bs-popover-top) > .arrow:after, 
+.bs-popover-auto[x-placement^=top]:not(.bs-popover-auto[x-placement^=top] ~ .bs-popover-auto[x-placement^=top]):not(.bs-popover-auto[x-placement^=top] + .bs-popover-auto[x-placement^=top]):not(.bs-popover-auto[x-placement^=bottom] ~ .bs-popover-auto[x-placement^=top]):not(.bs-popover-auto[x-placement^=bottom] + .bs-popover-auto[x-placement^=top]):not(.bs-popover-auto[x-placement^=right] ~ .bs-popover-auto[x-placement^=top]):not(.bs-popover-auto[x-placement^=right] + .bs-popover-auto[x-placement^=top]):not(.bs-popover-auto[x-placement^=left] ~ .bs-popover-auto[x-placement^=top]):not(.bs-popover-auto[x-placement^=left] + .bs-popover-auto[x-placement^=top]) > .arrow:after {
+    border-top-color: rgb(var(--popover-color)) !important;
+}
+.bs-popover-top ~ .bs-popover-top > .arrow:after, 
+.bs-popover-top + .bs-popover-top > .arrow:after,
+.bs-popover-auto[x-placement^=top] ~ .bs-popover-auto[x-placement^=top] > .arrow:after,
+.bs-popover-auto[x-placement^=top] + .bs-popover-auto[x-placement^=top] > .arrow:after,
+.bs-popover-bottom ~ .bs-popover-top > .arrow:after, 
+.bs-popover-bottom + .bs-popover-top > .arrow:after,
+.bs-popover-auto[x-placement^=bottom] ~ .bs-popover-auto[x-placement^=top] > .arrow:after,
+.bs-popover-auto[x-placement^=bottom] + .bs-popover-auto[x-placement^=top] > .arrow:after,
+.bs-popover-right ~ .bs-popover-top > .arrow:after, 
+.bs-popover-right + .bs-popover-top > .arrow:after,
+.bs-popover-auto[x-placement^=right] ~ .bs-popover-auto[x-placement^=top] > .arrow:after,
+.bs-popover-auto[x-placement^=right] + .bs-popover-auto[x-placement^=top] > .arrow:after,
+.bs-popover-left ~ .bs-popover-top > .arrow:after, 
+.bs-popover-left + .bs-popover-top > .arrow:after,
+.bs-popover-auto[x-placement^=left] ~ .bs-popover-auto[x-placement^=top] > .arrow:after,
+.bs-popover-auto[x-placement^=left] + .bs-popover-auto[x-placement^=top] > .arrow:after {
+    border-top-color: rgb(var(--popover-color2)) !important;
+}
+.bs-popover-top > .arrow:before, 
+.bs-popover-auto[x-placement^=top] > .arrow:before {
+    border-top-color: rgba(255,255,255,0.15);
+}
+.bs-popover-bottom:not(.bs-popover-bottom ~ .bs-popover-bottom):not(.bs-popover-bottom + .bs-popover-bottom):not(.bs-popover-top ~ .bs-popover-bottom):not(.bs-popover-top + .bs-popover-bottom):not(.bs-popover-right ~ .bs-popover-bottom):not(.bs-popover-right + .bs-popover-bottom):not(.bs-popover-left ~ .bs-popover-bottom):not(.bs-popover-left + .bs-popover-bottom) > .arrow:after, 
+.bs-popover-auto[x-placement^=bottom]:not(.bs-popover-auto[x-placement^=bottom] ~ .bs-popover-auto[x-placement^=bottom]):not(.bs-popover-auto[x-placement^=bottom] + .bs-popover-auto[x-placement^=bottom]):not(.bs-popover-auto[x-placement^=top] ~ .bs-popover-auto[x-placement^=bottom]):not(.bs-popover-auto[x-placement^=top] + .bs-popover-auto[x-placement^=bottom]):not(.bs-popover-auto[x-placement^=right] ~ .bs-popover-auto[x-placement^=bottom]):not(.bs-popover-auto[x-placement^=right] + .bs-popover-auto[x-placement^=bottom]):not(.bs-popover-auto[x-placement^=left] ~ .bs-popover-auto[x-placement^=bottom]):not(.bs-popover-auto[x-placement^=left] + .bs-popover-auto[x-placement^=bottom]) > .arrow:after {
+    border-bottom-color: rgb(var(--popover-color)) !important;
+}
+.bs-popover-bottom ~ .bs-popover-bottom > .arrow:after, 
+.bs-popover-bottom + .bs-popover-bottom > .arrow:after,
+.bs-popover-auto[x-placement^=bottom] ~ .bs-popover-auto[x-placement^=bottom] > .arrow:after,
+.bs-popover-auto[x-placement^=bottom] + .bs-popover-auto[x-placement^=bottom] > .arrow:after,
+.bs-popover-top ~ .bs-popover-bottom > .arrow:after, 
+.bs-popover-top + .bs-popover-bottom > .arrow:after,
+.bs-popover-auto[x-placement^=top] ~ .bs-popover-auto[x-placement^=bottom] > .arrow:after,
+.bs-popover-auto[x-placement^=top] + .bs-popover-auto[x-placement^=bottom] > .arrow:after,
+.bs-popover-right ~ .bs-popover-bottom > .arrow:after, 
+.bs-popover-right + .bs-popover-bottom > .arrow:after,
+.bs-popover-auto[x-placement^=right] ~ .bs-popover-auto[x-placement^=bottom] > .arrow:after,
+.bs-popover-auto[x-placement^=right] + .bs-popover-auto[x-placement^=bottom] > .arrow:after,
+.bs-popover-left ~ .bs-popover-bottom > .arrow:after, 
+.bs-popover-left + .bs-popover-bottom > .arrow:after,
+.bs-popover-auto[x-placement^=left] ~ .bs-popover-auto[x-placement^=bottom] > .arrow:after,
+.bs-popover-auto[x-placement^=left] + .bs-popover-auto[x-placement^=bottom] > .arrow:after {
+    border-bottom-color: rgb(var(--popover-color2)) !important;
+}
+.bs-popover-bottom > .arrow:before, 
+.bs-popover-auto[x-placement^=bottom] > .arrow:before {
+    border-bottom-color: rgba(255,255,255,0.15);
+}
+.bs-popover-right:not(.bs-popover-top ~ .bs-popover-right):not(.bs-popover-top + .bs-popover-right):not(.bs-popover-bottom ~ .bs-popover-right):not(.bs-popover-bottom + .bs-popover-right):not(.bs-popover-right ~ .bs-popover-right):not(.bs-popover-right + .bs-popover-right):not(.bs-popover-left ~ .bs-popover-right):not(.bs-popover-left + .bs-popover-right) > .arrow:after, 
+.bs-popover-auto[x-placement^=right]:not(.bs-popover-auto[x-placement^=top] ~ .bs-popover-auto[x-placement^=right]):not(.bs-popover-auto[x-placement^=top] + .bs-popover-auto[x-placement^=right]):not(.bs-popover-auto[x-placement^=bottom] ~ .bs-popover-auto[x-placement^=right]):not(.bs-popover-auto[x-placement^=bottom] + .bs-popover-auto[x-placement^=right]):not(.bs-popover-auto[x-placement^=right] ~ .bs-popover-auto[x-placement^=right]):not(.bs-popover-auto[x-placement^=right] + .bs-popover-auto[x-placement^=right]):not(.bs-popover-auto[x-placement^=left] ~ .bs-popover-auto[x-placement^=right]):not(.bs-popover-auto[x-placement^=left] + .bs-popover-auto[x-placement^=right]) > .arrow:after {
+    border-right-color: rgb(var(--popover-color)) !important;
+}
+.bs-popover-right ~ .bs-popover-right > .arrow:after,
+.bs-popover-right + .bs-popover-right > .arrow:after,
+.bs-popover-auto[x-placement^=right] ~ .bs-popover-auto[x-placement^=right] > .arrow:after,
+.bs-popover-auto[x-placement^=right] + .bs-popover-auto[x-placement^=right] > .arrow:after,
+.bs-popover-top ~ .bs-popover-right > .arrow:after,
+.bs-popover-top + .bs-popover-right > .arrow:after,
+.bs-popover-auto[x-placement^=top] ~ .bs-popover-auto[x-placement^=right] > .arrow:after,
+.bs-popover-auto[x-placement^=top] + .bs-popover-auto[x-placement^=right] > .arrow:after,
+.bs-popover-bottom ~ .bs-popover-right > .arrow:after,
+.bs-popover-bottom + .bs-popover-right > .arrow:after,
+.bs-popover-auto[x-placement^=bottom] ~ .bs-popover-auto[x-placement^=right] > .arrow:after,
+.bs-popover-auto[x-placement^=bottom] + .bs-popover-auto[x-placement^=right] > .arrow:after,
+.bs-popover-left ~ .bs-popover-right > .arrow:after,
+.bs-popover-left + .bs-popover-right > .arrow:after,
+.bs-popover-auto[x-placement^=left] ~ .bs-popover-auto[x-placement^=right] > .arrow:after,
+.bs-popover-auto[x-placement^=left] + .bs-popover-auto[x-placement^=right] > .arrow:after {
+    border-right-color: rgb(var(--popover-color2)) !important;
+}
+.bs-popover-right > .arrow:before, 
+.bs-popover-auto[x-placement^=right] > .arrow:before {
+    border-right-color: rgba(255,255,255,0.15);
+}
+.bs-popover-left:not(.bs-popover-left ~ .bs-popover-left):not(.bs-popover-left + .bs-popover-left):not(.bs-popover-top ~ .bs-popover-left):not(.bs-popover-top + .bs-popover-left):not(.bs-popover-bottom ~ .bs-popover-left):not(.bs-popover-bottom + .bs-popover-left):not(.bs-popover-right ~ .bs-popover-left):not(.bs-popover-right + .bs-popover-left) > .arrow:after, 
+.bs-popover-auto[x-placement^=left]:not(.bs-popover-auto[x-placement^=left] ~ .bs-popover-auto[x-placement^=left]):not(.bs-popover-auto[x-placement^=left] + .bs-popover-auto[x-placement^=left]):not(.bs-popover-auto[x-placement^=top] ~ .bs-popover-auto[x-placement^=left]):not(.bs-popover-auto[x-placement^=top] + .bs-popover-auto[x-placement^=left]):not(.bs-popover-auto[x-placement^=bottom] ~ .bs-popover-auto[x-placement^=left]):not(.bs-popover-auto[x-placement^=bottom] + .bs-popover-auto[x-placement^=left]):not(.bs-popover-auto[x-placement^=right] ~ .bs-popover-auto[x-placement^=left]):not(.bs-popover-auto[x-placement^=right] + .bs-popover-auto[x-placement^=left]) > .arrow:after {
+    border-left-color: rgb(var(--popover-color)) !important;
+}
+.bs-popover-left ~ .bs-popover-left > .arrow:after,
+.bs-popover-left + .bs-popover-left > .arrow:after,
+.bs-popover-auto[x-placement^=left] ~ .bs-popover-auto[x-placement^=left] > .arrow:after,
+.bs-popover-auto[x-placement^=left] + .bs-popover-auto[x-placement^=left] > .arrow:after,
+.bs-popover-top ~ .bs-popover-left > .arrow:after,
+.bs-popover-top + .bs-popover-left > .arrow:after,
+.bs-popover-auto[x-placement^=top] ~ .bs-popover-auto[x-placement^=left] > .arrow:after,
+.bs-popover-auto[x-placement^=top] + .bs-popover-auto[x-placement^=left] > .arrow:after,
+.bs-popover-bottom ~ .bs-popover-left > .arrow:after,
+.bs-popover-bottom + .bs-popover-left > .arrow:after,
+.bs-popover-auto[x-placement^=bottom] ~ .bs-popover-auto[x-placement^=left] > .arrow:after,
+.bs-popover-auto[x-placement^=bottom] + .bs-popover-auto[x-placement^=left] > .arrow:after,
+.bs-popover-right ~ .bs-popover-left > .arrow:after,
+.bs-popover-right + .bs-popover-left > .arrow:after,
+.bs-popover-auto[x-placement^=right] ~ .bs-popover-auto[x-placement^=left] > .arrow:after,
+.bs-popover-auto[x-placement^=right] + .bs-popover-auto[x-placement^=left] > .arrow:after {
+    border-left-color: rgb(var(--popover-color2)) !important;
+}
+.bs-popover-left > .arrow:before, 
+.bs-popover-auto[x-placement^=left] > .arrow:before {
+    border-left-color: rgba(255,255,255,0.15);
+}
+.popover.show {
+    transition: all 0s ease-in 0.4s;
+    will-change: transition;
+}
+.popover:not(.show) {
+    transition: all 0s ease 0s;
+    will-change: transition;
+}
+/* Tooltip */
+
+.tooltip {
+    font-family: var(--HeaderFont);
+    font-weight: 400 !important;
+    font-size: 12px !important;
+    line-height: 16px !important;
+    letter-spacing: 0.4px !important;
+    min-height: 24px !important;
+}
+.tooltip-inner {
+    padding: 8px;
+    color: rgb(var(--tooltip-color)) !important;
+    background-color: rgb(var(--on-surface)) !important;
+    border-radius: 4px;
+    box-shadow: var(--elevation-0) !important;
+}
+#TruncatedText .tooltip-inner {
+    width:365px; 
+    max-width:365px
+}  
+
+.bs-tooltip-top .arrow:before,
+.bs-tooltip-auto[x-placement^=top] .arrow:before {
+    border-top-color: rgb(var(--on-surface)) !important;
+}
+
+.bs-tooltip-bottom .arrow:before,
+.bs-tooltip-auto[x-placement^=bottom] .arrow:before {
+    border-bottom-color: rgb(var(--on-surface)) !important;
+}
+
+.bs-tooltip-right .arrow:before,
+.bs-tooltip-auto[x-placement^=right] .arrow:before {
+    border-right-color: rgb(var(--on-surface)) !important;
+}
+
+.bs-tooltip-left .arrow:before,
+.bs-tooltip-auto[x-placement^=left] .arrow:before {
+    border-left-color: rgb(var(--on-surface)) !important;
+}
+
+/* Modal Close Button */
+.modal-header .close {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    border-radius: 5rem;
+    color: rgb(var(--on-surface-variant));
+    height: 40px;
+    max-height: 40px;
+    min-width: 40px;
+    width: 40px;
+    margin-top: 0%;
+    margin-left: auto;
+    margin-right: -1%;
+    overflow: hidden;
+    box-shadow: none;
+    transition: var(--trans-0);
+}
+.modal-header .close:where(:hover, :focus-visible) {
+    background-color: rgb(var(--on-surface),var(--btn-hover));
+    box-shadow: var(--elevation-0);
+    opacity: 1;
+}
+.modal-header .close:where(:active, :focus, :active:focus) {
+    background-color: rgb(var(--on-surface),var(--btn-active));
+    box-shadow: none;
+    opacity: 1;
+}
+
+ #scene-edit-details .edit-buttons-container {
+    margin: 0;
+    background-color: rgb(var(--body-color2));
+    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1IiBoZWlnaHQ9IjUiPgo8cmVjdCB3aWR0aD0iNSIgaGVpZ2h0PSI1IiBmaWxsPSIjMWEyMDI1Ij48L3JlY3Q+CjxwYXRoIGQ9Ik0wIDVMNSAwWk02IDRMNCA2Wk0tMSAxTDEgLTFaIiBzdHJva2U9IiMxMDE0MTciIHN0cm9rZS13aWR0aD0iMSI+PC9wYXRoPgo8L3N2Zz4=");
+    padding: 16px 0 !important;
+    align-items: center;
+    border: 0;
+    z-index: 20901;
+}
+@media (max-width: 575.98px) {
+    #scene-edit-details .edit-buttons-container {
+        background-image: none;
+        background-color: rgb(var(--body-color2));
+    }
+}
+.form-container.edit-buttons-container.px-3.pt-3.row {
+    border-bottom: 1px solid rgb(var(--outline-variant)) !important;
+}
+
+img.performer-card-image {
+    scale: 100%;
+}
+.performer-card-image, 
+.performer-card, .card-image {  
+    min-width: 180px;
+    width: 15.26vw;
+    max-width: 236px;
+    max-height: 746px;
+}
+
+.image-section { 
+    display: cover;
+}
+
+.gallery-card.card {
+    padding-bottom: 0;
+}
+
+.tag-card-image {
+    height: auto;
+    min-height: 60px;
+}
+
+.card-section { 
+    margin-bottom: 0 !important;
+    padding: 8px 16px 12px;
+    min-height: 160px;
+    height: auto;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    align-items: flex-start;
+}
+.image-card .card-section,
+.gallery-card .card-section {
+    min-height: 60px;
+    height: auto;
+}
+.tag-card .card-section {
+    min-height: 170px;
+    height: auto;
+}
+.performer-card .card-section {
+    min-height: 116px;
+    display: block;
+    padding-top: 12px;
+    padding-bottom: 0.01px;
+}
+.card-section span {
+    padding-bottom: 4px;
+    font-size:11px;
+    line-height: 16px;
+    letter-spacing: 0.5px;
+    color: rgb(var(--date-color));
+    font-weight: 500;
+    font-family: var(--BodyFont);
+}
+
+.alert-danger {
+    color: rgb(var(--on-error-container));
+    background-color: rgb(var(--error-container));
+    border-color: transparent;
+}
+.delete-dialog .form-check {
+    padding-top: 0.75rem;
+}
+
+.recommendations-container {
+    padding-top: 10px;
+    padding-right: 0;
+    padding-left: 0;
+}
+.recommendation-row-head h2 {
+    font-size: 45px;
+    font-weight: 200;
+    line-height: 52px;
+    letter-spacing: 0;
+    color: #d3dae0;
+    text-transform: none;
+}
+.recommendation-row-head a {
+    font-size: 14px;
+    font-weight: 500;
+    line-height: 20px;
+    letter-spacing: 0.1px;
+}
+.recommendations-container .recommendations-footer {
+    margin-bottom: 35px;
+    margin-top: 12px;
+}
+
+.scene-card__description,
+.gallery-card__description {
+    font-size: 14px;
+    line-height: 20px;
+    letter-spacing: 0.25px;
+    color: rgb(var(--description-color));
+}
+
+.performer-card__age {
+    color: rgb(var(--date-color));
+}
+.performer-card .card-section span.performer-name {
+    color: rgb(var(--white-color));
+    font-size: 16px;
+    line-height: 24px;
+    letter-spacing: 0.5px;
+    font-weight: 400;
+    font-family: var(--HeaderFont);
+    overflow-wrap: normal;
+    word-break: normal;
+}
+h5.card-section-title, .scene-tabs .scene-header {  
+    font-family: var(--HeaderFont);
+    text-shadow: none;
+}
+
+.scene-tabs .scene-header { 
+    margin-bottom: 12px;
+    margin-top: 8px;
+    color: rgb(var(--white-color));
+    text-shadow: var(--really-light-txt-shadow);
+}
+.scene-tabs .studio-logo {  
+    margin-top: 0;
+}
+
+.scene-studio-overlay {
+    top: 0.5rem;
+}
+.extra-scene-info {
+    display: none;
+    padding-left: 12px;
+}
+
+/* --- The Resolution and the Time/Length of the video --- */
+.scene-specs-overlay, 
+.scene-interactive-speed-overlay {
+    font-family: FiraCode, Verdana,'DejaVu Sans', Arimo, NotoSans, Arial, "Segoe UI", sans-serif, system-ui, serif, math;
+    color: rgb(var(--body-color2));
+    border-style: none;
+    font-weight: 600;
+    bottom: 8.9%;
+    letter-spacing: 0.03rem;
+    font-variant-numeric: slashed-zero tabular-nums;
+    background-color: rgba(var(--white-color),0.35);
+    border-radius: 5rem 0 0 5rem;
+    margin-right: -12px;
+    padding: 2px 12px 2px 0;
+    backdrop-filter: blur(6px);
+    opacity: 0.9;
+    text-shadow: none;
+}
+.scene-interactive-speed-overlay {
+    bottom: 28%;
+    font-weight: 500;
+    visibility: collapse;
+}
+.overlay-resolution {
+    color: #21323f;
+    border-style: none;
+    margin-right: 0.5rem;
+    background-color: rgba(var(--white-color),0.24);
+    border-radius: 5rem 0 0 5rem;
+    padding: 4px 8px 4px 12px;
+}
+
+.slick-slide .card {
+    height: 96%;
+}
+
+.scene-details h6 {
+    color: rgb(var(--date-color));
+    text-shadow: var(--light-txt-shadow);
+    padding-bottom: 0;
+}
+
+.show>.buttons-container.row .btn.btn.primary { 
+    margin: 0; 
+}
+
+.card hr {
+    margin-top: 8px;
+    margin-right: 16px;
+    margin-left: 16px;
+    margin-bottom: 12px;
+    background-color: rgb(var(--card-fold));
+    height: 1px;
+}
+
+.card.performer-card {
+    padding: 0.01px;
+    max-height: 800px;
+}
+.card-popovers .btn {
+    padding: 8px 12px;
+    margin-right: 8px;
+}
+.scene-popovers .fa-icon {
+    margin-right: 2px;
+}
+.scene-popovers, 
+.card-popovers { 
+    max-height: 56px;
+    height: 56px;
+    margin-bottom: 0;
+    display: flex;
+    justify-content: space-between;
+    padding-bottom: 16px;
+    padding-top: 4px;
+    padding-right: 16px;
+    padding-left: 16px;
+    flex-wrap: wrap;
+    align-items: flex-end;
+    align-content: flex-end;
+}
+.gallery-card .card-popovers {
+    margin-bottom: 16px;
+}
+.scene-card__details, 
+.gallery-card__details {
+    margin-bottom: unset;
+}
+
+.scene-card a, 
+.gallery-card a {
+    color: rgb(var(--white-color));
+    display: flex;
+    outline: 0;
+}
+
+.zoom-1 .gallery-card-image, .zoom-1 .tag-card-image {
+    max-height: 220px;
+    max-width: 100%;
+    margin: auto;
+    object-fit: contain;
+}
+.tag-card {
+    padding: 0;
+}
+
+/* --- Thumbnail images slightly darkened and brightened --- */
+.scene-card-preview-image {
+    filter: brightness(92%) contrast(1.2) saturate(0.93);
+}
+.scene-card-preview-image:hover {
+    filter: brightness(100%);
+    transition: filter 0.25s ease-in-out 0.35s;
+}
+
+
+.scene-card-preview, /* ||Thumbnail Card Preview Images */
+.gallery-card-image, 
+.tag-card-image, 
+.image-card-preview { 
+    margin-top: -1%;
+    margin-bottom: -1%;
+}
+
+
+
+/*scenes List View */
+.table {
+    color: rgb(var(--description-color));;
+    border-style: solid;
+    border: 2px solid #899390;
+    margin-bottom: 16px;
+    margin-top: 16px;
+}
+td:first-child {
+    display: inline;
+}
+.table td {
+    border: 1px solid #373d3b;
+}
+.table th,
+.table td {
+    padding: 12px 8px 12px 8px;
+}
+.table th:last-child {
+    padding-right: 16px;
+}
+table.table.table-striped.table-bordered, 
+table.table.table-striped.table-bordered th, 
+table.table.table-striped.table-bordered td,
+table.table.table-striped.table-bordered tr {
+    border: 2px solid var(--body-color2);
+    border-right: 0;
+    border-left: 0;
+    border-top: 0;
+    transition: background 220ms cubic-bezier(0.4, 0, 0.2, 1), border-right 120ms ease;
+}
+table.table.table-striped.table-bordered>tbody>tr>td {
+    border-right: 1px solid rgb(var(--card-color2-hover));
+    transition: background 0.15s cubic-bezier(0.4, 0, 0.2, 1);
+}
+table.table.table-striped.table-bordered>tbody>tr:hover>td,
+table.table.table-striped.table-bordered>tbody>tr:nth-child(odd):hover>td {
+    border-right: 1px solid #3f4946;
+}
+table.table.table-striped.table-bordered>tbody>tr>td:last-of-type {
+    border-right: 0;
+}
+table.table.table-striped.table-bordered>tbody>tr>td:first-of-type:has(>label>*.form-control) {
+    border-right: 0;
+}
+table.table.table-striped.table-bordered>thead {
+    background: rgb(var(--card-color2-hover));
+}
+.table-striped tr:nth-child(odd) td,
+.table-striped tbody tr:nth-of-type(odd) {
+    /*background: #2e3c46;*/
+    background: rgb(var(--tables-odd));
+}
+.table-striped tbody tr:hover,
+.table-striped tbody tr:nth-child(odd):hover td {
+    background: rgb(var(--tables-hover));; /*#00695e*/
+}
+.table-striped tbody tr:hover a, 
+.table-striped tbody tr:hover td, 
+.table-striped tbody tr:nth-child(odd):hover a, 
+.table-striped tbody tr:nth-child(odd):hover td {
+    color: rgb(var(--on-surface));
+}
+
+.table tbody td.d-none.d-sm-block {
+    background: #3a756a;
+}
+.table tbody tr td {
+    text-align: left;
+}
+.table tbody tr td label:first-of-type  {
+    padding-left: 16px;
+    padding-right: 16px;
+    display: flex;
+    align-content: center;
+    flex-wrap: wrap;
+}
+.table-list a {
+    color: rgb(var(--on-background));
+}
+.table-list tr:nth-child(odd) a {
+    color: rgb(var(--on-surface));
+}
+.table-list td, 
+.table-list th {
+    border-left: 0 solid #4c5452;
+    font-size: 14px;
+    font-weight: 400;
+    line-height: 16px;
+    letter-spacing: 0.5px;
+}
+.table-list td h6 {
+    font-weight: 400;
+    line-height: 16px;
+    letter-spacing: 0.5px;
+}
+.table thead th {
+    color: #cfdbe2;
+    font-size: 14px;
+    font-weight: 600;
+    line-height: 16px;
+    letter-spacing: 0.8px;
+    border-bottom: 2px solid #899390;
+}
+.table thead th,
+.table thead th:nth-child(6), 
+.table thead th:nth-child(7),
+.table thead th:nth-child(8),
+.table thead th:nth-child(9),
+.table thead th:nth-child(10) {
+    text-align: left;
+}
+
+table.table.table-striped.table-bordered>tbody>tr>td:has(>a>.image-thumbnail) {
+    border: 0 !important;
+}
+
+.row.scene-table.table-list.justify-content-center>table.table.table-striped.table-bordered {
+    flex: 1 1 auto;
+}
+/* Scraper Table */
+.scraper-table>thead th{
+    /*background-color: #20413b;*/
+    background-color: #133348;
+    color: #accae5;
+}
+.scraper-table>tbody {
+    border: 1px solid #0a1211;
+}
+.scraper-table tr {
+    color: #aab5be;
+}
+.scraper-table>tbody>tr:nth-child(even),
+.scraper-table>tbody>tr:nth-child(even) td {
+    /*background-color: #414846;*/
+    background-color: #26323a;
+}
+.scraper-table>tbody>tr:nth-child(odd),
+.scraper-table>tbody>tr:nth-child(odd) td {
+    /*background-color: #373d3b;*/
+    background-color: #2e3c46;
+}
+.scraper-table th, .scraper-table td {
+    background-color: #2d3130;
+    border: 1px solid #0a1211;
+} 
+.scraper-table tr>td:first-child {
+    background-color: transparent;
+    color: #cae6ff;
+    border: 0;
+    position: relative;
+    top: 5px;
+}
+/* Duplicate Table */
+#scene-duplicate-checker.card>.duplicate-checker>.table-responsive>table.duplicate-checker-table.table.table-striped {
+    background-color: #26323a;
+}
+#scene-duplicate-checker.card>.duplicate-checker>.table-responsive>table.duplicate-checker-table.table.table-striped>tbody>tr:nth-child(odd),
+#scene-duplicate-checker.card>.duplicate-checker>.table-responsive>table.duplicate-checker-table.table.table-striped>tbody>tr:nth-child(odd) td,
+#scene-duplicate-checker.card>.duplicate-checker>.table-responsive>table.duplicate-checker-table.table.table-striped>tbody>tr:nth-child(even),
+#scene-duplicate-checker.card>.duplicate-checker>.table-responsive>table.duplicate-checker-table.table.table-striped>tbody>tr:nth-child(even) td {
+    background: #26323a;
+    background-color: #26323a;
+}
+#scene-duplicate-checker.card>.duplicate-checker>.table-responsive>table.duplicate-checker-table.table.table-striped>tbody>tr.separator:nth-child(odd):not(.duplicate-group),
+#scene-duplicate-checker.card>.duplicate-checker>.table-responsive>table.duplicate-checker-table.table.table-striped>tbody>tr.separator:nth-child(even):not(.duplicate-group) {
+    background: #414846;
+    background-color: #414846;
+}
+#scene-duplicate-checker.card>.duplicate-checker>.table-responsive>table.duplicate-checker-table.table.table-striped>thead th {
+    background-color: #1e282e;
+}
+#scene-duplicate-checker.card>.duplicate-checker>.table-responsive>table.duplicate-checker-table.table.table-striped tbody tr td:first-child {
+    display: revert;
+}
+/* Gallery List Table */
+div:has(>*.filter-tags)>table:not(.table-striped):not(.table-bordered).table>thead th {
+    background-color: #2b5a52;
+}
+div:has(>*.filter-tags)>table:not(.table-striped):not(.table-bordered).table>tbody>tr>td:not(.d-none.d-sm-block):has(>a) {
+    border-color: transparent;
+}
+div:has(>*.filter-tags)>table:not(.table-striped):not(.table-bordered).table>tbody>tr>td>a>img.w-100.w-sm-auto {
+    position: relative;
+    left: -9px;
+}
+div:has(>*.filter-tags)>table:not(.table-striped):not(.table-bordered).table>tbody>tr>td.d-none.d-sm-block:has(>a) {
+    border: 0;
+    border-bottom: 2px solid #899390;
+}
+div:has(>*.filter-tags)>table:not(.table-striped):not(.table-bordered).table>tbody>tr:last-of-type>td.d-none.d-sm-block:has(>a) {
+    border-bottom: 0;
+}
+
+/* --- Wall View --- */
+.wall-item-container {
+    width: 100%; 
+    background-color: rgba(0, 0, 0, .10); 
+    overflow:hidden;
+}
+.wall-item-media { 
+    height:100%; 
+    background-color: rgb(0, 0, 0);
+    overflow:hidden;
+}
+.wall-item-anchor { 
+    width: 102%; 
+    overflow:hidden;
+}
+.wall-item-text {
+    margin-bottom:0px; 
+    color: #111; 
+    text-shadow: 1px 1px 1px #ffffff61;
+    background: linear-gradient(rgba(255,255,255,0.15), rgba(255,255,255,0.5));
+    backdrop-filter: blur(2px);
+    font-weight: 500;
+    font-size: 16px;
+}
+
+/* --- Changes the font in the File Info section --- */
+div.scene-file-info .TruncatedText, div.scene-file-info .text-truncate {
+    margin-left:-1.5%; 
+    margin-top: -1px; 
+    width: 120%; 
+    font-family: var(--HeaderFont);
+    font-size: 110%; 
+    line-height:120%; 
+    font-weight:bold; 
+    text-shadow: none;
+}
+
+#scene-edit-details .pl-0 {
+    padding-left: 10px!important;
+}
+
+/* ||FIXME -- make the below happen correctly */
+/* --- Shrink the Player Height just a little bit to avoid the scroll bar --- */
+#jwplayer-container {    
+    height: calc(99.5vh - 4rem);
+}
+.scene-tabs {   
+    max-height: calc(99vh - 4rem); 
+    padding-left: 0;
+}
+
+div.tagger-container .btn-link {    
+    font-family: var(--UnicodeFont); 
+    color: rgb(var(--on-surface-variant)); 
+    background-color: rgb(var(--surface-variant));
+    padding: 0 8px;
+    margin: 16px; 
+    box-shadow: var(--elevation-0);
+    z-index: 5;
+    filter: none;
+    min-height: 40px;
+    height: 40px;
+    top: -1%;
+}
+
+.scene-tabs h1.text-center {
+    margin-bottom: 32px;
+}
+.studio-stashid-icon svg.svg-inline--fa.fa-circle-check.fa-icon.undefined {
+    color: #309e27 !important;
+}
+
+.modal-backdrop {
+    background-color: black;
+}
+.modal-backdrop.show { 
+    opacity: 0.6;
+}
+
+.show {
+    transition: all 0.5s cubic-bezier(0.2, 0.0, 0, 1.0);
+}
+.fade {
+    transition: all 0.3s cubic-bezier(0.3, 0.0, 0.8, 0.15);
+}
+.modal.fade .modal-dialog {
+    transform: translateY(1.5%);
+    margin-top: 0;
+}
+.modal.show div#settings-dialog.modal-dialog {
+    transition: all 0.8s ease-in;
+    transition-delay: 0.4s;
+}
+.modal.fade div#settings-dialog.modal-dialog {
+    transition: all 0.8s ease-in-out;
+    transition-delay: 0.4s;
+}
+.modal-content, .modal-lg, .modal-xl {
+    max-width: 1400px;
+    width: 100%;
+    box-shadow: var(--elevation-3);
+    max-height: 900px !important;
+    height: 100%;
+}
+.modal-footer {
+    border: 0;
+    border-radius: 0 0 28px 28px;
+}
+.modal-footer>* {
+    margin: 0.75rem;
+}
+.modal-body, .modal-footer, .modal-header {
+    background-color: rgba(var(--modal-color));
+    color: rgb(var(--on-surface));
+    border: 0;
+    border-color: transparent;
+    font-size: 16px;
+    letter-spacing: 0.031em;
+    line-height: 24px;
+    font-weight: 400;
+    padding: 16px 24px 24px;
+}
+.modal-body input.text-input.form-control {
+    background-color: rgba(var(--modal-color)) !important;
+}
+.modal-header {
+    border: 0;
+    border-radius: 28px 28px 0 0;
+    color: #cae9e3;
+    font-weight: 200;
+    font-size: 57px;
+    line-height: 64px;
+    letter-spacing: -0.016em;
+    font-family: var(--HeaderFont);
+    display: flex;
+    justify-content: space-around;
+    flex-wrap: wrap;
+    padding: 16px 24px;
+}
+.dialog-content .criterion-list.accordion {
+    margin-right: -2%;
+    margin-left: auto;
+}
+.dialog-content .criterion-list.accordion .card {
+    background-color: rgb(var(--card-color));
+}
+.dialog-content .criterion-list.accordion .card:nth-of-type(1) {
+    padding-top: 12px;
+}
+.dialog-content .criterion-list.accordion .card:last-of-type {
+    padding-bottom: 12px;
+}
+.dialog-content .criterion-list.accordion .card >.filter-item-header {
+    padding-top: 13.5px;
+    padding-bottom: 13.5px;
+    height: 72px;
+    max-height: 72px;
+    border-radius: 0;
+    align-items: center;
+    font-weight: 400;
+    font-size: 22px;
+    line-height: 28px;
+    letter-spacing: 0;
+}
+.dialog-content .criterion-list.accordion .card >.filter-item-header:has(+ .collapse:not(.show)):hover {
+    background-color: rgb(var(--card-color-hover));
+    border-radius: 0;
+}
+.dialog-content .criterion-list.accordion .card > .filter-item-header:focus-visible {
+    color: rgb(var(--on-tertiary-container));
+    font-weight: bold;
+    text-decoration: underline;
+    text-decoration-color: rgb(var(--on-tertiary-container));
+    text-underline-offset: 0.3em;
+    text-decoration-thickness: from-font;
+}
+
+.edit-filter-dialog .filter-tags {
+    border-top: 0;
+    padding: 1rem 1rem 0;
+}
+
+button.remove-criterion-button.btn.btn-minimal > svg.svg-inline--fa.fa-xmark.fa-icon {
+    min-height: 18px;
+    font-size: 25px;
+}
+.edit-filter-dialog .criterion-list .pin-criterion-button {
+    font-size: 24px;
+}
+.edit-filter-dialog .criterion-list :is(.pin-criterion-button, .remove-criterion-button) {
+    color: rgb(var(--on-surface-variant));
+    border-radius: 5rem;
+    width: 40px;
+    max-width: 40px;
+    height: 40px;
+}
+.edit-filter-dialog .criterion-list .filter-item-header .btn:hover {
+    background-color: rgb(var(--on-surface-variant),var(--btn-hover));
+    box-shadow: var(--elevation-0);
+    filter: none;
+}
+.edit-filter-dialog .criterion-list .filter-item-header .btn:focus-visible {
+    background-color: rgba(var( --pry-container));
+    color: rgb(var(--on-tertiary-container));
+    outline-color: rgb(var(--focus-ring));
+    outline-offset: -0.06rem;
+    outline-style: solid;
+    outline-width: 0.24rem;
+    box-shadow: none;
+    filter: none;
+}
+/*.modal-body,
+.edit-filter-dialog .modal-body {
+    margin-top: -14px;
+    margin-bottom: -14px;
+    padding-right: 1rem;
+    padding-left: 1rem;
+}*/
+.modal-title h4 {
+    font-weight: 200;
+}
+
+/* For Modal -- Relaease Notes */
+.modal-body > .m-n3 > .m-3:has(>.markdown) > h3 {
+    color: rgb(var(--outline));
+}
+
+#settings-dailog .modal-content .sub-heading {
+    background-color: rgba(0,0,0,0.12);
+    padding: 0.5rem;
+}
+#setting-dialog .sub-heading {
+    font-size: 11px;
+    line-height: 16px;
+    letter-spacing: 0.031em;
+    font-weight: 500;
+}
+
+.performer-create-modal {
+    max-width:1300px;
+}
+
+.modal-body .col-form-label, 
+.modal-body .col-6, 
+.modal-footer, 
+.modal-header .col-form-label {
+    text-shadow: none;
+}
+
+.modal-body .col-6 strong {
+    font-weight: 500;
+    font-size: 14px;
+    line-height: 20px;
+    letter-spacing: 0.016em;
+}
+.modal-body .no-gutters {
+    margin-bottom: 8px;
+}
+
+.modal-body .dialog-container .col-lg-3 {
+    flex: 0 0 12%;
+    max-width: 12%;
+}
+
+.modal-body .dialog-container .offset-lg-3{
+    margin-left: 12%;
+} 
+.modal-body .dialog-container .col-lg-9{
+    flex: 0 0 88%; 
+    max-width: 88%;
+}
+textarea.text-input.code.form-control {
+    font-family: var(--MonoFont);
+    font-size: 12px;
+    font-weight: 200;
+    line-height: 16px;
+    letter-spacing: 0.028em;
+}
+.modal-body textarea.text-input.code.form-control,
+.modal-body textarea.text-input.code.form-control:hover,
+.modal-body textarea.text-input.code.form-control:focus,
+.modal-body textarea.text-input.code.form-control:active {
+    background-image: linear-gradient(to right, rgba(var(--pry-color),var(--text-field-tint)), rgba(var(--pry-color),var(--text-field-tint))) !important;
+    background-color: rgba(var(--modal-color)) !important;
+    background-blend-mode: screen;
+    border: 0;
+    box-shadow: var(--elevation-0-inverse);
+}
+
+.edit-filter-dialog .modal-header {
+    padding: 12px 16px;
+}
+
+@media (min-width: 576px) {
+    #setting-dialog .modal-content .modal-body textarea {
+        min-height:350px; 
+        height:65vh !important
+    }
+    .modal-dialog .modal-content .form-group .multi-set {
+        width:82%;
+        margin-top:12px; 
+        flex: 0 0 82%; 
+        max-width:82%;
+    }
+    .modal-dialog .modal-content .form-group .col-9 {
+        flex: 0 0 82%;
+        max-width: 82%;
+    }
+    .modal-dialog .modal-content .col-3 {    
+        flex: 0 0 18%; 
+        max-width: 18%;
+    }
+    .modal-dialog .modal-content .form-group > .form-label {
+        margin-top: 0px;
+        flex: 0 0 18%;    
+        max-width: 18%;
+        text-shadow: none;
+    }
+    /* FIXME - use this skeleton for all form labels in modal */
+    .modal-dialog .modal-content .form-group > .form-label[for~="url"] {
+        transition: all 0.2s ease-in-out;
+        left: 58px;
+        font-size: 11px;
+        font-weight: 500;
+        line-height: 16px;
+        letter-spacing: 0.5px;
+        top: -10px;
+        background-color: #254e46;
+        padding-left: 4px;
+        padding-right: 4px;
+        padding-top: 2px;
+        padding-bottom: 2px;
+        height: 20px;
+        max-width: 30px;
+        z-index: 33390;
+        visibility: hidden;
+    }
+    .modal-dialog .modal-content .form-group:focus-within > .form-label[for~="url"] {
+        color: #00dfc6;
+        visibility: visible;
+    }
+    .modal-dialog .modal-content .form-group {
+        display: flex; 
+        flex-wrap: wrap;
+    }
+    .modal-dialog .modal-content .btn-group>.btn:not(:first-child), .btn-group>.btn-group:not(:first-child) {
+        margin-left: 1px;
+    }
+    .modal-dialog .modal-content .form-label[for~="movies"],
+    .modal-dialog .modal-content .form-label[for~="tags"],
+    .modal-dialog .modal-content .form-label[for~="performers"] {
+        margin-top:48px;
+    }
+    .modal-dialog .modal-content .button-group-above {
+        margin-left:9px;
+        margin-bottom: 6px;
+    }
+    .modal-dialog .scraper-sources.form-group h5 {
+        margin-top:20px;
+    }
+    .modal-dialog .modal-content .field-options-table {
+        width:98%;
+    }
+
+    .modal-dialog.modal-lg .modal-content .form-group {
+        display: inline;
+    }
+}
+@media (max-width: 575.98px) {
+    .performer-card {
+        height: 25.5rem;
+    }
+}
+@media (max-width: 575.98px) and (orientation: portrait) {
+     .scene-card-preview-image {
+         height: calc(100vw * (9 / 16));
+    }
+     .gallery-tabs .mr-auto.nav.nav-tabs {
+         display: grid;
+         grid-auto-flow: column;
+         text-align: center;
+         left: 0;
+         right: 0;
+         position: fixed;
+    }
+     .VideoPlayer.portrait .video-js {
+         height: 56.25vw;
+    }
+     .gallery-container .tab-content {
+         top: 3rem;
+         position: fixed;
+         height: calc(100vh - 6.5rem);
+    }
+     .gallery-tabs {
+         display: none;
+    }
+     .btn-toolbar {
+         padding-top: 1.3rem;
+    }
+     body {
+         padding: 0rem 0 5rem;
+    }
+     .scene-tabs .mr-auto.nav.nav-tabs {
+         background-color: var(--card-color2);
+         display: grid;
+         grid-auto-flow: column;
+         height: 3rem;
+         left: 0;
+         margin: 0;
+         margin-bottom: 0;
+         max-height: 3rem;
+         padding-bottom: 2.2rem;
+         padding-top: 0.1rem;
+         position: fixed;
+         right: 0;
+         text-align: center;
+         top: calc(100vw * (9 / 16));
+         white-space: nowrap;
+         z-index: 20;
+    }
+     .scene-tabs.order-xl-first.order-last {
+         height: calc(100vh - (100vw * (9 / 16) + 8.5rem));
+         top: calc((100vw * (9 / 16)) + 5rem);
+         position: fixed;
+    }
+     .tab-content {
+         overflow-y: auto;
+         overflow-x: hidden;
+    }
+     .studio-card {
+         width: 100%;
+         height: 294px;
+    }
+     .movie-card {
+         width: 45%;
+    }
+     .performer-card-image {
+         height: 19rem;
+    }
+     .performer-card {
+         /*width: 14rem;*/
+         height: 27.5rem;
+    }
+     .scene-performers .performer-card-image {
+         height: 19rem;
+    }
+     .scene-performers .performer-card {
+         width: 14rem;
+         height: 27.5rem;
+    }
+     .movie-card .TruncatedText {
+         display: none;
+    }
+     .nav-tabs .nav-link.active:hover {
+         outline: none;
+         border-bottom: 2px solid;
+    }
+     #performer-details-tab-edit{
+         display: none;
+    }
+     #performer-details-tab-operations{
+         display: none;
+    }
+     .scene-tabs .ml-auto.btn-group {
+         position: fixed;
+         right: 1rem;
+         top: calc((100vw * (9 / 16)) + 2.7rem);
+    }
+     .stats-element {
+         flex-grow: 1;
+         margin: auto 0rem;
+    }
+     .stats {
+         margin-left: 0px;
+    }
+     div[data-rb-event-key="/images"] {
+         display: none;
+    }
+     div[data-rb-event-key="/scenes/markers"] {
+         display: none;
+    }
+     .row.justify-content-center.scene-performers {
+         max-height: 450px;
+         display: flex;
+         flex-direction: column;
+         overflow: auto;
+         border-top: solid 2px #0a1211;
+         border-bottom: solid 2px #0a1211;
+         padding-top: .5rem;
+         padding-bottom: .5rem;
+    }
+     .scene-tabs {
+         max-height: 100%;
+    }
+}
+
+.markdown h1 {
+    color: #99b8cf;
+}
+.markdown h2 {
+    color: #87a6bd;
+}
+.markdown h3 {
+    color: #85a3bf; /*variant of the secondary color */
+}
+.markdown h4 {
+    color: #6589a1;
+}
+.markdown table>td,
+.markdown table>th {
+    background-color: transparent;
+    border: 1px solid transparent;
+}
+.markdown code {
+    background-color: #222f37;
+    color: #eaf0f4;
+    border-radius: 3px;
+    text-decoration: none !important;
+    text-decoration-color: white !important;
+}
+.markdown blockquote code,
+.markdown pre code {
+    font-size: 1.3rem;
+}
+.markdown blockquote strong {
+    color: #D0D662;
+    font-family: Verdana, system-ui, ui-sans-serif;
+}
+.markdown a {
+    text-decoration: solid underline;
+    text-decoration-color: currentColor;
+}
+.markdown a > code {
+    background-color: rgba(255,255,255,0.12);
+    color: #fff;
+    font-size: 16px;
+    font-weight: 500;
+    letter-spacing: 0.5px;
+    text-shadow: none;
+    text-decoration: none !important;
+    text-decoration-color: transparent !important;
+}
+.markdown table thead tr th {
+    background-color: #1b3530;
+    border: 1px solid #0a1211;
+}
+.markdown table tbody tr {
+    border: 1px solid #0a1211;
+}
+.markdown blockquote, .markdown pre {
+    background-color: #334e4c;
+}
+
+.markdown table tr:nth-child(odd) {
+    background-color: #414846;
+}
+.markdown table tr:nth-child(even) {
+    background-color: #373d3b;
+}
+.markdown table tbody tr>td:first-child {
+    border-color: transparent;
+}
+.markdown table tbody tr>td:first-child>code {
+    background-color: transparent;
+}
+
+/* Studios */
+.studio-card {  
+    padding: 0;
+}
+
+.studio-details input.form-control-plaintext {  
+    background-color: rgba(16,22,26,.0); 
+}
+.studio-details .react-select__control--is-disabled  {  
+    background: none; 
+    border:0;
+}
+.studio-details .form-group, .studio-details td { 
+    padding: 8px; 
+}
+.studio-details table td:nth-child(1) {
+    color:#FFF;
+}
+
+.studio-card-image {
+    max-height: 175px; 
+    height:175px;
+    padding: 16px 12px 0 12px;
+}
+.studio-card-image {
+    min-width: 260px; 
+    width: calc(244px + 19vw / 3.8); 
+    max-width: 360px; 
+    margin: 0 1px;
+}
+.studio-card .card-section {    
+    margin-top: 22px;
+    min-height: 90px;
+    height: auto;
+}
+
+@media (min-width: 1200px) {
+.pl-xl-5, .px-xl-5 {
+    padding-left: 1rem!important; 
+    padding-right: 1rem!important;
+    } 
+}
+.no-gutters .TruncatedText, 
+.tag-card .TruncatedText, 
+div.card.studio-card .TruncatedText, 
+.tagger-container .col > .scene-link > .TruncatedText  {
+    font-family: var(--HeaderFont);
+    font-size: 22px;
+    line-height: 28px;
+    letter-spacing: 0.3px;
+    font-weight: 700;
+    text-shadow: none;
+}
+.no-gutters .TruncatedText, 
+.tag-card .TruncatedText,
+div.card.studio-card .TruncatedText {
+    font-weight: 400;
+}
+.tag-card .TruncatedText.tag-description > p {
+    font-size: 14px;
+    font-weight: 500;
+    font-family: var(--BodyFont);
+    line-height: 20px;
+    letter-spacing: 0.25px;
+}
+
+
+.tagger-container .col > .scene-link > .TruncatedText {
+    height: 68px;
+    padding: 1px 16px 1px 16px;
+    text-shadow: var(--light-txt-shadow);
+    display: flex;
+    align-items: center;
+    font-size: 17.5px;
+    line-height: 26px;
+    font-weight: 700;
+    color: rgb(var(--nav-white));
+    transform: translate(0%,0%);
+    text-decoration: none;
+    text-decoration-color: transparent;
+    transition: text-shadow 0.2s ease-in, color 0.25s ease-in, all 0s;
+    border-radius: 0 0 12px 0;
+    width: 39.25vw;
+    max-width: 59.78vh;
+}
+
+/* doesn't except variables??? --white-color used for background. And darkened text shadow. */
+.tagger-container .col > .scene-link > .TruncatedText:is(:active, :focus, :hover, :visited) {
+    background-color: transparent;
+    text-shadow: var(--really-light-txt-shadow);
+    text-decoration: none;
+    text-decoration-color: transparent;
+}
+
+.no-gutters .TruncatedText {
+    font-size: 16px;
+    font-weight: 400;
+    line-height: 24px;
+    letter-spacing: 0.5px;
+}
+input.form-control-plaintext { 
+    background:none;
+}
+
+.studio-details table { 
+    margin-top: 20px; 
+    background-color: rgba(0,26,24,0.20); 
+    border-radius: 10px; 
+    margin-bottom:20px;
+}
+.studio-details .form-group,
+.tag-details form#tag-edit {
+    margin:0;
+}
+
+.details-edit {
+    align-items: center;
+    margin-top: 16px;
+    margin-bottom: 32px;
+}
+.input-group-append {
+    position: relative;
+}
+.input-control, .text-input {
+    color: rgb(var(--interactive-input));
+    box-shadow: inset 0 0 0 1px transparent;
+    border: 1px solid rgb(var(--outline));
+    font-size: 14px;
+    font-weight: 500;
+    line-height: 20px;
+    letter-spacing: 0.15px;
+    caret-color: rgb(var(--pry-color));
+}
+.studio-details table div.react-select__control {
+    background: none; 
+    border: 0px;
+    margin:0;
+}
+.studio-details table .css-1hwfws3 { 
+    padding:0px; 
+}
+
+.studio-details .form-group, .movie-details td { 
+    padding: 8px; 
+}
+.studio-details .form-group td:nth-child(1),
+.studio-details table tbody tr td:nth-child(1), td:first-child {
+    width: 130px;
+}
+.studio-details table tr:nth-child(odd) { 
+    background-color: rgba(16,22,26,0.1); 
+}
+
+.studio-details .form-group, 
+.studio-details table td:nth-child(1) {
+    color:#Fff; 
+    text-shadow: 0 1px 2px rgba(0,0,0,0.40);
+}
+.movie-details .form-group td:nth-child(1), 
+.movie-details table tbody tr td:nth-child(1), 
+td:first-child {
+    width: 120px;
+}
+
+#studio-edit .form-group.row:nth-last-child(1) .form-group {
+    background-color: transparent;
+}
+
+div.studio-details dl.details-list {
+    grid-column-gap:0
+}
+.studio-details dt, .studio-details dd {
+    padding: 6px 0 8px 8px
+}
+.svg-inline--fa.fa-w-18 {
+    width: 1.4em;
+}
+
+.slick-prev::before, 
+.slick-next::before {
+    font-size: 32px;
+    color: rgb(var(--btn-primary));
+    border-radius: 12px;
+    /*background: radial-gradient(ellipse at center, #e2f6ff 0, #e2f6ff 50%, transparent 65%);*/
+    background-color: rgb(var(--body-color2));
+    box-shadow: inset 0 0 0 15px rgb(var(--btn-primary)), var(--elevation-3);
+    opacity: 1;
+    padding: 9px 8px;
+}
+.slick-next {
+    margin-right: 48px;
+}
+.slick-prev {
+    margin-left: 16px;
+    z-index: 300;
+}
+.slick-prev:hover::before, 
+.slick-next:hover::before {
+    opacity: 1;
+    color: #6aadda;
+    box-shadow: inset 0 0 0 15px #6aadda, var(--elevation-4);
+}
+.slick-prev:active::before, 
+.slick-prev:active:hover::before, 
+.slick-next:active:hover::before,
+.slick-next:active::before {
+    opacity: 1;
+    color: #72b6e4;
+    box-shadow: inset 0 0 0 15px #72b6e4 , var(--elevation-3);
+}
+.slick-next:focus-visible::before,
+.slick-prev:focus-visible::before {
+    border-radius: 12px;
+    color: #6aadda;
+    box-shadow: inset 0 0 0 15px #6aadda, var(--elevation-4);
+    outline-color: rgb(var(--focus-ring));
+    outline-style: solid;
+    outline-width: 0.25rem;
+    outline-offset: -1px;
+    opacity: 1;
+}
+@media (max-width: 575px) {
+    .slick-next,
+    .slick-prev {
+        margin: 0;
+        pointer-events: none;
+    }
+    .slick-prev::before, 
+    .slick-next::before {
+        font-size: 0;
+        color: transparent;
+        background-color: transparent;
+        border-radius: 0;
+        box-shadow: none;
+        padding: 0;
+        outline: none;
+    }
+}
+
+
+.slick-dots li button::before {
+    color: rgb(var(--card-color2));
+    content: "⬤";
+    font-size: 12px;
+    margin-top: 8px;
+    opacity: 1;
+}
+.slick-dots li button:hover::before {
+    color: #3b4d5c;
+}
+.slick-dots li.slick-active button::before {
+    color: rgb(var(--pry-color));
+    opacity: 1;
+    content: "⬤";
+    font-size: 12px;
+    margin-top: 8px;
+}
+
+.recommendation-container {
+    margin-top: 24px;
+}
+.recommendations-container-edit .recommendation-row:not(.scene-recommendations):not(.studio-recommendations):not(.performer-recommendations):not(.gallery-recommendations):not(.images-recommendations) {
+    background-color: rgb(var(--body-color));
+    margin-bottom: 1px;
+}
+.recommendation-row:not(.scene-recommendations):not(.studio-recommendations):not(.performer-recommendations):not(.gallery-recommendations):not(.images-recommendations)>.recommendation-row-head {
+    background-color: rgb(var(--surface));
+    border-radius: 0;
+    padding-left: 16px;
+    min-height: 56px;
+    height: 56px;
+}
+.recommendation-row:not(.recommendation-row-add):not(.scene-recommendations):not(.studio-recommendations):not(.performer-recommendations):not(.gallery-recommendations):not(.images-recommendations)>.recommendation-row-head:hover {
+    background-color: rgba(var(--surface-sel),var(--btn-hover-rev));
+    box-shadow: var(--elevation-3);
+}
+.recommendation-row .recommendation-row-head>button.btn.btn-danger {
+    margin-right: 48px;
+}
+div[draggable="true"] .recommendation-row:not(.scene-recommendations):not(.studio-recommendations):not(.performer-recommendations):not(.gallery-recommendations):not(.images-recommendations)>.recommendation-row-head::before {
+    content: " ";
+    display: inline-block;
+    width: 2em;
+    height: 1em;
+    position: absolute;
+    right: 0px;
+    z-index: 100;
+    margin: -0.5em 30px -0.5em -0.5em;
+    background-color: transparent;
+    background-size: 0.5em 0.5em;
+    background-position: 0 0, 0.25em 0.25em;
+    background-image: linear-gradient(45deg, rgb(var(--on-surface-variant)) 2px, transparent 2.5px), linear-gradient(225deg, rgb(var(--on-surface-variant)) 2px, transparent 2.5px);
+}
+.recommendation-row:not(.scene-recommendations):not(.studio-recommendations):not(.performer-recommendations):not(.gallery-recommendations):not(.images-recommendations)>.recommendation-row-head h2 {
+    color: rgb(var(--on-surface));
+    text-transform: uppercase;
+    font-size: 16px;
+    font-weight: 400;
+    line-height: 24px;
+    letter-spacing: 0.5px;
+}
+.scene-recommendations>.recommendation-row-head,
+.studio-recommendations>.recommendation-row-head,
+.performer-recommendations>.recommendation-row-head,
+.gallery-recommendations>.recommendation-row-head,
+.images-recommendations>.recommendation-row-head {
+    /*background: #212e37;*/
+    /*border: 1px solid #899390;*/
+    border-bottom: 0;
+    border-top-left-radius: 28px;
+    padding: 24px;
+}
+.recommendation-row-head a {
+    background-color: rgb(var(--body-color2));
+    border-radius: 5rem;
+    border: 1px solid rgb(var(--outline));
+    max-height: 40px;
+    height: 40px;
+    overflow-wrap: normal;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    text-wrap: nowrap;
+    text-shadow: none;
+    text-decoration: none;
+    overflow: hidden;
+    padding: 8px 24px;
+    color: rgb(var(--btn-primary));
+    box-shadow: var(--elevation-0);
+    transition: background-color 0.55s ease, background-image 0.5s ease, outline 0.4s ease-in, box-shadow 0.4s ease-in;
+}
+@media (max-width: 575.98px) and (orientation: portrait) {
+    .recommendation-row-head a {
+        padding: 8px 48px 8px 24px;
+        white-space: nowrap;
+    }
+    .performer-recommendations .recommendation-row-head a {
+        padding: 8px 72px 8px 24px;
+        white-space: nowrap;
+    }
+}
+.recommendation-row-head a:is(:hover, :focus-visible) {
+    background-image: linear-gradient(to right, rgba(var(--btn-primary),var(--btn-hover)), rgba(var(--btn-primary),var(--btn-hover)));
+}
+.recommendation-row-head a:focus-visible {
+    box-shadow: none;
+    outline-color: rgb(var(--focus-color));
+    outline-style: solid;
+    outline-width: 0.25rem;
+    outline-offset: -1px;
+}
+.recommendation-row-head a:is(:active, :focus, :focus:active) {
+    background-image: linear-gradient(to right, rgba(var(--btn-primary),var(--btn-active)), rgba(var(--btn-primary),var(--btn-active)));
+}
+
+.btn-secondary.filter-item.col-1.d-none.d-sm-inline.form-control {
+     background-color: rgba(0, 0, 0, .15);
+}
+
+/* Pagination Toolbar Buttons */
+.pagination button.btn {
+    flex-grow: 0;
+}
+.pagination button.btn.btn-secondary {
+    background-color: transparent;
+    border: 0;
+    border-style: none;
+    border-color: transparent;
+    border-radius: 5rem !important;
+    color: rgb(var(--on-pry-container));
+    height: 40px;
+    font-weight: 700;
+    line-height: 20px;
+    letter-spacing: 0.25px;
+    box-shadow: none;
+    text-shadow: none;
+    transition: color .05s ease-in-out,background-color .4s ease 0.1s, border-color .05s ease-in-out,box-shadow .35s ease 0.05s,text-shadow .05s ease-in-out;
+    /*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cline x1='0' y1='80' x2='0' y2='20' stroke='rgba(0,0,0,0.85)' stroke-width='2' vector-effect='non-scaling-stroke'%3E%3C/line%3E%3C/svg%3E");
+    background-repeat: repeat-y;
+    background-position: left center;*/
+    padding-left: 24px;
+    padding-right: 24px;
+    position: relative;
+    overflow: hidden;
+    flex-grow: 1;
+    flex-shrink: 1;
+    flex-basis: auto;
+}             
+/*.pagination .btn-secondary:first-child,
+.pagination .btn-secondary:first-child:not(.disabled):not(:disabled) {
+    background-image: none;
+}*/
+/* First two and Last two pagination buttons add text padding */
+.pagination button.btn.btn-secondary:nth-of-type(-n+2),
+.pagination button.btn.btn-secondary:nth-last-of-type(-n+2) {
+    padding-left: 24px;
+    padding-right: 24px;
+}
+.pagination button.btn.btn-secondary:not(:disabled):not(.disabled):hover {
+    background-color: rgba(var(--pry-color),0.5);
+    border-color: transparent;
+    color: rgb(var(--on-pry));
+    box-shadow: var(--elevation-1);
+    outline: none;
+    text-shadow: var(--really-light-txt-shadow);
+    padding-left: 24px;
+    padding-right: 24px;
+}
+.pagination button.btn.btn-secondary:not(:disabled):not(.disabled):focus-visible {
+    outline-color: rgb(var(--focus-ring));
+    outline-style: solid;
+    outline-width: 0.19rem;
+    outline-offset: -0.1rem;
+    border-color: transparent;
+    box-shadow: none;
+    z-index: 2;
+}
+.pagination button.btn.btn-secondary:is(.disabled, :disabled, .disabled:hover, :disabled:hover) {
+    background-color: transparent;
+    background-image: none;
+    border-color: transparent;
+    box-shadow: none;
+    text-shadow: none;
+    outline: none;
+    color: rgb(var(--on-pry-container));
+    opacity: var(--disabled);
+}
+.pagination button.btn.btn-secondary:not(:disabled):not(.disabled).active,
+.pagination button.btn.btn-secondary:not(:disabled):not(.disabled).active:is(:hover, :focus) {
+    color: rgb(var(--on-pry));
+    background-color: rgb(var(--pry-color));
+    border-color: transparent;
+    box-shadow: var(--elevation-0);
+    text-shadow: none;
+    outline: none;
+    padding-left: 24px;
+    padding-right: 24px;
+}
+.pagination button.btn.btn-secondary:not(:disabled):not(.disabled).active:focus-visible {
+    outline-color: rgb(var(--focus-ring-active));
+    outline-offset: -0.10rem;
+    outline-style: solid;
+    outline-width: 0.19rem;
+    box-shadow: none;
+    z-index: 2;
+}
+/*.pagination button.btn.btn-secondary:not(:disabled):not(.disabled):active:hover,
+.pagination button.btn.btn-secondary:not(:disabled):not(.disabled).active:hover,
+.pagination button.btn.btn-secondary:not(:disabled):not(.disabled):active:hover:focus,
+.pagination button.btn.btn-secondary:not(:disabled):not(.disabled).active:hover:focus {
+    background-color: #00f3d7;
+    color: #001e1a;
+    padding-left: 24px;
+    padding-right: 24px;
+    border-color: transparent;
+    box-shadow: none;
+    text-shadow: none;
+    outline: none;
+}*/
+div.mb-2 .btn-secondary.form-control option,
+div.mb-2 select.btn-secondary.form-control option:hover,
+div.mb-2 select.btn-secondary.form-control option:focus,
+div.mb-2 select.btn-secondary.form-control option.focus,
+div.mb-2 select.btn-secondary.form-control:hover option,
+div.mb-2 select.btn-secondary.form-control:focus option,
+div.mb-2 select.btn-secondary.form-control.focus option {
+    background-color: var(--card-color2);
+    border-width: 0;
+    border-style: none;
+    appearance: none;
+}
+
+@media (min-width: 1200px) {
+    .scene-divider:has(+.scene-player-container) > button.btn.btn-primary {
+        color: rgb(var(--secondary));
+        border: 0;
+        background-color: rgb(var(--on-sec));
+        font-size: 24px;
+        font-weight: 900;
+        box-shadow: var(--elevation-1);
+        z-index: 2;
+        height: 48px;
+        width: 48px;
+        max-width: 48px;
+        padding: 0;
+        margin-left: -16px;
+        border-radius: 13px;
+        opacity: 1;
+        margin-top: 12px;
+        transition: background-color 0.55s ease, color 0.2s ease-in, box-shadow 0.4s ease-in-out, margin-left 0.35s ease;
+        -webkit-transition: background-color 0.55s ease, color 0.2s ease-in, box-shadow 0.4s ease-in-out, margin-left 0.35s ease;
+        -moz-transition: background-color 0.55s ease, color 0.2s ease-in, box-shadow 0.4s ease-in-out, margin-left 0.35s ease;
+    }
+    .scene-divider:has(+.scene-player-container.expanded) > button.btn.btn-primary {
+        margin-left: -4px;
+    }
+    .scene-divider:has(+.scene-player-container) > button.btn.btn-primary:hover {
+        color: rgb(var(--secondary));
+        background-image: linear-gradient(45deg, rgb(255,255,255,0.08), rgb(255,255,255,0.08));
+        background-color: rgb(var(--on-sec));
+        background-blend-mode: screen;
+        box-shadow: var(--elevation-2);
+    }
+    .scene-divider:has(+.scene-player-container) > button.btn.btn-primary:active {
+        color: rgb(var(--secondary));
+        background-image: linear-gradient(45deg, rgb(255,255,255,0.12), rgb(255,255,255,0.12));
+        background-color: rgb(var(--on-sec));
+        background-blend-mode: screen;
+        box-shadow: var(--elevation-1);
+    }
+    .scene-divider:has(+.scene-player-container) > button.btn.btn-primary:focus {
+        color: rgb(var(--secondary));
+        background-image: linear-gradient(45deg, rgb(255,255,255,0.12), rgb(255,255,255,0.12));
+        background-color: rgb(var(--on-sec));
+        background-blend-mode: screen;
+        box-shadow: var(--elevation-1);
+    }
+}
+
+.scrubber-wrapper {
+    background-color: black;
+    border-style: none;
+    border-color: transparent;
+    margin: 0px 0 5px 0;
+    overflow: initial;
+    display: inline-flex;
+    flex-shrink: inherit;
+    flex-wrap: wrap;
+    align-content: center;
+    justify-content: space-evenly;
+    align-items: center;
+    padding-top: 3px;
+}
+
+/* ||Favorite / Not-Favorite Buttons */
+.performer-card button.minimal.btn.favorite-button.not-favorite.btn.btn-primary > svg.svg-inline--fa.fa-heart.fa-icon {
+    color: unset;
+    padding: 0;
+    margin: 0;
+    font-size: 22px;
+    z-index: 5;
+    transition: font-size 0.25 ease-in-out;
+}
+.performer-card button.minimal.btn.favorite-button.favorite.btn.btn-primary > svg.svg-inline--fa.fa-heart.fa-icon {
+    color: unset;
+    padding: 0;
+    margin: 0;
+    font-size: 28px;
+    z-index: 5;
+    transition: font-size 0.2 ease-in-out;
+}
+#performer-page .performer-head .name-icons button.favorite > svg.svg-inline--fa.fa-heart.fa-icon {
+    color: unset;
+    z-index: 5;
+}
+.performer-card button.btn.favorite-button.not-favorite {
+    color: rgb(var(--on-split-comp-container),0.7) !important;
+    filter: drop-shadow(0 0 0.2rem rgba(0,0,0,.65));
+}
+.performer-card button.btn.favorite-button.favorite {
+    color: rgb(var(--on-split-comp-container)) !important;
+    filter: drop-shadow(0 0 0.22rem rgba(0,0,0,.82));
+}
+#performer-page .performer-head .name-icons button.not-favorite {
+    color: rgb(var(--outline));
+    filter: none;
+}
+#performer-page .performer-head .name-icons button.favorite {
+    color: rgb(var(--on-split-comp-container)) !important;
+    filter: drop-shadow(0 0 0.2rem rgba(0,0,0,.45));
+}
+#performer-page .performer-head .name-icons button.not-favorite:hover {
+    color: rgb(var(--on-split-comp-container),var(--btn-hover-rev));
+    z-index: 10;
+}
+button:is(.favorite, .not-favorite).minimal.favorite-button.btn.btn-primary {
+    padding: 0;
+    width: 40px;
+    min-width: 40px;
+    border: 0;
+    right: 5px;
+    top: 5px;
+    background-image: none;
+    background-color: transparent;
+    box-shadow: none;
+    transition: box-shadow 0.35s ease-in, filter 0.25s, var(--trans-0);
+}
+#performer-page .performer-head .name-icons button:is(.favorite, .not-favorite).btn-primary {
+    padding: 0;
+    gap: unset;
+    width: 36px;
+    min-width: 36px;
+    max-width: 36px;
+    height: 36px;
+    min-height: 36px;
+    max-height: 36px;
+    border: 0;
+    background-image: none;
+    background-color: transparent;
+    box-shadow: none;
+    transition: box-shadow 0.35s ease-in, filter 0.25s, var(--trans-0);
+}
+#performer-page .performer-head .name-icons button:is(.favorite, .not-favorite).btn-primary:hover,
+button:is(.favorite, .not-favorite).minimal.favorite-button.btn.btn-primary:hover {
+    filter: none;
+    opacity: 1;
+}
+#performer-page .performer-head .name-icons button.favorite.btn-primary:is(:focus, :active, :active:focus),
+button:is(.favorite, .not-favorite).minimal.favorite-button.btn.btn-primary:is(:focus, :active, :focus:active) {
+    background-image: var(--btn-active-highlight);
+    background-color: rgb(var(--split-comp-container));
+    background-blend-mode: screen;
+    box-shadow: var(--elevation-0);
+    filter: none;
+    opacity: 1;
+}
+#performer-page .performer-head .name-icons button.not-favorite.btn-primary:is(:focus, :active, :active:focus) {
+    background-image: var(--btn-active-highlight);
+    background-color: rgb(var(--split-comp-container));
+    background-blend-mode: screen;
+    box-shadow: var(--elevation-0);
+    filter: none;
+    opacity: 1;
+}
+
+/* Twitter Icon */
+#performer-page .performer-head .name-icons .icon-link.btn-primary a.twitter {
+    z-index: 10;
+    color: rgb(var(--twitter-blue));
+}
+#performer-page .performer-head .name-icons button.icon-link:has(>a.twitter) {
+    color: rgb(var(--twitter-blue));
+    filter: drop-shadow(0 0 0.2rem rgba(0,0,0,.45));
+}
+#performer-page .performer-head .name-icons button.icon-link.btn-primary:has(>a.twitter) {
+    width: 36px;
+    min-width: 36px;
+    height: 36px;
+    min-height: 36px;
+    max-height: 36px;
+    border: 0;
+    background-image: none;
+    background-color: transparent;
+    box-shadow: none;
+    transition: box-shadow 0.35s ease-in, filter 0.25s, var(--trans-0);
+}
+#performer-page .performer-head .name-icons button.icon-link.btn-primary:has(>a.twitter):hover {
+    filter: none;
+    opacity: 1;
+}
+#performer-page .performer-head .name-icons button.icon-link.btn-primary:has(>a.twitter):is(:focus, :active, :active:focus) {
+    background-image: var(--btn-active-highlight);
+    background-color: rgb(var(--twitter-secondary)); /* Twitter Secondary Black Color */
+    background-blend-mode: screen;
+    box-shadow: var(--elevation-0);
+    filter: none;
+    opacity: 1;
+}
+
+/* Link Icon */
+.detail-header .name-icons button.minimal.icon-link.btn.btn-primary > a.link:has(>svg.fa-link) {
+    z-index: 10;
+    color: rgb(var(--link-icon));
+}
+.detail-header .name-icons button.minimal.icon-link.btn.btn-primary:has(>a.link>svg.fa-link) {
+    color: rgb(var(--link-icon));
+    filter: drop-shadow(0 0 0.2rem rgba(0,0,0,.45));
+}
+.detail-header .name-icons button.minimal.icon-link.btn.btn-primary:has(>a.link>svg.fa-link) {
+    width: 36px;
+    min-width: 36px;
+    height: 36px;
+    min-height: 36px;
+    max-height: 36px;
+    border: 0;
+    background-image: none;
+    background-color: transparent;
+    box-shadow: none;
+    transition: box-shadow 0.35s ease-in, filter 0.25s, var(--trans-0);
+}
+.detail-header .name-icons button.minimal.icon-link.btn.btn-primary:has(>a.link>svg.fa-link):hover {
+    filter: none;
+    opacity: 1;
+}
+.detail-header .name-icons button.minimal.icon-link.btn.btn-primary:has(>a.link>svg.fa-link):is(:focus, :active, :active:focus) {
+    background-image: var(--btn-active-highlight);
+    background-color: rgb(var(--link-icon)); 
+    background-blend-mode: screen;
+    box-shadow: var(--elevation-0);
+    filter: none;
+    opacity: 1;
+}
+
+/* Page Headers Detail-Items */
+.detail-item-title {
+    color: rgb(var(--outline-variant-lighter));
+    font-weight: 700;
+    font-size: 16px;
+    line-height: 24px;
+    letter-spacing: 0.031em;
+}
+
+
+/* Dropdown #Operation-Menu Button */
+.dropdown.show > button#operation-menu.minimal.dropdown-toggle.btn-secondary:is(:hover, :focus-visible) {
+    background-image: var(--btn-hover-highlight);
+    background-color: rgb(var(--pry-color));
+    background-blend-mode: screen;
+    color: rgb(var(--on-pry));
+    box-shadow: var(--elevation-1);
+    border-width: 0;
+    outline: 0;
+}
+.dropdown.show > button#operation-menu.minimal.dropdown-toggle.btn-secondary:is(:focus:not(:focus-visible), :active, :active:focus) {
+    background-image: var(--btn-active-highlight);
+    background-color: rgb(var(--pry-color));
+    background-blend-mode: screen;
+    color: rgb(var(--on-pry));
+    box-shadow: var(--elevation-0);
+    outline: 0;
+}
+.dropdown.show > button#operation-menu.minimal.dropdown-toggle.btn-secondary {
+    background-image: none;
+    background-color: rgb(var(--pry-color));
+    color: rgb(var(--on-pry));
+    box-shadow: var(--elevation-0);
+}
+
+/* Minimal Button */
+
+a:not([href="/scenes"], [href="/images"], [href="/movies"], [href="/scenes/markers"], [href="/galleries"], [href="/performers"], [href="/studios"], [href="/tags"]).minimal:not(.logout-button):where(:hover, :focus-visible),
+button:not([title=Statistics], [title=Settings]).minimal:not(.nav-utility, .brand-link, .donate, .dropdown-toggle):is(:hover, :focus-visible),
+.dropdown:not(.show) > button#operation-menu.minimal.dropdown-toggle.btn-secondary:is(:hover, :focus-visible) {
+    background: none;
+    background-image: linear-gradient(to right, rgba(var(--pry-color),var(--btn-hover)), rgba(var(--pry-color),var(--btn-hover)));
+    background-color: rgb(var(--body-color2));
+    background-blend-mode: normal;
+    color: rgb(var(--pry-color));
+    box-shadow: var(--elevation-1);
+    border-width: 0;
+    outline: 0;
+}
+
+.card-popovers>.organized button.minimal.btn.btn-primary:hover,
+.card-popovers:has(>.organized):has(>.tag-count):has(>.performer-count) button.minimal.btn.btn-primary:not(:disabled):not(.disabled):focus {
+    background: none !important;
+    box-shadow: none !important;
+}
+
+a:not([href="/scenes"], [href="/images"], [href="/movies"], [href="/scenes/markers"], [href="/galleries"], [href="/performers"], [href="/studios"], [href="/tags"]).minimal:not(.logout-button):not(:disabled):not(.disabled):where(:active, :focus:not(:focus-visible), :active:focus),
+button:not([title=Statistics], [title=Settings]).minimal:not(.nav-utility, .brand-link, .donate, .dropdown-toggle):not(:disabled):not(.disabled):is(:active, :focus:not(:focus-visible), :active:focus),
+.dropdown:not(.show) > button#operation-menu.minimal.dropdown-toggle.btn-secondary:not(:disabled):not(.disabled):is(:active, :focus:not(:focus-visible), :active:focus) {
+    color: rgb(var(--pry-color));
+    box-shadow: var(--elevation-0);
+    text-shadow: none;
+    border-color: transparent;
+    background-image: linear-gradient(to right, rgba(var(--pry-color),var(--btn-active)), rgba(var(--pry-color),var(--btn-active)));
+    background-color: rgb(var(--body-color2));
+    background-blend-mode: normal;
+    outline: none;
+}
+
+.card-popovers:has(>.organized):has(>.tag-count):has(>.performer-count) button.minimal.btn-primary:not(:disabled):not(.disabled):is(:active, :active:focus) {
+    background: none !important;
+    box-shadow: none !important;
+}
+
+a.minimal:not(.logout-button):focus-visible, 
+button:not([title=Statistics], [title=Settings]).minimal:not(.nav-utility, .brand-link, .donate, .dropdown-toggle):focus-visible,
+.dropdown > button#operation-menu.minimal.dropdown-toggle.btn-secondary:focus-visible {
+    box-shadow: none;
+    outline-color: rgb(var(--focus-ring));
+    outline-style: solid;
+    outline-width: 0.25rem;
+    outline-offset: -1px;
+}
+
+.card-popovers:has(>.organized) button.minimal.btn-primary:focus-visible {
+    background: none !important;
+    outline: none !important;
+    box-shadow: none !important;
+}
+
+.card-popovers .fa-icon {
+    margin-right: 0;
+    font-size: 18px;
+}
+
+:is(.scene-card, .image-card, .tag-card, .performer-card, .gallery-card, .movie-card, .studio-card) > .card-popovers > :is(:not(.scene-card > .card-popovers > :where(.o-counter, .o-count)):not(.performer-card > .card-popovers > :where(.o-counter, .o-count)):not(.movie-card > .card-popovers > :where(.o-counter, .o-count)):not(.organized), .scene-count, .movie-count, .tag-count, .performer-count, .gallery-count, .image-count, .marker-count) > button.minimal.btn.btn-primary:is(:hover, :focus-visible) {
+    background-image: none !important;
+    background-color: rgba(var(--btn-min-primary),var(--btn-hover)) !important;
+    box-shadow: var(--elevation-0) !important;
+}
+:is(.scene-card,.movie-card,.performer-card) > .card-popovers > :is(.o-counter, .o-count, .organized) > button.minimal.btn.btn-primary:is(:hover, :focus-visible) {
+    background-image: none !important;
+    background-color: transparent !important;
+    box-shadow: none !important;
+}
+:is(:not(.scene-card, .image-card, .movie-card)) > .card-popovers > :not(:is(.o-counter, .o-count)):not(.organized) > button.minimal.btn.btn-primary:is(:focus:not(:focus-visible), :active, :focus:active) {
+    background-image: none !important;
+    background-color: rgba(var(--btn-min-primary),var(--btn-active)) !important;
+    box-shadow: none !important;
+}
+:is(.scene-card, .image-card, .movie-card) > .card-popovers button.minimal.btn.btn-primary:is(:focus:not(:focus-visible), :active, :focus:active),
+:is(.scene-card, .image-card, .tag-card, .performer-card, .gallery-card, .movie-card, .studio-card) > .card-popovers > :is(.o-counter, .o-count, .organized) > button.minimal.btn.btn-primary:is(:focus:not(:focus-visible), :active, :focus:active) {
+    background-image: none !important;
+    background-color: transparent !important;
+    box-shadow: none !important;
+}
+
+:where(.o-count, .o-counter) > button.minimal.btn-primary > span.fa-icon > span > svg {
+    color: lch(63.951% 35.172 253.332) !important;
+}
+
+a.minimal:not(.logout-button), 
+button:not([title=Statistics], [title=Settings]).minimal:not(.nav-utility, .brand-link, .donate, .dropdown-toggle), 
+.dropdown > button#operation-menu.minimal.dropdown-toggle.btn-secondary {
+     color: rgb(var(--pry-color));
+     background-image: none;
+     background-color: transparent;
+     gap: 8px;
+     display: flex;
+     justify-content: center;
+     align-items: center;
+     border-radius: 5rem;
+     border-width: 0;
+     padding: 0 12px 0 12px;
+     height: 40px;
+     max-height: 40px;
+     width: auto;
+     contain: content;
+     overflow: hidden;
+     box-shadow: none;
+     outline: 0;
+     transition: var(--trans-0);
+     -webkit-transition: var(--trans-0);
+}
+
+.card-popovers button.minimal.btn.btn-primary {
+    color: rgb(var(--btn-min-primary)) !important;
+}
+
+.card-popovers>.organized button.minimal.btn.btn-primary {
+    color: lch(68.921% 45.12 186.214) !important;
+    background-image: none;
+    background-color: transparent;
+    border: 0;
+    box-shadow: none;
+}
+
+/* Lightbox */
+.Lightbox-footer .o-counter > button[title="O-Counter"].minimal.btn.btn-secondary,
+.Lightbox-footer .o-counter > button[title="O-Counter"].minimal.btn.btn-secondary:active,
+.Lightbox-footer .o-counter > button[title="O-Counter"].minimal.btn.btn-secondary:active:hover,
+.Lightbox-footer .o-counter > button[title="O-Counter"].minimal.btn.btn-secondary:active:focus,
+.Lightbox-footer .o-counter > button[title="O-Counter"].minimal.btn.btn-secondary:active:hover:focus {
+    color: white;
+    opacity: 0.9;
+}
+.Lightbox-footer .o-counter > button[title="O-Counter"].minimal.btn.btn-secondary:hover,
+.Lightbox-footer .o-counter > button[title="O-Counter"].minimal.btn.btn-secondary:focus,
+.Lightbox-footer .o-counter > button[title="O-Counter"].minimal.btn.btn-secondary:hover:focus {
+    color: white;
+    opacity: 1;
+}
+.Lightbox-footer .o-counter > button[title="O-Counter"].minimal.btn.btn-secondary:not(:focus):focus-visible {
+    color: white;
+    opacity: 1;
+    outline-color: rgb(var(--focus-ring));
+    outline-style: solid;
+    outline-width: 0.24rem;
+    outline-offset: -0.06rem;
+}
+
+/* Exclude Button */
+.selectable-filter ul :is(.selected-object, .excluded-object, .unselected-object) button.minimal.exclude-button.btn.btn-primary {
+    background-color: transparent;
+    box-shadow: none;
+    border-style: none;
+    padding: 0 12px;
+    height: 32px;
+    min-height: 32px;
+    max-height: 32px;
+    contain: content;
+    overflow: hidden;
+    border-radius: 0;
+    transition: background-color 0.55s ease, color 0.2s ease-in-out;
+}
+.selectable-filter ul :is(.selected-object, .excluded-object, .unselected-object) button.minimal.exclude-button.btn.btn-primary:hover {
+    background-color: rgba(0,0,0,0.06);
+}
+.selectable-filter ul :is(.selected-object, .excluded-object, .unselected-object) button.minimal.exclude-button.btn.btn-primary:is(:active, :focus, :active:focus) {
+    background-color: rgba(0,0,0,0.11);
+}
+
+.selectable-filter ul :is(.selected-object, .excluded-object, .unselected-object) .exclude-icon {
+    color: rgb(var(--error));
+}
+.selectable-filter ul :is(.selected-object, .excluded-object, .unselected-object) .exclude-button .exclude-button-text {
+    color: rgb(var(--error));
+}
+
+.selectable-filter ul :is(.selected-object, .excluded-object, .unselected-object) .include-button {
+    color: rgb(var(--green));
+}
+
+.tag-item .btn, 
+.tag-item .btn:active,
+.tag-item .btn:active:hover, 
+.tag-item .btn:hover,
+.tag-item .btn:hover:focus, 
+.tag-item .btn:focus {
+    box-shadow: none;
+    background-color: transparent;
+    outline: none;
+}
+.tag-item .btn:focus {
+    outline-color: #002e29;
+    outline-style: dashed;
+    outline-width: 1px;
+    outline-offset: -5px;
+}
+
+/* || Settings Pages left Menu */
+#settings-menu-container {
+    margin-right: 12px;
+    padding: 0px;
+    max-width: 10%;
+}
+
+/* Setting-Section / Interface / Editing ... "Disable dropdown create" */
+.setting-section:nth-last-of-type(5) h3:has(+.sub-heading):has(:not(>a[type="/help/Tasks.md"])):has(:not(*button#optimiseDatabase)) {
+    margin-top: 1rem !important;
+}
+/* Setting-Section / Interface "Show AB loop plugin control" */
+.setting#max-loop-duration + .setting > div > h3 {
+    margin-bottom: 1rem;
+}
+
+.stash-row.align-items-center.row .dropdown>button.minimal.dropdown-toggle.btn.btn-minimal {
+    padding: 0;
+    width: 40px;
+    height: 40px;
+    max-height: 40px;
+    font-size: 20px;
+    border-radius: 5rem;
+    color: rgb(var(--on-surface-variant));
+}
+.stash-row.align-items-center.row .dropdown>button.minimal.dropdown-toggle.btn.btn-minimal:hover {
+    background-color: rgb(var(--on-surface-variant),var(--btn-hover));
+    box-shadow: var(--elevation-0);
+}
+.stash-row.align-items-center.row .dropdown>button.minimal.dropdown-toggle.btn.btn-minimal:is(:active, :focus, :active:focus) {
+    background-color: rgb(var(--on-surface-variant),var(--btn-active));
+    outline: 0;
+    box-shadow: none;
+}
+
+#stash-table .d-none.d-md-flex.row {
+    border-bottom: 1px solid rgb(var(--card-fold));
+    margin-bottom: 12px;
+}
+
+.nav-pills .nav-link {
+    color: rgb(var(--on-surface));
+    text-shadow: var(--light-txt-shadow);
+    background-color: transparent;
+    border: 0;
+    border-radius: 0 5rem 5rem 0;
+    font-weight: 500;
+    font-size: 16px;
+    line-height: 24px;
+    letter-spacing: 0.5px;
+    padding-inline-start: 24px;
+    padding-block-start: 10px;
+    padding-block-end: 10px;
+    outline: none;
+    box-shadow: none;
+    text-decoration: none;
+    text-decoration-color: transparent;
+    vertical-align: middle;
+    margin-left: -16px;
+    min-height: 40px;
+    transition: var(--trans-0), text-decoration-color 0.2s ease-in, text-indent 0.15s ease-in-out;
+}
+.nav-pills .nav-link:hover,  
+.nav-pills .nav-link:focus {
+    color: rgb(var(--on-surface));
+    text-shadow: none;
+    background-image: var(--btn-hover-highlight);
+    background-color: rgb(var(--body-color2));
+    background-blend-mode: screen;
+}
+.nav-pills .nav-link:focus-visible,
+.nav-pills .nav-link.active:focus-visible {
+    color: rgb(var(--focus-ring));
+    font-weight: 700;
+    text-decoration: underline;
+    text-decoration-color: currentColor;
+    text-decoration-thickness: 16%;
+    text-underline-offset: 0.25em;
+    text-underline-position: from-font;
+    text-indent: 8px;
+    outline: 0;
+}
+.nav-pills .nav-link.active:focus-visible {
+    text-indent: unset;
+}
+.nav-pills .nav-link.active,
+.nav-pills .nav-link.active:is(:focus, :hover, :focus:hover) {
+    background-image: none;
+    background-color: rgb(var(--pry-color));
+    color: rgb(var(--on-pry));
+    text-shadow: none;
+    box-shadow: var(--elevation-0);
+}
+/* --- */
+
+.manual-container.container .nav-pills .nav-link {
+    margin-left: -13px;
+    padding-left: 10px;
+}
+
+/* Tabs on Pages */
+nav.nav.nav-tabs {
+    background-color: rgba(0,0,0,0.50);
+    padding: 0 0;
+}
+.nav-tabs {
+    /*margin-left: 0.2rem;*/
+    justify-content: space-evenly;
+    padding-bottom: 16px;
+    margin-bottom: 0;
+}
+.nav.nav-tabs:has(> .nav-item:nth-of-type(2) > a.active) {
+    border-bottom: 1px solid rgb(255,255,255,0.13);
+}
+.nav-tabs>.nav-item:has(>*:not(.btn-secondary):not(.dropdown):not(.o-counter)),
+.nav.nav-tabs>.nav-item.nav-link {
+    background-color: rgba(var(--surface));
+    min-height: 48px;
+    height: 48px;
+    max-height: 48px;
+    border-bottom: 1px solid rgb(var(--surface-variant));
+    padding-bottom: 1px;
+    overflow: hidden;
+    contain: content;
+}
+/*.nav-tabs>.nav-item:first-child {
+    padding-left: 6px;
+}
+.nav-tabs>.nav-item:nth-child(6) {
+    padding-right: 6px;
+}*/
+
+.nav-tabs .nav-item.nav-link,
+.nav-tabs .nav-link {
+    background-color: transparent;
+    border: 0;
+    border-color: transparent;
+    border-style: solid;
+    border-bottom: 1px solid rgb(var(--surface-variant));
+    padding-bottom: 10px;
+    border-radius: 0;
+    color: rgb(var(--on-surface-variant));
+    font-weight: 500;
+    font-size: 14px;
+    line-height: 20px;
+    letter-spacing: 0.1px;
+    text-decoration: none;
+    outline-color: rgb(var(--focus-ring));
+    box-shadow: var(--elevation-0);
+    transition: background-color .55s ease, border-color .4s ease-in-out, color .25s ease-in-out, outline .4s ease-in;
+}
+.nav.nav-tabs>.nav-item.nav-link {
+    display: flex;
+    flex: 1 1 calc((1/7)*90%);
+    justify-content: space-evenly;
+    align-items: center;
+    padding: 0;
+    margin: 0;
+    height: 40px; /*added jun 12 for firefox*/
+}
+.gallery-container .mr-auto.nav.nav-tabs .nav-item {
+    display: flex;
+    flex: 1 1 calc((1/2)*90%);
+    max-width: 90%;
+    justify-content: space-evenly;
+    /* justify-items: center; */
+    /*align-content: initial;*/
+    align-items: center;
+    flex-wrap: wrap;
+    padding: 0;
+    margin: 0;
+}
+.image-tabs .mr-auto.nav.nav-tabs>.nav-item:has(>*:not(.btn-group):not(.organized-button):not(.dropdown)) {
+    display: flex;
+    flex: 1 1 calc((1/3)*90%);
+    max-width: 90%;
+    justify-content: space-evenly;
+    align-items: center;
+    flex-wrap: wrap;
+    padding: 0;
+    margin: 0;
+}
+.scene-tabs .mr-auto.nav.nav-tabs>.nav-item:has(>*:not(.btn-group)) {
+    display: flex;
+    flex: 1 1 calc((1/6)*90%);
+    max-width: 90%;
+    justify-content: space-evenly;
+    align-items: center;
+    flex-wrap: wrap;
+    padding: 0;
+    margin: 0;
+}
+.gallery-tabs>div>.mr-auto.nav.nav-tabs>.nav-item:has(>*:not(.btn-secondary):not(.dropdown)) {
+    display: flex;
+    flex: 1 1 calc((1/4)*90%);
+    max-width: 90%;
+    justify-content: space-evenly;
+    align-items: center;
+    flex-wrap: wrap;
+    padding: 0;
+    margin: 0;
+}
+.image-tabs .mr-auto.nav.nav-tabs>.nav-item>.nav-link,
+.scene-tabs .mr-auto.nav.nav-tabs>.nav-item>.nav-link,
+.gallery-tabs>div>.mr-auto.nav.nav-tabs>.nav-item>.nav-link,
+.gallery-container .mr-auto.nav.nav-tabs .nav-item .nav-link {
+    display: flex;
+    flex: 1 1 100%;
+    max-width: 100%;
+    justify-content: space-evenly;
+    align-items: center;
+    min-height: 48px;
+    height: 48px;
+    max-height: 48px;
+}
+.scene-tabs .mr-auto.nav.nav-tabs>.ml-auto.btn-group {
+    display: flex;
+    flex: 1 1 60%;
+    max-width: 60%;
+    justify-content: flex-end;
+    align-items: center;
+    padding-top: 12px;
+}
+.image-tabs .mr-auto.nav.nav-tabs>.nav-item:has(>*:not(.nav-link)),
+.gallery-tabs>div>.mr-auto.nav.nav-tabs>.nav-item:has(>*:not(.nav-link)) {
+    display: flex;
+    flex: 1 1 15%;
+    max-width: 15%;
+    justify-content: flex-end;
+    align-items: center;
+    padding-top: 6px;
+}
+.scene-tabs .mr-auto.nav.nav-tabs>.ml-auto.btn-group>.nav-item {
+    display: flex;
+    flex: 1 1 60%;
+    max-width: 60%;
+    justify-content: space-evenly;
+}
+
+.nav-item > .dropdown > button[title="Operations"]#operation-menu.minimal.dropdown-toggle.btn.btn-secondary,
+.nav-item > button[title="Organized"].minimal.organized-button.not-organized.btn.btn-secondary,
+.nav-item > button[title="Organized"].minimal.organized-button.organized.btn.btn-secondary {
+    min-width: 40px;
+    border-radius: 50%;
+}
+.nav-item > .dropdown > button[title="Operations"]#operation-menu.minimal.dropdown-toggle.btn.btn-secondary > svg {
+    font-size: 24px;
+}
+
+.nav-item > button[title="Organized"].minimal.organized-button.not-organized.btn.btn-secondary:is(:only-of-type, :hover, :focus) {
+    color: rgb(var(--pry-color)) !important;
+}
+.nav-item > button[title="Organized"].minimal.organized-button.not-organized.btn.btn-secondary:is(:hover, :focus) {
+    color: rgb(var(--pry-color)) !important;
+    background-image: linear-gradient(to right, rgba(var(--pry-color),var(--btn-hover)), rgba(var(--pry-color),var(--btn-hover))),linear-gradient(to right, rgb(var(--body-color2)), rgb(var(--body-color2))) !important;
+}
+.nav-item > button[title="Organized"].minimal.organized-button.organized.btn.btn-secondary:is(:only-of-type, :hover, :focus) {
+    color: lch(63.921% 32.12 186.214) !important;
+    background-color: transparent;
+}
+.nav-item > button[title="Organized"].minimal.organized-button.organized.btn.btn-secondary:is(:hover, :focus) {
+    color: lch(63.921% 32.12 186.214) !important;
+    background-color: rgb(var(--body-color2));
+    background-image: linear-gradient(to right, lch(63.921% 32.12 186.214 / var(--btn-hover)), lch(63.921% 32.12 186.214 / var(--btn-hover))),linear-gradient(to right, rgb(var(--body-color2)), rgb(var(--body-color2))) !important;
+}
+
+.o-counter.btn-group > button[title="O-Counter"].minimal.btn.btn-secondary > span > svg,
+.nav-item > button[title="Organized"].minimal.organized-button.not-organized.btn.btn-secondary > svg,
+.nav-item > button[title="Organized"].minimal.organized-button.organized.btn.btn-secondary > svg {
+    font-size: 20px;
+}
+.o-counter.btn-group > button[title="O-Counter"].minimal.btn.btn-secondary {
+    min-width: 40px;
+    padding-left: 16px;
+    padding-right: 16px !important;
+}
+.o-counter.btn-group > button[title="O-Counter"].minimal.btn.btn-secondary > span.ml-2 {
+    text-align: center;
+    margin: 0 !important;
+}
+
+
+/* Nav-Tabs */
+.nav-tabs>.nav-item:has(>*:not(.btn-secondary):not(.dropdown):not(.o-counter)):hover,
+.nav-tabs>.nav-item:has(>*:not(.btn-secondary):not(.dropdown):not(.o-counter)):focus-visible,
+.nav-tabs .nav-item.nav-link:hover,  
+.nav-tabs .nav-item.nav-link:focus-visible {
+    border: 0;
+    border-style: none;
+    border-color: transparent;
+    border-bottom: 1px solid rgb(var(--outline));
+}
+.nav-tabs>.nav-item:has(>*:not(.btn-secondary):not(.dropdown):not(.o-counter)):focus,
+.nav-tabs>.nav-item:has(>*:not(.btn-secondary):not(.dropdown):not(.o-counter)):hover:focus,
+.nav-tabs .nav-item.nav-link:focus,
+.nav-tabs .nav-item.nav-link:hover:focus {
+    border: 0;
+    border-style: none;
+    border-color: transparent;
+    border-bottom: 1px solid rgb(var(--on-surface-variant));
+}
+/*}
+.nav-tabs>.nav-item:has(>*:not(.btn-secondary):not(.dropdown):not(.o-counter)).active:hover,
+.nav-tabs>.nav-item:has(>*:not(.btn-secondary):not(.dropdown):not(.o-counter)):active:hover,
+.nav-tabs>.nav-item:has(>*:not(.btn-secondary):not(.dropdown):not(.o-counter)).active:focus:hover,
+.nav-tabs>.nav-item:has(>*:not(.btn-secondary):not(.dropdown):not(.o-counter)):active:focus:hover,
+.nav-tabs>.nav-item:has(>*:not(.btn-secondary):not(.dropdown):not(.o-counter)).active:focus-visible,
+.nav-tabs>.nav-item:has(>*:not(.btn-secondary):not(.dropdown):not(.o-counter)):active:focus-visible,
+.nav-tabs .nav-item.nav-link.active:hover, 
+.nav-tabs .nav-item.nav-link:active:hover,
+.nav-tabs .nav-item.nav-link.active:focus:hover,
+.nav-tabs .nav-item.nav-link:active:focus:hover,
+.nav-tabs .nav-item.nav-link.active:focus-visible,
+.nav-tabs .nav-item.nav-link:active:focus-visible {
+    border-bottom: 2px solid transparent;
+    color: rgb(var(--pry-color));
+}
+.nav-tabs>.nav-item:has(>*:not(.btn-secondary):not(.dropdown):not(.o-counter)).active,
+.nav-tabs>.nav-item:has(>*:not(.btn-secondary):not(.dropdown):not(.o-counter)):active,
+.nav-tabs>.nav-item:has(>*:not(.btn-secondary):not(.dropdown):not(.o-counter)).active:focus,
+.nav-tabs>.nav-item:has(>*:not(.btn-secondary):not(.dropdown):not(.o-counter)):active:focus,
+.nav-tabs .nav-item.nav-link.active, 
+.nav-tabs .nav-item.nav-link:active,
+.nav-tabs .nav-item.nav-link.active:focus,
+.nav-tabs .nav-item.nav-link:active:focus {
+    color: rgb(var(--pry-color));
+    border-bottom: 2px solid transparent;
+}*/
+.nav-tabs .nav-link:hover,
+.nav-tabs .nav-link:focus, 
+.nav-tabs .nav-link:hover:focus, 
+.nav-tabs .nav-link:focus-visible {
+    color: rgb(var(--on-surface));
+    background-color: rgb(var(--surface));
+    background-image: linear-gradient(to right, rgba(var(--on-surface),var(--btn-hover)), rgba(var(--on-surface),var(--btn-hover))),linear-gradient(to right, rgb(var(--surface)), rgb(var(--surface)));
+    border: 0;
+    border-style: none;
+    border-color: transparent;
+    border-bottom: 1px solid rgb(var(--outline));
+    outline-color: rgb(var(--focus-ring));
+    padding-bottom: 10px;
+}
+.nav-tabs .nav-link:focus, 
+.nav-tabs .nav-link:hover:focus {
+    background-image: linear-gradient(to right, rgba(var(--on-surface),var(--btn-active)), rgba(var(--on-surface),var(--btn-active))),linear-gradient(to right, rgb(var(--surface)), rgb(var(--surface)));
+    border-bottom: 1px solid rgb(var(--on-surface-variant));
+} 
+.nav-tabs .nav-link:hover:focus {
+    background-image: linear-gradient(to right, rgba(var(--pry-color),var(--btn-active)), rgba(var(--pry-color),var(--btn-active))),linear-gradient(to right, rgb(var(--surface)), rgb(var(--surface)));
+}
+
+.nav-tabs .nav-link.active, 
+.nav-tabs .nav-link:active,
+.nav-tabs .nav-link.active:focus,
+.nav-tabs .nav-link:active:focus {
+    color: rgb(var(--pry-color));
+    background-color: rgba(var(--surface));
+    border: 0;
+    border-style: none;
+    border-color: transparent;
+    border-bottom: 3px solid rgb(var(--pry-color));
+    outline-color: rgb(var(--focus-ring));
+    min-height: 48px;
+    height: 48px;
+    max-height: 48px;
+    padding-bottom: 8px;
+}
+.nav-tabs .nav-link.active:focus,
+.nav-tabs .nav-link:active:focus {
+    background-image: linear-gradient(to right, rgba(var(--pry-color),var(--btn-active)), rgba(var(--pry-color),var(--btn-active))),linear-gradient(to right, rgb(var(--surface)), rgb(var(--surface)));
+}
+
+.nav.nav-tabs>.nav-item.nav-link.active,
+.nav.nav-tabs>.nav-item.nav-link:active,
+.nav.nav-tabs>.nav-item.nav-link.active:focus,
+.nav.nav-tabs>.nav-item.nav-link:active:focus {
+    padding-bottom: 0;
+}
+.nav-tabs .nav-link.active:hover, 
+.nav-tabs .nav-link:active:hover,
+.nav-tabs .nav-link.active:focus:hover,
+.nav-tabs .nav-link:active:focus:hover,
+.nav-tabs .nav-link.active:focus-visible,
+.nav-tabs .nav-link:active:focus-visible {
+    background-image: linear-gradient(to right, rgba(var(--pry-color),var(--btn-hover)), rgba(var(--pry-color),var(--btn-hover))),linear-gradient(to right, rgb(var(--surface)), rgb(var(--surface)));
+    color: rgb(var(--pry-color));
+    border-bottom: 3px solid rgb(var(--pry-color));
+    outline-color: rgb(var(--focus-ring));
+    padding-bottom: 8px;
+}
+
+
+.nav-tabs .nav-link:focus-visible {
+    box-shadow: none;
+    padding-bottom: 10px; /*this evens the height with the border width */
+    outline-style: solid;
+    outline-offset: -8px;
+    outline-width: 0.25rem;
+}
+.nav-tabs .nav-link.active:focus-visible,
+.nav-tabs .nav-link:active:focus-visible {
+    outline-style: solid;
+    outline-offset: -8px;
+    outline-width: 0.25rem;
+}
+
+/*** Main Top Navigation Bar Links/Buttons ***/
+
+/* Increase SVG icon size in nav-bar */
+.svg-inline--fa.fa-icon.nav-menu-icon.d-block.mb-2 {
+    height: 24px;
+    margin-top: 4px !important;
+    margin-bottom: 4px !important;
+    /*height: 1.15em;
+    margin-top: 0.1rem !important;
+    margin-bottom: -0.1rem !important; tabs*/
+}
+.fa-icon {
+    /*margin: 0 0.6rem 0 0.3; gives extra space between icon and text */
+    margin: 0 auto 0 auto;
+}
+@media (min-width: 1200px) {
+    .p-xl-2 {
+        padding: 0.5rem 1.3rem 0.5rem 1.3rem !important;
+    }
+}
+@media (min-width: 1200px) {
+    .mb-xl-0, .my-xl-0 {
+        margin-bottom: 0.03rem !important;
+    }
+}
+@media (min-width: 1200px) {
+    .d-xl-inline-block {
+        display: inline-flex !important;
+    }
+}
+.top-nav .navbar-buttons {
+    margin: auto -4px;
+
+}
+.navbar-dark .navbar-nav .nav-link {
+    flex-grow: 1;
+    flex-shrink: 1;
+    flex-basis: calc((1/8)*100%);
+    justify-content: space-evenly;
+    display: flex;
+}
+@media (max-width: 576px) {
+    .navbar-dark .navbar-nav .nav-link {
+        flex-grow: 0;
+        flex-shrink: 0;
+        flex-basis: calc((1/3)*100%);
+        display: flex;
+        justify-content: flex-start;
+    }
+}
+@media (max-width: 576px) {
+    .navbar-dark .navbar-nav:not(:nth-of-type(2)):nth-of-type(1) .nav-link:not(*.donate) {
+        flex-grow: 0;
+        flex-shrink: 1;
+        flex-basis: 100%;
+        display: flex;
+        justify-items: flex-start;
+        left: 0;
+        position: relative;
+        min-width: 336px;
+        width: 336px;
+        justify-content: space-between;
+        align-content: space-around;
+        flex-flow: column wrap;
+        align-items: flex-start;
+    }
+}
+
+.top-nav .navbar-collapse .navbar-nav {
+    flex-direction: column;
+    width: 80px;
+    align-items: center;
+}
+@media (max-width: 576px) {
+    .top-nav .navbar-collapse .navbar-nav:not(:nth-of-type(2)):nth-of-type(1) {
+        display: flex;
+        position: relative;
+        left: 0%;
+        top: 0;align-items: stretch;
+        justify-content: space-around;
+        align-content: space-around;
+        width: 100%;
+        min-width: 342px;
+        flex-wrap: wrap;
+        flex-direction: row;
+        margin-left: 16px;
+    /* padding-left: 16px; */
+        margin-right: 12px;
+    }
+}
+@media (min-width: 1200px) {
+    .navbar-expand-xl .navbar-nav .nav-link {
+        padding-left: 0;
+        padding-right: 0;
+    }
+}
+
+@media (max-width: 576px) {
+    a.nav-utility button.btn-primary {
+        padding-left: 12px;
+        padding-right: 12px;
+        width: auto;
+        border-radius: 0;
+        background-color: transparent;
+    }
+}
+
+/* Hide second navbar-nav bar from showing*/
+nav.top-nav.navbar .navbar-collapse.collapse:not(.show) > .navbar-nav:last-child,
+nav.top-nav.navbar .navbar-collapse.collapse.show > .navbar-nav:last-child {
+    display: none;
+}
+@media (max-width: 576px) {
+    nav.top-nav.navbar .navbar-collapse.collapse.show > .navbar-nav:last-child {
+        display: flex;
+        align-items: center;
+        justify-content: flex-start;
+        flex-direction: row;
+    }
+}
+
+/* For short underline of active button */
+/*.col-4.col-sm-3.col-md-2.col-lg-auto.nav-link.active::before,
+.col-4.col-sm-3.col-md-2.col-lg-auto.nav-link.active:hover::before,
+.col-4.col-sm-3.col-md-2.col-lg-auto.nav-link.active:focus::before,
+.col-4.col-sm-3.col-md-2.col-lg-auto.nav-link.active:hover:focus::before*/
+.navbar-dark .navbar-nav .nav-link.active a.btn-primary.active::before {
+    content: " ";
+    /*display: block;
+    margin-left: calc((7/8)* 35%);
+    margin-right: calc((7/8)* 35%); tabs*/
+    border-bottom-width: 0;
+    border-bottom-style: solid;
+    border-radius: 5rem;
+    /*border-bottom-width: 3px;
+    border-bottom-style: solid;
+    border-bottom-color: rgb(var(--tab-active-color)); tabs*/
+    min-width: 64px;
+    width: 64px;
+    max-height: 32px;
+    min-height: 32px;
+    height: 32px;
+    background-color: rgba(var(--tab-active-color),var(--btn-hover));
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    margin-top: 12px;
+    margin-bottom: 4px;
+    margin-left: auto;
+    margin-right: auto;
+    transition: background-color 0.35s cubic-bezier(0.4, 0, 0.2, 1);
+}
+/*.col-4.col-sm-3.col-md-2.col-lg-auto.nav-link.active:hover::before*/
+.navbar-dark .navbar-nav .nav-link.active a.btn-primary.active:hover::before {
+    background-color: rgba(var(--on-surface),var(--btn-active));
+}
+
+.navbar-dark .navbar-nav .nav-link a.btn.btn-primary span,
+.navbar-dark .navbar-nav .nav-link a.btn.btn-primary:hover span,
+.navbar-dark .navbar-nav .nav-link a.btn.btn-primary span:focus-visible {
+    /*letter-spacing: 0.335px; tabs*/
+    font-weight: 500;
+    padding-left: 2px;
+    padding-right: 2px;
+}
+.navbar-dark .navbar-nav .nav-link.active a.btn-primary.active span, 
+.navbar-dark .navbar-nav .nav-link.active a.btn-primary.active:hover span, 
+.navbar-dark .navbar-nav .nav-link.active a.btn-primary.active:focus-visible span,
+.navbar-dark .navbar-nav .nav-link.active a.btn-primary:active:hover span, 
+.navbar-dark .navbar-nav .nav-link.active a.btn-primary:active span,
+.navbar-dark .navbar-nav .nav-link.active a.btn-primary:active:focus-visible span {
+    letter-spacing: 0.5px;
+    font-weight: 700;
+}
+
+/*.col-4.col-sm-3.col-md-2.col-lg-auto.nav-link::before,
+.col-4.col-sm-3.col-md-2.col-lg-auto.nav-link:hover::before,
+.col-4.col-sm-3.col-md-2.col-lg-auto.nav-link:focus::before,
+.col-4.col-sm-3.col-md-2.col-lg-auto.nav-link:hover:focus::before*/
+.navbar-dark .navbar-nav .nav-link a.btn-primary::before {
+    content: " ";
+    border-radius: 5rem;
+    width: 32px;
+    max-height: 32px;
+    min-height: 32px;
+    height: 32px;
+    background-color: transparent;
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    margin-top: 12px;
+    margin-bottom: 4px;
+    margin-left: auto;
+    margin-right: auto;
+    transition: width 0.25s cubic-bezier(0.45, 0.05, 0.55, 0.95) 0.15s;
+}
+@media (max-width: 575.98px) {
+    .navbar-dark .navbar-nav .nav-link a.btn-primary::before {
+        content: " ";
+        border-radius: 16px 24px 24px 16px;
+        width: 336px;
+        min-width: 336px;
+        min-height: 56px;
+        height: 56px;
+        background-color: transparent;
+        position: absolute;
+        top: 0px;
+        left: 0px;
+        right: 0;
+        bottom: 0;
+        margin-top: 0;
+        margin-bottom: 0;
+        margin-left: 12px;
+        margin-right: 12px;
+        transition: width 0.25s cubic-bezier(0.45, 0.05, 0.55, 0.95) 0.15s;
+    }
+}
+/*.col-4.col-sm-3.col-md-2.col-lg-auto.nav-link:hover::before,
+.col-4.col-sm-3.col-md-2.col-lg-auto.nav-link:hover:focus::before*/
+.navbar-dark .navbar-nav .nav-link a.btn-primary:hover::before {
+    background-color: rgba(var(--on-surface),var(--btn-hover));
+    width: 64px;
+}
+/*.col-4.col-sm-3.col-md-2.col-lg-auto.nav-link:focus::before*/
+.navbar-dark .navbar-nav .nav-link a.btn-primary:focus::before {
+    background-color: rgba(var(--on-surface),var(--btn-active));
+    width: 64px;
+}
+
+.navbar-dark .navbar-nav .nav-link.active a.btn-primary:hover,
+.navbar-dark .navbar-nav .nav-link.active a.btn-primary:focus,
+.navbar-dark .navbar-nav .nav-link.active a.btn-primary:hover:focus, 
+.navbar-dark .navbar-nav .show>.nav-link .btn-primary:hover,
+.navbar-dark .navbar-nav .show>.nav-link .btn-primary:hover:focus,
+.navbar-dark .navbar-nav .nav-link a.btn-primary:hover,
+.navbar-dark .navbar-nav .nav-link a.btn-primary:focus,
+.navbar-dark .navbar-nav .nav-link a.btn-primary:hover:focus {
+     color: rgb(var(--on-surface));
+     background-color: transparent;
+     border-style: solid;
+     border-width: 0;
+     border-color: transparent;
+     border-radius: 0.05rem;
+     box-shadow: none;
+     text-shadow: none;
+}
+.navbar-dark .navbar-nav .nav-link.active a.btn-primary.active,
+/*.navbar-dark .navbar-nav .nav-link a.btn-primary:not(:disabled):not(.disabled):active,
+.navbar-dark .navbar-nav .nav-link.active.focus a.btn-primary:not(:disabled):not(.disabled),
+.navbar-dark .navbar-nav .nav-link.active a.btn-primary:not(:disabled):not(.disabled):focus,*/
+.navbar-dark .navbar-nav .nav-link.active a.btn-primary.active:focus,
+.navbar-nav .nav-link.active>.btn.btn-primary.active,
+/*.navbar-nav .nav-link>.btn.btn-primary:not(:disabled):not(.disabled):active,
+.navbar-nav .nav-link.active>.btn.btn-primary:not(:disabled):not(.disabled):focus,*/
+.navbar-nav .nav-link.active>.btn.btn-primary.active:focus {
+     background-color: transparent;
+     border-color: transparent;
+     border-style: solid;
+     border-width: 0;
+     border-radius: 0.05rem;
+     color: rgb(var(--tab-active-color));
+     text-shadow: none;
+     filter: none;
+     box-shadow: none;
+}
+.navbar-dark .navbar-nav .nav-link.active:hover,
+.navbar-dark .navbar-nav .nav-link.active:focus,
+.navbar-dark .navbar-nav .nav-link.active:focus:hover {
+    color: rgb(var(--tab-active-color));
+    background-color: transparent;
+    filter: none;
+    box-shadow: none;
+    text-shadow: none;
+    outline: none;
+}
+.navbar-dark .navbar-nav .nav-link a.btn-primary {
+     color: rgb(var(--on-surface-variant));
+     background: none;
+     border-style: solid;
+     border-width: 0;
+     border-color: transparent;
+     border-radius: 0.05rem;
+     height: 80px;
+     min-height: 80px;
+     max-height: 80px;
+     min-width: 64px;
+     /*max-height: 64px;
+     height: 64px;
+     min-height: 64px; tabs*/
+     /*font-size: 14px; tabs*/
+     font-size: 12px;
+     font-weight: 500;
+     line-height: 16px;
+     letter-spacing: 0.5px;
+     row-gap: 4px;
+     column-gap: 8px;
+     /*line-height: 20px;
+     letter-spacing: 0.10000000149011612px; tabs*/
+     font-family: 'Roboto Flex', Roboto, 'Open Sans', Verdana, Arial, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', sans-serif, ui-sans-serif, system-ui, serif, ui-serif;
+     filter: none;
+     box-shadow: none;
+     text-shadow: none;
+     transition: background-color .55s ease, border-color .2s ease-in-out, color .25s ease-in-out, outline .15s ease;
+}
+@media (max-width: 575.98px) {
+    .navbar-dark .navbar-nav .nav-link a.btn-primary {
+        color: rgb(var(--on-surface-variant));
+        background: none;
+        border-style: none;
+        border-width: 0;
+        border-color: transparent;
+        /* border-radius: 0.05rem; */
+        height: 56px;
+        min-height: 56px;
+        /* max-height: 56px; */
+        max-width: 100%;
+        /* min-width: 336px; */
+        width: 100%;
+        /* font-size: 14px; */
+        font-weight: 500;
+        /* line-height: 16px; */
+        /* letter-spacing: 0.5px; */
+        /* row-gap: 12px; */
+        /* column-gap: 12px; */
+        font-family: 'Roboto Flex', Roboto, 'Open Sans', Verdana, Arial, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', sans-serif, ui-sans-serif, system-ui, serif, ui-serif;
+        /* filter: none; */
+        display: flex!important;
+        box-shadow: none;
+        position: relative;
+        left: -50%;
+        right: 0%;
+        bottom: 0;
+        top: 0;
+        flex-direction: column;
+        flex-flow: column wrap !important;
+        align-items: flex-start !important;
+        justify-content: center !important;
+        padding: 0 !important;
+        margin: 12px 0px auto 16px !important;
+        text-shadow: none;
+        transition: background-color .55s ease, border-color .2s ease-in-out, color .25s ease-in-out, outline .15s ease;
+        align-content: flex-start;
+    }
+}
+/* Padding for NavBar Tabs */
+.p-4 {
+    padding: 12px 0 16px 0 !important;
+    /*padding: 0.75rem !important; tabs*/
+    margin-bottom: 0 !important;
+    /*margin-bottom: -3px!important; tabs*/
+}
+.navbar-dark .navbar-nav .nav-link:not(.active) a.btn-primary:focus-visible,
+.top-nav .navbar-collapse .navbar-nav .nav-link:not(.active):focus-visible {
+    color: rgb(var(--tertiary));
+    outline-color: rgb(var(--focus-ring));
+    border-radius: 4px;
+    outline-offset: 3px;
+    outline-style: solid;
+    outline-width: 0.25rem;
+    box-shadow: none;
+    text-underline-offset: 0.15em;
+    text-decoration-thickness: from-font;
+    text-shadow: var(--light-txt-shadow);
+}
+.navbar-dark .navbar-nav .nav-link.active a.btn-primary:focus-visible,
+.top-nav .navbar-collapse .navbar-nav .nav-link.active:focus-visible {
+    border-radius: 4px;
+    outline-color: rgb(var(--tertiary));
+    outline-offset: 3px;
+    outline-style: solid;
+    outline-width: 0.25rem;
+    text-underline-offset: 0.15em;
+    text-decoration-thickness: from-font;
+    box-shadow: none;
+    text-shadow: var(--light-txt-shadow);
+}
+nav.top-nav.navbar .navbar-collapse.collapse:not(.show)>.navbar-nav {
+    width: 100%;
+}
+nav.top-nav.navbar .navbar-collapse.collapse.show>.navbar-nav {
+    padding-bottom: 0;
+}
+.top-nav .navbar-collapse.show {
+    /*transform: translate(-100%);
+    transition: transform 0.35s;*/
+    will-change: transform;
+    display: flex;
+    flex-direction: column;
+    overflow-y: auto;
+    max-height: unset;
+    /* width: calc(100vw / 84 - 10vh * 88); */
+    max-width: 88px;
+    /* height: calc(100vw - 10vh - 88px); */
+    position: fixed;
+    /* z-index: 102500; */
+    /* margin: auto; */
+    padding: 0 2px 0 2px;
+    margin-left: -2px;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+}
+@media (max-width: 576px) {
+    .top-nav .navbar-collapse.show {
+        will-change: transform, transition, margin, bottom;
+        display: flex;
+        overflow-y: auto;
+        transform: translate(0%, 0%);
+        overflow-x: scroll;
+        max-height: 100%;
+        max-width: 360px;
+        width: 100%;
+        position: fixed;
+        margin: 0 auto 0 0;
+        padding: 0 2px 0 2px;
+        top: 0;
+        left: 0;
+        /* right: 0; */
+        /* bottom: 0; */
+        /* justify-self: flex-start; */
+        transition: transform 0s linear 0s, margin 0s linear 0s, bottom 0s linear 0s;
+        justify-content: flex-start;
+        align-items: stretch;
+        flex-direction: row;
+        flex-wrap: wrap;
+        align-content: flex-start;
+    }
+}
+/* Collapsable Navbar Margin so buttons dont overlap */
+nav.top-nav.navbar .navbar-collapse.collapse.show .navbar-nav .nav-link a.minimal.p-4.btn.btn-primary {
+    margin: 0;
+    /*transition: margin 0s;*/
+}
+.top-nav .navbar-collapse .navbar-nav .nav-link:hover,
+.top-nav .navbar-collapse .navbar-nav .nav-link:focus,
+.top-nav .navbar-collapse .navbar-nav .nav-link:hover:focus {
+    color: #00dfc6;
+    outline: none;
+    filter: none;
+    text-shadow: none;
+    box-shadow: none;
+}
+
+/* NavBar Toggle Menu */
+.navbar-dark .navbar-toggler:not(.collapsed), 
+.navbar-dark:not(:has(>.show)) .navbar-toggler.collapsed {
+    left: 0;
+    position: absolute;
+    padding: 0;
+    margin-left: 4px !important;
+    display: grid;
+    place-items: center;
+    transition: place-items 0.2s ease;
+    will-change: transition;
+}
+.navbar-dark:has(>.show) .navbar-toggler:not(.collapsed), 
+.navbar-dark:has(>.show) .navbar-toggler.collapsed {
+    transition: place-items 0.2s ease;
+    will-change: transition;
+}
+.navbar-dark .navbar-toggler {
+    color: rgb(var(--btn-toggler-color));
+    border-color: transparent !important;
+    border-radius: 50%;
+    outline: none;
+    box-shadow: none;
+    text-shadow: none;
+}
+.navbar-dark .navbar-toggler.collapsed {
+    color: rgb(var(--btn-toggler-color));
+}
+.navbar-dark .navbar-toggler:not(.collapsed) {
+    color: rgb(var(--pry-color));
+}
+.navbar-dark .navbar-toggler.collapsed:hover:focus,
+.navbar-dark .navbar-toggler.collapsed:hover,
+.navbar-dark .navbar-toggler.collapsed:focus-visible {
+    color: rgba(var(--btn-toggler-color));
+    outline: none;
+    box-shadow: none;
+    text-shadow: none;
+}
+.navbar-dark .navbar-toggler.collapsed:focus-visible,
+.navbar-dark .navbar-toggler:not(.collapsed):focus-visible {
+    border-radius: 50%;
+    background-color: rgba(var(--pry-color),var(--btn-hover));
+    background: radial-gradient(circle at center, rgba(var(--pry-color),var(--btn-hover)) 0%, rgba(var(--pry-color),var(--btn-hover)) 100%);
+    outline-color: rgb(var(--focus-ring));
+    outline-offset: -1px;
+    outline-style: solid;
+    outline-width: 0.25rem;
+    box-shadow: none;
+}
+.navbar-dark .navbar-toggler:not(.collapsed):hover,
+.navbar-dark .navbar-toggler:not(.collapsed):hover:focus {
+    color: rgb(var(--pry-color));
+    outline: none;
+    box-shadow: none;
+    text-shadow: none;
+}
+/*.navbar-dark .navbar-toggler:not(.collapsed):hover,
+.navbar-dark .navbar-toggler:not(.collapsed):hover:focus {
+    color: rgb(var(--pry-color));
+    background-color: rgba(var(--pry-color),var(--btn-hover));
+    border-radius: 50%;
+    outline: none;
+    box-shadow: none;
+    text-shadow: none;
+    transform: scale(2.1);
+    transition: transform 0.5s ease, background-color .35s ease;
+}*/
+.navbar-dark .navbar-toggler.collapsed:active,
+.navbar-dark .navbar-toggler.collapsed:active:hover,
+.navbar-dark .navbar-toggler.collapsed:active:focus-visible,
+.navbar-dark .navbar-toggler.collapsed:active:hover:focus-visible {
+    color: rgba(var(--btn-toggler-color));
+    background: radial-gradient(circle at center, rgba(var(--btn-toggler-color),var(--btn-active)) 0%, rgba(var(--btn-toggler-color),var(--btn-active)) 100%);
+    width: 48px;
+    height: 48px;
+    outline: none;
+    text-shadow: none;
+    box-shadow: none; 
+    left: 2px;        
+}
+.navbar-dark .navbar-toggler:not(.collapsed):active,
+.navbar-dark .navbar-toggler:not(.collapsed):active:hover,
+.navbar-dark .navbar-toggler:not(.collapsed):active:focus-visible,
+.navbar-dark .navbar-toggler:not(.collapsed):active:hover:focus-visible {
+    color: rgb(var(--pry-color));
+    background: radial-gradient(circle at center, rgba(var(--pry-color),var(--btn-active)) 0%, rgba(var(--pry-color),var(--btn-active)) 100%);
+    width: 48px;
+    height: 48px;
+    outline: none;
+    text-shadow: none;
+    box-shadow: none; 
+    left: 2px;          
+}
+.navbar-dark .navbar-toggler.collapsed:active:hover:focus-visible,
+.navbar-dark .navbar-toggler:active:hover:focus-visible {
+    border-radius: 50%;
+    background: radial-gradient(circle at center, rgba(var(--btn-toggler-color),var(--btn-active)) 0%, rgba(var(--btn-toggler-color),var(--btn-active)) 100%);
+    box-shadow: none;
+    left: 2px;
+    outline-color: rgb(var(--focus-ring));
+    outline-offset: -1px;
+    outline-style: solid;
+    outline-width: 0.25rem;
+}
+.navbar-dark .navbar-toggler:not(.collapsed):active:focus-visible,
+.navbar-dark .navbar-toggler.collapsed:active:focus-visible {
+    outline-color: rgb(var(--focus-ring));
+    outline-offset: -1px;
+    outline-style: solid;
+    outline-width: 0.25rem;
+}
+
+
+nav.top-nav.navbar >.navbar-buttons.navbar-nav >a.nav-utility.nav-link {
+    text-decoration: none !important;
+    text-decoration-color: transparent !important;
+} 
+
+/*** Nav-Utility buttons on right side of NavBar ***/
+nav.top-nav.navbar .btn-primary {
+    margin: 0; 
+    /*margin: 0 3px 0 3px; tabs*/
+}
+svg.svg-inline--fa.fa-bars.fa-icon {
+    min-height: 24px;
+}
+svg.svg-inline--fa.fa-xmark.fa-icon {
+    min-height: 28px;
+}
+button[title=Statistics].minimal.btn.btn-primary {
+    margin-left: 12px;
+}
+
+@media (max-width: 576px) {
+    button[title=Statistics].minimal.btn.btn-primary {
+        margin-left: 0;
+    }
+}
+/*@media (max-width: 576px) {
+    .navbar-nav:last-child button.minimal.donate.btn.btn-primary {
+        display: none;
+    }
+}*/
+
+.top-nav .navbar-buttons .btn.donate svg.svg-inline--fa.fa-heart.fa-icon {
+    color: rgb(var(--red));
+    padding-bottom: 2px;
+    font-size: 18px;
+}
+.top-nav .navbar-buttons .btn:not(.donate),
+.top-nav .navbar-buttons a.nav-utility button.minimal.btn.btn-primary:not(.donate),
+button[title=Help].nav-utility.minimal.btn.btn-primary:has(>svg.svg-inline--fa.fa-circle-question.fa-icon) {
+    color: rgb(var(--nav-white));
+    border: none;
+    border-radius: 5rem;
+    background: none;
+    background-color: transparent;
+    text-shadow: none;
+    text-decoration: none !important;
+    text-decoration-color: transparent !important;
+    position: relative;
+    overflow: hidden;
+    padding: 12px;
+    box-shadow: none;
+    opacity: 1;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    transition: var(--trans-0);
+}
+button[title="Help"].nav-utility.btn-primary > svg.fa-circle-question {
+    background-color: transparent;
+    outline: 0;
+}
+button[title=Help].nav-utility.minimal.btn.btn-primary > svg.svg-inline--fa.fa-circle-question.fa-icon {
+    color: rgb(var(--btn-toggler-color));
+    font-size: 22px;
+}
+svg.svg-inline--fa.fa-gear {
+    font-size: 22px;
+}
+svg.svg-inline--fa.fa-chart-column.fa-icon {
+    font-size: 22px;
+}
+svg.svg-inline--fa.fa-right-from-bracket.fa-icon {
+    font-size: 22px;
+}
+
+.top-nav .navbar-buttons > a.nav-utility.nav-link > button.minimal.donate.btn.btn-primary {
+    border-radius: 5rem;
+    background-color: rgb(var(--sec-container));
+    text-decoration: none !important;
+    text-decoration-color: transparent !important;
+    border: none;
+    box-shadow: var(--elevation-0);
+    color: rgb(var(--on-sec-container));
+    font-weight: 500;
+    padding: 12px !important;
+    width: auto;
+    height: 40px !important;
+    max-height: 40px;
+}
+.top-nav .navbar-buttons .btn:not(.donate):not(:disabled):not(.disabled):hover,
+.top-nav .navbar-buttons .btn:not(.donate):not(:disabled):not(.disabled):focus:hover {
+    color: rgb(var(--btn-toggler-color));
+    border: 0 solid transparent;
+    box-shadow: none;
+}
+button[title=Help].nav-utility.minimal.btn.btn-primary>svg.svg-inline--fa.fa-circle-question.fa-icon:not(:disabled):not(.disabled):hover,
+button[title=Help].nav-utility.minimal.btn.btn-primary>svg.svg-inline--fa.fa-circle-question.fa-icon:not(:disabled):not(.disabled):hover:focus,
+button[title=Help].nav-utility.minimal.btn.btn-primary>svg.svg-inline--fa.fa-circle-question.fa-icon:focus-visible {
+    color: rgb(var(--btn-toggler-color));
+}
+.top-nav .navbar-buttons > a.nav-utility.nav-link > button.minimal.donate.btn.btn-primary:hover,
+.top-nav .navbar-buttons > a.nav-utility.nav-link > button.minimal.donate.btn.btn-primary:focus {
+    color: rgb(var(--on-sec-container));
+    background-color: rgba(var(--sec-container),var(--btn-hover-rev));
+    box-shadow: var(--elevation-1);
+}
+.top-nav .navbar-buttons a.minimal.logout-button.btn.btn-primary:not(:disabled):not(.disabled):hover,
+.top-nav .navbar-buttons a.minimal.logout-button.btn.btn-primary:not(:disabled):not(.disabled):hover:focus,
+.top-nav .navbar-buttons a.minimal.logout-button.btn.btn-primary:not(:disabled):not(.disabled):focus-visible,
+button[title=Help].nav-utility.minimal.btn.btn-primary:not(:disabled):not(.disabled):hover:has(>svg.svg-inline--fa.fa-circle-question.fa-icon),
+button[title=Help].nav-utility.minimal.btn.btn-primary:not(:disabled):not(.disabled):hover:focus:has(>svg.svg-inline--fa.fa-circle-question.fa-icon),
+button[title=Help].nav-utility.minimal.btn.btn-primary:not(:disabled):not(.disabled):focus-visible:has(svg.svg-inline--fa.fa-circle-question.fa-icon),
+button[title=Settings].minimal.btn.btn-primary:not(:disabled):not(.disabled):hover,
+button[title=Settings].minimal.btn.btn-primary:not(:disabled):not(.disabled):hover:focus,
+button[title=Settings].minimal.btn.btn-primary:not(:disabled):not(.disabled):focus-visible,
+button[title=Statistics].minimal.btn.btn-primary:not(:disabled):not(.disabled):hover,
+button[title=Statistics].minimal.btn.btn-primary:not(:disabled):not(.disabled):hover:focus,
+button[title=Statistics].minimal.btn.btn-primary:not(:disabled):not(.disabled):focus-visible {
+    color: rgb(var(--btn-toggler-color));
+    border: 0 solid transparent;
+    background: none;
+    border-radius: 50%;
+    box-shadow: none;
+}
+.top-nav .navbar-buttons .btn:not(.donate):not(:disabled):not(.disabled).active,
+.top-nav .navbar-buttons .btn:not(.donate):not(:disabled):not(.disabled):active,
+.top-nav .navbar-buttons .btn:not(.donate):not(:disabled):not(.disabled).active:focus,
+.top-nav .navbar-buttons .btn:not(.donate):not(:disabled):not(.disabled):active:focus,
+button[title=Help].nav-utility.minimal.btn.btn-primary:not(:disabled):not(.disabled):active:has(>svg.svg-inline--fa.fa-circle-question.fa-icon),
+button[title=Help].nav-utility.minimal.btn.btn-primary:not(:disabled):not(.disabled):active:focus:has(>svg.svg-inline--fa.fa-circle-question.fa-icon),
+.top-nav .navbar-buttons a.nav-utility.active button.minimal.btn.btn-primary:not(.donate):not(:disabled):not(.disabled),
+.top-nav .navbar-buttons a.nav-utility button.minimal.btn.btn-primary:not(.donate):not(:disabled):not(.disabled):active,
+.top-nav .navbar-buttons a.nav-utility.active button.minimal.btn.btn-primary:not(.donate):not(:disabled):not(.disabled):focus,
+.top-nav .navbar-buttons a.nav-utility button.minimal.btn.btn-primary:not(.donate):not(:disabled):not(.disabled):active:focus {
+    color: rgb(var(--pry-color));
+    border: 0 solid transparent;
+    background-color: rgba(var(--pry-color),var(--btn-active));
+}
+.top-nav .navbar-buttons a.nav-utility.active button.minimal.btn.btn-primary:not(.donate):not(:disabled):not(.disabled) {
+    background-color: rgb(var(--pry-container),var(--btn-active));
+}
+
+
+button[title=Help].nav-utility.minimal.btn.btn-primary>svg.svg-inline--fa.fa-circle-question.fa-icon:not(:disabled):not(.disabled):active,
+button[title=Help].nav-utility.minimal.btn.btn-primary>svg.svg-inline--fa.fa-circle-question.fa-icon:not(:disabled):not(.disabled):active:focus,
+button[title=Help].nav-utility.minimal.btn.btn-primary>svg.svg-inline--fa.fa-circle-question.fa-icon:not(:disabled):not(.disabled):active:hover {
+    color: rgb(var(--pry-color));
+}
+.top-nav .navbar-buttons > a.nav-utility.nav-link > button.minimal.donate.btn.btn-primary:active,
+.top-nav .navbar-buttons > a.nav-utility.nav-link > button.minimal.donate.btn.btn-primary.active {
+    color: rgb(var(--on-sec-container));
+    background-color: rgba(var(--sec-container),var(--btn-active-rev));
+    box-shadow: var(--elevation-0);
+}
+.top-nav .navbar-buttons .btn:not(.donate):not(:disabled):not(.disabled).active:hover,
+.top-nav .navbar-buttons .btn:not(.donate):not(:disabled):not(.disabled):active:hover,
+.top-nav .navbar-buttons a.nav-utility.active button.minimal.btn.btn-primary:not(.donate):not(:disabled):not(.disabled):hover,
+.top-nav .navbar-buttons a.nav-utility button.minimal.btn.btn-primary:not(.donate):not(:disabled):not(.disabled):active:hover {
+    color: rgb(var(--pry-color));
+    border: 0 solid transparent;
+}
+
+.top-nav .navbar-buttons > a.minimal.logout-button.btn.btn-primary:not(:disabled):not(.disabled).active:hover,
+.top-nav .navbar-buttons > a.minimal.logout-button.btn.btn-primary:not(:disabled):not(.disabled):active:hover,
+.top-nav .navbar-buttons > button[title=Help].nav-utility.minimal.btn.btn-primary:not(:disabled):not(.disabled).active:hover:has(>svg.svg-inline--fa.fa-circle-question.fa-icon),
+.top-nav .navbar-buttons > button[title=Help].nav-utility.minimal.btn.btn-primary:not(:disabled):not(.disabled):active:hover:has(>svg.svg-inline--fa.fa-circle-question.fa-icon),
+.top-nav .navbar-buttons a.nav-utility.active button[title=Settings].minimal.btn.btn-primary:not(:disabled):not(.disabled):hover,
+.top-nav .navbar-buttons a.nav-utility button[title=Settings].minimal.btn.btn-primary:not(:disabled):not(.disabled):active:hover,
+.top-nav .navbar-buttons a.nav-utility.active button[title=Statistics].minimal.btn.btn-primary:not(:disabled):not(.disabled):hover,
+.top-nav .navbar-buttons a.nav-utility button[title=Statistics].minimal.btn.btn-primary:not(:disabled):not(.disabled):active:hover {
+    color: rgb(var(--pry-color));
+    border: 0 solid transparent;
+    border-radius: 5rem;
+    background-color: rgba(var(--pry-color),var(--btn-active));
+    text-decoration: none !important;
+    text-decoration-color: transparent !important;
+}
+.top-nav .navbar-buttons a.nav-utility.active button[title=Settings].minimal.btn.btn-primary:not(:disabled):not(.disabled):hover {
+    background-color: rgb(var(--pry-container),var(--btn-hover));
+}
+
+a.nav-utility:focus,
+a.nav-utility:focus-visible,
+a.nav-utility.nav-link:focus,
+a.nav-utility.nav-link:focus-visible {
+    outline: none; 
+    box-shadow: none;
+    background: none;
+    background-color: transparent; 
+} 
+.top-nav .navbar-buttons .btn:not(.donate):not(:disabled):not(.disabled):active:focus-visible,
+.top-nav .navbar-buttons .btn:not(.donate):not(:disabled):not(.disabled).active:focus-visible,
+.top-nav .navbar-buttons a.nav-utility button.minimal.btn.btn-primary:not(.donate):not(:disabled):not(.disabled):active:focus-visible,
+.top-nav .navbar-buttons a.nav-utility button.minimal.btn.btn-primary:not(.donate):not(:disabled):not(.disabled).active:focus-visible {
+    color: rgb(var(--pry-color));
+    background-color: rgba(var(--pry-color),var(--btn-active));
+    box-shadow: none;
+    outline-color: rgb(var(--focus-ring));
+    outline-offset: -0.1rem;
+    outline-style: solid;
+    outline-width: 0.19rem;
+    text-decoration: none !important;
+    text-decoration-color: transparent !important;
+}
+.top-nav .navbar-buttons > a.nav-utility.nav-link > button.minimal.donate.btn.btn-primary:active:focus-visible,
+.top-nav .navbar-buttons > a.nav-utility.nav-link > button.minimal.donate.btn.btn-primary.active:focus-visible {
+    color: rgb(var(--on-sec-container));
+    background-color: rgba(var(--sec-container),var(--btn-active-rev));
+    box-shadow: none;
+    outline-color: rgb(var(--focus-ring));
+    outline-offset: -0.1rem;
+    outline-style: solid;
+    outline-width: 0.19rem;
+}
+.top-nav .navbar-buttons .btn:not(.donate):not(:disabled):not(.disabled):focus-visible,
+.top-nav .navbar-buttons a.nav-utility button.minimal.btn.btn-primary:not(.donate):not(:disabled):not(.disabled):focus-visible {
+    color: rgb(var(--btn-toggler-color));
+    background: none;
+    background-color: rgba(var(--on-surface),var(--btn-hover));
+    border-radius: 5rem;
+    box-shadow: none;
+    outline-color: rgb(var(--focus-ring));
+    outline-offset: -0.1rem;
+    outline-style: solid;
+    outline-width: 0.19rem;
+    text-decoration: none !important;
+    text-decoration-color: transparent !important;
+}
+.top-nav .navbar-buttons > a.nav-utility.nav-link > button.minimal.donate.btn.btn-primary:focus-visible {
+    color: rgb(var(--on-sec-container));
+    background-color: rgba(var(--sec-container),var(--btn-hover-rev));
+    box-shadow: none;
+    outline-color: rgb(var(--focus-ring));
+    outline-offset: -0.1rem;
+    outline-style: solid;
+    outline-width: 0.19rem;
+}
+
+/* --- Text-Input Clear button --- */
+button.query-text-field-clear.btn.btn-secondary>svg.svg-inline--fa.fa-xmark.fa-icon,
+button.clearable-text-field-clear.btn.btn-secondary>svg.svg-inline--fa.fa-xmark.fa-icon {
+    height: 60%;
+    width: 100%;
+}
+.btn-toolbar button.query-text-field-clear.btn.btn-secondary,
+button.clearable-text-field-clear.btn.btn-secondary {
+    color: rgb(var(--on-surface-variant));
+    background-color: transparent;
+    border-style: none;
+    border-radius: 5rem;
+    height: 40px;
+    min-height: 40px;
+    max-height: 40px;
+    width: 40px;
+    min-width: 40px;
+    padding: 0;
+    margin-left: -48px;
+    z-index: 3;
+    right: 4px;
+    margin-top: auto;
+    margin-bottom: auto;
+    outline: none;
+    opacity: 1;
+    transition: background-color 0.55s ease;
+    -webkit-transition: background-color 0.55s ease;
+    -moz-transition: background-color 0.55s ease;
+}
+button.clearable-text-field-clear.btn.btn-secondary {
+    height: 40px;
+    top: 11px;
+}
+.btn-toolbar input.query-text-field.bg-secondary.text-white.border-secondary.form-control + button.query-text-field-clear.btn.btn-secondary:hover, 
+button.clearable-text-field-clear.btn.btn-secondary:hover {
+    background-color: rgb(var(--on-surface-variant),var(--btn-hover));
+    box-shadow: var(--elevation-0);
+}
+/* Text-Input Clear button ACTIVE */
+.btn-toolbar input.query-text-field.bg-secondary.text-white.border-secondary.form-control + button.query-text-field-clear.btn.btn-secondary:not(:disabled):not(.disabled):is(:active, :focus, :focus:active),
+button.clearable-text-field-clear.btn.btn-secondary:not(:disabled):not(.disabled):is(:active, :focus, :focus:active) {
+    background-color: rgb(var(--on-surface-variant),var(--btn-active));
+    box-shadow: none;
+    outline: none;
+}
+.btn-toolbar input.query-text-field.bg-secondary.text-white.border-secondary.form-control + button.query-text-field-clear.btn.btn-secondary:focus-visible,
+button.clearable-text-field-clear.btn.btn-secondary:focus-visible {
+    box-shadow: none;
+    outline-color: rgb(var(--focus-ring));
+    outline-style: solid;
+    outline-width: 0.19rem;
+    outline-offset: -0.1rem;
+}
+/* Switch */
+.custom-switch {
+    margin-left: -0.5rem;
+}
+.custom-control-label:is(:only-of-type, :hover, :active, :focus, :active:focus)::before {
+    background-color: rgb(var(--menu-color));
+    border: 2px solid rgb(var(--outline));
+    top: -4.5px;
+}
+.custom-switch .custom-control-label::after {
+    background-color: rgb(var(--outline));
+    width: 16px;
+    height: 16px;
+    border-radius: 5rem;
+    top: 3px;
+    left: -24px;
+    box-shadow: var(--elevation-1);
+}
+.custom-switch .custom-control-label:hover::after {
+    background-color: rgb(var(--on-surface-variant));
+    box-shadow: 0 0 0 12px rgb(var(--on-surface-variant),var(--btn-hover));
+}
+.custom-switch .custom-control-label:is(:active, :focus, :active:focus)::after {
+    width: 28px;
+    height: 28px;
+    background-color: rgb(var(--on-surface-variant));
+    top: -2.5px;
+    left: -30px;
+    box-shadow: 0 0 0 6px rgb(var(--on-surface-variant),var(--btn-hover));
+}
+.custom-control-input:checked~.custom-control-label::before,
+.custom-control-input:checked~.custom-control-label:hover::before,
+.custom-control-input:checked~.custom-control-label:focus::before,
+.custom-control-input:checked~.custom-control-label:active::before {
+     border: 2px solid rgb(var(--outline));
+     background-color: rgb(var(--tertiary));
+     /*box-shadow: 0 0 3px 0.1rem rgba(0,0,0,0.25);*/
+}
+.custom-switch .custom-control-label:before {
+    /*width: 1.85rem; Original*/
+    width: 52px;
+    height: 32px;
+    border-radius: 5rem;
+}
+.custom-switch .custom-control-input:checked~.custom-control-label::after {
+    background-image: none;
+    background-color: rgb(var(--on-tertiary-container));
+    height: 24px;
+    width: 24px;
+    content: "\xB9";
+    color: rgb(var(--tertiary));
+    font-size: 20px;
+    border:0;
+    border-radius: 5rem;
+    box-shadow: var(--elevation-1);
+    transform: translate(22px);
+    display: flex;
+    top: -0.5px;
+    left: -30px;
+    transition: background-image 0.55s ease, background-color 0.55s ease, box-shadow 0.4s ease-in, transform 0s linear;
+    align-items: center;
+    justify-content: center;
+    flex-wrap: wrap;
+    align-content: center;
+}
+.custom-switch .custom-control-input:checked~.custom-control-label:hover::after {
+    background-image: var(--btn-hover-highlight);
+    background-color: rgb(var(--on-pry));
+    background-blend-mode: screen;
+    box-shadow: 0 0 0 9px rgb(var(--on-pry),var(--btn-hover));
+}
+.custom-switch .custom-control-input:checked~.custom-control-label:focus::after,
+.custom-switch .custom-control-input:checked~.custom-control-label:active::after {
+    background-image: var(--btn-active-highlight);
+    background-color: rgb(var(--on-pry));
+    background-blend-mode: screen;
+    box-shadow: 0 0 0 6px rgb(var(--on-pry),var(--btn-active));
+    top: -2.5px;
+    width: 28px;
+    height: 28px;
+}
+.custom-switch .custom-control-input:disabled {
+    opacity: 0;
+}
+.custom-switch .custom-control-input:disabled:checked {
+    opacity: 0;
+}
+.custom-switch .custom-control-input:disabled~.custom-control-label:before {
+    background-color: #373d3b;
+    opacity: 0.4;
+}
+.custom-switch .custom-control-input:disabled:checked~.custom-control-label:before {
+     background-color: #00dfc6;
+}
+/*.custom-switch .custom-control-input:focus + .custom-control-label,*/
+.custom-switch .custom-control-input:focus-visible:not(:disabled)~.custom-control-label:after {
+    background-color: #fff;
+}
+/* ***removing default borders and boxes*** */
+.custom-control-input:focus:not(:checked):not(:disabled)~.custom-control-label:before {
+    border-color: transparent;
+}
+.custom-control-input:focus:not(:disabled)~.custom-control-label:before {
+    box-shadow: none;
+}
+/* *** *** */
+.custom-switch .custom-control-input:focus-visible:not(:disabled)~.custom-control-label:before,
+.custom-switch .custom-control-input:focus-visible:not(:checked):not(:disabled)~.custom-control-label:before {
+    outline-color: #899390;
+    outline-style: solid;
+    outline-width: 2px;
+    outline-offset: 3px;
+    box-shadow: none;
+}
+.custom-switch .custom-control-input:focus-visible:checked:not(:disabled)~ .custom-control-label:before {
+    outline-color: #d0d4d2;
+    outline-style: solid;
+    outline-width: 2px;
+    outline-offset: 3px;
+    box-shadow: none;
+}
+/* Danger Button */
+.btn-danger,
+.addresses .btn-danger.btn-sm {
+     color: rgb(var(--on-error-container));
+     background-image: var(--btn-dummy-highlight);
+     background-color: rgb(var(--error-container));
+     font-size: 14px;
+     font-weight: 500;
+     border-width: 0;
+     border-radius: 5rem;
+     gap: 8px;
+     display: inline-flex;
+     justify-content: center;
+     align-items: center;
+     height: 40px;
+     max-height: 40px;
+     width: auto;
+     line-height: 20px;
+     letter-spacing: 0.025em;
+     padding: 0 24px 0 24px;
+     outline: 0;
+     overflow: hidden;
+     box-shadow: var(--elevation-0);
+     transition: var(--trans-0);
+     -webkit-transition: var(--trans-0);
+}
+.addresses button.btn.btn-danger.btn-sm {
+    padding: 0 16px 0 16px;
+}
+.btn-danger:not(.disabled):not(:disabled):is(:hover, :focus-visible),
+.addresses .btn-danger.btn-sm:not(.disabled):not(:disabled):is(:hover, :focus-visible) {
+     color: rgb(var(--on-error-container));
+     background-image: var(--btn-hover-highlight);
+     background-color: rgba(var(--error-container));
+     background-blend-mode: screen;
+     box-shadow: var(--elevation-1);
+}
+.btn-danger:focus-visible,
+.addresses .btn-danger.btn-sm:focus-visible {
+     outline-color: rgb(var(--focus-ring));
+}
+.btn-danger:not(:disabled):not(.disabled):is(.active, :active, :focus, :active:focus, .active:focus),
+.addresses .btn-danger.btn-sm:not(:disabled):not(.disabled):is(.active, :active, :focus, :active:focus, .active:focus) {
+     color: rgb(var(--on-error-container));
+     background-image: var(--btn-active-highlight);
+     background-color: rgba(var(--error-container));
+     background-blend-mode: screen;
+     border: 0;
+     outline: 0;
+     box-shadow: var(--elevation-0);
+}
+.btn-danger:is(.disabled, :disabled),
+.addresses .btn-danger.btn-sm:is(.disabled, :disabled) {
+    color: rgb(var(--on-error-container));
+    background-color: rgb(var(--error-container));
+    opacity: var(--disabled);
+    box-shadow: none;
+}
+
+/* Success Button */
+.btn-success {
+     color: rgb(var(--tertiary-container));
+     background-image: var(--btn-dummy-highlight);
+     background-color: rgb(var(--on-tertiary-container));
+     font-size: 14px;
+     font-weight: 500;
+     border: 0;
+     border-radius: 5rem;
+     gap: 8px;
+     display: inline-flex;
+     justify-content: center;
+     align-items: center;
+     height: 40px;
+     max-height: 40px;
+     width: auto;
+     line-height: 20px;
+     letter-spacing: 0.025em;
+     padding: 0 24px 0 24px;
+     outline: 0;
+     overflow: hidden;
+     box-shadow: var(--elevation-0);
+     transition: var(--trans-0);
+     -webkit-transition: var(--trans-0);
+}
+.btn-success:not(:disabled):not(.disabled):is(:hover, :focus-visible) {
+     color: rgb(var(--tertiary-container));
+     background-image: var(--btn-hover-highlight);
+     background-color: rgb(var(--on-tertiary-container));
+     background-blend-mode: screen;
+     box-shadow: var(--elevation-1);
+}
+.btn-success:not(:disabled):not(.disabled):focus-visible {
+     outline-color: rgb(var(--focus-ring));
+}
+.btn-success:not(:disabled):not(.disabled):is(.active, :active, :focus, :active:focus, .active:focus) {
+     color: rgb(var(--tertiary-container));
+     background-image: var(--btn-active-highlight);
+     background-color: rgb(var(--on-tertiary-container));
+     background-blend-mode: screen;
+     outline: 0;
+     box-shadow: var(--elevation-0);
+}
+.btn-success:is(.disabled, :disabled) {
+    color: rgb(var(--tertiary-container));
+    background-color: rgb(var(--on-tertiary-container));
+    box-shadow: none;
+    opacity: var(--disabled);
+}
+
+/* Tagger-Container Text-Danger-Button */
+.text-danger svg.svg-inline--fa.fa-xmark.fa-icon {
+    min-height: 14px;
+    width: 1em;
+}
+button.text-danger.include-exclude-button {
+    border: 0;
+    padding: 0;
+    margin: 0 8px 0 0;
+    outline: 0;
+    box-shadow: var(--elevation-0);
+    background: none;
+    background-color: rgb(var(--on-error-container));
+    color: rgb(var(--error-container)) !important;
+    font-size: 18px;
+    line-height: 0;
+    letter-spacing: 0;
+    border-radius: 2px;
+    font-weight: 900;
+}
+.text-success svg.svg-inline--fa.fa-check.fa-icon {
+    width: 1em;
+}
+button.text-success.include-exclude-button {
+    border: 0;
+    padding: 0;
+    margin: 0 8px 0 0;
+    outline: 0;
+    box-shadow: var(--elevation-0);
+    background: none;
+    background-color: rgb(var(--tertiary));
+    color: rgb(var(--on-tertiary)) !important;
+    line-height: 0;
+    letter-spacing: 0;
+    font-size: 18px;
+    border-radius: 2px;
+    font-weight: 900;
+}
+button:is(.text-success, .text-danger).include-exclude-button:focus-visible {
+    outline-color: rgb(var(--focus-ring));
+    outline-offset: -0.1rem;
+    outline-style: solid;
+    outline-width: 0.19rem;
+    box-shadow: none;
+}
+
+li.active .optional-field.excluded .optional-field-content, 
+li.active .optional-field.excluded .scene-link {
+    text-decoration: line-through;
+    text-decoration-color: rgb(var(--on-error-container));
+    filter: saturate(0.6);
+}
+
+/* */
+.brand-link {
+     background-color: var(--nav-color)!important;
+}
+
+/* */
+.hover-popover-content {
+     max-width: 32rem;
+     text-align: center;
+     background: var(--nav-color);
+}
+
+/* Progress Bars*/
+.progress-bar.progress-bar-animated.progress-bar-striped {
+    background-color: rgb(var(--pry-color));
+}
+.progress-bar {
+    color: transparent;
+    text-shadow: none;
+    background-color: white;
+    height: 0.25rem;
+    border-radius: 2.5rem;
+}
+.progress-bar-animated {
+    animation: none;
+}
+.progress-bar-striped {
+    background-image: none;
+    background-size: 0rem 0rem;
+}
+.progress {
+    height: 0.25rem;
+    font-size: 0.75rem;
+    background-color: rgb(var(--pry-container));
+    border-radius: 2.5rem;
+}
+
+.grid-card .progress-bar {
+     background-color: rgba(var(--white-color),0.2);
+     backdrop-filter: blur(6px);
+     height: 7px;
+     border-radius: 0;
+     margin-bottom: -5px;
+}
+.progress-indicator {
+    background-color: rgba(var(--white-color),var(--btn-active-rev));
+    height: 8px;
+}
+.grid-card .progress-indicator {
+    background-color: rgb(var(--pry-color));
+    height: 7px;
+}
+
+/* Terminal */
+.job-table.card {
+    margin: 0%;
+    padding: 0.5rem 1rem;
+    height: 12.469rem;
+    border-radius: 0.25rem;
+    background-color: rgb(var(--body-color2));
+    border: 1px solid rgb(var(--outline-variant));
+    box-shadow: var(--elevation-5);
+}
+.empty-queue-message {
+    color: rgb(var(--muted-text),0.75);
+}
+.job-table.card .progress {
+    margin-top: 0.25rem;
+    margin-bottom: 0.5rem;
+}
+.job-table.card .finished .fa-icon {
+    color: rgb(var(--green));
+}
+.job-table.card svg.svg-inline--fa.fa-xmark.fa-icon {
+    min-height: 22px;
+}
+
+.job-table.card .stop, .job-table.card .stop:not(:disabled), .job-table.card .stopping .fa-icon, .job-table.card .cancelled .fa-icon {
+    color: rgb(var(--on-surface-variant));
+    font-size: 11px;
+    font-weight: 500;
+    line-height: 1rem;
+    padding: 0;
+}
+.job-table.card button.minimal.stop.btn.btn-primary.btn-sm,
+.job-table.card button.minimal.stop:not(:disabled).btn.btn-primary.btn-sm {
+    background-image: none;
+    background-color: transparent;
+    color: rgb(var(--on-surface-variant));
+    padding: 0;
+    width: 32px;
+    min-width: 32px;
+    max-width: 32px;
+    height: 32px;
+    min-height: 32px;
+    max-height: 32px;
+    box-shadow: none;
+}
+.job-table.card button.minimal.stop:not(:disabled).btn.btn-primary.btn-sm:hover {
+    color: rgb(var(--on-surface-variant));
+    background-image: var(--btn-dummy-highlight);
+    background-color: rgb(var(--on-surface-variant),var(--btn-hover));
+    background-blend-mode: normal;
+    box-shadow: var(--elevation-0);
+}
+.job-table.card button.minimal.stop:not(:disabled).btn.btn-primary.btn-sm:is(:active, :focus, :active:focus) {
+    color: rgb(var(--on-surface-variant));
+    background-image: var(--btn-dummy-highlight);
+    background-color: rgb(var(--on-surface-variant),var(--btn-active));
+    background-blend-mode: normal;
+    box-shadow: none;
+}
+
+.job-status {
+    color: rgb(var(--on-surface));
+}
+
+/* Progress Spin-Grean and "Scanning" */
+.job-table.card .job-status .fa-icon.fa-spin {
+    color: transparent;
+}
+.job-status > div > svg.fa-spin {
+    color: transparent;
+}
+.job-status > div > svg.fa-spin + span {
+    margin-left: -1rem;
+}
+/* */
+
+#tasks-panel .tasks-panel-queue {
+    background-color: transparent;
+}
+
+#queue-viewer .current {
+     background-color: var(--card-color2);
+}
+.tab-content .card-popovers .btn {
+     padding-left: .5rem;
+     padding-right: .5rem;
+}
+
+/* */
+.react-select__menu-portal {
+     z-index: 2;
+}
+
+/* --- Adjust the lengths of the Performer, Movies and Tags fields while editing a scene while the scene plays --- */
+#scene-edit-details .col-sm-9 {
+    flex: 0 0 100%;
+    max-width: 100%;
+}
+
+/* --- Cuts the name of Performers, Movies and Tags short if they go longer than the length of the field --- */
+div.react-select__control .react-select__multi-value {
+  max-width: 285px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+/* --- Changes the size of the Custom CSS field in the settings --- */
+#configuration-tabs-tabpane-interface textarea.text-input { 
+    min-width:60ex; 
+    max-width:55vw !important; 
+    min-height:50ex;
+}
+
+div.modal-body b, 
+.form-label h6 {
+    text-shadow: none;
+}
+
+.set-as-default-button {
+    margin-top: 8px;
+}
+
+/* --- Spacing out the paginationIndex --- */
+.paginationIndex {
+    color: #ffffff;
+    margin-bottom: 8px;
+}
+.paginationIndex .scenes-stats, 
+.images-stats {
+    margin-top: -3px; 
+    color: #dbe4ec;
+}
+.paginationIndex .scenes-stats:before, 
+.images-stats:before {
+    font-size: 16px;
+    margin-left:18px;
+    margin-right:12px;
+    color: #e1e4e6;
+    content: "-";
+}
+.form-group>.form-group {
+    margin-top:0.5em; 
+    margin-bottom: 0.5rem;
+}
+
+#configuration-tabs-tabpane-tasks>.form-group {
+    margin-bottom:2rem; 
+    margin-top:1em;
+}
+
+#configuration-tabs-tabpane-tasks h6 {     
+    margin-top:3.5em; 
+    font-weight:bold; 
+    margin-bottom:1em;  
+}
+#configuration-tabs-tabpane-tasks h5 {     
+    margin-top:2.0em; 
+    font-weight:bold;  
+    letter-spacing: 0.09rem; 
+}
+.form-group h4 {
+    margin-top:2em;
+}
+
+#parser-container.mx-auto {
+    max-width:1400px;
+    margin-right:auto !important;
+}
+.scene-parser-row .parser-field-title {
+    width: 62ch;
+}
+
+.mx-auto.card .row .col-md-2 .flex-column { 
+    position:fixed;
+    min-height:400px;
+}
+.mx-auto.card>.row {
+    min-height:360px;
+}
+
+.loading-indicator {
+    opacity:0.8; 
+    zoom:2;
+}
+
+/* Setting-Section */
+.setting-section .setting {
+    padding: 1rem 1.25rem;
+}
+.changelog >h1,
+.setting-section h1, 
+#tasks-panel h1 {
+    font-size: 57px;
+    color: rgb(var(--setting-h1));
+    margin-bottom: 1.25rem;
+    margin-top: 2.75rem;
+    text-shadow: var(--light-txt-shadow);
+}
+
+.setting-section .setting-group>.setting:first-child h3,
+.setting-section>.card>.setting:first-child h3,
+.form-group:nth-of-type(2) .setting-section:nth-child(2)>.card>.setting h3,
+.form-group:nth-of-type(2) .setting-section:nth-child(3)>.card>.setting h3,
+.form-group:nth-of-type(2) .setting-section:nth-child(4)>.card>.setting h3,
+#apikey h3,
+#maxSessionAge h3 {
+    color: rgb(var(--on-tertiary));
+    font-weight: 400;
+    font-size: 28px;
+    line-height: 36px;
+    letter-spacing: 0.013em;
+    font-family: var(--HeaderFont);
+}
+.setting-section .setting-group>.setting:not(:first-child) h3,
+.setting-section .setting-group .collapsible-section {
+    color: #dee5e4;
+    text-shadow: var(--really-light-txt-shadow);
+}
+.setting-section .setting h3[title] {
+    text-decoration: none !important;
+    text-decoration-color: transparent !important;
+}
+.setting-section .setting h3[title]:hover {
+    text-decoration: underline dotted !important;
+    text-decoration-thickness: 0.13em !important;
+    text-decoration-color: rgb(var(--link)) !important;
+    text-underline-offset: 0.24em;
+}
+.settings-section .setting .value {
+    font-family: var(--MonoFont);
+}
+
+
+/* || Collapse Butons */
+    /* fixes oddly scaled and un-centerd arrow svg */
+button.minimal.collapse-button.btn.btn-primary.btn-lg.enhanced svg.svg-inline--fa.fa-chevron-up.fa-icon.fa-fw,
+.setting-section .setting-group .setting-group-collapse-button svg.svg-inline--fa.fa-chevron-up.fa-icon.fa-fw {
+    vertical-align: middle;
+    width: 1em;
+}
+
+button.minimal.collapse-button.btn.btn-primary.btn-lg.enhanced,
+.setting-section .setting-group .setting-group-collapse-button {
+    color: rgb(var(--on-surface-variant));
+    background-image: none;
+    background-color: transparent;
+    box-shadow: none;
+    border-radius: 5rem;
+    padding: 0;
+    border: 0;
+    line-height: 28px;
+    height: 40px;
+    width: 40px;
+    min-width: 40px;
+    font-weight: 500;
+    font-size: 27.45px;
+    outline: none;
+    transition: var(--trans-0);
+    -webkit-transition: var(--trans-0);
+    -moz-transition: var(--trans-0);
+}
+button.minimal.collapse-button.btn.btn-primary.btn-lg.enhanced:hover,
+.setting-section .setting-group .setting-group-collapse-button:hover {
+    box-shadow: var(--elevation-0);
+    background-color: rgb(var(--on-surface-variant),var(--btn-hover));
+}
+button.minimal.collapse-button.btn.btn-primary.btn-lg.enhanced:is(:active, :focus, :active:focus),
+.setting-section .setting-group .setting-group-collapse-button:is(:active, :focus, :active:focus) {
+    color: rgb(var(--on-surface-variant));
+    box-shadow: var(--elevation-0);
+    background-image: none;
+    background-color: rgb(var(--on-surface-variant),var(--btn-active));
+}
+div.original-scene-details button.minimal.collapse-button.btn.btn-primary.btn-lg.enhanced:focus-visible,
+.setting-section .setting-group .setting-group-collapse-button:focus-visible {
+    box-shadow: none;
+    outline-color: rgb(var(--focus-ring));
+    outline-style: solid;
+    outline-width: 0.19rem;
+    outline-offset: -0.1rem;
+}
+/* --- */
+#tasks-panel h1 {
+    margin-top: 0.8em;
+    /*margin-left: 4px;*/
+}
+
+#configuration-tabs-tabpane-tasks .form-group:last-child .setting-section .setting div:last-child {
+    margin-right: 0% !important;
+    margin-left: 0px;
+    margin-top: 2px;
+}
+
+#configuration-tabs-tabpane-tasks #video-preview-settings  button { 
+    width:250px;
+    margin-top:22px;
+    margin-left:-57px;
+}
+#configuration-tabs-tabpane-tasks .tasks-panel-tasks .setting-section:nth-child(3) {
+    margin-top:5em;
+}
+
+.setting-section .setting .value,
+#settings-container .col-form-label:first-of-type {
+    font-family: var(--MonoFont);
+    font-size: 12px;
+    font-weight: 200;
+    line-height: 16px;
+    letter-spacing: 0.078em;
+    color: rgb(var(--on-surface));
+    padding: 16px 22px;
+    background-image: linear-gradient(to right, rgba(var(--pry-color),var(--text-field-tint)), rgba(var(--pry-color),var(--text-field-tint)));
+    background-color: rgb(var(--card-color));
+    background-blend-mode: screen;
+    border: 0;
+    border-radius: 4px;
+    font-variant: tabular-nums slashed-zero;
+    margin: 4px 0;
+    text-rendering: optimizeLegibility;
+    box-shadow: inset 0 0 0px 1px rgb(0,0,0,0);
+}
+.setting-section .setting .value {
+    margin: 10px 0%;
+    width: 100%;
+    margin-left: 2.5%;
+}
+
+.setting-section .setting .value:empty {
+    display: none;
+}
+.setting-section .setting .value:has(>span:empty) {
+    display: none;
+}
+.setting-section .setting .value:has(>div:empty) {
+    display: none;
+}
+
+.setting-section .setting-group >.setting:not(:first-child), 
+.setting-section .setting-group .collapsible-section .setting {
+    margin-left: 4rem; 
+}
+.setting-section .setting h3 {
+    font-weight: 400;
+    font-size: 28px;
+    line-height: 36px;
+    letter-spacing: 0.013em;
+    font-family: var(--HeaderFont); 
+    color: rgb(var(--on-tertiary));
+}
+
+/* ||Help Circles */
+.setting-section .setting h3>a>svg.svg-inline--fa.fa-circle-question.fa-icon {
+    font-size: 1.1rem;
+}
+svg.svg-inline--fa.fa-circle-question.fa-icon {
+    color: #005a82;
+    font-size: 1.1rem;
+    background-color: rgb(var(--on-pry-container));
+    margin-left: 8px;
+    border-radius: 5rem;
+    border-width: 0;
+    outline-color: currentColor;
+    outline-style: solid;
+    outline-width: 2px;
+    outline-offset: -1px;
+    box-shadow: var(--elevation-0);
+}
+/* --- */
+
+.setting-section .setting.sub-setting h3 {
+    color: rgb(var(--on-tertiary),0.94);
+}
+.setting-section .setting-group>.setting:not(:first-child) h3, 
+.setting-section .setting-group .collapsible-section .setting h3 {
+    color: rgb(var(--on-tertiary),0.94);
+    font-size: 17.5px;
+    font-weight: 400;
+    letter-spacing: 0.026em;
+    line-height: 26px;
+    padding: 10px 0 6px 0;
+}
+.setting-section .setting.disabled .custom-switch, 
+.setting-section .setting.disabled h3 {
+    opacity: 0.4;
+}
+.setting-section:not(:first-child) {
+    margin-top: 1em;
+}
+
+.setting-section {
+    margin-bottom: 0.8em;
+}
+.setting-section .setting-group>.setting:not(:first-child), 
+.setting-section .setting-group .collapsible-section .setting {
+    padding-bottom: 3px;
+    padding-top: 4px;
+    margin-right: 0rem;
+}
+.setting-section .sub-heading {
+    font-size: 11px;
+    margin-top: 0.25rem;
+    margin-bottom: 1rem;
+    margin-left: 0%;
+    margin-right: 0%;
+    font-weight: 200;
+    text-shadow: var(--really-light-txt-shadow);
+    letter-spacing: 0.107em;
+    line-height: 16px;
+    color: rgb(var(--on-surface-variant),0.96);
+    text-rendering: optimizeLegibility;
+}
+.setting-section .sub-heading code {
+    font-style: normal;
+    font-size: smaller;
+}
+.setting-dialog .sub-heading {
+    color: #879390;
+}
+
+
+/* ||Changelog */
+.changelog-version svg:is(.fa-angle-up, .fa-angle-down).svg-inline--fa.fa-icon.mr-3 {
+    font-size: 24px;
+    margin-right: 8px !important;
+    color: rgb(var(--on-surface-variant));
+}
+.changelog-version-header .btn-link {
+    font-weight: 200;
+    font-size: 28px;
+    line-height: 32px;
+    letter-spacing: 0.012em;
+    color: rgb(var(--on-surface));
+    text-decoration-thickness: 1% !important;
+    background-color: transparent;
+    padding: 0 24px;
+    height: 48px;
+    min-height: 48px;
+    box-shadow: none;
+    display: flex;
+    gap: 4px;
+    justify-content: center;
+    align-items: center;
+}
+.card-header:first-child {
+    border-radius: 12px 12px 0 0;
+}
+.card-header {
+    border-bottom: 1px solid rgb(var(--card-fold));
+    background-color: rgb(var(--card-color));
+    padding: 1rem 1.25rem;
+    margin-bottom: -2px;
+}
+
+
+/* --- */
+
+#configuration-tabs-tabpane-library>#stashes.setting-section:first-child>.sub-heading {
+    position: relative;
+    top: -0.75rem;
+    color: rgb(var(--on-surface-variant));
+    text-shadow: var(--light-txt-shadow);
+}
+#configuration-tabs-tabpane-library .setting-section:not(#stashes)>h1 {
+    margin-top: 1em;
+}
+#configuration-tabs-tabpane-library .setting-section:nth-of-type(2)>.card>.setting h3,
+#configuration-tabs-tabpane-library .setting-section:nth-of-type(3)>.card>.setting h3,
+#configuration-tabs-tabpane-library .setting-section:nth-of-type(4)>.card>.setting h3,
+#configuration-tabs-tabpane-library .setting-section:nth-of-type(5)>.card>.setting h3 {
+    color: rgb(var(--on-tertiary),0.94);
+}
+#configuration-tabs-tabpane-library .setting-section:nth-of-type(4)>.card>.setting .custom-control,
+#configuration-tabs-tabpane-library .setting-section:nth-of-type(5)>.card>.setting .custom-control {
+    margin-right: 26px;
+}
+#configuration-tabs-tabpane-interface .setting-section:first-child>.card>.setting select.input-control.form-control {
+    margin-top: 16px;
+    margin-bottom: 16px;
+    margin-right: 38px;
+    margin-left: -16px;
+}
+
+/* ||Toolbar-Button's */
+.btn-toolbar .btn-group:not(.pagination) .btn-secondary:not(.btn-sm),
+.btn-toolbar:has(:not(.btn-group)) .btn-secondary:not(.btn-sm),
+.btn-toolbar button#more-menu {
+    background-color: rgb(var(--body-color2));
+    border-color: rgb(var(--outline));
+    border-width: 1px;
+    border-style: solid;
+    border-radius: 5rem;
+    color: rgb(var(--on-surface));
+    font-size: 18px; /* make 16px for buttons with text */
+    font-weight: 500;
+    gap: 8px;
+    padding-left: 16px; 
+    padding-right: 16px;
+    height: 40px;
+    max-height: 40px;
+    width: auto;
+    display: inline-flex;
+    justify-content: center;
+    align-items: center;
+    position: relative;
+    overflow: hidden;
+    box-shadow: var(--elevation-0);
+    transition: var(--trans-0);
+    -webkit-transition: var(--trans-0);
+}
+
+.btn-toolbar .btn-group>.btn.btn-secondary:not(:last-child):not(.dropdown-toggle), 
+.btn-toolbar .btn-group:not(.pagination)>:is(.btn-group, .dropdown):not(:last-child)>.btn.btn-secondary {
+    border-bottom-right-radius: 0;
+    border-top-right-radius: 0;
+}
+
+.btn-toolbar .btn-group:not(.pagination)>.btn.btn-secondary:not(:first-child), 
+.btn-toolbar .btn-group:not(.pagination)>.btn-group:not(:first-child)>.btn.btn-secondary {
+    border-bottom-left-radius: 0;
+    border-top-left-radius: 0;
+}
+    /* ||Dropdown-Menu Toggler Toolbar-Button */ 
+.btn-toolbar .btn-group .input-group-prepend > button.dropdown-toggle.btn.btn-secondary,
+.btn-toolbar:has(:not(.btn-group))  select.btn-secondary.form-control {
+    font-size: 16px;
+    line-height: 24px;
+    letter-spacing: 0.0357em;
+    padding-left: 24px;
+    padding-right: 12px;
+    border-bottom-right-radius: 0;
+    border-top-right-radius: 0;
+}
+.btn-toolbar:has(:not(.btn-group))  select.btn-secondary.form-control {
+    border-bottom-right-radius: 5rem;
+    border-top-right-radius: 5rem;
+}
+    /* ||Descending and Ascending Toolbar-Button */
+.btn-toolbar .dropdown.btn-group > .input-group-prepend + button.btn.btn-secondary {
+    font-size: 24px;
+    padding-left: 12px;
+}
+.btn-toolbar .dropdown.btn-group > .input-group-prepend + button.btn.btn-secondary > svg.fa-caret-down {
+    vertical-align: -0.065em;
+}
+.btn-toolbar .dropdown.btn-group > .input-group-prepend + button.btn.btn-secondary > svg.fa-caret-up {
+    vertical-align: 0.065em;
+}
+    /* ||Form-control Toolbar-Button */
+.btn-toolbar:has(:not(.btn-group))  select.btn-secondary.form-control {
+    font-size: 16px;
+    line-height: 24px;
+    letter-spacing: 0.0357em;
+}
+/* ||Toolbar-Button Hover */
+.btn-toolbar .btn-group:not(.pagination):not(.show):not(:has(>.show)):not(:has(>.input-group-prepend+.show)) .btn-secondary:not(.btn-sm):not(.active):hover,
+.btn-toolbar:has(:not(.btn-group)) .btn-secondary:not(.form-control):not(.btn-sm):hover,
+.btn-toolbar button#more-menu:not(.show>button):hover {
+    background-image: linear-gradient(to right, rgba(var( --on-surface),var(--btn-hover)), rgba(var(--on-surface),var(--btn-hover)));
+    background-color: rgb(var(--body-color2));
+    background-blend-mode: screen;
+    box-shadow: var(--elevation-0);
+}
+    /* ||Form-Control Toolbar-Button Hover */
+.btn-toolbar select.btn-secondary.form-control:hover {
+    background-image: url("data:image/svg+xml;utf8,<svg fill='%23e2e2e5' width='16' height='16' viewBox='0 0 16 16' class='bi bi-caret-down-fill' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>"), linear-gradient(to right, rgba(var( --on-surface),var(--btn-hover)), rgba(var(--on-surface),var(--btn-hover)));
+    background-repeat: no-repeat, repeat;
+    background-position: calc( 100% - 16px ) calc(50% + 0.065em), center left;
+    background-color: rgb(var(--body-color2));
+    background-blend-mode: screen;
+    background-size: 20px;
+    border-color: rgb(var(--outline));
+    box-shadow: var(--elevation-0);
+    color: rgb(var(--on-surface));
+}
+/* ||Toolbar-Button Active/Show/Selected */
+.btn-toolbar .btn-group:not(.pagination).show .btn-secondary,
+.btn-toolbar .btn-group:not(.pagination).show .btn-secondary:focus,
+.btn-toolbar .btn-group:not(.pagination):not(.show) > .show .btn-secondary,
+.btn-toolbar .btn-group:not(.pagination):not(.show) > .show .btn-secondary:focus,
+.btn-toolbar .btn-group:not(.pagination):not(.show):not(:has(>.show)) > .input-group-prepend + .show .btn-secondary,
+.btn-toolbar .btn-group:not(.pagination):not(.show):not(:has(>.show)) > .input-group-prepend + .show .btn-secondary:focus,
+.btn-toolbar .btn-group:not(.pagination):not(.show):not(:has(>.show)):not(:has(>.input-group-prepend+.show)) .btn-secondary.active,
+.btn-toolbar .btn-group:not(.pagination):not(.show):not(:has(>.show)):not(:has(>.input-group-prepend+.show)) .btn-secondary.active:focus,
+.btn-toolbar .show > button#more-menu,
+.btn-toolbar .show > button#more-menu:focus {
+    background-image: var(--btn-dummy-highlight);
+    background-color: rgba(var( --sec-container));
+    background-blend-mode: normal;
+    color: rgb(var(--on-sec-container));
+    box-shadow: var(--elevation-0);
+}
+.btn-toolbar:has(:not(.btn-group)) .btn-secondary:not(.form-control):not(.btn-sm):where(:active, :focus, :active:focus) {
+    background-image: linear-gradient(to right, rgba(var( --sec-container),var(--btn-active)), rgba(var(--sec-container),var(--btn-active)));
+    background-color: rgb(var(--body-color2));
+    background-blend-mode: screen;
+    color: rgb(var(--on-sec-container));
+    box-shadow: var(--elevation-0);
+}
+    /* ||Form-Control Toolbar-Button Hover Selected */
+.btn-toolbar select.btn-secondary.form-control:active:hover {
+    background-image: url("data:image/svg+xml;utf8,<svg fill='%23e2e2e5' width='16' height='16' viewBox='0 0 16 16' class='bi bi-caret-down-fill' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>"), var(--btn-hover-highlight);
+    background-repeat: no-repeat, repeat;
+    background-position: calc( 100% - 16px ) calc(50% + 0.065em), center left;
+    background-color: rgba(var( --sec-container));
+    background-blend-mode: screen;
+    background-size: 20px;
+    border-color: rgb(var(--outline));
+    color: rgb(var(--on-sec-container));
+    box-shadow: var(--elevation-0) !important;
+}
+    /* ||Form-Control Toolbar-Button Selected */
+.btn-toolbar select.btn-secondary.form-control:active {
+    background-image: url("data:image/svg+xml;utf8,<svg fill='%23e2e2e5' width='16' height='16' viewBox='0 0 16 16' class='bi bi-caret-down-fill' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>"), var(--btn-dummy-highlight);
+    background-repeat: no-repeat, repeat;
+    background-position: calc( 100% - 16px ) calc(50% + 0.065em), center left;
+    background-color: rgba(var( --sec-container));
+    background-blend-mode: normal;
+    background-size: 20px;
+    border-color: rgb(var(--outline));
+    color: rgb(var(--on-sec-container));
+    box-shadow: var(--elevation-0) !important;
+}
+/* ||Toolbar-Button Hover Selected */
+.btn-toolbar .btn-group:not(.pagination).show .btn-secondary:hover,
+.btn-toolbar .btn-group:not(.pagination):not(.show) > .show .btn-secondary:hover,
+.btn-toolbar .btn-group:not(.pagination):not(.show):not(:has(>.show)) > .input-group-prepend + .show .btn-secondary:hover,
+.btn-toolbar .btn-group:not(.pagination):not(.show):not(:has(>.show)):not(:has(>.input-group-prepend+.show)) .btn-secondary.active:hover,
+.btn-toolbar .show > button#more-menu:hover {
+    background-image: var(--btn-hover-highlight);
+    background-color: rgb(var(--sec-container));
+    background-blend-mode: screen;
+    color: rgb(var(--on-sec-container));
+    box-shadow: var(--elevation-0);
+}
+    /* ||Form-Control Toolbar-Button Hover Selected */
+.btn-toolbar select.btn-secondary.form-control:active:hover {
+    background-image: url("data:image/svg+xml;utf8,<svg fill='%23e2e2e5' width='16' height='16' viewBox='0 0 16 16' class='bi bi-caret-down-fill' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>"), var(--btn-hover-highlight);
+    background-repeat: no-repeat, repeat;
+    background-position: calc( 100% - 16px ) calc(50% + 0.065em), center left;
+    background-color: rgba(var( --sec-container));
+    background-size: 20px;
+    border-color: rgb(var(--outline));
+    color: rgb(var(--on-sec-container));
+    box-shadow: var(--elevation-0) !important;
+}
+/* ||Toolbar-Button Focus-Visible */
+.btn-toolbar .btn-group:not(.pagination):not(.show):not(:has(>.show)):not(:has(>.input-group-prepend+.show)) .btn-secondary:not(.btn-sm):not(.active):focus-visible,
+.btn-toolbar:has(:not(.btn-group)) .btn-secondary:not(.form-control):not(.btn-sm):focus-visible,
+.btn-toolbar button#more-menu:not(.show>button):focus-visible,
+.btn-toolbar select.btn-secondary.form-control:focus-visible,
+.btn-toolbar:has(:not(.btn-group)) .btn-secondary:not(.form-control):not(.btn-sm):focus-visible {
+    outline-color: rgb(var(--focus-ring));
+    outline-offset: -0.10rem;
+    outline-style: solid;
+    outline-width: 0.19rem;
+    box-shadow: none;
+    animation: focus-ring-width-bounce-outer 0.45s cubic-bezier(0.25, 1, 0.5, 1) 0.15s forwards;
+    z-index: 5;
+}
+    /* ||Toolbar-Button Active/Show/Selected Focus-Visible */
+.btn-toolbar .btn-group:not(.pagination).show .btn-secondary:focus-visible,
+.btn-toolbar .btn-group:not(.pagination):not(.show) > .show .btn-secondary:focus-visible,
+.btn-toolbar .btn-group:not(.pagination):not(.show):not(:has(>.show)) > .input-group-prepend + .show .btn-secondary:focus-visible,
+.btn-toolbar .btn-group:not(.pagination):not(.show):not(:has(>.show)):not(:has(>.input-group-prepend+.show)) .btn-secondary.active:focus-visible,
+.btn-toolbar .show > button#more-menu:focus-visible,
+.btn-toolbar select.btn-secondary.form-control:is(:active:focus-visible, :active:hover:focus-visible),
+.btn-toolbar:has(:not(.btn-group)) .btn-secondary:not(.form-control):not(.btn-sm):active:focus-visible {
+    outline-color: rgb(var(--focus-ring-active));
+    outline-offset: -0.10rem;
+    outline-style: solid;
+    outline-width: 0.19rem;
+    box-shadow: none;
+    animation: focus-ring-width-bounce-outer 0.45s cubic-bezier(0.25, 1, 0.5, 1) 0.15s forwards;
+    z-index: 5;
+}
+/* ||Toolbar-Button Danger-Button */
+.btn-toolbar > .btn-group > button.btn-danger,
+.btn-toolbar > .btn-group > button.btn-danger:not(.disabled):not(:disabled):where(:active, :focus, :active:focus) {
+    border: 1px solid rgb(var(--outline));
+    padding-left: 16px;
+    padding-right: 16px;
+}
+
+/* ||Button-Secondary */
+.btn-secondary:not(.btn-toolbar .btn-secondary),
+.modal-body .btn-secondary.form-control,
+button#scene-scrape,
+.scrape-url-button:not(:disabled) {
+    color: rgb(var(--on-sec-container));
+    background-image: none;
+    background-color: rgb(var(--sec-container));
+    border: 0;
+    border-radius: 5rem;
+    font-size: 14px;
+    font-weight: 500;
+    gap: 8px;
+    display: inline-flex;
+    justify-content: center;
+    align-items: center;
+    height: 40px;
+    max-height: 40px;
+    width: auto;
+    padding-left: 24px;
+    padding-right: 24px;
+    overflow: hidden;
+    box-shadow: var(--elevation-0);
+}
+.btn-secondary:not(.btn-toolbar .btn-secondary):hover,
+.modal-body .btn-secondary.form-control:hover,
+button#scene-scrape:hover,
+.scrape-url-button:hover {
+    background-image: var(--btn-hover-highlight);
+    background-color: rgb(var(--sec-container));
+    color: rgb(var(--on-sec-container));
+    box-shadow: var(--elevation-1);
+}
+.btn-secondary:not(.btn-toolbar .btn-secondary):focus,
+.modal-body .btn-secondary.form-control:focus,
+button#scene-scrape:focus,
+.scrape-url-button:not(:disabled):focus {
+    color: rgb(var(--on-sec-container));
+    background-image: var(--btn-active-highlight);
+    background-color: rgb(var(--sec-container));
+    box-shadow: var(--elevation-0);
+}
+.btn-secondary:not(.btn-toolbar .btn-secondary):focus-visible,
+.modal-body .btn-secondary.form-control:focus-visible:not(:focus),
+button#scene-scrape:focus-visible,
+.scrape-url-button:not(:disabled):focus-visible {
+    background-image: none;
+    background-color: rgba(var(--pry-container));
+    color: rgb(var(--on-tertiary-container));
+    box-shadow: none;
+    z-index: 20;
+}
+.btn-secondary:not(.btn-toolbar .btn-secondary):not(.disabled):not(:disabled):active:focus {
+    box-shadow: none;
+}
+.btn-secondary:not(.btn-toolbar .btn-secondary):not(:disabled):not(.disabled):active,
+button#scene-scrape:not(:disabled):not(.disabled):active,
+button#scene-scrape:not(:disabled):not(.disabled).active,
+.scrape-url-button:not(:disabled):active,
+.scrape-url-button:not(:disabled).active {
+     color: rgb(var(--on-sec-container));
+     background-image: var(--btn-active-highlight);
+     background-color: rgb(var(--sec-container));
+     box-shadow: var(--elevation-0);
+     outline: 0;
+}
+.btn-secondary:not(.btn-toolbar .btn-secondary).disabled,
+.btn-secondary:not(.btn-toolbar .btn-secondary):disabled {
+    color: rgba(var(--on-sec-container),var(--disabled));
+    background-image: none;
+    background-color: rgb(var(--sec-container),var(--disabled));
+    box-shadow: none; 
+    outline: 0;
+}
+
+button#scene-scrape {
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+    padding-left: 24px;
+    padding-right: 12px;
+    border-right-width: 0;
+}
+
+svg.svg-inline--fa.fa-magnifying-glass.fa-icon {
+    font-size: 20px;
+}
+.preview-button > button.btn-primary > svg.svg-inline--fa.fa-magnifying-glass.fa-icon {
+    font-size: 12px;
+}
+
+.scraper-group > .dropdown:not(:first-child) button.dropdown-toggle:not(:disabled) {
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+    padding-left: 12px;
+    border-left: 1px solid rgb(var(--body-color2));
+}
+
+.modal-body .btn-secondary.form-control {
+    background-color: transparent;
+}
+.modal-body .form-label {
+    font-size: 1.20rem;
+}
+
+/**********************/
+/* Transform property as a fix for the Toolbar-Filter-Button's "Badge" not being visible because of overflow to contain the Active Button state Wave. */
+.mr-2.mb-2:not(.show):not(.dropdown).btn-group:not(:has(>*.show)) {
+    transform: translateZ(0); /* If the parent does have position attribute, the—although not "proper"—alternative is to use a transform with any value other than none on the wrapper and position: fixed; on the overflowing child This occurs because the transform overrides the position: fixed; element's containing block—it's reference—which is usually the viewport itself. */
+}
+.filter-button .badge {
+    position: fixed; /* Overririding Parent's OverflowHidden. Parent with a defined position ie. relative. */
+}
+/* Revert changes on the btn-group when it has a dropdown or the dropdown menu will be hidden behind other elements */
+.mr-2.mb-2.show.dropdown.btn-group {
+    transform: none;
+}
+/**********************/
+
+a#new-performer-filter {
+    padding-left: 24px;
+    padding-right: 24px;
+}
+
+/* O-Counter with right dropdown toggle in nav-items tabs, O-Counter toggled On*/
+.o-counter.btn-group > button[title="O-Counter"].minimal.btn.btn-secondary:has(+ .dropdown > .dropdown-toggle.btn-secondary) {
+    background-color: rgb(var(--pry-color));
+    color: rgb(var(--on-pry));
+    padding-right: 8px !important;
+    box-shadow: var(--elevation-0);
+    transition: background-image 0.55s ease, color 0.2s ease-in-out, outline 0.4s ease-in-out 0.2s;
+}
+.o-counter.btn-group > button[title="O-Counter"].minimal.btn.btn-secondary:has(+ .dropdown > .dropdown-toggle.btn-secondary):where(:hover, :focus-visible) {
+    background-image: var(--btn-hover-highlight);
+    background-color: rgb(var(--pry-color));
+    background-blend-mode: screen;
+    box-shadow: var(--elevation-1);
+}
+.o-counter.btn-group > button[title="O-Counter"].minimal.btn.btn-secondary:has(+ .dropdown > .dropdown-toggle.btn-secondary):where(:focus:not(:focus-visible), :active) {
+    background-image: var(--btn-active-highlight);
+    background-color: rgb(var(--pry-color));
+    background-blend-mode: screen;
+    box-shadow: var(--elevation-0);
+}
+/* O-Counter sibling Dropdown Toggle */
+.o-counter.btn-group > button[title="O-Counter"].minimal.btn.btn-secondary + .dropdown > .dropdown-toggle.btn-secondary,
+.o-counter.btn-group > .dropdown > .dropdown-toggle.btn-secondary {
+    border: 0;
+    color: rgb(var(--on-pry));
+    padding: 0 16px 0 28px;
+    margin-right: 6px;
+    box-shadow: var(--elevation-0);
+    background-image: url("data:image/svg+xml;utf8,<svg fill='%2300344d' width='16' height='16' viewBox='0 0 16 16' class='bi bi-caret-down-fill' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>"), var(--btn-dummy-highlight);
+    background-color: rgb(var(--pry-color));
+    background-blend-mode: normal;
+    background-repeat: no-repeat, repeat;
+    background-position: calc( 100% - 16px ) calc(50% + 0.065em), center left;
+    background-size: 20px;
+    transition: var(--trans-0);
+}
+.o-counter.btn-group > button[title="O-Counter"].minimal.btn.btn-secondary + .dropdown > .dropdown-toggle.btn-secondary:hover,
+.o-counter.btn-group > .dropdown > .dropdown-toggle.btn-secondary:hover {
+    background-image: url("data:image/svg+xml;utf8,<svg fill='%2300344d' width='16' height='16' viewBox='0 0 16 16' class='bi bi-caret-down-fill' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>"), var(--btn-hover-highlight);
+    background-color: rgb(var(--pry-color));
+    background-blend-mode: normal;
+    box-shadow: var(--elevation-1);
+    background-repeat: no-repeat, repeat;
+    background-position: calc( 100% - 16px ) calc(50% + 0.065em), center left;
+    background-size: 20px;
+    padding: 0 16px 0 28px;
+    border: 0;
+}
+.o-counter.btn-group > button[title="O-Counter"].minimal.btn.btn-secondary:has(+ .dropdown > .dropdown-toggle.btn-secondary):focus-visible,
+.o-counter.btn-group > button[title="O-Counter"].minimal.btn.btn-secondary + .dropdown > .dropdown-toggle.btn-secondary:focus-visible {
+    outline-color: rgb(var(--focus-ring));
+    outline-width: 0.19rem;
+    outline-style: solid;
+    outline-offset: -0.1rem;
+    box-shadow: none;
+}
+.o-counter.btn-group > button[title="O-Counter"].minimal.btn.btn-secondary + .dropdown > .dropdown-toggle.btn-secondary:is(:focus:not(:focus-visible), :active),
+.o-counter.btn-group > .dropdown > .dropdown-toggle.btn-secondary:where(:focus:not(:focus-visible), :active) {
+    background-image: url("data:image/svg+xml;utf8,<svg fill='%2300344d' width='16' height='16' viewBox='0 0 16 16' class='bi bi-caret-down-fill' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>"), var(--btn-active-highlight);
+    background-color: rgb(var(--pry-color));
+    background-blend-mode: normal;
+    box-shadow: var(--elevation-0);
+    background-repeat: no-repeat, repeat;
+    background-position: calc( 100% - 16px ) calc(50% + 0.065em), center left;
+    background-size: 20px;
+    padding: 0 16px 0 28px;
+    border: 0;
+}
+
+/* Rating Banner */
+.rating-banner {
+    color: rgb(var(--white-color));
+}
+.rating-5 {
+    background: #ff8893dd;
+}
+.rating-4 {
+    background: #eb0002dd;
+}
+.rating-100-12,
+.rating-3 {
+    background: #a24000dd;
+}
+.rating-2 {
+    background: #743e1cdd;
+}
+.rating-1 {
+    background: #4e615ddd;
+}
+
+/* Star Outline */
+button:where(.star-fill-100, .star-fill-90, .star-fill-80, .star-fill-75, .star-fill-70, .star-fill-60, .star-fill-50, .star-fill-40, .star-fill-30, .star-fill-30, .star-fill-25, .star-fill-20, .star-fill-10, .star-fill-0).minimal.btn.btn-secondary:not(:disabled):not(.disabled) {
+    border: 0;
+    box-shadow: none;
+    outline: 0;
+    color: rgb(var(--outline));
+    filter: drop-shadow(0 0 0.22rem rgba(0,0,0,.45));
+    transition: filter 0.25s, var(--trans-0);
+}
+button:where(.star-fill-100, .star-fill-90, .star-fill-80, .star-fill-75, .star-fill-70, .star-fill-60, .star-fill-50, .star-fill-40, .star-fill-30, .star-fill-30, .star-fill-25, .star-fill-20, .star-fill-10, .star-fill-0).minimal.btn.btn-secondary:not(:disabled):not(.disabled):hover {
+    color: rgb(var(--outline));
+    background-image: none;
+    background-color: transparent;
+    filter: none;
+}
+button:where(.star-fill-100, .star-fill-90, .star-fill-80, .star-fill-75, .star-fill-70, .star-fill-60, .star-fill-50, .star-fill-40, .star-fill-30, .star-fill-30, .star-fill-25, .star-fill-20, .star-fill-10, .star-fill-0).minimal.btn.btn-secondary:not(:disabled):not(.disabled):is(:focus, :active, :active:focus, .active, .active:focus) {
+    color: rgb(var(--outline));
+    background-image: none;
+    background-color: rgb(var(--star-color),var(--btn-hover));
+    box-shadow: var(--elevation-0);
+    filter: none;
+}
+.detail-header.edit button:where(.star-fill-100, .star-fill-90, .star-fill-80, .star-fill-75, .star-fill-70, .star-fill-60, .star-fill-50, .star-fill-40, .star-fill-30, .star-fill-30, .star-fill-25, .star-fill-20, .star-fill-10, .star-fill-0).minimal.btn.btn-secondary:not(:disabled):not(.disabled):is(:focus, :active, :active:focus, .active, .active:focus) {
+    background-image: linear-gradient(to right, rgb(var(--body-color2)), rgb(var(--body-color2)));
+    background-blend-mode: screen;
+}
+button:where(.star-fill-100, .star-fill-90, .star-fill-80, .star-fill-75, .star-fill-70, .star-fill-60, .star-fill-50, .star-fill-40, .star-fill-30, .star-fill-30, .star-fill-25, .star-fill-20, .star-fill-10, .star-fill-0).minimal.btn.btn-secondary:is(.diabled, :disabled) {
+    border: 0;
+    box-shadow: none;
+    outline: 0;
+    color: rgb(var(--outline));
+    opacity: var(--disabled);
+}
+
+button:where(.star-fill-100, .star-fill-90, .star-fill-80, .star-fill-75, .star-fill-70, .star-fill-60, .star-fill-50, .star-fill-40, .star-fill-30, .star-fill-30, .star-fill-25, .star-fill-20, .star-fill-10, .star-fill-0).minimal.btn.btn-secondary:not(:focus):not(:disabled):not(.disabled):focus-visible {
+    outline-color: rgb(var(--focus-ring));
+    outline-offset: -0.10rem;
+    outline-style: solid;
+    outline-width: 0.19rem;
+    box-shadow: none;
+}
+
+.Lightbox > .Lightbox-footer > .Lightbox-footer-left > .rating-stars > button:where(.star-fill-100, .star-fill-90, .star-fill-80, .star-fill-75, .star-fill-70, .star-fill-60, .star-fill-50, .star-fill-40, .star-fill-30, .star-fill-30, .star-fill-25, .star-fill-20, .star-fill-10, .star-fill-0).minimal.btn.btn-secondary:not(:disabled):not(.disabled):is(:hover, :focus, :hover:focus) {
+    color: white;
+    opacity: 1;
+    box-shadow: none;
+}
+
+.Lightbox > .Lightbox-footer > .Lightbox-footer-left > .rating-stars > button:where(.star-fill-100, .star-fill-90, .star-fill-80, .star-fill-75, .star-fill-70, .star-fill-60, .star-fill-50, .star-fill-40, .star-fill-30, .star-fill-30, .star-fill-25, .star-fill-20, .star-fill-10, .star-fill-0).minimal.btn.btn-secondary:not(:disabled):not(.disabled),
+.Lightbox > .Lightbox-footer > .Lightbox-footer-left > .rating-stars > button:where(.star-fill-100, .star-fill-90, .star-fill-80, .star-fill-75, .star-fill-70, .star-fill-60, .star-fill-50, .star-fill-40, .star-fill-30, .star-fill-30, .star-fill-25, .star-fill-20, .star-fill-10, .star-fill-0).minimal.btn.btn-secondary:not(:disabled):not(.disabled):is(:active, .active, :active:focus, .active:focus) {
+    color: white;
+    opacity: 0.9;
+    box-shadow: none;
+}
+
+.Lightbox > .Lightbox-footer > .Lightbox-footer-left > .rating-stars > button:where(.star-fill-100, .star-fill-90, .star-fill-80, .star-fill-75, .star-fill-70, .star-fill-60, .star-fill-50, .star-fill-40, .star-fill-30, .star-fill-30, .star-fill-25, .star-fill-20, .star-fill-10, .star-fill-0).minimal.btn.btn-secondary:not(:focus):not(:disabled):not(.disabled):focus-visible {
+    color: white;
+    opacity: 1;
+    outline-color: rgb(var(--focus-ring));
+    outline-offset: -0.10rem;
+    outline-style: solid;
+    outline-width: 0.19rem;
+    box-shadow: none;
+}
+
+.Lightbox > .Lightbox-footer > .Lightbox-footer-left > .rating-stars > button:where(.star-fill-100, .star-fill-90, .star-fill-80, .star-fill-75, .star-fill-70, .star-fill-60, .star-fill-50, .star-fill-40, .star-fill-30, .star-fill-30, .star-fill-25, .star-fill-20, .star-fill-10, .star-fill-0).minimal.btn.btn-secondary:is(:disabled, .disabled) {
+    color: white;
+    opacity: var(--disabled);
+}
+
+.input-group>.input-group-append .btn:not(:first-child):not(.duration-button):last-child {
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+    border-left: 0;
+    padding: 28px 24px 28px;
+}
+.input-group>.input-group-append>.btn:not(:last-child):first-child {
+    border-top-left-radius: 0.25rem;
+    border-bottom-left-radius: 0.25rem;
+}
+
+#configuration-tabs-tabpane-metadata-providers .setting,
+#configuration-tabs-tabpane-security .setting,
+#configuration-tabs-tabpane-system .setting-section .setting,
+#settings-dlna .setting-section .setting,
+#configuration-tabs-tabpane-interface .setting-section .setting {
+    padding-top:0; 
+    padding-bottom:0
+}
+#configuration-tabs-tabpane-interface .setting-section .setting-group > .setting:not(:first-child) h3 {
+    margin-left: 60px;
+}
+
+#configuration-tabs-tabpane-interface .setting-section .setting-group .setting>div:last-child {
+    margin-right: 95% !important;
+    margin-left:0px;
+    margin-top:-32px;
+}
+#configuration-tabs-tabpane-interface .setting-section > .card > .setting {
+    padding-top: 16px;
+}
+#configuration-tabs-tabpane-interface .setting-section:nth-of-type(4) > .card > .setting {
+    padding-bottom: 1rem;
+}
+#configuration-tabs-tabpane-interface .setting-section > .card > #wall-preview.setting {
+    padding-top: 1rem;
+}
+#configuration-tabs-tabpane-interface .setting-section > .card > .setting .custom-control,
+#configuration-tabs-tabpane-metadata-providers .setting-section > .card > .setting .custom-control,
+#configuration-tabs-tabpane-services .setting-section > .card > .setting .custom-control,
+#configuration-tabs-tabpane-system .setting-section > .card > .setting .custom-control {
+    margin-right: 30px;
+}
+#configuration-tabs-tabpane-interface .setting-section > .card > #lightbox_display_mode.setting {
+    padding-bottom: 16px;
+}
+#configuration-tabs-tabpane-interface .setting-section > .card > #rating_system_star_precision.setting {
+    padding-bottom: 30px;
+}
+.setting-section .setting > div:first-child {
+    max-width: 415px
+}
+.setting-section .setting-group:not(:last-child) {
+    border-bottom: 0;
+    padding-bottom: 0;
+}
+.setting-section .setting-group:not(:last-child),
+.setting-section:not(#configuration-tabs-tabpane-tasks .setting-section) .setting-group:not(:last-child) {
+    border-bottom: 0;
+    padding-bottom: 20px;
+}
+#configuration-tabs-tabpane-tasks .setting-section .setting-group:not(:last-child) {
+    border-bottom: 1px solid rgb(var(--card-fold));
+    margin-left: 1.375rem;
+    width: calc(100% - 2.75rem);
+}
+#configuration-tabs-tabpane-tasks .setting-section .setting-group>.setting:has(>div+div>button.btn-danger+button.btn-danger):first-child,
+#configuration-tabs-tabpane-tasks .setting-section .setting-group>.setting:has(>div+div>button#migrateBlobs) {
+    padding-left: 0;
+    padding-right: 0;
+}
+
+#configuration-tabs-tabpane-interface .setting-section .setting > div:last-child {
+    min-width: 20px;
+    text-align: left;
+    width:38%; 
+}
+#configuration-tabs-tabpane-interface h3,
+#configuration-tabs-tabpane-metadata-providers h3,
+#configuration-tabs-tabpane-services h3,
+#configuration-tabs-tabpane-system h3 {
+    color: rgb(var(--on-tertiary),0.94);
+}
+
+#wall-preview .input-control {
+    width: 160px
+}
+
+.setting-section .setting-group > .setting:not(:first-child), 
+.setting-section .setting-group .collapsible-section .setting {
+    margin-right: 3rem;
+    line-height: 100%;
+}
+.setting-section .setting:not(:last-child) {
+    border-bottom: 1px solid transparent;
+}
+#configuration-tabs-tabpane-interface .setting-section:nth-child(7) .setting {
+    margin-left: 15px !important
+}
+#configuration-tabs-tabpane-interface .setting-section:nth-child(7) .setting:nth-child(1) {
+    margin-left: 0px !important;
+}
+
+#configuration-tabs-tabpane-interface .setting-section:nth-child(10) > .card {
+    padding-top: 16px;
+    padding-bottom: 30px;
+}
+
+#configuration-tabs-tabpane-metadata-providers #stash-boxes .sub-heading {
+    text-shadow: var(--light-txt-shadow);
+    margin-top: 0%;
+    margin-left: 0%;
+}
+#configuration-tabs-tabpane-metadata-providers #stash-boxes.setting-section > .card > .setting,
+#configuration-tabs-tabpane-metadata-providers .setting-section > .card > #scraperUserAgent.setting {
+    padding-top:16px;
+}
+#configuration-tabs-tabpane-metadata-providers #stash-boxes.setting-section > .card > .setting:nth-of-type(2) {
+    padding-top: 0;
+    padding-bottom: 30px;
+}
+
+/* Settings Page Scrapers-Buttons */
+#configuration-tabs-tabpane-metadata-providers .setting-section > .card > .content button.minimal.collapse-button,
+#configuration-tabs-tabpane-metadata-providers .setting-section > .card > .content button.minimal.collapse-button:focus {
+    margin-top: 8px;
+    margin-bottom: 8px;
+    color: rgb(var(--on-pry-container));
+    background-image: none;
+    background-color: transparent;
+    box-shadow: none;
+}
+#configuration-tabs-tabpane-metadata-providers .setting-section > .card > .content button.minimal.collapse-button:hover {
+    color: rgb(var(--on-pry-container));
+    background-image: var(--btn-hover-highlight);
+    background-color: rgb(var(--pry-container));
+    box-shadow: var(--elevation-0);
+}
+#configuration-tabs-tabpane-metadata-providers .setting-section > .card > .content button.minimal.collapse-button:is(:active, :active:focus) {
+    color: rgb(var(--on-pry-container));
+    background-image: var(--btn-active-highlight);
+    background-color: rgb(var(--pry-container));
+    box-shadow: none;
+    outline: 0;
+}
+
+#configuration-tabs-tabpane-services #settings-dlna .setting-section .form-group .addresses .buttons button.btn.btn-primary {
+    padding: 0;
+    max-height: 48px;
+    height: 48px;
+    width: 48px;
+    margin-left: 16px;
+    border-radius: 5rem;
+    font-size: 20px;
+}
+
+#configuration-tabs-tabpane-system .setting-section > .card > .setting:first-child {
+    padding-top: 16px;
+}
+
+.setting:has(+.setting input#dlna-enabled-by-default) {
+    padding-top: 1rem;
+}
+
+/* --- Library ---*/
+.stash-row .col-md-2 {
+    padding-left:4%
+}
+#configuration-tabs-tabpane-security .setting-section,
+#configuration-tabs-tabpane-tasks .setting-section,
+#configuration-tabs-tabpane-tasks .setting-group{
+    max-width:915px;
+}
+
+#configuration-tabs-tabpane-logs .setting-section,
+#configuration-tabs-tabpane-metadata-providers .setting-section,
+#configuration-tabs-tabpane-services .setting-section,
+#configuration-tabs-tabpane-system  .setting-section,
+#configuration-tabs-tabpane-library .setting-section:not(:first-child),
+#configuration-tabs-tabpane-interface .setting-section {
+    max-width:810px;
+}
+
+#configuration-tabs-tabpane-security .setting-section .setting > div:last-child,
+#configuration-tabs-tabpane-metadata-providers .setting-section .setting > div:last-child,
+#configuration-tabs-tabpane-services .setting-section .setting > div:last-child,
+#configuration-tabs-tabpane-system .setting-section .setting > div:last-child,
+#configuration-tabs-tabpane-library .setting-section .setting > div:last-child,
+#configuration-tabs-tabpane-interface .setting-section .setting > div:last-child,
+#configuration-tabs-tabpane-tasks .setting-section .setting > div:last-child {
+    min-width: 20px;
+    text-align: right;
+    width:auto;
+}
+#configuration-tabs-tabpane-tasks .setting-section .setting > div + div:has(>.custom-control>#clean-dryrun),
+#configuration-tabs-tabpane-tasks .setting-section .setting > div + div:has(>.custom-control>#migrate-blobs-delete-old) {
+    height: 0;
+}
+#configuration-tabs-tabpane-tasks .setting-section .setting:has(>div+div>button#import.btn-danger) {
+    padding: 0 1.25rem;
+}
+#configuration-tabs-tabpane-tasks .setting-section .setting:has(>div+div>button#backup.btn-secondary),
+#configuration-tabs-tabpane-tasks .setting-section .setting:has(>div+div>button#anonymise.btn-secondary),
+#configuration-tabs-tabpane-tasks .setting-section .setting:has(>div+div>button#migrateHashNaming.btn-danger),
+#configuration-tabs-tabpane-library .setting-section .setting#video-extensions,
+#configuration-tabs-tabpane-library .setting-section .setting#excluded-video-patterns,
+#configuration-tabs-tabpane-library .setting-section .setting:has(>div+div>.custom-control>input#create-galleries-from-folders) {
+    padding: 1rem 1.25rem 0;
+}
+#configuration-tabs-tabpane-library .setting-section .setting#image-extensions,
+#configuration-tabs-tabpane-library .setting-section .setting:has(>div+div>.custom-control>input#write-image-thumbnails),
+#configuration-tabs-tabpane-library .setting-section .setting:has(>div+div>.custom-control>input#create-image-clips-from-videos) {
+    padding: 0 1.25rem 0 1.25rem;
+}
+#configuration-tabs-tabpane-library .setting-section .setting#gallery-extensions,
+#configuration-tabs-tabpane-library .setting-section .setting#excluded-image-gallery-patterns,
+#configuration-tabs-tabpane-library .setting-section .setting:has(>div+div>.custom-control>input#delete-generated-default) {
+    padding: 0 1.25rem 1rem 1.25rem;
+}
+#configuration-tabs-tabpane-library .setting-section .setting#gallery-cover-regex {
+    border-top: 1px solid rgb(var(--card-fold));
+    color: rgb(var(--on-tertiary));
+    padding-top: 1rem;
+    margin-left: 1.375rem;
+    padding: 1rem 0 1rem 0;
+    width: calc(100% - 2.75rem);
+}
+#configuration-tabs-tabpane-system .setting-section .sub-heading {
+    margin-bottom: 1.2rem
+}
+
+#configuration-tabs-tabpane-library #stash-table .d-none.d-md-flex.row,
+#configuration-tabs-tabpane-library .setting-section > .card > .setting > div > h3 {
+    font-weight: 400;
+    font-size: 22px;
+    line-height: 30px;
+    letter-spacing: 0.016em;
+    font-family: var(--HeaderFont);
+}
+
+#configuration-tabs-tabpane-interface .setting-section > .card > .setting#language + .setting-group {
+    border-bottom: 1px solid rgb(var(--card-fold));
+    padding: 1rem 0 1rem 0;
+    margin-left: 1.375rem;
+    width: calc(100% - 2.75rem);
+}
+#configuration-tabs-tabpane-interface .setting-section >.card >.setting#language + .setting-group > .setting {
+    padding-left: 0;
+    padding-right: 0;
+}
+
+#configuration-tabs-tabpane-interface .setting-section > .card .setting:has(+ .setting#wall-preview),
+#configuration-tabs-tabpane-interface .setting-section > .card .setting#ignore-interval {
+    border-bottom: 1px solid rgb(var(--card-fold));
+    padding: 1rem 0 1rem 0;
+    margin-left: 1.375rem;
+    width: calc(100% - 2.75rem);
+}
+#configuration-tabs-tabpane-interface .setting-section .setting#vr-tag {
+    border: 1px solid rgb(var(--card-fold));
+    border-left: 0;
+    border-right: 0;
+    padding: 1rem 0 1rem 0;
+    margin-left: 1.375rem;
+    width: calc(100% - 2.75rem);
+}
+#configuration-tabs-tabpane-system div#video-preview-settings.setting,
+#configuration-tabs-tabpane-interface .setting-section > .card .setting:has(+.setting#vr-tag) {
+    padding-bottom: 1rem;
+}
+.setting:has(>div+div>.custom-control>input#dlna-enabled-by-default),
+#configuration-tabs-tabpane-interface .setting-section > .card #ignore-interval.setting + .setting,
+#configuration-tabs-tabpane-interface .setting-section > .card > .setting:has(input#lightbox_reset_zoom_on_nav),
+#configuration-tabs-tabpane-interface .setting-section > .card > .setting:has(input#disableDropdownCreate_movie) {
+    border-bottom: 1px solid rgb(var(--card-fold));
+    margin-left: 1.375rem;
+    width: calc(100% - 2.75rem);
+    padding: 1rem 0;
+}
+#configuration-tabs-tabpane-system div#blobs-storage,
+#configuration-tabs-tabpane-interface .setting-section > .card .setting#max-loop-duration,
+#configuration-tabs-tabpane-interface .setting-section > .card .setting:has(+.setting#max-loop-duration),
+#configuration-tabs-tabpane-interface .setting-section > .card .setting:has(input#show_all_details),
+#configuration-tabs-tabpane-interface .setting-section > .card > #rating_system.setting {
+    border-top: 1px solid rgb(var(--card-fold));
+    margin-left: 1.375rem;
+    width: calc(100% - 2.75rem);
+    padding: 1rem 0;
+}
+#configuration-tabs-tabpane-plugins .setting-section .card .setting > div > h3,
+#configuration-tabs-tabpane-system .setting-section > .card .setting > div > h3,
+#configuration-tabs-tabpane-services .setting-section > .card .setting > div > h3,
+#configuration-tabs-tabpane-metadata-providers .setting-section > .card .setting > div > h3,
+#configuration-tabs-tabpane-tasks .setting-section > .card .setting > div > h3,
+#configuration-tabs-tabpane-library .setting-section > .card .setting > div > h3,
+#configuration-tabs-tabpane-interface .setting-section > .card .setting > div > h3,
+#configuration-tabs-tabpane-library #stash-table .d-none.d-md-flex.row h6 {
+    color: rgb(var(--card-color2-text));
+    font-size: 18.5px;
+    font-weight: 400;
+    line-height: 27px;
+    letter-spacing: 0.033em;
+}
+#configuration-tabs-tabpane-tasks .setting-section > .card .setting:has(>div+div>button#optimiseDatabase) h3,
+.setting:has(+.setting>div+div>.custom-control>input#clean-dryrun) h3,
+.setting-group > .setting:has(+.collapsible-section>.setting>div+div>.custom-control>input#covers-task) > div > h3,
+.setting-group > .setting:has(+ .collapsible-section>.setting>div+div>.custom-control>input#autotag-performers) > div > h3,
+.setting-section:has(+.setting-section .setting-group>.setting+.collapsible-section>.setting>div+div>.custom-control>input#autotag-performers) .setting > div > h3,
+.setting-group > .setting:has(+.collapsible-section>.setting>div+div>.custom-control>input#scan-generate-covers) > div > h3,
+#configuration-tabs-tabpane-interface .setting-section > .card > div#language h3,
+.setting:has(+.setting>div+div>.custom-control>input#menu-items-scenes) h3,
+.setting:has(+.setting>div+div>.custom-control>input#enableMovieBackgroundImage) h3,
+.setting:has(+.setting>div+div>.custom-control>input#disableDropdownCreate_performer) h3,
+#configuration-tabs-tabpane-library .setting-section > .card > div:is(#video-extensions, #image-extensions, #gallery-extensions, #excluded-video-patterns, #excluded-image-gallery-patterns).setting h3 {
+    color: #e5fefc;
+    font-weight: 500;
+    font-size: 26px;
+    line-height: 32px;
+    letter-spacing: 0.02em;
+}
+#configuration-tabs-tabpane-tasks .setting-section .setting-group > .setting:has(>div+div>button#migrateBlobs) {
+    border-top: 1px solid rgb(var(--card-fold));
+}
+.setting:has(>div+div>.custom-control>input#dlna-enabled-by-default) h3 {
+    padding-bottom: 0.5rem;
+}
+#configuration-tabs-tabpane-interface .setting:has(+div#rating_system),
+#configuration-tabs-tabpane-interface .setting-section > .card > .setting:has(input#show-ab-loop),
+#configuration-tabs-tabpane-interface .setting-section > .card > div#image_wall_direction.setting {
+    padding-bottom: 1rem;
+}
+#configuration-tabs-tabpane-system div#transcode-input-args.setting,
+#settings-dlna div#dlna-network-interfaces.setting,
+#configuration-tabs-tabpane-security div#authentication-settings.setting,
+#configuration-tabs-tabpane-interface .setting-section > .card .setting:has(+.setting>div+div>.custom-control>input#disableDropdownCreate_performer) {
+    padding-top: 1rem;
+}
+#configuration-tabs-tabpane-security div#maxSessionAge.setting {
+    padding-bottom: 1rem;
+    padding-top: 1rem;
+    border-top: 1px solid rgb(var(--card-fold));
+}
+div#excluded-tag-patterns.setting {
+    border-top: 1px solid rgb(var(--card-fold));
+    padding: 1rem 0;
+    margin-left: 1.25rem;
+    width: calc(100% - 2.75rem);
+}
+#settings-dlna div#video-sort-order.setting {
+    padding-bottom: 1rem;
+}
+.setting:has(>div+div>.custom-control>input#hardware-encoding) {
+    border: 1px solid rgb(var(--card-fold));
+    border-width: 1px 0;
+    padding: 1rem 0 0.25rem;
+    margin-left: 1.25rem;
+    width: calc(100% - 2.75rem);
+}
+div#configuration-tabs-tabpane-logs > h2 {
+    color: #6fb0dd;
+    text-shadow: var(--light-txt-shadow);
+}
+
+.setting>div+div>button.minimal.btn.btn-primary > a.link {
+    color: rgb(var(--on-surface-variant));
+}
+.setting>div+div>button.minimal.btn.btn-primary > a.link:where(:hover, :active, :focus, :active:focus) {
+    color: rgb(var(--link));
+}
+#configuration-tabs-tabpane-plugins .setting>div+div>button.minimal.btn.btn-primary:not(.disabled):not(:disabled):is(:hover, :focus-visible) {
+    background-image: none;
+    background-color: rgb(var(--link),var(--btn-hover));
+    box-shadow: var(--elevation-0);
+}
+.#configuration-tabs-tabpane-plugins setting>div+div>button.minimal.btn.btn-primary:not(.disabled):not(:disabled):is(:active, :focus, :active:focus) {
+    background-image: none;
+    background-color: rgb(var(--link),var(--btn-active));
+    box-shadow: none;
+}
+#configuration-tabs-tabpane-changelog .markdown li {
+    color: rgb(var(--on-surface));
+}
+#configuration-tabs-tabpane-changelog .strong {
+    color: #d7e4e4;
+}
+
+/* Buttons and Icons within Metadata Page */
+.btn-primary > span.fa-icon > svg.fa-rotate {
+    font-size: 22px;
+}
+button.collapse-button > svg:is(.fa-chevron-right, .fa-chevron-down).fa-icon {
+    font-size: 20px;
+}
+.scraper-table button.btn.btn-link {
+    margin-top: 0.25rem;
+    margin-bottom: 0.25rem;
+}
+.package-manager .package-source .source-collapse .btn {
+    color: rgb(var(--description-color));
+    background-color: transparent;
+    font-size: 20px;
+    border-radius: 5rem;
+    max-height: 32px;
+    height: 32px;
+    width: 32px;
+    padding: 0;
+    box-shadow: none;
+    outline: 0;
+    transition: var(--trans-0);
+    -webkit-transition: var(--trans-0);
+}
+.package-manager .package-source .source-collapse .btn:hover {
+    background-color: rgb(var(--description-color),var(--btn-hover));
+    box-shadow: var(--elevation-0);
+}
+.package-manager .package-source .source-collapse .btn:where(:active, :focus, :active:focus) {
+    background-color: rgb(var(--description-color),var(--btn-active));
+    box-shadow: none;
+    outline: 0;
+}
+
+#configuration-tabs-tabpane-services #settings-dlna ul.addresses li div.address > input.text-input.form-control, 
+#configuration-tabs-tabpane-services #settings-dlna ul.addresses li div.address > input.text-input.form-control:focus {
+    background-color: transparent !important;
+}
+
+
+
+a .TruncatedText:focus-visible {
+    box-shadow: none;
+    outline: none;
+    text-decoration: solid underline;
+}
+
+/* Check for new version & Download buttons on About in Settings */
+div#settings-container div#configuration-tabs-tabpane-about .card .setting div a button.btn-primary,
+div#settings-container div#configuration-tabs-tabpane-about .card .setting div button.btn-primary,
+div#settings-container div#configuration-tabs-tabpane-about .card .setting div a button.btn-primary:focus:not(:focus-visible),
+div#settings-container div#configuration-tabs-tabpane-about .card .setting div button.btn-primary:focus:not(:focus-visible) {
+    color: #dffffb;
+    background-color: #32675e;
+}
+div#settings-container div#configuration-tabs-tabpane-about .card .setting div a button.btn-primary:hover,
+div#settings-container div#configuration-tabs-tabpane-about .card .setting div button.btn-primary:hover {
+    color: #dffffb;
+    background-color: #38746a;
+}
+div#settings-container div#configuration-tabs-tabpane-about .card .setting div a button.btn-primary:focus-visible,
+div#settings-container div#configuration-tabs-tabpane-about .card .setting div button.btn-primary:focus-visible {
+    outline-color: #8249C2;
+}
+div#settings-container div#configuration-tabs-tabpane-about .card .setting div a button.btn-primary.active,
+div#settings-container div#configuration-tabs-tabpane-about .card .setting div button.btn-primary:active,
+div#settings-container div#configuration-tabs-tabpane-about .card .setting div a button.btn-primary.active:hover,
+div#settings-container div#configuration-tabs-tabpane-about .card .setting div button.btn-primary:active:hover,
+div#settings-container div#configuration-tabs-tabpane-about .card .setting div a button.btn-primary.active:focus,
+div#settings-container div#configuration-tabs-tabpane-about .card .setting div button.btn-primary:active:focus {
+    color: #dffffb;
+    background-color: #3f8176;
+}
+#configuration-tabs-tabpane-about .setting-section .setting .value,
+#configuration-tabs-tabpane-services .setting-section .setting .value,
+#configuration-tabs-tabpane-services #settings-dlna ul.addresses {
+    color: #cef1ff;
+    font-size: small;
+    font-variant-caps: all-small-caps;
+}
+
+#configuration-tabs-tabpane-tasks .tasks-panel-tasks .setting-section:nth-last-of-type(5) div h3:last-child {
+    color: #c0ebe2;
+    font-size: small;
+    font-variant-caps: all-small-caps;
+    margin-left: 30px;
+    margin-top: 10px;
+}
+#configuration-tabs-tabpane-tasks .form-group:nth-of-type(2) .setting-section .setting>div:last-child .custom-control.custom-switch {
+    margin-right: 70rem;
+    left: -30px;
+    bottom: 26px;
+}
+
+#configuration-tabs-tabpane-tasks .tasks-panel-tasks .form-group:nth-of-type(2) .setting-section:nth-of-type(5)>.card>.setting-group>.setting:nth-of-type(2) h3 {
+    position: relative;
+    left: 30px;
+}
+#configuration-tabs-tabpane-tasks .tasks-panel-tasks .form-group:nth-of-type(2) .setting-section:nth-of-type(5)>.card>.setting-group .setting:last-child h3 {
+    position: relative;
+    left: 30px;
+}
+
+.stash-row.align-items-center.row {
+    padding: 4px 8px 4px 8px;
+    background-color: transparent !important;
+}
+
+.stash-row.align-items-center.row .dropdown>button.minimal.dropdown-toggle.btn.btn-minimal {
+    padding: 0 19px 0 19px;
+}
+
+@media (min-width: 576px) and (min-height: 600px) {
+#tasks-panel .tasks-panel-queue {
+    padding-top: 0;
+    padding-bottom: 0;
+    position: -webkit-sticky;
+    position: sticky;
+    top: 0;
+    }
+}
+
+.scene-video-filter {
+    padding-left: 0;
+    padding-right: 0;
+}
+
+@media (min-width: 1200px) {
+    .order-xl-2 {
+        order: 0 !important;
+    }
+}
+.navbar-buttons.flex-row.navbar-nav {
+    align-items: center;
+    min-height: 64px;
+}
+
+nav.top-nav.navbar .navbar-buttons a:is([href="/scenes/new"],[href="/galleries/new"],[href="/movies/new"],[href="/performers/new"],[href="/studios/new"],[href="/tags/new"]) > button.btn.btn-primary::before {
+    content: "\FE62";
+    font-family: var(--UnicodeFont);
+    font-weight: 700;
+    font-size: 62px;
+    position: relative;
+    top: -10.5px;
+    left: 4px;
+}
+    /* Moves button to bottom right of screen */
+nav.top-nav.navbar .navbar-buttons a:is([href="/scenes/new"],[href="/galleries/new"],[href="/movies/new"],[href="/performers/new"],[href="/studios/new"],[href="/tags/new"]) > button.btn.btn-primary {
+    color: rgb(var(--on-tertiary-container));
+    background-color: rgb(var(--tertiary-container));
+    border: 0;
+    border-radius: 16px;
+    box-shadow: var(--elevation-5);
+    height: 56px;
+    min-height: 56px;
+    width: max-content;
+    font-weight: 700;
+    overflow: hidden;
+    position: fixed;
+    z-index: 995590 !important;
+    display: flex;
+    gap: 8px;
+    padding-right: 19px;
+    padding-left: 6px;
+    padding-top: 0;
+    padding-bottom: 0;
+    margin: 16px;
+    right: 0%;
+    bottom: 68px;
+    will-change: animation, transition;
+    transition: background-color 0.55s ease, background 0.55s ease, box-shadow 0.25s ease, outline 0.35s ease, opacity 0.55s ease;
+    -webkit-transition: background-color 0.55s ease, background 0.55s ease, box-shadow 0.25s ease, outline 0.35s ease, opacity 0.55s ease;
+}
+nav.top-nav.navbar .navbar-buttons a:is([href="/scenes/new"],[href="/galleries/new"],[href="/movies/new"],[href="/performers/new"],[href="/studios/new"],[href="/tags/new"]) > button.btn.btn-primary:hover {
+    color: rgb(var(--on-tertiary-container));
+    background: linear-gradient(rgba(var(--on-tertiary-container),var(--btn-hover)) 0%, rgba(var(--on-tertiary-container),var(--btn-hover)) 100%), rgb(var(--tertiary-container));
+    background-blend-mode: screen;
+    box-shadow: var(--elevation-4);
+    opacity: 1;
+}
+nav.top-nav.navbar .navbar-buttons a:is([href="/scenes/new"],[href="/galleries/new"],[href="/movies/new"],[href="/performers/new"],[href="/studios/new"],[href="/tags/new"]) > button.btn.btn-primary:is(:focus, :active) {
+    color: rgb(var(--on-tertiary-container));
+    background: linear-gradient(rgba(var(--on-tertiary-container),var(--btn-active)) 0%, rgba(var(--on-tertiary-container),var(--btn-active)) 100%), rgb(var(--tertiary-container));
+    background-blend-mode: screen;
+    box-shadow: var(--elevation-2);
+    opacity: 1;
+}
+nav.top-nav.navbar .navbar-buttons a:is([href="/scenes/new"],[href="/galleries/new"],[href="/movies/new"],[href="/performers/new"],[href="/studios/new"],[href="/tags/new"]) > button.btn.btn-primary:focus {
+    opacity: 1;
+    animation: fadeout 0.05s linear 0s forwards;
+}
+nav.top-nav.navbar .navbar-buttons a:is([href="/scenes/new"],[href="/galleries/new"],[href="/movies/new"],[href="/performers/new"],[href="/studios/new"],[href="/tags/new"]) > button.btn.btn-primary:focus-visible {
+    color: rgb(var(--on-tertiary-container));
+    background: linear-gradient(rgba(var(--on-tertiary-container),var(--btn-hover)) 0%, rgba(var(--on-tertiary-container),var(--btn-hover)) 100%), rgb(var(--tertiary-container));
+    background-blend-mode: screen;
+    text-decoration: none !important;
+    text-decoration-color: transparent !important;
+    outline-color: rgb(var(--focus-ring));
+    outline-style: solid;
+    outline-width: 0.25rem;
+    outline-offset: -1px;
+    box-shadow: var(--elevation-5);
+    border-radius: 16px;
+}
+
+#create-scene-page,
+.movie-details.mb-3.col,
+.col-md-6:has(>*#gallery-edit-details),
+#performer-page,
+.studio-details,
+.tag-details:has(*#tag-edit) {
+    animation: fadein 0.35s linear 0s forwards;
+    will-change: animation;
+}
+
+@keyframes fadein {
+    0% {
+        background-color: rgb(var(--body-color2));
+        opacity: 0;
+    }
+    80% {
+        background-color: rgb(var(--body-color2));
+        opacity: 0.5;
+    }
+    100% {
+        background-color: transparent;
+        opacity: 1;
+    }
+}
+@keyframes fadeout {
+    0% {
+        opacity: 1;
+        transform: scale(1) translate(0%, 0%);
+    }
+    100% { 
+        opacity: 0.6;
+        transform: scale(38) translate(-0.3%, -15%);
+    }
+}
+
+/* --- Edit Tab --- */
+.edit-buttons.mb-3.pl-0 {
+    margin-bottom: 0 !important;
+    align-items: flex-start;
+    display: flex;
+}
+/* expands Text-Field to full width of container*/
+.col-9 {
+    flex: 1 0 100%;
+    max-width: 100%;
+}
+.form-group .input-group>.input-group-append .react-datepicker__input-container > button.btn.btn-secondary {
+    background: transparent;
+    outline: none;
+    box-shadow: none;
+    border-radius: 5rem;
+    border-style: none;
+    border: 0 !important;
+    color: rgb(var(--on-surface-variant));
+    width: 40px;
+    min-width: 40px;
+    height: 40px;
+    max-height: 40px;
+    font-size: 24px;
+    padding: 0;
+}
+.form-group .input-group>.input-group-append:last-child > button.scrape-url-button.btn:not(:last-child):not(.dropdown-toggle),
+.form-group .input-group>.input-group-append > button.scrape-url-button.btn:not(.dropdown-toggle),
+.form-group button.scrape-url-button:not(:disabled):not(.disabled):hover,
+.form-group button.scrape-url-button:not(:disabled):not(.disabled):focus,
+.form-group button.scrape-url-button:not(:disabled):not(.disabled):active,
+.form-group button.scrape-url-button.active:not(:disabled):not(.disabled),
+.form-group button.scrape-url-button:not(:disabled):not(.disabled):active:hover,
+.form-group button.scrape-url-button.active:not(:disabled):not(.disabled):hover,
+.form-group button.scrape-url-button:not(:disabled):not(.disabled):focus-visible {
+    background: transparent;
+    outline: none;
+    box-shadow: none;
+    top: 7px;
+    left: -12px;
+    padding: 0 14px;
+    border-radius: 5rem;
+    border-style: none;
+    border: 0;
+    color: #c0ebe2;
+}
+.form-group .input-group>.input-group-append .react-datepicker__input-container > button.btn.btn-secondary:hover,
+.form-group .input-group>.input-group-append .react-datepicker__input-container > button.btn.btn-secondary:focus-visible,
+.form-group .input-group>.input-group-append:last-child > button.scrape-url-button.btn:not(:last-child):not(.dropdown-toggle):not(:disabled):not(.disabled):hover,
+.form-group .input-group>.input-group-append:last-child > button.scrape-url-button.btn:not(:last-child):not(.dropdown-toggle):not(:disabled):not(.disabled):focus,
+.form-group .input-group>.input-group-append:last-child > button.scrape-url-button.btn:not(:last-child):not(.dropdown-toggle):not(:disabled):not(.disabled):focus-visible,
+.form-group button.scrape-url-button.text-input.btn.btn-secondary:not(:disabled):not(.disabled):hover,
+.form-group button.scrape-url-button.text-input.btn.btn-secondary:not(:disabled):not(.disabled):focus,
+.form-group button.scrape-url-button.text-input.btn.btn-secondary:not(:disabled):not(.disabled):focus-visible {
+    background-color: rgba(255,255,255, 0.08);
+    box-shadow: none;
+    text-shadow: none;
+    outline: none;
+}
+.form-group .input-group>.input-group-append .react-datepicker__input-container > button.btn.btn-secondary:active,
+.form-group .input-group>.input-group-append .react-datepicker__input-container > button.btn.btn-secondary.active,
+.form-group .input-group>.input-group-append .react-datepicker__input-container > button.btn.btn-secondary:active:hover,
+.form-group .input-group>.input-group-append .react-datepicker__input-container > button.btn.btn-secondary.active:hover,
+.form-group .input-group>.input-group-append .react-datepicker__input-container > button.btn.btn-secondary:focus,
+.form-group .input-group>.input-group-append:last-child > button.scrape-url-button.btn:not(:last-child):not(.dropdown-toggle):not(:disabled):not(.disabled):active,
+.form-group .input-group>.input-group-append:last-child > button.scrape-url-button.btn:not(:last-child):not(.dropdown-toggle).active:not(:disabled):not(.disabled),
+.form-group .input-group>.input-group-append:last-child > button.scrape-url-button.btn:not(:last-child):not(.dropdown-toggle):not(:disabled):not(.disabled):active:hover,
+.form-group .input-group>.input-group-append:last-child > button.scrape-url-button.btn:not(:last-child):not(.dropdown-toggle):not(:disabled):not(.disabled):hover,
+.form-group button.scrape-url-button.text-input.btn.btn-secondary:not(:disabled):not(.disabled):active,
+.form-group button.scrape-url-button.text-input.btn.btn-secondary.active:not(:disabled):not(.disabled),
+.form-group button.scrape-url-button.text-input.btn.btn-secondary:not(:disabled):not(.disabled):active:hover,
+.form-group button.scrape-url-button.text-input.btn.btn-secondary:not(:disabled):not(.disabled):hover {
+    background-color: rgba(255,255,255, 0.16);
+    box-shadow: none;
+    text-shadow: none;
+    outline: none;
+}
+.form-group button.scrape-url-button.text-input.btn.btn-secondary:not(:disabled):not(.disabled):focus-visible,
+.form-group .input-group>.input-group-append .react-datepicker__input-container > button.btn.btn-secondary:focus-visible {
+    outline-color: #dffffb;
+    outline-width: 0.14285714285714285rem;
+    outline-style: solid;
+    outline-offset: 0.21428571428571427rem;
+}
+.form-group button.scrape-url-button.text-input.btn.btn-secondary:disabled {
+    background: transparent;
+    color: #c0ebe2;
+    opacity: 0.4;
+}
+/*#scene-edit-details .form-container .form-group:nth-of-type(-n+5) input.form-control {
+    padding-left: 1.1428571428571428rem;
+    padding-right: 1.1428571428571428rem;
+}*/
+#scene-edit-details .form-container .form-group input[placeholder="URL"].form-control {
+    border-radius: 4px;
+    padding-right: 120px;
+    /*margin-top: -4.5%;*/
+} 
+#scene-edit-details .form-container .form-group:nth-of-type(4) input.form-control {
+    border-radius: 4px;
+    margin-right: -11%;
+    padding-right: 64px;
+}
+
+#scene-edit-details .form-container .form-group input[placeholder="URL"].form-control:focus {
+    padding-right: 120px;
+}
+
+#scene-edit-details .form-container .form-group:nth-of-type(-n+5) input.form-control::placeholder {
+    font-size: 16px;
+    font-weight: 400;
+    line-height: 24px;
+    letter-spacing: 0.5px;
+}
+
+#scene-edit-details .form-container .form-group:nth-of-type(4) input.form-control:focus::placeholder {
+    color: rgb(var(--on-surface-variant));
+    visibility: visible;
+}
+/* general settings for Text-Field Labels */
+/*#scene-edit-details .form-container .form-group:nth-of-type(-n+5) .col-form-label:not([for="urls"]):not([for="code"]):not([for="title"]),*/
+/*#scene-edit-details .form-label[for="details"] {
+    color: rgb(var(--pry-color));
+    font-size: 12px;
+    font-weight: 500;
+    line-height: 16px;
+    letter-spacing: 0.85px;
+}*/
+/*#scene-edit-details .form-container .form-group:nth-of-type(-n+5) .col-form-label:not([for="urls"]):not([for="code"]):not([for="title"]),*/
+/*#scene-edit-details .form-label[for="details"] {
+    visibility: hidden;
+    padding: 0 0.2857142857142857rem 0.5714285714285714rem 0.2857142857142857rem;
+    left: 28px;
+    top: 17px;
+    position: relative;
+    background-color: transparent;
+    z-index: 2;
+}*/
+/*#scene-edit-details .form-container .form-group:nth-of-type(-n+5) .col-form-label:not([for="urls"]):not([for="code"]):not([for="title"])::before,*/
+/*#scene-edit-details .form-label[for="details"]::before {
+    content: "";
+    background-color: rgb(var(--body-color2));
+    height: 3px;
+    top: 7px;
+    left: 0;
+    position: absolute;
+    z-index: -1;
+}*/
+#scene-edit-details .form-container .form-group:nth-of-type(-n+5) .col-form-label[for="date"]::before {
+    top: 6px;
+}
+/*#scene-edit-details .form-label[for="details"]::before {
+    top: 8px;
+}*/
+/*#scene-edit-details .form-container .form-group:nth-of-type(-n+5):focus-within .col-form-label:not([for="urls"]):not([for="code"]) {
+    visibility: visible;
+}*/
+/* */
+/*#scene-edit-details .form-container .form-group:first-of-type .col-form-label,*/
+/*#scene-edit-details .col-form-label[for="title"],
+#scene-edit-details .col-form-label[for="title"]::before {
+    max-width: 2.4285714285714284rem;
+    width: 2.4285714285714284rem;
+}*/
+/*#scene-edit-details .form-container .form-group:nth-of-type(2) .col-form-label,*/
+/*#scene-edit-details .col-form-label[for="code"],
+#scene-edit-details .col-form-label[for="code"]::before {
+    max-width: 5.571428571428571rem;
+    width: 5.571428571428571rem;
+}*/
+/*#scene-edit-details .form-container .form-group:nth-of-type(3) .col-form-label[for="urls"]::before,*/
+#movie-edit .form-group:nth-of-type(7) .col-form-label[for="url"]::before {
+    content: "";
+    background-color: rgb(var(--body-color2));
+    height: 6px;
+    top: 6px;
+    left: 0;
+    position: absolute;
+    z-index: -1;
+}
+/*#scene-edit-details .form-container .form-group:nth-of-type(3):focus-within .col-form-label,*/
+/*#scene-edit-details .form-container .form-group:nth-of-type(3):focus-within .col-form-label[for="urls"],*/
+#movie-edit .form-group:nth-of-type(7):focus-within .col-form-label[for="url"] {
+    visibility: visible;
+}
+
+/* Scene-Edit-Details URL's Input-Append */
+#scene-edit-details > form > .form-container + .form-container .form-group.row:nth-of-type(3) .string-list-input > .form-group > .input-group > input[placeholder="URL"].text-input.form-control + .input-group-append {
+    display: flex;
+    margin-left: unset;
+    margin-left: 70%;
+    margin-right: auto;
+    position: absolute;
+    margin-bottom: -10%;
+    padding-right: 12px;
+    z-index: 2;
+    column-gap: 12px;
+    top: 7px;
+    right: 0%;
+}
+#scene-edit-details > form > .form-container + .form-container .form-group.row:nth-of-type(3) .string-list-input > .form-group > .input-group > input[placeholder="URL"].text-input.form-control + .input-group-append > button.scrape-url-button.text-input.btn.btn-secondary {
+    padding: unset;
+    top: 0%;
+    left: 1%;
+    width: 40px;
+    height: 40px;
+    font-size: 24px;
+}
+#scene-edit-details > form > .form-container + .form-container .form-group.row:nth-of-type(3) .string-list-input > .form-group > .input-group > input[placeholder="URL"].text-input.form-control + .input-group-append > button.scrape-url-button.text-input.btn.btn-secondary + button.btn.btn-danger {
+    padding: unset;
+    border-radius: 5rem;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: relative;
+    margin-left: 0%;
+    margin-right: 0%;
+    width: 40px;
+    height: 40px;
+    font-size: 24px;
+}
+/*#scene-edit-details .form-container .form-group:nth-of-type(3) .col-form-label,*/
+/*#scene-edit-details .col-form-label[for="urls"],*/
+#movie-edit .col-form-label[for="url"] {
+    visibility: hidden;
+    left: 12px;
+    top: 8px;
+    padding: 0 4px 0 4px !important;
+    position: relative;
+    background-color: transparent;
+    z-index: 12009;
+}
+#create-scene-page .col-form-label[for="urls"] {
+    top: 10px;
+}
+/*#scene-edit-details .form-container .form-group:nth-of-type(3) .col-form-label::before,*/
+/*#scene-edit-details .col-form-label[for="urls"],
+#scene-edit-details .col-form-label[for="urls"]::before {
+    max-width: 37px;
+    width: 37px;
+}*/
+#movie-edit .col-form-label[for="url"],
+#movie-edit .col-form-label[for="url"]::before {
+    max-width: 31px;
+    width: 31px;
+}
+/*#scene-edit-details .form-container .form-group:nth-of-type(4) .col-form-label,*/
+#scene-edit-details .col-form-label[for="date"],
+#scene-edit-details .col-form-label[for="date"]::before {
+    max-width: 2.5rem;
+    width: 2.5rem;
+}
+/*#scene-edit-details .form-container .form-group:nth-of-type(5) .col-form-label,*/
+/*#scene-edit-details .col-form-label[for="director"],
+#scene-edit-details .col-form-label[for="director"]::before {
+    max-width: 3.857142857142857rem;
+    width: 3.857142857142857rem;
+}*/
+/*#scene-edit-details .form-label[for="details"] {
+    left: 12px !important;
+    top: 15px !important;
+    padding: 0 4px 0 4px !important;
+    visibility: visible !important;
+    color: #c0ebe2 !important;
+}
+#scene-edit-details .form-label[for="details"],
+#scene-edit-details .form-label[for="details"]::before {
+    max-width: 48px;
+    width: 48px;
+}*/
+
+#scene-edit-details .col-form-label[for="rating"] {
+    top: 0.42857142857142855rem;
+}
+#scene-edit-details .form-container .form-group:nth-of-type(6) .col-9:has(>*.rating-stars) {
+    flex-basis: 75%;
+    max-width: 75%;
+}
+#scene-edit-details .form-container .form-group:has(>.col-9 .is-invalid) .col-form-label {
+    color: #93000a;
+}
+/* Labels of React-Combo-Boxs */
+#scene-edit-details .form-container .form-group:nth-of-type(n+6) .col-form-label {
+    display: flex;
+    padding-bottom: 0.2857142857142857rem;
+    padding-left: 2.142857142857143rem;
+    font-size: 0.8571428571428571rem;
+    font-weight: 400;
+    line-height: 1.1428571428571428rem;
+    letter-spacing: 0.028571428571428574rem;
+}
+/* StashID's if installed */
+#scene-edit-details .form-label[for="stash_ids"],
+#scene-edit-details .form-label[for="cover"] {
+    padding-bottom: 0.2857142857142857rem;
+    font-size: 0.8571428571428571rem;
+    font-weight: 400;
+    line-height: 1.1428571428571428rem;
+    letter-spacing: 0.028571428571428574rem;
+    padding-top: 0.42857142857142855rem;
+    margin-bottom: 0;
+}
+#scene-edit-details .form-container .form-group:nth-last-of-type(2) label.form-label:not([for="details"]) {
+    padding-left: 2.142857142857143rem;
+}
+#scene-edit-details .form-label[for="stash_ids"] {
+    position: relative;
+    left: 16px;
+    top: 22px;
+}
+#scene-edit-details .form-label[for="cover"] {
+    padding-left: 1.1428571428571428rem;
+    position: relative;
+    left: -2px;
+    top: 10px;
+}
+#scene-edit-details .form-container .form-group:has(>*.form-label[for="stash_ids"]) {
+    margin-top: -10px;
+}
+#scene-edit-details .form-container .form-group:nth-of-type(12) ul.pl-0 {
+    margin-bottom: 0;
+    padding-left: 0 !important;
+}
+
+/* Scene Editor React-Select Input */
+#scene-edit-details .form-container .form-group:nth-last-of-type(-n + 6) div.react-select__control {
+    margin-top: 13px;
+}
+    /* label */
+#scene-edit-details .form-container .form-group:nth-last-of-type(-n +6):has(* div.react-select__control) label.form-label.col-form-label {
+    visibility: visible;
+    color: rgb(var(--on-surface-variant));
+    margin-left: 16px;
+}
+/*.form-container.row.px-3:not(.pt-3) {
+    padding-top: 1.7142857142857142rem;
+    padding-left: 0.8571428571428571rem !important;
+    padding-right: 0.8571428571428571rem !important;
+    padding-bottom: 1.7142857142857142rem;
+    border-radius: 28px;
+    background-color: rgb(var(--body-color2));
+    margin-left: 0.8571428571428571rem;
+    margin-right: 0.8571428571428571rem;
+    padding-left: 0 !important;
+    padding-right: 0 !important;
+}*/
+.gallery-tabs .tab-content .tab-pane:nth-of-type(4)>#gallery-edit-details .form-container.row.px-3.pt-3 {
+    padding-bottom: 16px;
+    background-color: transparent;
+}
+/*.details-list dd:nth-of-type(10)::after {
+    content: "StashID";
+    float: left;
+    left: -24.714285714285715rem;
+    color: #00dfc6;
+    position: relative;
+    font-size: 0.8571428571428571rem;
+    font-weight: 400;
+    line-height: 1.1428571428571428rem;
+    letter-spacing: 0.028571428571428574rem;
+    top: 0.07142857142857142rem;
+    padding-left: 0.2857142857142857rem;
+    padding-right: 0.2857142857142857rem;
+    background-color: #254e46;
+    visibility: hidden;
+    z-index: 2;
+    transition: visibility 0.3s ease;
+}
+.details-list dd:nth-of-type(10):focus-within::after {
+    visibility: visible;
+}*/
+/* StashIds */
+/*#studio-stashids.row::after {
+    content: "StashID";
+    left: 14px;
+    color: #c0ebe2;
+    position: relative;
+    font-size: 0.8571428571428571rem;
+    font-weight: 400;
+    line-height: 1.1428571428571428rem;
+    letter-spacing: 0.028571428571428574rem;
+    top: -200px;
+    padding-left: 0.2857142857142857rem;
+    padding-right: 0.2857142857142857rem;
+    background-color: #254e46;
+    z-index: 2;
+    transition: color 0.2s ease-in-out;
+}
+#studio-stashids.row:focus-within::after {
+    color: #00dfc6;
+}*/
+#studio-stashids input#update-stashids {
+    margin-bottom: 0.8571428571428571rem;
+}
+#studio-stashids #update-stashids-endpoint.from-control {
+    margin-bottom: 0.8571428571428571rem;
+}
+#studio-stashids #update-stashids-endpoint.input-control.form-control {
+    margin-bottom: 0.7142857142857143rem;
+    min-width: 140px;
+}
+#studio-stashids button[title="Copy to clipboard"].btn>svg.svg-inline--fa>path,
+#studio-stashids button[title="Download studio image and set parent studio"].btn>svg.svg-inline--fa>path,
+button[title="Copy to clipboard"].btn.btn-secondary.btn-sm.minimal.ml-1>svg.svg-inline--fa>path {
+    fill: #a8dfd4;
+}
+input#update-stashids {
+    background-color: transparent !important;
+    border: 0 !important;
+    border-style: none;
+    border-radius: 0.5rem;
+    box-shadow: 0 0 0 0.07142857142857142rem #899390, inset 0 0 0 0.07142857142857142rem transparent;
+    transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1);
+}
+input#update-stashids:hover {
+    box-shadow: 0 0 0 0.07142857142857142rem #bec9c5, 0 0 0 0.07142857142857142rem transparent;
+}
+input#update-stashids:focus,
+input#update-stashids:active {
+    background-color: transparent !important;
+    border: 0 !important;
+    border-style: none;
+    box-shadow: 0 0 0 0.07142857142857142rem #00dfc6, inset 0 0 0 0.07142857142857142rem #00dfc6;
+    outline: none;
+}
+input#update-stashids::placeholder {
+    color: #6a7573;
+}
+.details-list dd:nth-of-type(9) .btn.btn-secondary.btn-sm.minimal {
+    top: -0.7142857142857143rem;
+    position: relative;
+    padding: 0.5714285714285714rem 1.0714285714285714rem;
+}
+/* Performer Labels */
+@media (min-width: 576px) {
+    .col-sm-9 {
+        flex: 0 0 100%;
+        max-width: 100%;
+    }
+}
+#performer-edit .form-group .col-form-label,
+#tag-edit .form-group .col-form-label,
+#studio-edit .form-group .col-form-label,
+#gallery-edit-details .form-group .col-form-label {
+    position: relative;
+    color: #00dfc6;
+    font-size: 0.8571428571428571rem;
+    font-weight: 400;
+    line-height: 1.1428571428571428rem;
+    letter-spacing: 0.028571428571428574rem;
+    transition: color 0.15s ease-in-out;
+} 
+#performer-edit .form-group:nth-of-type(-n+23):not(:nth-of-type(4)):not(:nth-of-type(7)):not(:nth-of-type(14)) .col-form-label {
+    visibility: hidden;
+    padding: 0 0.2857142857142857rem 0 0.2857142857142857rem;
+    left: 2.0714285714285716rem;
+    top: 0.5714285714285714rem;
+    background-color: transparent;
+    z-index: 33;
+}
+#performer-edit .form-group:nth-of-type(-n+23):not(:nth-of-type(4)):not(:nth-of-type(7)):not(:nth-of-type(14)) .col-form-label::before {
+    content: "";
+    background-color: rgb(var(--body-color2));
+    height: 4px;
+    top: 7px;
+    left: 0;
+    position: absolute;
+    z-index: -1;
+}
+#performer-edit .form-group:nth-of-type(4) select.input-control.form-control[name="gender"] {
+    background-position: calc( 100% - 18px ) center;
+}
+
+.new-view#performer-page #performer-edit .form-group:nth-of-type(-n+23):not(:nth-of-type(4)):not(:nth-of-type(7)):not(:nth-of-type(14)) .col-form-label::before {
+    background-color: rgb(var(--body-color2));
+}
+#performer-edit .form-group:nth-of-type(1) .col-form-label,
+#performer-edit .col-form-label[for="name"]::before {
+    max-width: 3rem;
+    width: 3rem;
+}
+#performer-edit .form-group:nth-of-type(2) .col-form-label,
+#performer-edit .col-form-label[for="disambiguation"]::before {
+    max-width: 7rem;
+    width: 7rem;
+}
+#performer-edit .row.form-group:nth-of-type(3):not(:nth-of-type(4)):not(:nth-of-type(7)):not(:nth-of-type(14)) .col-form-label,
+#performer-edit .col-form-label[for="aliases"]::before {
+    color: #c0ebe2;
+    max-width: 3.4285714285714284rem;
+    width: 3.4285714285714284rem;
+    visibility: visible;
+}
+#performer-edit .row.form-group:nth-of-type(5):not(:nth-of-type(4)):not(:nth-of-type(7)):not(:nth-of-type(14)) .col-form-label,
+#performer-edit .col-form-label[for="birthdate"]::before {
+    color: #c0ebe2;
+    max-width: 4.285714285714286rem;
+    width: 4.285714285714286rem;
+    visibility: visible;
+}
+#performer-edit .row.form-group:nth-of-type(6):not(:nth-of-type(4)):not(:nth-of-type(7)):not(:nth-of-type(14)) .col-form-label,
+#performer-edit .col-form-label[for="death_date"]::before {
+    color: #c0ebe2;
+    max-width: 5.142857142857143rem;
+    width: 5.142857142857143rem;
+    visibility: visible;
+}
+#performer-edit .form-group:nth-of-type(8) .col-form-label,
+#performer-edit .col-form-label[for="ethnicity"]::before {
+    max-width: 4.142857142857143rem;
+    width: 4.142857142857143rem;
+}
+#performer-edit .form-group:nth-of-type(9) .col-form-label,
+#performer-edit .col-form-label[for="hair_color"]::before {
+    max-width: 4.714285714285714rem;
+    width: 4.714285714285714rem;
+}
+#performer-edit .form-group:nth-of-type(10) .col-form-label,
+#performer-edit .col-form-label[for="eye_color"]::before {
+    max-width: 4.428571428571429rem;
+    width: 4.428571428571429rem;
+}
+#performer-edit .form-group:nth-of-type(11) .col-form-label,
+#performer-edit .col-form-label[for="height_cm"]::before {
+    max-width: 5.428571428571429rem;
+    width: 5.428571428571429rem;
+}
+#performer-edit .form-group:nth-of-type(12) .col-form-label,
+#performer-edit .col-form-label[for="weight"]::before {
+    max-width: 5.285714285714286rem;
+    width: 5.285714285714286rem;
+}
+#performer-edit .form-group:nth-of-type(13) .col-form-label,
+#performer-edit .col-form-label[for="penis_length"]::before {
+    max-width: 112px;
+    width: 112px;
+}
+#performer-edit .form-group:nth-of-type(15) .col-form-label,
+#performer-edit .col-form-label[for="measurements"]::before {
+    max-width: 6.571428571428571rem;
+    width: 6.571428571428571rem;
+}
+#performer-edit .form-group:nth-of-type(16) .col-form-label,
+#performer-edit .col-form-label[for="fake_tits"]::before {
+    max-width: 4.285714285714286rem;
+    width: 4.285714285714286rem;
+}
+#performer-edit .form-group:nth-of-type(17) .col-form-label,
+#performer-edit .col-form-label[for="tattoos"]::before {
+    max-width: 3.5714285714285716rem;
+    width: 3.5714285714285716rem;
+}
+#performer-edit .form-group:nth-of-type(18) .col-form-label,
+#performer-edit .col-form-label[for="piercings"]::before {
+    max-width: 4.285714285714286rem;
+    width: 4.285714285714286rem;
+}
+#performer-edit .form-group:nth-of-type(19) .col-form-label,
+#performer-edit .col-form-label[for="career_length"]::before {
+    max-width: 6.357142857142857rem;
+    width: 6.357142857142857rem;
+}
+#performer-edit .form-group:nth-of-type(20) .col-form-label,
+#performer-edit .col-form-label[for="url"]::before {
+    max-width: 2.2142857142857144rem;
+    width: 2.2142857142857144rem;
+}
+#performer-edit .form-group:nth-of-type(21) .col-form-label,
+#performer-edit .col-form-label[for="twitter"]::before {
+    max-width: 3.357142857142857rem;
+    width: 3.357142857142857rem;
+}
+#performer-edit .form-group:nth-of-type(22) .col-form-label,
+#performer-edit .col-form-label[for="instagram"]::before {
+    max-width: 4.642857142857143rem;
+    width: 4.642857142857143rem;
+}
+#performer-edit .form-group:nth-of-type(23) .col-form-label,
+#performer-edit .col-form-label[for="details"]::before {
+    max-width: 3.357142857142857rem;
+    width: 3.357142857142857rem;
+}
+#performer-edit .form-group:focus-within:nth-of-type(-n+23):not(:nth-of-type(4)):not(:nth-of-type(7)):not(:nth-of-type(14)) .col-form-label {
+    color: #00dfc6;
+    visibility: visible;
+}
+.new-view#performer-page #performer-edit .form-group:nth-of-type(1):has(.is-invalid) label.form-label.col-form-label {
+    color: #93000a;
+}
+
+/* Labels of React-Combo-Boxs */
+#performer-edit .form-group:nth-of-type(4) .col-form-label,
+#performer-edit .form-group:nth-of-type(7) .col-form-label,
+#performer-edit .form-group:nth-of-type(14) .col-form-label,
+#performer-edit .col-form-label[for="tags"],
+#performer-edit .col-form-label[for="ignore-auto-tag"],
+#performer-edit .row:not(.form-group):has(*[title="Delete StashID"]) .col-form-label {
+    color: #c0ebe2;
+    display: flex;
+    padding-bottom: 0.2857142857142857rem;
+    padding-left: 2.0714285714285716rem;
+    font-size: 0.8571428571428571rem;
+    font-weight: 400;
+    line-height: 1.1428571428571428rem;
+    letter-spacing: 0.028571428571428574rem;
+}
+#performer-edit .col-form-label[for="ignore-auto-tag"] {
+    left: 24px;
+    top: 23px;
+}
+#performer-edit .form-group .col-auto {
+    width: 100%;
+}
+#performer-edit .form-group:nth-of-type(3) .string-list-input .input-group button.btn.btn-danger,
+#tag-edit .form-group:nth-of-type(2) .string-list-input .input-group button.btn.btn-danger,
+#studio-edit .form-group .string-list-input .input-group .input-group-append button.btn.btn-danger {
+    top: 1.1071428571428572rem;
+    right: 18px;
+    width: 1.7142857142857142rem;
+    max-width: 1.7142857142857142rem;
+    height: 1.7142857142857142rem;
+    padding: 0.03571428571428571rem 0 0 0;
+    border-radius: 5rem;
+    border: 0.14285714285714285rem solid rgb(var(--on-surface-variant));
+    background-color: transparent;
+    color: rgb(var(--error));
+}
+#performer-edit .form-group:nth-of-type(3) .string-list-input .input-group button.btn.btn-danger:not(:disabled):not(.disabled):hover,
+#performer-edit .form-group:nth-of-type(3) .string-list-input .input-group button.btn.btn-danger:not(:disabled):not(.disabled):focus,
+#tag-edit .form-group:nth-of-type(2) .string-list-input .input-group button.btn.btn-danger:not(:disabled):not(.disabled):hover,
+#tag-edit .form-group:nth-of-type(2) .string-list-input .input-group button.btn.btn-danger:not(:disabled):not(.disabled):focus,
+#studio-edit .form-group .string-list-input .input-group .input-group-append button.btn.btn-danger:not(:disabled):not(.disabled):hover,
+#studio-edit .form-group .string-list-input .input-group .input-group-append button.btn.btn-danger:not(:disabled):not(.disabled):focus {
+    border-color: #c0ebe2;
+    color: #c0ebe2;
+    background-color: rgba(255,255,255,0.15);
+}
+#performer-edit .form-group:nth-of-type(3) .string-list-input .input-group button.btn.btn-danger:not(:disabled):not(.disabled):active,
+#performer-edit .form-group:nth-of-type(3) .string-list-input .input-group button.btn.btn-danger:not(:disabled):not(.disabled).active,
+#performer-edit .form-group:nth-of-type(3) .string-list-input .input-group button.btn.btn-danger:not(:disabled):not(.disabled):active:hover,
+#performer-edit .form-group:nth-of-type(3) .string-list-input .input-group button.btn.btn-danger:not(:disabled):not(.disabled).active:hover,
+#performer-edit .form-group:nth-of-type(3) .string-list-input .input-group button.btn.btn-danger:not(:disabled):not(.disabled):active:focus,
+#performer-edit .form-group:nth-of-type(3) .string-list-input .input-group button.btn.btn-danger:not(:disabled):not(.disabled).active:focus,
+#tag-edit .form-group:nth-of-type(2) .string-list-input .input-group button.btn.btn-danger:not(:disabled):not(.disabled):active,
+#tag-edit .form-group:nth-of-type(2) .string-list-input .input-group button.btn.btn-danger:not(:disabled):not(.disabled).active,
+#tag-edit .form-group:nth-of-type(2) .string-list-input .input-group button.btn.btn-danger:not(:disabled):not(.disabled):active:hover,
+#tag-edit .form-group:nth-of-type(2) .string-list-input .input-group button.btn.btn-danger:not(:disabled):not(.disabled).active:hover,
+#tag-edit .form-group:nth-of-type(2) .string-list-input .input-group button.btn.btn-danger:not(:disabled):not(.disabled):active:focus,
+#tag-edit .form-group:nth-of-type(2) .string-list-input .input-group button.btn.btn-danger:not(:disabled):not(.disabled).active:focus,
+#studio-edit .form-group .string-list-input .input-group .input-group-append button.btn.btn-danger:not(:disabled):not(.disabled):active,
+#studio-edit .form-group .string-list-input .input-group .input-group-append button.btn.btn-danger:not(:disabled):not(.disabled).active,
+#studio-edit .form-group .string-list-input .input-group .input-group-append button.btn.btn-danger:not(:disabled):not(.disabled):active:hover,
+#studio-edit .form-group .string-list-input .input-group .input-group-append button.btn.btn-danger:not(:disabled):not(.disabled).active:hover,
+#studio-edit .form-group .string-list-input .input-group .input-group-append button.btn.btn-danger:not(:disabled):not(.disabled):active:focus,
+#studio-edit .form-group .string-list-input .input-group .input-group-append button.btn.btn-danger:not(:disabled):not(.disabled).active:focus {
+    border-color: #c0ebe2;
+    color: #c0ebe2;
+    background-color: rgba(255,255,255,0.23);
+}
+#performer-edit .form-group:nth-of-type(3) .string-list-input .input-group button.btn.btn-danger:not(:disabled):not(.disabled):focus-visible,
+#tag-edit .form-group:nth-of-type(2) .string-list-input .input-group button.btn.btn-danger:not(:disabled):not(.disabled):focus-visible,
+#studio-edit .form-group .string-list-input .input-group .input-group-append button.btn.btn-danger:not(:disabled):not(.disabled):focus-visible {
+    border-color: #c0ebe2;
+    color: #c0ebe2;
+    background-color: rgba(255,255,255,0.15);
+}
+#performer-edit .form-group:nth-of-type(3) .string-list-input .input-group:not(.has-validation)>.form-control:not(:last-child),
+#tag-edit .form-group:nth-of-type(2) .string-list-input .input-group:not(.has-validation)>.form-control:not(:last-child),
+#studio-edit .form-group .string-list-input .input-group:not(.has-validation)>.form-control:not(:last-child) {
+    border-top-right-radius: 4px;
+    border-bottom-right-radius: 4px;
+    margin-right: -1.7142857142857142rem;
+    padding-right: 3.7142857142857144rem;
+}
+.studio-details #studio-edit .form-group:nth-of-type(2) .string-list-input .input-group:not(.has-validation)>.form-control:not(:last-child) {
+    margin-right: -34px;
+    margin-left: -10px;
+}
+#performer-edit .form-group:nth-of-type(5) .input-group.has-validation>#birthdate.form-control,
+#performer-edit .form-group:nth-of-type(6) .input-group.has-validation>#death_date.form-control,
+#gallery-edit-details .form-group:nth-of-type(3) .input-group.has-validation>#date.form-control,
+#movie-edit .form-group:nth-of-type(4) .input-group.has-validation>#date.form-control,
+#image-edit-details .form-group:nth-of-type(3) .input-group.has-validation>#date.form-control {
+    border-radius: 4px;
+    margin-right: -40px;
+    padding-right: 64px;
+}
+#performer-edit .form-group:nth-of-type(5) .input-group.has-validation>#birthdate.form-control:focus::placeholder,
+#performer-edit .form-group:nth-of-type(5) .input-group.has-validation>#birthdate.form-control:active::placeholder,
+#performer-edit .form-group:nth-of-type(6) .input-group.has-validation>#death_date.form-control:focus::placeholder,
+#performer-edit .form-group:nth-of-type(6) .input-group.has-validation>#death_date.form-control:active::placeholder,
+#gallery-edit-details .form-group:nth-of-type(3) .input-group.has-validation>#date.form-control:focus:placeholder,
+#gallery-edit-details .form-group:nth-of-type(3) .input-group.has-validation>#date.form-control:active:placeholder,
+#movie-edit .form-group:nth-of-type(4) .input-group.has-validation>#date.form-control:focus:placeholder,
+#movie-edit .form-group:nth-of-type(4) .input-group.has-validation>#date.form-control:active:placeholder,
+#image-edit-details .form-group:nth-of-type(3) .input-group.has-validation>#date.form-control:focus:placeholder,
+#image-edit-details .form-group:nth-of-type(3) .input-group.has-validation>#date.form-control:active:placeholder {
+    visibility: visible;
+}
+#performer-edit .form-group:nth-of-type(20) .input-group:not(.has-validation)>#url.form-control:not(:last-child),
+#gallery-edit-details .form-group:nth-of-type(2) .input-group:not(.has-validation)>#url.form-control:not(:last-child),
+#movie-edit .form-group:nth-of-type(n+1) .input-group:not(.has-validation)>#url.form-control:not(:last-child) {
+    border-radius: 4px;
+    margin-right: -40px;
+    padding-right: 64px;
+}
+#image-edit-details .form-group:nth-of-type(2) .input-group:not(.has-validation)>#url.form-control:not(:last-child) {
+    border-radius: 4px;
+    margin-right: -40px;
+    padding-right: 64px;
+}
+.form-container .form-group:nth-of-type(3):focus-within input.form-control,
+.form-container .form-group:nth-of-type(4):focus-within input.form-control,
+.form-group:focus-within .input-group.has-validation>input#death_date,
+.form-group:focus-within .input-group.has-validation>input#birthdate,
+.form-group:focus-within .input-group.has-validation>input#date,
+.form-group:focus-within .string-list-input .input-group:not(.has-validation)>.form-control,
+.form-group:focus-within .input-group:not(.has-validation)>#url.form-control {
+    box-shadow: inset 0 0 0 1px rgb(var(--pry-color));
+    border: 1px solid rgb(var(--pry-color));
+}
+
+#performer-edit .form-group:has(>div .form-check .form-check-input[value="true"]) label.form-label.col-form-label[for="ignore-auto-tag"] {
+    color: #00dfc6;
+}
+
+/* Tag Editor */
+form#tag-edit {
+    /*background-color: #414846;*/
+    border-radius: 1rem;
+    padding-left: 16px;
+    padding-right: 16px;
+    padding-bottom: 6px;
+    padding-top: 6px;
+}
+@media (min-width: 576px) {
+    .col-sm-3:has(>*:not(.nav-pills)) {
+        flex: 0 0 35%;
+        max-width: 35%;
+    }
+}
+#tag-edit .form-group:nth-of-type(-n+3) .col-form-label {
+    visibility: hidden;
+    padding: 0 0.2857142857142857rem 0 0.2857142857142857rem;
+    left: 2.0714285714285716rem;
+    top: 0.5714285714285714rem;
+    background-color: rgb(var(--body-color2));
+    z-index: 33;
+}
+#tag-edit .form-group:nth-of-type(1) .col-form-label {
+    max-width: 2.857142857142857rem;
+}
+#tag-edit .form-group:nth-of-type(2) .col-form-label {
+    max-width: 3.4285714285714284rem;
+    visibility: visible;
+    color: #c0ebe2;
+}
+#tag-edit .form-group:nth-of-type(3) .col-form-label {
+    max-width: 5.142857142857143rem;
+}
+#tag-edit .form-group:nth-of-type(-n+3):focus-within .col-form-label {
+    color: #00dfc6;
+    visibility: visible;
+}
+#tag-edit .form-group:has(>.col-9 .is-invalid) .col-form-label {
+    color: #93000a;
+}
+#image-edit-details .form-group .col-form-label,
+#tag-edit .form-group:nth-of-type(n+4) .col-form-label,
+#studio-edit>.row:not(.form-group)>.col-form-label,
+.studio-details>.form-group>.col-form-label {
+    color: #c0ebe2;
+    display: flex;
+    padding-bottom: 0.2857142857142857rem;
+    padding-left: 2.0714285714285716rem;
+    font-size: 0.8571428571428571rem;
+    font-weight: 400;
+    line-height: 1.1428571428571428rem;
+    letter-spacing: 0.028571428571428574rem;
+}
+#tag-edit .form-group:last-of-type .col-form-label[for="ignore-auto-tag"] {
+    max-width: 10rem;
+    flex-basis: 10rem;
+    top: 1.7142857142857142rem;
+    right: -24px;
+}
+#tag-edit .form-group:has(input#ignore-auto-tag[value="true"]) .form-label.col-form-label[for="ignore-auto-tag"] {
+    color: #00dfc6;
+}
+
+
+
+/* Studio Editor */
+form#studio-edit {
+    margin-top: 24px;
+    /*background-color: #414846;*/
+    border-radius: 1rem;
+}
+
+#studio-edit .form-group:nth-of-type(-n+3) .col-form-label,
+#studio-edit .form-group label[for="aliases"].col-form-label {
+    visibility: hidden;
+    padding: 0 0.2857142857142857rem 0 0.2857142857142857rem;
+    left: 2.0714285714285716rem;
+    top: 0.5714285714285714rem;
+    background-color: rgb(var(--body-color2));
+    z-index: 3999;
+}
+#studio-edit .form-group:nth-of-type(1) .col-form-label {
+    max-width: 2.857142857142857rem;
+    visibility: visible;
+    color: #c0ebe2;
+}
+#studio-edit .form-group:nth-of-type(2) .col-form-label {
+    max-width: 2.142857142857143rem;
+    visibility: visible;
+    color: #c0ebe2;
+}
+#studio-edit .form-group:nth-of-type(3) .col-form-label {
+    max-width: 31px;
+    visibility: visible;
+    color: #c0ebe2;
+}
+#studio-edit .form-group label[for="aliases"].col-form-label {
+    /*top: 1.0714285714285714rem;*/
+    max-width: 3.4285714285714284rem;
+    visibility: visible;
+    color: #c0ebe2;
+}
+#studio-edit .form-group:nth-of-type(4) .col-form-label {
+    max-width: 9.857142857142858rem;
+    flex-basis: 9.857142857142858rem;
+    padding-bottom: 0.2857142857142857rem;
+    padding-left: 2.357142857142857rem;
+    color: #c0ebe2;
+}
+#studio-edit .form-group:nth-of-type(5) .col-form-label {
+    padding-bottom: 0.2857142857142857rem;
+    padding-left: 2.357142857142857rem;
+    color: #c0ebe2;
+}
+#studio-edit>.row:not(.form-group)>.col-form-label {
+    padding-left: 4rem;
+    color: #c0ebe2;
+    padding-bottom: 0.2857142857142857rem;
+}
+.studio-details>.form-group>.col-form-label {
+    flex-basis: 10.714285714285714rem;
+    max-width: 10.714285714285714rem;
+    padding-left: 2.5714285714285716rem;
+    top: 1.7142857142857142rem;
+}
+.studio-details > .form-group > label.form-label.col-form-label[for="ignore-auto-tag"] {
+    position: relative;
+    left: 16px;
+}
+.studio-details > .form-group:has(.form-check-input[value="true"]) > label.form-label.col-form-label[for="ignore-auto-tag"] {
+    color: #00dfc6;
+}
+.studio-head .form-group label.form-label.col-form-label[for="ignore-auto-tag"] {
+    position: relative;
+    left: 44px;
+    top: 28px;
+}
+.studio-head .form-group:has(input#ignore-auto-tag[value="true"]) .form-label.col-form-label[for="ignore-auto-tag"] {
+    color: #00dfc6;
+}
+#studio-edit .form-group:focus-within:nth-of-type(-n+3) .col-form-label,
+#studio-edit .form-group:focus-within label[for="aliases"].col-form-label {
+    color: #00dfc6;
+    visibility: visible;
+}
+#studio-edit .form-group:has(>.col-9 .is-invalid) .col-form-label {
+    color: #93000a;
+}
+#studio-edit>.row .row.no-gutters button.mr-2.py-0.btn.btn-danger {
+    margin-left: 1.6428571428571428rem;
+}
+
+/* Galleries Editor */
+.gallery-tabs {
+    max-height: none;
+}
+.tab-content>.tab-pane.active.show>#gallery-edit-details>form>.form-container:first-of-type>.col:has(>*.edit-button) {
+    max-width: 50%;
+}
+
+#gallery-edit-details .form-container:nth-of-type(2) .form-group:nth-of-type(-n+3) .col-form-label {
+    visibility: hidden;
+    padding: 0 0.2857142857142857rem 0 0.2857142857142857rem;
+    left: 2.0714285714285716rem;
+    top: 0.5714285714285714rem;
+    background-color: rgb(var(--body-color2));
+    z-index: 3999;
+}
+#gallery-edit-details .form-container:nth-of-type(2) .form-group:focus-within:nth-of-type(-n+3) .col-form-label {
+    color: #00dfc6;
+    visibility: visible;
+}
+#gallery-edit-details .form-container:nth-of-type(2) .form-group:nth-of-type(1) .col-form-label {
+    max-width: 34px;
+}
+#gallery-edit-details .form-container:nth-of-type(2) .form-group:has(>.col-9 .is-invalid) .col-form-label {
+    color: #93000a;
+}
+#gallery-edit-details .form-container:nth-of-type(2) .form-group .url-label .col-form-label {
+    margin-left: -16px;
+    z-index: 39999;
+    padding-bottom: 2px;
+    top: 10px;
+}
+#gallery-edit-details .form-container:nth-of-type(2) .form-group:nth-of-type(3) .col-form-label {
+    left: 28px;
+    max-width: 35px;
+}
+#gallery-edit-details .form-container:nth-of-type(2) .form-group:nth-of-type(4) .col-form-label {
+    left: 16px;
+    top: 10px;
+    color: #c0ebe2;
+}
+#gallery-edit-details .form-container:nth-of-type(2) .form-group:nth-of-type(5) .col-form-label,
+#gallery-edit-details .form-container:nth-of-type(2) .form-group:nth-of-type(6) .col-form-label,
+#gallery-edit-details .form-container:nth-of-type(2) .form-group:nth-of-type(7) .col-form-label,
+#gallery-edit-details .form-container:nth-of-type(2) .form-group:nth-of-type(8) .col-form-label {
+    left: 16px;
+    top: 6px;
+    color: #c0ebe2;
+}
+#gallery-edit-details .form-container:nth-of-type(2) .form-group:not(.row) .form-label {
+    color: #c0ebe2;
+    font-size: 0.8571428571428571rem;
+    font-weight: 400;
+    line-height: 1.1428571428571428rem;
+    letter-spacing: 0.028571428571428574rem;
+    position: relative;
+    left: 16px;
+    top: 14px;
+    background-color: rgb(var(--body-color2));
+    padding-left: 4px;
+    padding-right: 4px;
+}
+#gallery-edit-details .form-container:nth-of-type(2) .form-group:not(.row):focus-within .form-label {
+    color: #00dfc6;
+}
+
+/* Image Edit Tab */
+#image-edit-details>form>.form-container>.edit-buttons {
+    margin-bottom: 12px !important;
+}
+#image-edit-details .form-container:nth-of-type(2) .form-group:nth-of-type(-n+3) .col-form-label {
+    visibility: hidden;
+    padding: 0 0.2857142857142857rem 0 0.2857142857142857rem;
+    left: 2.0714285714285716rem;
+    top: 0.5714285714285714rem;
+    background-color: rgb(var(--body-color2));
+    z-index: 3999;
+}
+#image-edit-details .form-container:nth-of-type(2) .form-group:nth-of-type(1) .col-form-label {
+    max-width: 32px;
+}
+#image-edit-details .form-container:nth-of-type(2) .form-group:nth-of-type(2) .col-form-label {
+    position: relative;
+    left: 14px;
+    max-width: 30px;
+}
+#image-edit-details .form-container:nth-of-type(2) .form-group:nth-of-type(3) .col-form-label {
+    max-width: 34px;
+}
+#image-edit-details .form-container:nth-of-type(2) .form-group:focus-within:nth-of-type(-n+3) .col-form-label {
+    color: #00dfc6;
+    visibility: visible;
+}
+#image-edit-details .form-container:nth-of-type(2) .form-group:nth-of-type(n+4) .col-form-label {
+
+}
+
+/* Scene-Markers-Panel */
+@media (min-width: 1200px) {
+    .col-xl-6 {
+        flex: 0 0 55%;
+        max-width: 55%;
+    }
+}
+.scene-markers-panel .primary-card-body.card-body>div>hr {
+    border: 1px solid #3f4946;
+}
+.scene-tabs .tab-content>.fade.tab-pane.active.show {
+    padding: 0;
+}
+
+.scene-tabs .tab-content .fade.tab-pane.active.show .form-group .col-form-label {
+    color: #dcf6f0;
+    display: flex;
+    padding-bottom: 0.2857142857142857rem;
+    padding-left: 2.0714285714285716rem;
+    font-size: 0.8571428571428571rem;
+    font-weight: 400;
+    line-height: 1.1428571428571428rem;
+    letter-spacing: 0.028571428571428574rem;
+}
+
+.scene-tabs .tab-content .fade.tab-pane.active.show .form-group .row label.col-form-label {
+    top: -11px;
+    left: 108px;
+    background-color: rgb(var(--body-color2));
+    z-index: 3339;
+    padding: 2px 4px;
+    max-width: 36px;
+    margin-left: -82px;
+    margin-bottom: 40px;
+}
+.form-group:has(*.select-suggest) .col-form-label[for="title"] {
+    max-width: 129px;
+}
+.scene-tabs .tab-content .fade.tab-pane.active.show .form-group:focus-within .row label.col-form-label {
+    color: #00dfc6;
+}
+.scene-tabs .duration-input>.input-group>.input-group-append>button.btn.btn-secondary {
+    border-style: none;
+    border: 0;
+    border-radius: 5rem;
+    top: 7px;
+    padding-left: 12px;
+    padding-right: 12px;
+}
+.scene-tabs .duration-input>.input-group>.input-group-append>.btn-group-vertical>button.duration-button.btn.btn-secondary {
+    flex: 0 0 28px;
+    max-height: 27px;
+    border-radius: 5rem;
+    border: 0;
+}
+.scene-tabs .duration-input>.input-group:not(.has-validation)>.duration-control.form-control:not(:last-child) {
+    border-top-right-radius: 4px;
+    border-bottom-right-radius: 4px;
+    height: 58px;
+    margin-right: -25%;
+}
+.scene-tabs .duration-input>.input-group:not(.has-validation)>.duration-control.form-control:focus-within:not(:last-child) {
+    box-shadow: 0 0 0 0.07142857142857142rem #00dfc6, inset 0 0 0 0.07142857142857142rem #00dfc6;
+}
+
+/*Modal Edit-filter-dialog */
+.modal-content, 
+.modal-lg, 
+.modal-xl {
+    background-image: linear-gradient(to right, #2e3133, #2e3133);
+    background-color: rgba(var(--pry-color),0.5);
+    background-blend-mode: multiply;
+    box-shadow: var(--elevation-3);
+    border-radius: 28px;
+}
+
+.edit-filter-dialog .criterion-list .card .collapse-icon {
+    margin-right: 8px;
+    width: 24px;
+    height: 24px;
+    color: rgb(var(--on-surface-variant));
+}
+.dialog-content .criterion-list .collapse.show .card-body {
+    background-color: rgb(var(--card-color-collaps-show));
+    border-radius: 12px;
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+    transform: translate(0%,0%);
+    transition: transform 0.3s ease-in 0.25s;
+}
+.criterion-editor .form-group + .form-group > div {
+    display: flex;
+    width: 100%;
+}
+.criterion-editor .form-group + .form-group .input-group.has-validation {
+    width: 100%;
+}
+.criterion-editor .form-group + .form-group .input-group.has-validation > input + .input-group-append {
+    position: absolute;
+    right: 16px;
+    margin-left: 90%;
+    height: 100%;
+}
+.criterion-editor .form-group .input-group.has-validation>input.date-input.text-input.form-control {
+    border-top-right-radius: 4px;
+    border-bottom-right-radius: 4px;
+    background-color: transparent !important;
+    display: flex;
+}
+.react-datepicker-wrapper {
+    display: flex;
+}
+.react-datepicker__input-container {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: flex-end;
+}
+.criterion-editor .form-group .input-group.has-validation>.input-group-append>.react-datepicker-wrapper button.btn.btn-secondary:has(>.fa-calendar):not(:first-child):last-child,
+.criterion-editor .form-group .input-group.has-validation>.input-group-append>.react-datepicker-wrapper button.btn.btn-secondary:has(>.fa-calendar):not(:first-child):last-child:not(:disabled):not(.disabled):hover,
+.criterion-editor .form-group .input-group.has-validation>.input-group-append>.react-datepicker-wrapper button.btn.btn-secondary:has(>.fa-calendar):not(:first-child):last-child:not(:disabled):not(.disabled):focus,
+.criterion-editor .form-group .input-group.has-validation>.input-group-append>.react-datepicker-wrapper button.btn.btn-secondary:has(>.fa-calendar):not(:first-child):last-child:not(:disabled):not(.disabled):active,
+.criterion-editor .form-group .input-group.has-validation>.input-group-append>.react-datepicker-wrapper button.btn.btn-secondary:has(>.fa-calendar):not(:first-child):last-child:not(:disabled):not(.disabled).active,
+.criterion-editor .form-group .input-group.has-validation>.input-group-append>.react-datepicker-wrapper button.btn.btn-secondary:has(>.fa-calendar):not(:first-child):last-child:not(:disabled):not(.disabled):active:hover,
+.criterion-editor .form-group .input-group.has-validation>.input-group-append>.react-datepicker-wrapper button.btn.btn-secondary:has(>.fa-calendar):not(:first-child):last-child:not(:disabled):not(.disabled).active:hover,
+.criterion-editor .form-group .input-group.has-validation>.input-group-append>.react-datepicker-wrapper button.btn.btn-secondary:has(>.fa-calendar):not(:first-child):last-child:not(:disabled):not(.disabled):focus-visible {
+    padding: 0;
+    width: 40px;
+    max-width: 40px;
+    height: 40px;
+}
+
+.criterion-editor > div > .form-group + .form-group > .input-group .input-group-append {
+    margin-left: auto;
+    padding-right: 16px;
+    padding-left: 12px;
+    top: -50%;
+}
+.criterion-editor .form-group .input-group:not(.has-validation)>.input-group-append>button.btn.btn-secondary {
+    padding: 0;
+    border-radius: 5rem;
+    border: 0;
+    z-index: 3;
+    width: 40px;
+    max-width: 40px;
+    height: 40px;
+    font-size: 24px;
+    background-color: transparent;
+}
+.criterion-editor > div > .form-group > .duration-input .input-group-append {
+    margin-left: auto;
+    top: -50%;
+}
+.criterion-editor .form-group .input-group>.input-group-append>.btn-group-vertical:has(>.duration-button),
+.modal-body>.percent-input>.input-group>.input-group-append>.btn-group-vertical:has(>.percent-button),
+.modal-body .duration-input>.input-group>.input-group-append>.btn-group-vertical:has(>.duration-button) {
+    flex-direction: row;
+    align-items: center;
+    margin-right: auto;
+    margin-left: auto;
+}
+.modal-body>.percent-input>.input-group>.input-group-append>.btn-group-vertical:has(>.percent-button),
+.modal-body .duration-input>.input-group>.input-group-append>.btn-group-vertical:has(>.duration-button) {
+    padding-right: 16px;
+}
+.criterion-editor .form-group .input-group>.input-group-append>.btn-group-vertical>button.duration-button.btn.btn-secondary,
+.modal-body>.percent-input>.input-group>.input-group-append>.btn-group-vertical>button.percent-button.btn.btn-secondary,
+.modal-body .duration-input>.input-group>.input-group-append>.btn-group-vertical>button.duration-button.btn.btn-secondary {
+    border: 0;
+    background-color: transparent;
+    border-radius: 5rem;
+    padding: 0;
+    z-index: 3;
+    font-size: 24px;
+    width: 40px;
+    min-width: 40px;
+    height: 40px;
+    justify-content: center;
+    align-content: center;
+    flex-wrap: wrap;
+    margin-left: 12px;
+}
+.criterion-editor .form-group .input-group:not(.has-validation)>.input-group-append>button.btn.btn-secondary:hover:not(:disabled):not(.disabled),
+.criterion-editor .form-group .input-group:not(.has-validation)>.input-group-append>button.btn.btn-secondary:focus:not(:disabled):not(.disabled),
+.criterion-editor .form-group .input-group:not(.has-validation)>.input-group-append>button.btn.btn-secondary:focus-visible:not(:focus):not(:disabled):not(.disabled),
+.criterion-editor .form-group .input-group>.input-group-append>.btn-group-vertical>button.duration-button.btn.btn-secondary:hover:not(:disabled):not(.disabled),
+.criterion-editor .form-group .input-group>.input-group-append>.btn-group-vertical>button.duration-button.btn.btn-secondary:focus:not(:disabled):not(.disabled),
+.criterion-editor .form-group .input-group>.input-group-append>.btn-group-vertical>button.duration-button.btn.btn-secondary:focus-visible:not(:focus):not(:disabled):not(.disabled),
+.modal-body>.percent-input>.input-group>.input-group-append>.btn-group-vertical>button.percent-button.btn.btn-secondary:hover:not(:disabled):not(.disabled),
+.modal-body>.percent-input>.input-group>.input-group-append>.btn-group-vertical>button.percent-button.btn.btn-secondary:focus:not(:disabled):not(.disabled),
+.modal-body>.percent-input>.input-group>.input-group-append>.btn-group-vertical>button.percent-button.btn.btn-secondary:focus-visible:not(:focus):not(:disabled):not(.disabled),
+.modal-body .duration-input>.input-group>.input-group-append>.btn-group-vertical>button.duration-button.btn.btn-secondary:hover:not(:disabled):not(.disabled),
+.modal-body .duration-input>.input-group>.input-group-append>.btn-group-vertical>button.duration-button.btn.btn-secondary:focus:not(:disabled):not(.disabled),
+.modal-body .duration-input>.input-group>.input-group-append>.btn-group-vertical>button.duration-button.btn.btn-secondary:focus-visible:not(:focus):not(:disabled):not(.disabled) {
+    background-color: rgba(255,255,255,0.08);
+    box-shadow: none;
+}
+.criterion-editor .form-group .input-group:not(.has-validation)>.input-group-append>button.btn.btn-secondary:active:not(:disabled):not(.disabled),
+.criterion-editor .form-group .input-group:not(.has-validation)>.input-group-append>button.btn.btn-secondary:active:hover:not(:disabled):not(.disabled),
+.criterion-editor .form-group .input-group:not(.has-validation)>.input-group-append>button.btn.btn-secondary:active:focus:not(:disabled):not(.disabled),
+.criterion-editor .form-group .input-group>.input-group-append>.btn-group-vertical>button.duration-button.btn.btn-secondary:active:not(:disabled):not(.disabled),
+.criterion-editor .form-group .input-group>.input-group-append>.btn-group-vertical>button.duration-button.btn.btn-secondary:active:hover:not(:disabled):not(.disabled),
+.criterion-editor .form-group .input-group>.input-group-append>.btn-group-vertical>button.duration-button.btn.btn-secondary:active:focus:not(:disabled):not(.disabled),
+.modal-body>.percent-input>.input-group>.input-group-append>.btn-group-vertical>button.percent-button.btn.btn-secondary:active:not(:disabled):not(.disabled),
+.modal-body>.percent-input>.input-group>.input-group-append>.btn-group-vertical>button.percent-button.btn.btn-secondary:active:hover:not(:disabled):not(.disabled),
+.modal-body>.percent-input>.input-group>.input-group-append>.btn-group-vertical>button.percent-button.btn.btn-secondary:active:focus:not(:disabled):not(.disabled),
+.modal-body .duration-input>.input-group>.input-group-append>.btn-group-vertical>button.duration-button.btn.btn-secondary:active:not(:disabled):not(.disabled),
+.modal-body .duration-input>.input-group>.input-group-append>.btn-group-vertical>button.duration-button.btn.btn-secondary:active:hover:not(:disabled):not(.disabled),
+.modal-body .duration-input>.input-group>.input-group-append>.btn-group-vertical>button.duration-button.btn.btn-secondary:active:focus:not(:disabled):not(.disabled) {
+    background-color: rgba(255,255,255,0.16);
+    box-shadow: none;
+}
+.criterion-editor .form-group .input-group:not(.has-validation)>.input-group-append>button.btn.btn-secondary:focus-visible:not(:focus):not(:disabled):not(.disabled),
+.criterion-editor .form-group .input-group>.input-group-append>.btn-group-vertical>button.duration-button.btn.btn-secondary:focus-visible:not(:focus):not(:disabled):not(.disabled),
+.modal-body>.percent-input>.input-group>.input-group-append>.btn-group-vertical>button.percent-button.btn.btn-secondary:focus-visible:not(:focus):not(:disabled):not(.disabled),
+.modal-body .duration-input>.input-group>.input-group-append>.btn-group-vertical>button.duration-button.btn.btn-secondary:focus-visible:not(:focus):not(:disabled):not(.disabled) {
+    outline-color: #dcf6f0;
+    outline-width: 3px;
+    outline-style: solid;
+    outline-offset: 0;
+}
+
+.criterion-editor .form-group .input-group:not(.has-validation)>input.form-control:not(:last-child) {
+    border-radius: 4px;
+    width: 100%;
+    padding-right: 72px;
+}
+.criterion-editor .form-group>.duration-input>.input-group:not(.has-validation)>input.duration-control.form-control:not(:last-child),
+.modal-body>.percent-input>.input-group:not(.has-validation)>input.percent-control.form-control:not(:last-child),
+.modal-body .duration-input>.input-group:not(.has-validation)>input.duration-control.form-control:not(:last-child) {
+    border-radius: 4px;
+    width: 100%;
+    margin-right: unset;
+    background-color: transparent !important;
+}
+
+.modal-body .criterion-editor .form-group input.btn-secondary.form-control {
+    min-height: 56px;
+    padding: 0 16px 0 16px;
+    border-radius: 4px;
+    border: 0;
+    background-color: transparent;
+    background-image: none;
+    box-shadow: 0 0 0 1px rgb(var(--outline)), inset 0 0 0 1px transparent;
+    transition: background-color 0.55s ease, box-shadow 0.4s ease-in;
+}
+.modal-body .criterion-editor .form-group input.btn-secondary.form-control:hover {
+    box-shadow: 0 0 0 1px rgb(var(--on-surface)), inset 0 0 0 1px rgba(0,0,0,0.0);
+    background-color: transparent;
+    background-image: none;
+}
+.modal-body .criterion-editor .form-group input.btn-secondary.form-control:focus,
+.modal-body .criterion-editor .form-group input.btn-secondary.form-control:not(:disabled):not(.disabled):active,
+.modal-body .criterion-editor .form-group input.btn-secondary.form-control:focus:not(:disabled):not(.disabled):active {
+    background-color: transparent;
+    background-image: none;
+    box-shadow: inset 0 0 0 1px rgb(var(--pry-color)), 0 0 0 1px rgb(var(--pry-color));
+}
+.modal-body .criterion-editor .form-group input.btn-secondary.form-control:focus-visible {
+    outline-offset: 3px;
+}
+
+#temp-enable-duration>small.text-muted.form-text {
+    left: -312px;
+    position: relative;
+    top: 58px;
+}
+/* ***Create*** */
+
+/* Scene */
+div#create-scene-page {
+    background-color: rgb(var(--body-color2));
+}
+#create-scene-page.new-view h2 {
+    /*background-color: #373d3b;*/
+    padding: 16px;
+    margin-bottom: 0;
+    border-top-left-radius: 1.5rem;
+    border-top-right-radius: 1.5rem;
+}
+#create-scene-page.new-view #scene-edit-details>form>.form-container.edit-buttons-container {
+    /*background-color: #373d3b;*/
+    padding: 16px;
+    border-bottom-left-radius: 1.5rem;
+    border-bottom-right-radius: 1.5rem;
+    position: relative;
+}
+#create-scene-page.new-view #scene-edit-details .edit-buttons-container>.edit-buttons.mb-3.pl-0 {
+    padding-left: 16px !important;
+}
+#create-scene-page.new-view #scene-edit-details .form-container:nth-of-type(2) .col-12:nth-of-type(2) .form-group:last-of-type>.form-label {
+    margin-bottom: 16px;
+}
+/* Movie */
+@media (min-width: 768px) {
+    .movie-details.mb-3.col>div {
+        flex: 0 0 66.66666667%;
+        max-width: 66.66666667%;
+        position: relative;
+        width: 100%;
+        padding-left: 15px;
+        padding-right: 15px;
+    }
+}
+.movie-details.mb-3.col {
+    margin: 24px;
+    /*background-color: #414846;*/
+    padding-top: 24px;
+    padding-bottom: 24px;
+    border-radius: 1.65rem;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+}
+.movie-details.mb-3.col>div>h2 {
+    position: relative;
+    padding: 16px;
+    background-color: #373d3b;
+    border-radius: 1.5rem;
+}
+
+#movie-edit .form-group .col-form-label {
+    color: transparent;
+    display: flex;
+    padding-bottom: 0.2857142857142857rem;
+    padding-left: 4px;
+    left: 28px;
+    font-size: 0.8571428571428571rem;
+    font-weight: 400;
+    line-height: 1.1428571428571428rem;
+    letter-spacing: 0.028571428571428574rem;
+}
+#movie-edit .form-group:nth-of-type(-n+4) .col-form-label,
+#movie-edit .form-group:nth-of-type(6) .col-form-label,
+#movie-edit .form-group:nth-of-type(n+8) .col-form-label {
+    top: 11px;
+    background-color: rgb(var(--body-color2));
+    z-index: 33339;
+    color: #00dfc6;
+    visibility: hidden;
+    transition: all 0.15s ease-in-out;
+}
+#movie-edit .form-group:nth-of-type(7) .col-form-label[for="url"] {
+    color: #00dfc6;
+}
+#movie-edit .form-group:focus-within:nth-of-type(-n+4) .col-form-label,
+#movie-edit .form-group:focus-within:nth-of-type(6) .col-form-label,
+#movie-edit .form-group:focus-within:nth-of-type(n+8) .col-form-label {
+    visibility: visible;
+}
+#movie-edit .form-group:nth-of-type(1) .col-form-label {
+    max-width: 42px;
+}
+#movie-edit .form-group:has(>.col-9 .is-invalid) .col-form-label {
+    color: #93000a;
+}
+#movie-edit .form-group:nth-of-type(2) .col-form-label {
+    max-width: 50px;
+}
+#movie-edit .form-group:nth-of-type(3) .col-form-label {
+    max-width: 58px;
+}
+#movie-edit .form-group:nth-of-type(4) .col-form-label {
+    max-width: 35px;
+}
+#movie-edit .form-group:nth-of-type(5) .col-form-label {
+    top: 3px;
+}
+#movie-edit .form-group:nth-of-type(6) .col-form-label {
+    max-width: 54px;
+}
+/*#movie-edit .form-group:nth-of-type(7) .col-form-label {
+    top: 6px;
+}*/
+#movie-edit .form-group:nth-of-type(8) .col-form-label {
+    max-width: 60px;
+}
+#movie-edit .form-group:nth-of-type(9) .col-form-label {
+    padding-bottom: 0;
+    top: 7px;
+    max-width: 60px;
+}
+#movie-edit .duration-input>.input-group>.input-group-append>.btn-group-vertical {
+    flex-direction: row;
+    align-items: flex-end;
+}
+#movie-edit .duration-input>.input-group>.input-group-append>.btn-group-vertical>button.duration-button.btn.btn-secondary {
+    left: -12px;
+    padding: 0 14px;
+    border-radius: 5rem;
+    border: 0;
+    border-style: none;
+    box-shadow: none;
+}
+#movie-edit .duration-input>.input-group>.input-group-append>.btn-group-vertical>button.duration-button.btn.btn-secondary:hover:not(:disabled):not(.disabled),
+#movie-edit .duration-input>.input-group>.input-group-append>.btn-group-vertical>button.duration-button.btn.btn-secondary:focus:not(:disabled):not(.disabled),
+#movie-edit .duration-input>.input-group>.input-group-append>.btn-group-vertical>button.duration-button.btn.btn-secondary:focus-visible:not(:focus):not(:disabled):not(.disabled) {
+    background-color: rgba(255,255,255,0.08);
+    box-shadow: none;
+}
+#movie-edit .duration-input>.input-group>.input-group-append>.btn-group-vertical>button.duration-button.btn.btn-secondary:active:not(:disabled):not(.disabled),
+#movie-edit .duration-input>.input-group>.input-group-append>.btn-group-vertical>button.duration-button.btn.btn-secondary:active:hover:not(:disabled):not(.disabled),
+#movie-edit .duration-input>.input-group>.input-group-append>.btn-group-vertical>button.duration-button.btn.btn-secondary:active:focus:not(:disabled):not(.disabled),
+#movie-edit .duration-input>.input-group>.input-group-append>.btn-group-vertical>button.duration-button.btn.btn-secondary.active:not(:disabled):not(.disabled),
+#movie-edit .duration-input>.input-group>.input-group-append>.btn-group-vertical>button.duration-button.btn.btn-secondary.active:hover:not(:disabled):not(.disabled),
+#movie-edit .duration-input>.input-group>.input-group-append>.btn-group-vertical>button.duration-button.btn.btn-secondary.active:focus:not(:disabled):not(.disabled) {
+    background-color: rgba(255,255,255,0.16);
+    box-shadow: none;
+}
+#movie-edit .duration-input>.input-group>.input-group-append>.btn-group-vertical>button.duration-button.btn.btn-secondary:focus-visible:not(:focus):not(:disabled):not(.disabled) {
+    outline-color: #dffffb;
+    outline-style: solid;
+    outline-width: 3px;
+    outline-offset: 0;
+}
+#movie-edit .duration-input>.input-group:not(.has-validation)>.duration-control.form-control:not(:last-child) {
+    border-radius: 0.5rem;
+    margin-right: -80px;
+    padding-right: 104px;
+}
+#movie-edit .duration-input>.input-group:not(.has-validation)>.duration-control.form-control:focus:placeholder,
+#movie-edit .duration-input>.input-group:not(.has-validation)>.duration-control.form-control:active:placeholder {
+    visibility: visible;
+}
+
+/* ImageCard */
+.image-card-preview > .preview-button > button.btn.btn-primary:not(.fa-magnifying-glass) {
+    background-color: transparent;
+    box-shadow: none;
+}
+
+/* Galleries */
+@media (min-width: 768px) {
+    .new-view>.col-md-6:has(>*#gallery-edit-details) {
+        position: relative;
+        width: 100%;
+        padding-left: 15px;
+        padding-right: 15px;
+        padding-top: 15px;
+        border-radius: 1.65rem;
+        /*background-color: #41384a;*/
+    }
+}
+.new-view>.col-md-6:has(>*#gallery-edit-details)>h2 {
+    position: relative;
+    padding: 16px;
+    background-color: #373d3b;
+    margin-bottom: 0;
+    border-top-left-radius: 1.5rem;
+    border-top-right-radius: 1.5rem;
+}
+.new-view>.col-md-6>#gallery-edit-details>form>.form-container:first-of-type {
+    background-color: #373d3b;
+    padding: 16px;
+    border-bottom-left-radius: 1.5rem;
+    border-bottom-right-radius: 1.5rem;
+    position: relative;
+    margin-left: 0;
+    margin-right: 0;
+}
+/* Performer */
+#performer-page.row.new-view:has(>*.performer-image-container) {
+    position: relative;
+    width: 100%;
+    padding-left: 15px;
+    padding-right: 15px;
+    padding-top: 15px;
+    border-radius: 1.65rem;
+    /*background-color: #414846;*/
+}
+@media (min-width: 1200px) {
+    #performer-page.row.new-view:has(>*.performer-image-container) .details-edit.col-xl-9.mb-3:has(>*.dropup) {
+        max-width: 100%;
+    }
+}
+#performer-page.row.new-view:has(>*.performer-image-container)>.col-md-8:has(>*#performer-edit)>h2 {
+    position: relative;
+    padding: 16px;
+    background-color: #373d3b;
+    margin-bottom: 0;
+    border-top-left-radius: 1.5rem;
+    border-top-right-radius: 1.5rem;
+}
+#performer-page.row.new-view:has(>*.performer-image-container) .details-edit.col-xl-9.mb-3:has(>*.dropup) {
+    background-color: #373d3b;
+    padding: 16px;
+    border-bottom-left-radius: 1.5rem;
+    border-bottom-right-radius: 1.5rem;
+    position: relative;
+    margin-left: 0;
+    margin-right: 0;
+    margin-top: 0;
+    flex-wrap: nowrap;
+}
+/* Scene Editor --- top spacing filler */
+#scene-edit-details .form-group.row {
+    padding-top: 1ex;
+}
+/* Text-Input Column-Form-Label */
+#scene-edit-details .form-container .form-group.row > label.col-form-label.form-label,
+#scene-edit-details .form-label[for="details"] {
+    font-size: 12px;
+    line-height: 16px;
+    letter-spacing: 1.0px;
+    font-weight: 500;
+    color: rgb(var(--pry-color));
+}
+#scene-edit-details .form-container .form-group.row > label.form-label.col-form-label {
+    position: relative;
+    display: block;
+    margin-left: 28px;
+    margin-bottom: -2.5%;
+    z-index: 4;
+    padding: 0;
+    padding-left: 4px;
+    padding-right: 4px;
+    background-color: rgb(var(--body-color2));
+    margin-right: auto;
+    width: unset;
+    max-width: unset;
+    transform: translate(0%,0%);
+    flex-basis: fit-content;
+    visibility: hidden;
+    /*opacity: 1;*/
+    /*transition: margin-bottom 0.2s ease-in, opacity 0.2s, background-color 0.2s;*/
+}
+#scene-edit-details .form-container .form-group.row:focus-within > label.form-label.col-form-label,
+#scene-edit-details .form-group:focus-within .form-label[for="details"] {
+    animation: opacityname 0.3s linear forwards;
+    will-change: animation;
+}
+@keyframes opacityname {
+    0% {
+        
+    }
+    100% {
+        visibility: visible;
+        opacity: 1;
+    }
+}
+    /* For Editor Text-Inputs with multiple Inputs spacing between. */
+.string-list-input .input-group {
+    margin-bottom: 8px;
+}
+/*#scene-edit-details .string-list-input > .form-group:is(:only-child, :last-child) {
+    margin-bottom: 0;
+}*/
+#scene-edit-details .string-list-input > .form-group > .input-group:is(:last-child, :only-child) {
+    margin-bottom: -4.5%;
+}
+
+    /* Title */
+#scene-edit-details .form-container .form-group.row > label[for="title"].form-label.col-form-label {
+    padding-top: 8px;
+}
+
+    /* URL's */
+/*.form-container .form-group.row + .form-group.row > .url-label > label[for="urls"].col-form-label {
+    font-size: 12px;
+    line-height: 16px;
+    letter-spacing: 0.35px;
+    font-weight: 500;
+    color: rgb(var(--pry-color));
+    position: relative;
+    display: block;
+    margin-left: 12px;
+    margin-bottom: -25%;
+    z-index: 4;
+    padding-top: 4px;
+    padding-left: 4px;
+    padding-right: 4px;
+    background-color: rgb(var(--body-color2));
+    margin-right: 38%;
+    transform: translate(0%,0%);
+    visibility: visible;
+}
+.form-container .form-group.row + .form-group.row:focus-within > .url-label > label[for="urls"].col-form-label {
+    visibility: visible;
+}*/
+
+/* Scene Editor - Details textarea */
+/*#scene-edit-details .form-group:has(>label[for="details"]) {
+    padding: 0 14px;
+}*/
+
+
+/*#scene-edit-details .form-container .form-group > label.form-label[for="details"]::before {
+    content: "Description";
+    position: absolute;
+    z-index: -1;
+    font-size: 16px;
+    font-weight: 400;
+    letter-spacing: 0.5px;
+    line-height: 24px;
+    text-shadow: none;
+    color: rgb(var(--on-surface-variant));
+    isolation: auto;
+    top: 0%;
+    margin-top: 50%;
+    visibility: visible;
+    transform: translate(0%,0%);
+}*/
+#scene-edit-details .form-label[for="details"] {
+    top: 2%;
+    visibility: hidden;
+    position: absolute;
+    margin-left: 7.25%;
+    margin-bottom: unset;
+    width: 12.3%;
+    z-index: 4;
+    padding: 0 4px;
+    background-color: rgb(var(--body-color2));
+    transform: translate(0%,0%);
+}
+/*#scene-edit-details .form-container .form-group:focus-within > label.form-label[for="details"]::before {*/
+    /*content: "";*/
+    /*content: "Description";
+    position: absolute;
+    font-size: 16px;
+    font-weight: 400;
+    letter-spacing: 0.5px;
+    line-height: 24px;*/
+    /*visibility: hidden;*/
+    /*top: 0%;
+    margin-top: 50%;
+    margin-left: -85%;
+    text-shadow: none;
+    bottom: 0%;
+    color: rgb(var(--body-color2));
+    transform: translate(0%,0%);*/
+/*}*/
+/*textarea#details.text-input.form-control::placeholder {
+    color: rgb(var(--body-color2));
+}*/
+
+    /* Scene Editor Date-Input */
+ input.date-input + .input-group-append:has(>.react-datepicker-wrapper) {
+    left: -12px;
+    margin-left: auto;
+    margin-right: auto;
+    width: 11%;
+ }   
+/* */
+label[for="cover_image"].form-label {
+    margin-bottom: 0%;
+    position: relative;
+    top: 6px;
+    padding-left: 6px;
+}
+.scene-cover {
+    border-radius: 4px;
+    margin-bottom: 12px;
+}
+    /* Rating Stars */
+#scene-edit-details .form-group.row > label.form-label.col-form-label:has(+ div > .rating-stars) {
+    visibility: visible;
+    color: rgb(var(--on-surface-variant));
+    margin-left: 16px;
+}
+#scene-edit-details .rating-stars {
+    height: 56px;
+    align-items: flex-end;
+}
+.rating-stars .unsetting, 
+.rating-stars .setting, 
+.rating-stars .set {
+    color: rgb(var(--star-color));
+}
+/* * */
+
+
+/* Tagger-Container */
+.tagger-container .search-item > .row > div:nth-child(2) {
+    padding: 16px;
+}
+.tagger-container .search-item {
+    background-color: rgb(var(--card-color));
+    border-radius: 12px;
+    padding: 0;
+}
+.mt-3, .my-3 {
+    margin-top: 16px !important;
+}
+.mt-2, .my-2 {
+    margin-top: 12px !important;
+}
+.tagger-container div .input-group {
+    align-items: center;
+}
+.tagger-container div.my-1 .input-group>.input-group-append>button.btn.btn-primary,
+.PerformerTagger-box-link.input-group>.input-group-append>button.btn.btn-primary,
+.PerformerTagger-details>.input-group>.input-group-append>button.btn.btn-primary {
+    align-items: center;
+    padding-left: 24px;
+    padding-right: 24px;
+    border-radius: 5rem;
+    margin-left: 6px;
+}
+.tagger-container div.my-1 .input-group > .input-group-append {
+    margin-left: -48px;
+}
+.tagger-container div.my-1 .input-group > .input-group-append > button.btn.btn-primary::before {
+    content: "";
+    position: absolute;
+    background-image: url("data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgMjQuMDAgMjQuMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjYzFjN2NlIiBzdHJva2Utd2lkdGg9IjAuODY0MDAwMDAwMDAwMDAwMSI+Cg08ZyBpZD0iU1ZHUmVwb19iZ0NhcnJpZXIiIHN0cm9rZS13aWR0aD0iMCIvPgoNPGcgaWQ9IlNWR1JlcG9fdHJhY2VyQ2FycmllciIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cg08ZyBpZD0iU1ZHUmVwb19pY29uQ2FycmllciI+IDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTUgMTAuNUMxNSAxMi45ODUzIDEyLjk4NTMgMTUgMTAuNSAxNUM4LjAxNDcyIDE1IDYgMTIuOTg1MyA2IDEwLjVDNiA4LjAxNDcyIDguMDE0NzIgNiAxMC41IDZDMTIuOTg1MyA2IDE1IDguMDE0NzIgMTUgMTAuNVpNMTQuMTc5MyAxNS4yMzk5QzEzLjE2MzIgMTYuMDI5NyAxMS44ODY1IDE2LjUgMTAuNSAxNi41QzcuMTg2MjkgMTYuNSA0LjUgMTMuODEzNyA0LjUgMTAuNUM0LjUgNy4xODYyOSA3LjE4NjI5IDQuNSAxMC41IDQuNUMxMy44MTM3IDQuNSAxNi41IDcuMTg2MjkgMTYuNSAxMC41QzE2LjUgMTEuODg2NSAxNi4wMjk3IDEzLjE2MzIgMTUuMjM5OSAxNC4xNzkyTDIwLjAzMDQgMTguOTY5N0wxOC45Njk3IDIwLjAzMDNMMTQuMTc5MyAxNS4yMzk5WiIgZmlsbD0iI2MxYzdjZSIvPiA8L2c+Cg08L3N2Zz4=");
+    background-repeat: no-repeat;
+    background-size: 33px;
+    background-position: 30% 30%;
+    width: 40px;
+    min-width: 40px;
+    height: 40px;
+    max-height: 40px;
+    padding: 0;
+    padding-right: 40px;
+    z-index: 5;
+}
+.tagger-container div.my-1 .input-group > .input-group-append > button.btn.btn-primary {
+    background-color: transparent;
+    width: 40px;
+    color: rgb(0,0,0,0);
+    min-width: 40px;
+    height: 40px;
+    max-height: 40px;
+    padding: 0;
+    z-index: 5;
+    left: -31%;
+    box-shadow: none;
+}
+.tagger-container div.my-1 .input-group > .input-group-append > button.btn.btn-primary:is(:hover, :focus-visible) {
+    background-color: rgb(var(--on-surface),var(--btn-hover));
+    box-shadow: var(--elevation-0);
+}
+.tagger-container div.my-1 .input-group > .input-group-append > button.btn.btn-primary:is(:active, :focus, :active:focus) {
+    background-color: rgb(var(--on-surface),var(--btn-active));
+    box-shadow: none;
+    outline: 0;
+}
+.tagger-container div.my-1 .input-group > .input-group-append > button.btn.btn-primary:is(:disabled, .disabled) {
+    background-color: transparent;
+    color: transparent;
+    box-shadow: none;
+}
+.tagger-container div.my-1 .input-group > .input-group-append > button.btn.btn-primary >span.mr-2>.LoadingIndicator.inline.small>.spinner-border.spinner-border-sm>.sr-only{
+    color: transparent;
+}
+.tagger-container div.my-1 .input-group > .input-group-append > button.btn.btn-primary:has(>span.mr-2>.LoadingIndicator.inline.small)::before {
+    background-image: none;
+    transition: 0.25s ease-in-out;
+}
+.tagger-container div.my-1 .input-group > .input-group-append > button.btn.btn-primary:has(>span.mr-2>.LoadingIndicator.inline.small) {
+    background-color: transparent;
+    color: transparent;
+    box-shadow: none;
+    transition: background-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out;
+}
+.tagger-container div.my-1 .input-group > .input-group-append > button.btn.btn-primary >span.mr-2>.LoadingIndicator.inline.small {
+    display: flex;
+    position: relative;
+    width: 40px;
+    height: 40px;
+    left: 27px;
+}
+.tagger-container div.my-1 .input-group > .input-group-append > button.btn.btn-primary >span.mr-2>.LoadingIndicator.inline.small>.spinner-border.spinner-border-sm {
+    display: flex;
+    position: absolute;
+    width: 20px;
+    height: 20px;
+    margin: 8px;
+    border: 3px solid rgb(var(--pry-color));
+    border-radius: 5rem;
+    animation: loading-indicator-small 1.2s cubic-bezier(0.5,0,0.5,1) infinite;
+    border-color: rgb(var(--pry-color)) rgb(var(--pry-color)) rgb(var(--pry-color)) transparent;
+}
+.tagger-container div.my-1 .input-group > .input-group-append > button.btn.btn-primary >span.mr-2>.LoadingIndicator.inline.small>.spinner-border.spinner-border-sm:nth-child(1) {
+    animation-delay: -0.47s;
+}
+.tagger-container div.my-1 .input-group > .input-group-append > button.btn.btn-primary >span.mr-2>.LoadingIndicator.inline.small>.spinner-border.spinner-border-sm:nth-child(2) {
+    animation-delay: -0.28s;
+}
+.tagger-container div.my-1 .input-group > .input-group-append > button.btn.btn-primary >span.mr-2>.LoadingIndicator.inline.small>.spinner-border.spinner-border-sm:nth-child(3) {
+    animation-delay: -0.13s;
+}
+@keyframes loading-indicator-small {
+    0% {
+        transform: rotate(0deg);
+    }
+    100% {
+        transform:rotate(360deg);
+    }
+}
+
+.tagger-container div.my-1 .input-group > .input-group-append > button.btn.btn-primary > span.mr-2 > div.LoadingIndicator.inline.small > div.spinner-border.spinner-border-sm,
+.tagger-container div.my-1 .input-group > .input-group-append > button.btn.btn-primary > span.mr-2 > div.LoadingIndicator.inline.small > div.spinner-border.spinner-border-sm > span.sr-only {
+    color: transparent !important;
+}
+
+
+.tagger-container .collapse.show.card .input-group > .input-group-append > button.btn.btn-primary {
+    border-radius: 5rem;
+    padding: 0;
+    margin-right: 4px;
+    width: 40px;
+    max-width: 40px;
+    height: 40px;
+    max-height: 40px;
+    background: none;
+    color: transparent;
+    box-shadow: none;
+    z-index: 51;
+    transform: translate(0%, 0%);
+    transition: all 0s;
+    will-change: auto;
+}
+
+.tagger-container .collapse.show.card .input-group > .input-group-append > button.btn.btn-primary:hover {
+    background-color: rgb(var(--on-surface),var(--btn-hover));
+}
+.tagger-container .collapse.show.card .input-group > .input-group-append > button.btn.btn-primary:is(:active, :focus:not(:focus-visible)) {
+    background-color: rgb(var(--on-surface),var(--btn-active));
+    outline: none;
+}
+.tagger-container .collapse.show.card .input-group > .input-group-append > button.btn.btn-primary:focus-visible {
+    background-color: rgb(var(--on-tertiary),var(--btn-hover));
+    color: rgb(var(--tertiary));
+}
+.tagger-container .collapse.show.card .input-group > .input-group-append > button.btn.btn-primary::after {
+    color: rgb(var(--on-surface));
+    display: flex;
+    content: "\FF0B";
+    font-family: var(--UnicodeFont);
+    font-weight: 1000;
+    font-size: 24px;
+    position: absolute;
+    width: 40px;
+    max-width: 40px;
+    height: 40px;
+    align-items: center;
+    justify-content: center;
+}
+
+/* Flex box for thumb in tagger */
+.tagger-container .scene-card-preview {
+    border-radius: 12px 0;
+    margin-bottom: 0;
+    overflow: hidden;
+    /* min-width: 42.3vw; */
+    flex: 1 1 100%;
+    width: 39.25vw;
+    max-width: 59.78vh;
+    max-height: unset;
+    aspect-ratio: 16/9;
+    display: block;
+}
+
+.tagger-container div:has(>code) {
+    position: relative;
+    margin: 8px 0 12px 8px;
+    display: flex;
+    align-items: flex-start;
+    align-content: flex-start;
+    flex-wrap: wrap;
+}
+.tagger-container div > code {
+    display: flex;
+    margin-top: 2px;
+}
+
+@media (min-width: 576px) {
+    .flex-sm-row {
+        flex-direction: column !important;
+        padding-left: 0;
+        padding-right: 0;
+        margin-bottom: 16px;
+        border-radius: 12px 0;
+        align-items: flex-start !important;
+    }
+}
+
+.scene-link:not(.optional-field-content > .scene-link) {
+    position: relative;
+    outline: 0;
+    top: -48px;
+    /*width: 41.25vw; 31.25vw*/
+    /*max-width: 60.78vh; 177.78vh*/
+    /*margin-top: 1px;*/
+    background-color: #000b12;
+    border-radius: 0 0 12px;
+    backdrop-filter: blur(10px);
+    transform: translate(0%,0%);
+    transition: text-decoration 0.25s ease-in, all 0s;
+    width: 39.25vw;
+    max-width: 59.78vh;
+}
+.scene-link:not(.optional-field-content > .scene-link):is(:hover, :active) {
+    text-decoration: underline;
+    text-decoration-color: rgb(var(--nav-white));
+    text-underline-offset: 0.22em;
+    text-underline-position: from-font;
+    outline: 0;
+}
+.scene-link:not(.optional-field-content > .scene-link):focus {
+    text-decoration: underline;
+    text-decoration-color: rgb(var(--link-hover));
+    text-underline-offset: 0.22em;
+    text-underline-position: from-font;
+    outline: 0;
+}
+.scene-link:not(.optional-field-content > .scene-link):visited {
+    text-decoration: underline;
+    text-decoration-color: rgb(var(--nav-white));
+    text-underline-offset: 0.22em;
+    text-underline-position: from-font;
+    outline: 0;
+}
+
+/* Text fields on Tagger-Container Search-Results */
+.optional-field-content:not(:has(>.scene-link)) {
+    font-size: 14px;
+    line-height: 20px;
+    letter-spacing: 0.25px;
+    color: rgb(var(--on-surface-variant));
+}
+/* Name of Scene, Movie, etc. */
+.optional-field-content > .scene-link {
+    font-size: 18px;
+    line-height: 26px;
+    letter-spacing: 0.11px;
+}
+/* */
+.search-result svg.svg-inline--fa.fa-circle-check.fa-icon {
+    color: rgb(var(--green)) !important;
+}
+.search-result .entity-name {
+    color: rgb(var(--on-surface-variant));
+}
+
+button.sprite-button.btn.btn-link > svg.fa-image {
+    font-size: 24px;
+}
+
+.tagger-container .input-group>.form-control:not(:first-child):not(:last-child) {
+    border-radius: 4px;
+    left: -34px;
+    margin-right: -31px;
+    background-color: rgb(var(--card-color));
+}
+.tagger-container .input-group>.form-control:not(:first-child):not(:last-child):focus {
+    background-color: rgb(var(--card-color)) !important;
+}
+.tagger-container .mt-2.text-right:has(>*.btn-primary):not(.submit-draft) {
+    margin-top: 12px !important;
+}
+
+/* removed right margin so thumbnail in row fills it container. */
+.tagger-container .search-item > .row > .col > .scene-card.mr-3 {
+    margin-right: 0 !important;
+}
+
+.original-scene-details>.collapse.show>.col:first-of-type>h4 {
+    color: rgb(var(--on-sec-container));
+}
+.original-scene-details>.collapse.show>.col:first-of-type>h5 {
+    color: #adcce6;
+}
+.original-scene-details>.collapse.show>.col:first-of-type>.TruncatedText {
+    margin-bottom: 8px;
+    font-size: 16px;
+    font-weight: 400;
+    line-height: 24px;
+    letter-spacing: 0.5px;
+    color: rgb(var(--description-color));
+}
+.original-scene-details>.collapse.show>.col:first-of-type>a.scene-url,
+.original-scene-details>.collapse.show>.col:first-of-type>a.scene-path,
+.original-scene-details>.collapse.show>.col:first-of-type>span.scene-duration {
+    font-size: 12px;
+    font-weight: 500;
+    line-height: 16px;
+    letter-spacing: 0.5px;
+    color: rgb(var(--on-surface-variant)) !important;
+}
+
+.search-item > .row .original-scene-details > .collapse.show .col:is(:has(*.performer-tag-container)) {
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-end;
+}
+
+.original-scene-details > .collapse.show > .col > div:is(:has(.performer-tag-container)) {
+    display: flex;
+    margin-left: auto;
+    flex-direction: row;
+    justify-content: flex-end;
+    flex-wrap: wrap;
+    align-content: flex-start;
+    transform: translate(0%,0%);
+    transition: all 0.35s ease-in 0s;
+    will-change: transform, margin-left, transition;
+}
+.original-scene-details > .collapse.show > .col > div:is(:has(.performer-tag-container)) + div:has(>.tag-item),
+.original-scene-details > .collapse.show > .col > div:empty + div:has(>.tag-item) {
+    margin-left: auto;
+    margin-top: auto;
+    position: relative;
+    display: flex;
+    flex-wrap: wrap;
+    align-content: flex-end;
+    justify-content: flex-end;
+    height: 110%;
+    right: 16px;
+    transform: translate(16px, 12px);
+    transition: all 0.45s ease 0s;
+    will-change: transform, height, right;
+}
+
+:is(.performer-tag-container, .movie-tag-container) {
+    margin: 4px;
+    border: 0;
+    background-color: rgb(var(--sec-container));
+    border-radius: 4px;
+    padding: 8px;
+    display: flex;
+    flex: 1 1 30%;
+    max-width: 33%;
+    flex-direction: column;
+    justify-content: flex-end;
+    align-items: stretch;
+    align-content: center;
+}
+:is(.performer-tag, .movie-tag) > img.image-thumbnail {
+    min-width: 75px;
+    width: 75px;
+}
+:is(.performer-tag, .movie-tag) > img.image-thumbnail:hover {
+    filter: brightness(1.05);
+    transition: filter 0.35s ease 0.15s;
+}
+
+.collapse.show > .col > div > .performer-tag-container > a.performer-tag.col {
+    display: flex;
+    flex: 0 0 30%;
+    align-items: center;
+    justify-content: center;
+    flex-wrap: nowrap;
+}
+
+/* Tagger Configuration Card */
+.tagger-container .collapse.show.card > .row > hr.w-100 {
+    border-top: 1px solid rgb(var(--outline));
+    margin-right: 16px;
+    margin-left: 16px;
+    margin-bottom: 16px;
+    margin-top: 4px;
+}
+small.form-text {
+    font-size: 11px;
+    font-weight: 500;
+    line-height: 16px;
+    letter-spacing: 0.5px;
+    color: rgb(var(--on-surface));
+    filter: brightness(0.7);
+}
+#batch-search-config small.form-text {
+    word-break: keep-all;
+    word-wrap: normal;
+    word-spacing: normal;
+    margin-top: -8.5%;
+    margin-left: 3%;
+    margin-right: 80%;
+}
+
+.tagger-container .collapse.show.card .input-group:not(.has-validation)>input.form-control:not(:last-child) {
+    border-radius: 4px;
+    margin-right: -54px;
+    padding-right: 68px;
+    background-color: rgb(var(--card-color2));
+}
+.tagger-container .collapse.show.card h4 {
+    color: #cae9e3;
+}
+.tagger-container .collapse.show.card h5 {
+    color: #94d2c6;
+}
+/*.tagger-container .collapse.show.card .tag-item.badge.badge-secondary {
+    padding-top: 0;
+    padding-bottom: 38px;
+}*/
+
+/* Performer Tagger */
+.PerformerTagger-performer {
+    border-radius: 1.35rem;
+    margin: 12px;
+    padding: 12px;
+    background-color: rgb(var(--body-color2));
+}
+.PerformerTagger-box-link.input-group>.input-group-text {
+    top: 0;
+    left: 0;
+}
+.PerformerTagger-box-link.input-group>.input-group-append>button.btn.btn-primary {
+    margin-left: 0;
+}
+.PerformerTagger-details>.input-group>input.form-control {
+    border-radius: 0.5rem;
+}
+.PerformerTagger-details>.input-group>.input-group-append>button.btn.btn-primary {
+    margin-bottom: 6px;
+}
+
+.SceneScrapeModal .input-group:not(.has-validation)>.form-control:not(:last-child) {
+    margin-right: -62px;
+    border-radius: 0.5rem;
+    padding-right: 64px;
+}
+.SceneScrapeModal .input-group .input-group-append>button.btn.btn-primary[title="Search"] {
+    padding: 0 14px;
+    margin-right: 18px;
+    border-radius: 5rem;
+    position: relative;
+    top: 8px;
+    left: 6px;
+    background-color: transparent;
+    color: #a8dfd4;
+    box-shadow: none;
+}
+.SceneScrapeModal .input-group .input-group-append>button.btn.btn-primary[title="Search"]:hover:not(:disabled):not(.disabled),
+.SceneScrapeModal .input-group .input-group-append>button.btn.btn-primary[title="Search"]:focus:not(:disabled):not(.disabled),
+.SceneScrapeModal .input-group .input-group-append>button.btn.btn-primary[title="Search"]:focus-visible:not(:disabled):not(.disabled):not(:focus) {
+    background-color: rgba(255,255,255,0.10);
+    color: #a8dfd4;
+    box-shadow: none;
+}
+.SceneScrapeModal .input-group .input-group-append>button.btn.btn-primary[title="Search"]:active:not(:disabled):not(.disabled),
+.SceneScrapeModal .input-group .input-group-append>button.btn.btn-primary[title="Search"].active:not(:disabled):not(.disabled),
+.SceneScrapeModal .input-group .input-group-append>button.btn.btn-primary[title="Search"]:active:hover:not(:disabled):not(.disabled),
+.SceneScrapeModal .input-group .input-group-append>button.btn.btn-primary[title="Search"].active:hover:not(:disabled):not(.disabled),
+.SceneScrapeModal .input-group .input-group-append>button.btn.btn-primary[title="Search"]:active:focus:not(:disabled):not(.disabled),
+.SceneScrapeModal .input-group .input-group-append>button.btn.btn-primary[title="Search"].active:focus:not(:disabled):not(.disabled) {
+    background-color: rgba(255,255,255,0.16);
+    color: #a8dfd4;
+    box-shadow: none;
+}
+
+.modal-body .dialog-container>.input-group:not(.has-validation)>input.btn-secondary.form-control:not(:last-child) {
+    margin-right: -40px;
+    border-radius: 5rem;
+    min-height: 56px;
+    padding-left: 64px;
+}
+.modal-body .dialog-container:has(>*.folder-list)>.input-group>.input-group-append>button.btn.btn-secondary:has(>.fa-plus) {
+    background-color: transparent;
+    border: 0;
+    border-radius: 5rem;
+    padding: 0 14px 0 14px;
+    position: relative;
+    top: 8px;
+    left: -12px;
+}
+.modal-body .dialog-container:has(>*.folder-list)>.input-group>.input-group-append>button.btn.btn-secondary:has(>.fa-plus):hover:not(:disabled):not(.disabled),
+.modal-body .dialog-container:has(>*.folder-list)>.input-group>.input-group-append>button.btn.btn-secondary:has(>.fa-plus):focus:not(:disabled):not(.disabled),
+.modal-body .dialog-container:has(>*.folder-list)>.input-group>.input-group-append>button.btn.btn-secondary:has(>.fa-plus):focus-visible:not(:disabled):not(.disabled):not(:focus) {
+    background-color: rgba(255,255,255,0.16);
+    box-shadow: none;
+}
+.modal-body .dialog-container:has(>*.folder-list)>.input-group>.input-group-append>button.btn.btn-secondary:has(>.fa-plus):active:not(:disabled):not(.disabled),
+.modal-body .dialog-container:has(>*.folder-list)>.input-group>.input-group-append>button.btn.btn-secondary:has(>.fa-plus):active:hover:not(:disabled):not(.disabled),
+.modal-body .dialog-container:has(>*.folder-list)>.input-group>.input-group-append>button.btn.btn-secondary:has(>.fa-plus):active:focus:not(:disabled):not(.disabled) {
+    background-color: rgba(255,255,255,0.08);
+    box-shadow: none;
+}
+.modal-body .dialog-container:has(>*.folder-list)>.input-group>.input-group-append>button.btn.btn-secondary:has(>.fa-plus):focus-visible:not(:focus):not(:disabled):not(.disabled) {
+    outline-color: #dffffb;
+    outline-width: 3px;
+    outline-style: solid;
+    outline-offset: 0;
+}
+.modal-body .dialog-content:has(>*.folder-list)>.input-group:not(.has-validation)>input.btn-secondary.form-control {
+    min-height: 56px;
+}
+.modal-body .string-list-input .input-group:not(.has-validation)>input.text-input.form-control:not(:last-child) {
+    border-radius: 0.5rem;
+    margin-right: -40px;
+    padding-right: 64px;
+}
+.modal-body .string-list-input .input-group>.input-group-append>button.btn.btn-danger:has(>.fa-minus) {
+    border: 1px solid #dcf6f0;
+    color: #dcf6f0;
+    background-color: transparent;
+    border-radius: 5rem;
+    padding: 0 14px 0 14px;
+    position: relative;
+    top: 8px;
+    left: -12px;
+}
+.modal-body .string-list-input .input-group>.input-group-append>button.btn.btn-danger:has(>.fa-minus):hover:not(:disabled):not(.disabled),
+.modal-body .string-list-input .input-group>.input-group-append>button.btn.btn-danger:has(>.fa-minus):focus:not(:disabled):not(.disabled),
+.modal-body .string-list-input .input-group>.input-group-append>button.btn.btn-danger:has(>.fa-minus):focus-visible:not(:disabled):not(.disabled):not(:focus) {
+    background-color: rgba(255,255,255,0.08);
+    border-color: #ffb4ab;
+    color: #ffb4ab;
+    box-shadow: none;
+}
+.modal-body .string-list-input .input-group>.input-group-append>button.btn.btn-danger:has(>.fa-minus):active:not(:disabled):not(.disabled),
+.modal-body .string-list-input .input-group>.input-group-append>button.btn.btn-danger:has(>.fa-minus):active:hover:not(:disabled):not(.disabled),
+.modal-body .string-list-input .input-group>.input-group-append>button.btn.btn-danger:has(>.fa-minus):active:focus:not(:disabled):not(.disabled) {
+    background-color: rgba(255,255,255,0.16);
+    border-color: #ffb4ab;
+    color: #ffb4ab;
+    box-shadow: none;
+}
+.modal-body .string-list-input .input-group>.input-group-append>button.btn.btn-danger:has(>.fa-minus):focus-visible:not(:focus):not(:disabled):not(.disabled) {
+    outline-color: #dffffb;
+    outline-width: 3px;
+    outline-style: solid;
+    outline-offset: 0;
+}
+
+.main.container-fluid>div:has(>*.error-message)>h2 {
+    color: #690005;
+}
+.error-message {
+    color: #93000a;
+}
+
+input#filename-pattern.text-input.form-control {
+    border-radius: 0.5rem;
+    margin-right: 12px;
+}
+button#parser-field-select.dropdown-toggle.btn.btn-primary {
+    position: relative;
+    top: 8px;
+}
+.duplicate-checker .d-flex.mt-2.mb-2 select.w-auto.ml-2.btn-secondary.form-control {
+    width: 100% !important;
+}
+.duplicate-checker-table tbody>tr td>button.edit-button.btn {
+    margin-bottom: 4px;
+    margin-top: 4px;
+}
+#parser-container .form-group>.row.form-group>button.ml-3.col-1.btn.btn-secondary {
+    position: relative;
+    top: 8px;
+}
+.preview-button .fa-icon {
+    color: #fff;
+    height: 2.75em;
+    width: 2.75em;
+}
+.edit-filter-dialog .criterion-list .card .card-header {
+    border-bottom: 0;
+    border-style: none;
+}
+.edit-filter-dialog .criterion-list .card {
+    border-style: none;
+    border: 0;
+    border-radius: 0;
+}
+.edit-filter-dialog .criterion-list .card .filter-item-header {
+    background-color: transparent;
+    border-bottom: 0;
+    border-radius: 1.35rem;
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+}
+.edit-filter-dialog .criterion-list .card .filter-item-header:focus,
+.edit-filter-dialog .criterion-list .card:has(>*.collapse.show) .filter-item-header {
+    background-color: rgb(var(--card-color-collaps-show));
+    border-color: transparent;
+    border-radius: 0;
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    box-shadow: none;
+    transform: translate(0%,0%);
+    transition: tranform 0.25s ease-out 0s;
+}
+.edit-filter-dialog .criterion-list .card .filter-item-header:focus {
+    background-color: transparent;
+}
+
+
+/* Chips/Tag-Items for the Filter Editor */ 
+.modifier-options button.modifier-option.btn-primary {
+    background-image: none;
+    background-color: rgb(var(--surface));
+    padding: 0 16px;
+    border-radius: 8px;
+    color: rgb(var(--on-surface-variant));
+    border: 1px solid rgb(var(--outline));
+    font-size: 14px;
+    line-height: 20px;
+    letter-spacing: 0.15px;
+    font-weight: 500;
+    margin-right: 8px;
+    margin-bottom: 8px;
+    height: 32px;
+    min-height: 32px;
+    width: auto;
+    box-shadow: var(--elevation-0);
+}
+.modifier-options button.modifier-option.btn.btn-primary:not(.selected):hover {
+    color: rgb(var(--on-surface-variant));
+    box-shadow: var(--elevation-0);
+    background-image: var(--btn-hover-highlight);
+    background-color: rgb(var(--surface));
+    background-blend-mode: screen;
+    border: 1px solid rgb(var(--outline));
+}
+.modifier-options button.modifier-option.btn.btn-primary:is(:not(.selected)):focus-visible {
+    background-image: linear-gradient(to right, rgb(var(--pry-container)), rgb(var(--pry-container))) !important;
+    background-color: transparent;
+    color: rgb(var(--on-tertiary-container));
+    outline-color: rgb(var(--focus-ring));
+    outline-offset: -0.1rem;
+    outline-style: solid;
+    outline-width: 0.19rem;
+    box-shadow: none;
+}
+
+.modifier-options button.modifier-option.selected::before {
+    content: "\xb9";
+    font-family: var(--UnicodeFont);
+    font-weight: 500;
+    font-size: 18px;
+    display: inline-block;
+    color: rgb(var(--green));
+}
+.modifier-options button.modifier-option.selected,
+.modifier-options button.modifier-option.btn.btn-primary:is(:not(.disabled, :disabled):not(.selected)):is(:focus) {
+    background-color: transparent;
+    background-image: linear-gradient(to right, rgb(var(--tertiary-container)), rgb(var(--tertiary-container)));
+    box-shadow: var(--elevation-0);
+    color: rgb(var(--on-tertiary-container)) !important;
+    border: 1px solid rgb(var(--tertiary-container));
+    opacity: 1;
+    transition: background-image 0.55s ease, border 0.25s ease-in, box-shadow 0.4s ease-out, background-color 0.55s ease-in;
+}
+.modifier-options button.modifier-option.btn.btn-primary:is(:not(.disabled, :disabled).selected):is(:active, :active:focus) {
+    color: rgb(var(--on-tertiary-container));
+    box-shadow: var(--elevation-0);
+    background-image: var(--btn-active-highlight);
+    background-color: rgb(var(--tertiary-container));
+    background-blend-mode: screen;
+    border: 1px solid rgb(var(--tertiary-container));
+}
+.modifier-options button.modifier-option.btn.btn-primary:is(:not(.disabled, :disabled).selected):is(:hover) {
+    color: rgb(var(--on-tertiary-container));
+    box-shadow: var(--elevation-1);
+    background-image: var(--btn-hover-highlight);
+    background-color: rgb(var(--tertiary-container));
+    background-blend-mode: screen;
+    border: 1px solid rgb(var(--tertiary-container));
+}
+.modifier-options button.modifier-option.selected.btn.btn-primary:focus-visible {
+    background-color: transparent;
+    background-image: linear-gradient(to right, rgb(var(--tertiary-container)), rgb(var(--tertiary-container)));
+    color: rgb(var(--on-pry-container)) !important;
+    outline-color: rgb(var(--focus-ring));
+    outline-offset: -0.1rem;
+    outline-style: solid;
+    outline-width: 0.19rem;
+    box-shadow: none;
+}
+/* * */
+
+/* Critereion Filter Editor */
+.criterion-editor .form-group:has(>.input-group > input[placeholder="File path"].btn-secondary.form-control) {
+    position: relative;
+}
+.criterion-editor .form-group:has(>.input-group > input[placeholder="File path"].btn-secondary.form-control)::before {
+    content: "File path";
+    font-size: 12px;
+    font-weight: 500;
+    line-height: 16px;
+    letter-spacing: 1px;
+    color: rgb(var(--pry-color));
+    background-color: rgb(var(--card-color-collaps-show));
+    position: relative;
+    padding-left: 4px;
+    padding-right: 4px;
+    margin-bottom: -1.75%;
+    margin-left: 16px;
+    z-index: 5;
+    transform: translate(0%,0%);
+    transition: all 0.35s ease;
+    visibility: hidden;
+}
+.criterion-editor .form-group:has(>.input-group > input[placeholder="File path"].btn-secondary.form-control):focus-within::before {
+    visibility: visible;
+}
+
+.criterion-editor > div > .form-group + .form-group > div > div.react-select__control {
+    background-color: transparent;
+    color: rgb(var(--on-surface-variant));
+    width: 100%;
+}
+/* Folder-List Unicode Characters */
+.criterion-editor .folder-list-item .btn span::before {
+    content: "\xa9 \x01F5BF";
+    font-size: 20px;
+    color: rgb(var(--on-surface-variant));
+    padding-right: 16px;
+}
+.criterion-editor .folder-list-item .btn span {
+    color: rgb(var(--on-surface-variant));
+}
+/* Folder-Lists */
+.criterion-editor .form-group .folder-list.collapse.show > .folder-list-item > button.btn.btn-link {
+    background-color: transparent;
+    padding: 0 8px;
+    border-radius: 8px;
+}
+.criterion-editor .form-group .folder-list.collapse.show > .folder-list-item > button.btn.btn-link:hover {
+    box-shadow: none;
+    border-radius: 8px;
+    background-color: rgb(var(--on-surface),var(--btn-hover));
+}
+.criterion-editor .form-group ul.folder-list.collapse.show {
+        overflow-x: visible;
+}
+/* Parent Folder Icon */
+.criterion-editor .folder-list-parent.folder-list-item .btn span::before {
+    content: "\A71B";
+    visibility: visible;
+}
+/* Search Bar in Tags */
+.criterion-editor input.clearable-text-field.form-control {
+    border: 1px solid rgb(var(--outline));
+}
+.criterion-editor input.clearable-text-field.form-control:hover {
+    border: 1px solid rgb(var(--on-surface-variant));
+}
+
+.criterion-editor .form-group:has(>input[placeholder="phash"].btn-secondary.form-control) {
+    position: relative;
+}
+.criterion-editor .form-group:has(>input[placeholder="phash"].btn-secondary.form-control)::before {
+    content: "phash";
+    font-size: 12px;
+    color: rgb(var(--pry-color));
+    background-color: rgb(var(--card-color-collaps-show));
+    position: relative;
+    padding-left: 4px;
+    padding-right: 4px;
+    margin-bottom: -2.5%;
+    margin-left: 16px;
+    z-index: 5;
+    transform: translate(0%,0%);
+    visibility: hidden;
+}
+.criterion-editor .form-group:has(>input[placeholder="phash"].btn-secondary.form-control):focus-within::before {
+    visibility: visible;
+}
+
+.criterion-editor .form-group:has(>input[placeholder="Stash ID Endpoint"].btn-secondary.form-control) {
+    position: relative;
+}
+.criterion-editor .form-group:has(>input[placeholder="Stash ID Endpoint"].btn-secondary.form-control)::before {
+    content: "Stash ID Endpoint";
+    font-size: 12px;
+    font-weight: 500;
+    line-height: 16px;
+    letter-spacing: 1px;
+    color: rgb(var(--pry-color));
+    background-color: rgb(var(--card-color-collaps-show));
+    position: relative;
+    padding-left: 4px;
+    padding-right: 4px;
+    margin-bottom: -1.75%;
+    margin-left: 16px;
+    z-index: 5;
+    transform: translate(0%,0%);
+    visibility: hidden;
+}
+.criterion-editor .form-group:has(>input[placeholder="Stash ID Endpoint"].btn-secondary.form-control):focus-within::before {
+    visibility: visible;
+}
+.criterion-editor .form-group:nth-child(2):has(>input[placeholder="Stash ID"].btn-secondary.form-control) {
+    position: relative;
+}
+.criterion-editor .form-group:nth-child(2):has(>input[placeholder="Stash ID"].btn-secondary.form-control)::before {
+    content: "Stash ID";
+    font-size: 12px;
+    font-weight: 500;
+    line-height: 16px;
+    letter-spacing: 1px;
+    color: rgb(var(--pry-color));
+    background-color: rgb(var(--card-color-collaps-show));
+    position: relative;
+    padding-left: 4px;
+    padding-right: 4px;
+    margin-bottom: -1.75%;
+    margin-left: 16px;
+    z-index: 5;
+    transform: translate(0%,0%);
+    visibility: hidden;
+}
+.criterion-editor .form-group:nth-child(2):has(>input[placeholder="Stash ID"].btn-secondary.form-control):focus-within::before {
+    visibility: visible;
+}
+
+
+
+/* * */
+
+button.btn.btn-primary.btn-sm:first-child {
+    border-bottom-left-radius: 5rem;
+}
+button.btn.btn-primary.btn-sm:last-child {
+    border-bottom-right-radius: 5rem;
+}
+.stats-element {
+    margin: auto .5rem 2rem .5rem;
+}
+
+.tagger-container .d-flex.align-items-center .d-flex > button + button.ml-1.btn.btn-primary /* Spacing for Tagger-Container top buttons */ {
+    margin-left: 1rem !important;
+}
+.tagger-container .d-flex.align-items-center .d-flex:last-of-type > button + button.ml-1.btn.btn-primary /* * */ {
+    margin-right: -0.25rem;
+}
+
+.tagger-container .d-flex > .w-auto + .d-flex button.btn.btn-primary:is(:disabled, .disabled) /* Disabled Tagger-Conatainer top buttons */ {
+    background-image: linear-gradient(to right, rgb(var(--tertiary),var(--disabled)) rgb(var(--tertiary),var(--disabled)));
+    background-color: rgb(var(--body-color2));
+    background-blend-mode: normal;
+}
+
+.row:has(>:is(label[for="batch-search-delay"], label[for="colorize-color-green"], label[for="colorize-color-yellow"], label[for="colorize-color-red"])) {
+    flex-wrap: nowrap;
+}
+:is(label[for="batch-search-delay"], label[for="colorize-color-green"], label[for="colorize-color-yellow"], label[for="colorize-color-red"]) {
+    margin-right: 30px;
+    white-space: normal;
+    padding-right: 0;
+}
+/* *** */
+
+/* Radio Button Replacements */
+.form-check:has(>input[type="radio"]) {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: flex-start;
+    align-items: flex-start;
+    position: relative;
+}
+.form-check > input[type="radio"] + label {
+    margin-left: 11px;
+    margin-top: -2px;
+    padding-bottom: 13px;
+    margin-bottom: 0.15rem;
+}
+.form-check > input[type="radio"]::before {
+    content: "";
+    display: flex;
+    vertical-align: top;
+    width: 20px;
+    height: 20px;
+    border-radius: 5rem;
+    border: 2px solid rgb(var(--on-surface-variant));
+    background-color: rgb(var(--card-color2));
+    opacity: 1;
+    transition: all 0.2s ease-in 0.05s;
+}
+.form-check > input[type="radio"]:hover::before {
+    background-color: rgb(var(--card-color2-hover));
+    border: 2px solid rgb(var(--on-surface));
+    box-shadow: 0 0 0 8px rgb(var(--card-color2-hover));
+}
+.form-check > input[type="radio"]:checked::before {
+    box-shadow: inset 0 0 0 3px rgb(var(--card-color-collaps-show));
+    background-color: rgb(var(--pry-color));
+    border: 2px solid rgb(var(--pry-color));
+}
+.form-check > input[type="radio"]:hover:checked::before {
+    box-shadow: inset 0 0 0 3px rgb(var(--card-color2)), 0 0 0 8px rgb(var(--card-color2-hover));
+    background-color: rgb(var(--pry-color));
+    border: 2px solid rgb(var(--pry-color));
+}
+.form-check > input[type="radio"]:focus-visible::before {
+    background-color: rgba(var(--pry-container));
+    border: 2px solid rgb(var(--on-tertiary-container));
+    outline-width: 0.19rem;
+    outline-style: solid;
+    outline-color: rgb(var(--focus-ring));
+    outline-offset: 0.1rem;
+}
+.form-check > input[type="radio"]:focus-visible:checked::before {
+    outline-width: 0.19rem;
+    outline-style: solid;
+    outline-color: rgb(var(--focus-ring));
+    outline-offset: 0.1rem;
+    background-color: rgba(var(--focus-ring));
+    border: 2px solid rgb(var(--on-tertiary-container));
+    box-shadow: inset 0 0 0 3px rgb(var(--pry-container));
+}
+/* Radio Buttons Misc. Background-Colors etc. */
+#query-edit-config .form-check:has(>input[type="radio"]) {
+    justify-content: space-between;
+}
+
+#query-edit-config .form-check:has(>input[type="radio"]) > input[type="radio"] + label, 
+#query-edit-config .form-check:has(>input[type="radio"]) > input[type="radio"] + label ~ label {
+    margin-left: 8px;
+    margin-right: 24px;
+    margin-top: -8px;
+    padding-bottom: 0;
+    margin-bottom: 8px;
+    position: relative;
+    bottom: -9px;
+}
+
+#query-edit-config .form-check:has(>input[type="radio"]) > input[type="radio"] ~ input[type="radio"] {
+    margin-left: 16px;
+}
+
+/* Checkbox Button Replacements */
+/*.form-check:has(>input[type="checkbox"]) {
+    display: inline-block;
+    position: relative;
+    z-index: 0;
+    line-height: 1.5;
+    font-size: 16px;
+    font-family: 'Roboto Flex','Roboto';
+    margin-bottom: 6px;
+    margin-top: 10px;
+    width: 100%;
+}
+.form-check > input[type=checkbox] {
+    appearance: none;
+    --moz-appearance: none;
+    -webkit-appearance: none;
+    z-index: -1;
+    position: absolute;
+    display: block;
+    border-radius: 5rem;
+    background-color: rgb(var(--on-surface),var(--btn-hover));
+    width: 40px;
+    height: 40px;
+    top: -9px;
+    left: -7px;
+    opacity: 0;
+    box-shadow: none;
+    outline: none;
+    pointer-events: none;
+    transform: scale(1);
+    transition: opacity 0.4s, transform 0.45s;
+}
+.form-check > input[type="checkbox"] + label {
+    margin: 0;
+    display: inline-block;
+    width: 100%;
+    cursor: pointer;
+}
+.form-check > input[type="checkbox"] + label::before {
+    content: " ";
+    margin: 0 16px 0 -30px;
+    display: inline-block;
+    border: solid 2px;
+    border-color: rgb(var(--on-surface-variant));
+    border-radius: 2px;
+    width: 18px;
+    height: 18px;
+    vertical-align: top;
+    transition: border-color 0.35s, background-color 0.55s;
+}
+.form-check > input[type="checkbox"] + label::after {
+    content: "\xb9";
+    display: block;
+    position: absolute;
+    font-size: 18px;
+    color: transparent;
+    top: -4px;
+    left: -12px;
+    transform: scale(1);
+}
+.form-check > input[type=checkbox]:is(:checked, :indeterminate) {
+    background-color: rgb(var(--pry-color));
+}
+.form-check > input[type=checkbox]:is(:checked, :indeterminate) + label::before {
+    border-color: rgb(var(--pry-color));
+    background-color: rgb(var(--pry-color));
+}
+.form-check > input[type=checkbox]:is(:checked, :indeterminate) + label::after {
+    color: rgb(var(--on-sec));
+}
+.form-check > input[type="checkbox"]:indeterminate + label::after {
+    content: "\x93D";
+}
+.form-check:hover > input[type="checkbox"] {
+    opacity: 0.24;
+}
+.form-check > input[type="checkbox"]:focus {
+    opacity: 0.32;
+}
+.form-check:hover > input[type="checkbox"]:focus {
+    opacity: 0.38;
+}
+.form-check > input[type="checkbox"]:active {
+    opacity: 1;
+    transform: scale(0);
+    transition: transform 0s, opacity 0s;
+}
+.form-check > input[type="checkbox"]:active + label::before {
+    border-color: rgb(var(--on-surface));
+}
+.form-check > input[type="checkbox"]:checked:active + label::before {
+    background-color: rgb(0,0,0,0.6);
+}
+.form-check > input[type="checkbox"]:disabled {
+    opacity: 0;
+}
+.form-check > input[type="checkbox"]:disabled + label {
+    cursor: initial;
+}
+.form-check > input[type="checkbox"]:disabled + label::before {
+    border-color: currentColor;
+}
+.form-check > input[type="checkbox"]:checked:disabled + label::before,
+.form-check > input[type="checkbox"]:indeterminate:disabled + label::before {
+    border-color: transparent;
+    background-color: currentColor;
+}
+
+.criterion-editor .form-check > input[type=checkbox],
+.modal-content .form-check > input[type=checkbox] {
+    appearance: none;
+    --moz-appearance: none;
+    -webkit-appearance: none;
+    z-index: -1;
+    position: absolute;
+    display: block;
+    border-radius: 5rem;
+    background-color: rgb(var(--on-surface),var(--btn-hover));
+    width: 40px;
+    height: 40px;
+    left: 1.8%;
+    top: -8px;
+    opacity: 0;
+    box-shadow: none;
+    outline: none;
+    pointer-events: none;
+    transform: scale(1);
+    transition: opacity 0.4s, transform 0.45s;
+}
+.criterion-editor .form-check > input[type="checkbox"] + label,
+.modal-content .form-check > input[type="checkbox"] + label {
+    margin: -30px 0px -20px 0;
+    position: absolute;
+    white-space: normal;
+}
+.criterion-editor .form-check > input[type="checkbox"] + label::before,
+.modal-content .form-check > input[type="checkbox"] + label::before {
+    margin: 0 16px 20px -16px;
+}
+.criterion-editor .form-check > input[type="checkbox"] + label::after {
+    left: 2px;
+}*/
+
+/* Performer Page Background-Image-Container's Elevated Buttons */
+.background-image-container + .detail-container .details-edit button,
+.background-image-container + .detail-container .details-edit button:not(.disabled):not(:disabled):is(:focus, :active, :active:focus) {
+    box-shadow: var(--elevation-1);
+}
+div.detail-header div.background-image-container + div.detail-container div.details-edit button:not(.disabled):not(:disabled):hover,
+div.detail-header div.background-image-container + div.detail-container div.details-edit button.btn.btn-secondary:not(.disabled):not(:disabled):hover {
+    box-shadow: var(--elevation-2);
+}
+
+span.detail-expand-collapse > button.minimal.expand-collapse.btn.btn-primary {
+    font-size: 24px;
+    color: rgb(var(--on-surface-variant));
+    min-width: 40px;
+    width: 40px;
+    height: 40px;
+    border-radius: 5rem;
+    background-color: transparent;
+    border: 0;
+    box-shadow: none;
+}
+span.detail-expand-collapse > button.minimal.expand-collapse.btn.btn-primary:hover {
+    color: rgb(var(--on-surface-variant));
+    background-color: rgb(var(--on-surface-variant),var(--btn-hover));
+    box-shadow: var(--elevation-1);
+}
+span.detail-expand-collapse > button.minimal.expand-collapse.btn.btn-primary:not(.disabled):not(:disabled):is(:active, :focus, :active:focus) {
+    color: rgb(var(--on-surface-variant));
+    background-color: rgb(var(--on-surface-variant),var(--btn-active));
+    box-shadow: var(--elevation-0);
+    outline: none;
+}
+
+/*** Button Ripple ***/
+body :is(:not(.collapse.show.card .input-group):has(> .input-group-append)) button:not(.navbar-buttons a[href$="/new"] > button).btn.btn-primary:not(.scrubber-button):not(.minimal):not([title="Search"])::after {
+    content: "";
+    display: block;
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    width: 92px;
+    height: 92px;
+    margin-left: -46px;
+    margin-top: -30px;
+    background: radial-gradient(ellipse, #d4ebff9a 0%, #ffffffca 35%, #82c5b8 100%);
+    border-radius: 5rem;
+    opacity: 0.6;
+    transform: scale(0);
+    will-change: auto;
+}
+a:not([href^="/scenes"]):not([href^="/images"]):not([href^="/movies"]):not([href^="/scenes/markers"]):not([href^="/galleries"]):not([href^="/performers"]):not([href^="/studios"]):not([href^="/tags"]).minimal::after, 
+button:not(.brand-link).minimal:not(.scene-count>button.minimal):not(:where(.o-counter,.o-count)>button.minimal):not(.image-count>button.minimal):not(.gallery-count>button.minimal):not(.organized>button.minimal):not(.tag-count>button.minimal):not(.performer-count>button.minimal):not(.organized-button)::after, 
+.navbar-brand button.minimal.brand-link.d-inline-block.btn.btn-primary::after,
+button#operation-menu.minimal.dropdown-toggle.btn.btn-secondary::after,
+.card-popovers a.pwPlayer_button::after {
+    content: "";
+    display: block;
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    width: 90px;
+    height: 90px;
+    margin-left: -45px;
+    margin-top: -30px;
+    background: radial-gradient(ellipse, #dffffb9a 0%, #ffffffca 20%, #373d3b 100%);
+    border-radius: 5rem;
+    opacity: 0.6;
+    transform: scale(0);
+    will-change: auto;
+}
+.navbar-brand button.minimal.brand-link.d-inline-block.btn.btn-primary::after {
+    background: radial-gradient(ellipse, #ffffffa9 0%, #dffffba9 35%, #202B33 100%);
+    opacity: 0.5;
+    top: 90%;
+    transform: scale(0);
+    transition: transform 0s;
+    will-change: auto;
+}
+
+
+.top-nav .navbar-buttons:not(:has(a[href^="/scenes/new"])):not(:has(a[href^="/movies/new"])):not(:has(a[href^="/galleries/new"])):not(:has(a[href^="/performers/new"])):not(:has(a[href^="/studios/new"])):not(:has(a[href^="/tags/new"])) .btn:not(.donate)::after,
+.top-nav .navbar-buttons a.nav-utility button.minimal.btn.btn-primary:not(.donate)::after,
+.top-nav .navbar-buttons button.minimal.btn.btn-primary:not(.donate)::after,
+.modal-header .close::after {
+    content: "";
+    display: block;
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    width: 48px;
+    height: 48px;
+    margin-left: -20px;
+    margin-top: -20px;
+    background: radial-gradient(circle at center, #d4ebff9a 0%, #ffffffca 35%, #687988 100%);
+    border-radius: 50%;
+    opacity: 0.6;
+    transform: scale(0);
+    will-change: auto;
+}
+.top-nav .navbar-buttons a.nav-utility button[title="Donate"].minimal.donate.btn.btn-primary::after,
+button.minimal.collapse-button.btn-primary::after,
+button.tag-list-button.btn.btn-secondary:has(>.tag-list-anchor)::after {
+    content: "";
+    display: block;
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    width: 92px;
+    height: 92px;
+    margin-left: -46px;
+    margin-top: -30px;
+    background: radial-gradient(ellipse, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
+    border-radius: 5rem;
+    opacity: 0.6;
+    transform: scale(0);
+    will-change: auto;
+}
+/* Nav-Tabs cented ripple */
+.nav-tabs>.nav-item:has(>*:not(.btn-secondary):not(.dropdown):not(.o-counter))::after, 
+.nav-tabs .nav-item.nav-link::after,
+.nav-tabs .nav-link::after,
+.show > .dropdown-menu.show .dropdown-item::after {
+    content: "";
+    display: block;
+    position: absolute;
+    width: 92px;
+    height: 92px;
+    background: radial-gradient(ellipse, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%) center/15000%;
+    border-radius: 5rem;
+    opacity: 0.6;
+    transform: scale(0);
+    will-change: auto;
+}
+div:not(.pagination)>button:not(.tag-list-button:has(>.tag-list-anchor)):not(.duration-button):not(.scrape-url-button):not(.percent-button).btn.btn-secondary:not(:has(>.fa-plus)):not(:has(>.fa-calendar))::after,
+.justify-content-center.btn-toolbar > .mb-2 > select.btn-secondary.form-control::after {
+    content: "";
+    display: block;
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    width: 51px;
+    height: 51px;
+    margin-left: -23px;
+    margin-top: -15px;
+    background: radial-gradient(ellipse, #ffffffa9 0%, #dffffba9 35%, #202B33 100%);
+    border-radius: 5rem;
+    opacity: 0.4;
+    transform: scale(0);
+    will-change: auto;
+}
+/*nav.top-nav.navbar .navbar-buttons .mr-2 a[href^="/scenes/new"]>button.btn.btn-primary::after, 
+nav.top-nav.navbar .navbar-buttons .mr-2 a[href^="/galleries/new"]>button.btn.btn-primary::after, 
+nav.top-nav.navbar .navbar-buttons .mr-2 a[href^="/movies/new"]>button.btn.btn-primary::after, 
+nav.top-nav.navbar .navbar-buttons .mr-2 a[href^="/performers/new"]>button.btn.btn-primary::after, 
+nav.top-nav.navbar .navbar-buttons .mr-2 a[href^="/studios/new"]>button.btn.btn-primary::after, 
+nav.top-nav.navbar .navbar-buttons .mr-2 a[href^="/tags/new"]>button.btn.btn-primary::after,*/
+.pagination button.btn.btn-secondary::after {
+    content: "";
+    display: block;
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    width: 92px;
+    height: 92px;
+    margin-left: -46px;
+    margin-top: -30px;
+    background: radial-gradient(ellipse, #d4ebff9a 0%, #ffffffca 35%, #57605e 100%);
+    border-radius: 5rem;
+    opacity: 0.6;
+    transform: scale(0);
+    will-change: auto;
+}
+.btn-danger:has(>:not(.fa-minus))::after {
+    content: "";
+    display: block;
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    width: 92px;
+    height: 92px;
+    margin-left: -46px;
+    margin-top: -30px;
+    background: radial-gradient(ellipse, #fff8f89a 0%, #ffffffca 35%, #bf1400 100%);
+    border-radius: 5rem;
+    opacity: 0.6;
+    transform: scale(0);
+    will-change: auto;
+}
+.btn-success::after {
+    content: "";
+    display: block;
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    width: 92px;
+    height: 92px;
+    margin-left: -46px;
+    margin-top: -30px;
+    background: radial-gradient(ellipse, #f8fbfa9a 0%, #ffffffca 35%, #59877b 100%);
+    border-radius: 5rem;
+    opacity: 0.6;
+    transform: scale(0);
+    will-change: auto;
+}
+@keyframes ripple {
+    0% {
+        transform: scale(0);
+    }
+    80% {
+        transform: scale(2.5);
+    }
+    100% {
+        transform: scale(4);
+        opacity: 0;
+    }
+}
+@keyframes nav-ripple {
+    0% {
+        transform: scale(0);
+    }
+    100% {
+        transform: scale(2.25);
+        opacity: 0;
+    }
+}
+body :is(:not(.collapse.show.card .input-group):has(> .input-group-append)) button:not(.navbar-buttons a[href$="/new"] > button).btn.btn-primary:not(.scrubber-button):not(.minimal):not([title="Search"]):not(:active):not(.active)::after,
+.top-nav .navbar-buttons:not(:has(a[href^="/scenes/new"])):not(:has(a[href^="/movies/new"])):not(:has(a[href^="/galleries/new"])):not(:has(a[href^="/performers/new"])):not(:has(a[href^="/studios/new"])):not(:has(a[href^="/tags/new"])) .btn:not(:active):not(.active):not(.donate)::after,
+.top-nav .navbar-buttons a.nav-utility button.minimal.btn.btn-primary:not(:active):not(.active):not(.donate)::after,
+.top-nav .navbar-buttons button.minimal.donate.btn.btn-primary:not(:active):not(.active)::after,
+button.minimal.collapse-button.btn-primary:not(:active):not(.active)::after,
+.modal-header .close:not(:active):not(.active)::after,
+.recommendation-row-head>a:not(:active):not(.active)::after,
+div:not(.pagination)>button:not(.duration-button):not(.scrape-url-button):not(.percent-button).btn.btn-secondary:not(:has(>.fa-plus)):not(:has(>.fa-calendar)):not(:active):not(.active)::after,
+.btn-danger:has(>:not(.fa-minus)):not(:active):not(.active)::after,
+.btn-success:not(:active):not(.active)::after,
+a:not([href^="/scenes"]):not([href^="/images"]):not([href^="/movies"]):not([href^="/scenes/markers"]):not([href^="/galleries"]):not([href^="/performers"]):not([href^="/studios"]):not([href^="/tags"]).minimal:not(:active):not(.active)::after, 
+button:not(.brand-link).minimal:not(.scene-count>button.minimal):not(:where(.o-counter,.o-count)>button.minimal):not(.image-count>button.minimal):not(.gallery-count>button.minimal):not(.organized>button.minimal):not(.tag-count>button.minimal):not(.performer-count>button.minimal):not(.organized-button):not(:active):not(.active)::after, 
+button#operation-menu.minimal.dropdown-toggle.btn.btn-secondary:not(:active):not(.active)::after,
+.card-popovers a.pwPlayer_button:not(:active):not(.active)::after,
+.pagination button.btn.btn-secondary:not(:hover)::after,
+.justify-content-center.btn-toolbar > .mb-2 > select.btn-secondary.form-control:not(:hover)::after,
+button.tag-list-button.btn.btn-secondary:not(:active):not(.active)::after,
+.nav-tabs>.nav-item:has(>*:not(.btn-secondary):not(.dropdown):not(.o-counter)):not(:hover)::after, 
+.nav-tabs>.nav-item:has(>*:not(.btn-secondary):not(.dropdown):not(.o-counter)):not(:hover:active)::after,
+.nav-tabs .nav-item.nav-link:not(:hover)::after,
+.nav-tabs .nav-link:not(:hover)::after,
+.show > .dropdown-menu.show .dropdown-item:not(:active)::after {
+    animation: ripple 0.85s ease-in-out forwards;
+    will-change: animation;
+}
+.navbar-brand button.minimal.brand-link.d-inline-block.btn.btn-primary:not(:active):not(.active)::after {
+    animation: nav-ripple 0.85s ease forwards;
+    will-change: animation;
+}
+body :is(:not(.collapse.show.card .input-group):has(> .input-group-append)) button:not(.navbar-buttons a[href$="/new"] > button).btn.btn-primary:not(.scrubber-button):not(.minimal):not([title="Search"])::after,
+.top-nav .navbar-buttons:not(:has(a[href^="/scenes/new"])):not(:has(a[href^="/movies/new"])):not(:has(a[href^="/galleries/new"])):not(:has(a[href^="/performers/new"])):not(:has(a[href^="/studios/new"])):not(:has(a[href^="/tags/new"])) .btn::after,
+.top-nav .navbar-buttons a.nav-utility button.minimal.btn.btn-primary:not(.donate)::after,
+.top-nav .navbar-buttons button.minimal.donate.btn.btn-primary::after,
+button.minimal.collapse-button.btn-primary::after,
+.modal-header .close::after,
+.recommendation-row-head>a::after,
+div:not(.pagination)>button:not(.duration-button):not(.scrape-url-button):not(.percent-button).btn.btn-secondary:not(:has(>.fa-plus)):not(:has(>.fa-calendar))::after,
+.btn-danger:has(>:not(.fa-minus))::after,
+.btn-success::after,
+a:not([href^="/scenes"]):not([href^="/images"]):not([href^="/movies"]):not([href^="/scenes/markers"]):not([href^="/galleries"]):not([href^="/performers"]):not([href^="/studios"]):not([href^="/tags"]).minimal::after, 
+button:not(.brand-link).minimal:not(.scene-count>button.minimal):not(:where(.o-counter,.o-count)>button.minimal):not(.image-count>button.minimal):not(.gallery-count>button.minimal):not(.organized>button.minimal):not(.tag-count>button.minimal):not(.performer-count>button.minimal):not(.organized-button)::after, 
+.navbar-brand button.minimal.brand-link.d-inline-block.btn.btn-primary::after,
+button#operation-menu.minimal.dropdown-toggle.btn.btn-secondary::after,
+.card-popovers a.pwPlayer_button::after,
+.pagination button.btn.btn-secondary:not(.active):not(:active)::after,
+.justify-content-center.btn-toolbar > .mb-2 > select.btn-secondary.form-control::after,
+button.tag-list-button.btn.btn-secondary::after,
+.nav-tabs>.nav-item:has(>*:not(.btn-secondary):not(.dropdown):not(.o-counter))::after, 
+.nav-tabs .nav-item.nav-link::after,
+.nav-tabs .nav-link::after,
+.show > .dropdown-menu.show .dropdown-item::after {
+    visibility: hidden;
+}
+body :is(:not(.collapse.show.card .input-group):has(> .input-group-append)) button:not(.navbar-buttons a[href$="/new"] > button).btn.btn-primary:not(.scrubber-button):not(.minimal):not([title="Search"]):focus:not(:focus-visible)::after,
+.top-nav .navbar-buttons:not(:has(a[href^="/scenes/new"])):not(:has(a[href^="/movies/new"])):not(:has(a[href^="/galleries/new"])):not(:has(a[href^="/performers/new"])):not(:has(a[href^="/studios/new"])):not(:has(a[href^="/tags/new"])) .btn:focus:not(:focus-visible)::after,
+.top-nav .navbar-buttons a.nav-utility button.minimal.btn.btn-primary:not(.donate):focus:not(:focus-visible)::after,
+.top-nav .navbar-buttons button.minimal.donate.btn.btn-primary:focus:not(:focus-visible)::after,
+button.minimal.collapse-button.btn-primary:focus:not(:focus-visible)::after,
+.modal-header .close:focus:not(:focus-visible)::after,
+.recommendation-row-head>a:focus:not(:focus-visible)::after,
+div:not(.pagination)>button:not(.duration-button):not(.scrape-url-button):not(.percent-button).btn.btn-secondary:not(:has(>.fa-plus)):not(:has(>.fa-calendar)):focus:not(:focus-visible)::after,
+.btn-danger:has(>:not(.fa-minus)):focus:not(:focus-visible)::after,
+.btn-success:focus:not(:focus-visible)::after,
+a:not([href^="/scenes"]):not([href^="/images"]):not([href^="/movies"]):not([href^="/scenes/markers"]):not([href^="/galleries"]):not([href^="/performers"]):not([href^="/studios"]):not([href^="/tags"]).minimal:focus:not(:focus-visible)::after, 
+button:not(.brand-link).minimal:not(.scene-count>button.minimal):not(:where(.o-counter,.o-count)>button.minimal):not(.image-count>button.minimal):not(.gallery-count>button.minimal):not(.organized>button.minimal):not(.tag-count>button.minimal):not(.performer-count>button.minimal):not(.organized-button):focus:not(:focus-visible)::after, 
+.navbar-brand button.minimal.brand-link.d-inline-block.btn.btn-primary:focus:not(:focus-visible)::after,
+button#operation-menu.minimal.dropdown-toggle.btn.btn-secondary:focus:not(:focus-visible)::after,
+.card-popovers a.pwPlayer_button:focus:not(:focus-visible)::after,
+.pagination button.btn.btn-secondary:focus:not(:focus-visible)::after,
+.justify-content-center.btn-toolbar > .mb-2 > select.btn-secondary.form-control:focus::after,
+button.tag-list-button.btn.btn-secondary:focus:not(:focus-visible)::after,
+.nav-tabs>.nav-item:has(>*:not(.btn-secondary):not(.dropdown):not(.o-counter)):focus::after, 
+.nav-tabs .nav-item.nav-link:focus::after,
+.nav-tabs .nav-link:focus::after,
+.nav-tabs>.nav-item:has(>*:not(.btn-secondary):not(.dropdown):not(.o-counter)).active:focus::after, 
+.nav-tabs .nav-item.nav-link.active:focus::after,
+.nav-tabs .nav-link.active:focus::after,
+.show > .dropdown-menu.show .dropdown-item:focus:not(:focus-visible)::after {
+    visibility: visible;
+}
+
+/* *** ||Circle Buttons *** */
+.navbar-dark .navbar-toggler.collapsed::before,
+.navbar-dark .navbar-toggler:not(.collapsed)::before {
+    content: "";
+    display: block;
+    position: absolute;
+    left: 49%;
+    top: 49%;
+    width: 2px;
+    height: 2px;
+    /*margin-left: -46px;
+    margin-top: -30px;*/
+    background: radial-gradient(circle at center, rgba(var(--btn-toggler-color),var(--btn-hover)) 0%, rgba(var(--btn-toggler-color),var(--btn-hover)) 100%);
+    border-radius: 50%;
+    opacity: 1;
+    transform: scale(0);
+}
+.top-nav .navbar-buttons:not(:has(a[href^="/scenes/new"])):not(:has(a[href^="/movies/new"])):not(:has(a[href^="/galleries/new"])):not(:has(a[href^="/performers/new"])):not(:has(a[href^="/studios/new"])):not(:has(a[href^="/tags/new"])) .btn:not(.donate)::before,
+.top-nav .navbar-buttons a.nav-utility button.minimal.btn.btn-primary:not(.donate)::before,
+button[title=Help].nav-utility.minimal.btn.btn-primary:has(>svg.svg-inline--fa.fa-circle-question.fa-icon)::before,
+.top-nav .navbar-buttons a.minimal.logout-button.btn.btn-primary::before {
+    content: "";
+    display: block;
+    position: absolute;
+    right: 50%;
+    top: 50%;
+    width: 2px;
+    height: 2px;
+    background: radial-gradient(circle at center, rgba(var(--btn-toggler-color),var(--btn-hover)) 0%, rgba(var(--btn-toggler-color),var(--btn-hover)) 100%);
+    border-radius: 50%;
+    opacity: 1;
+    transform: scale(0);
+}
+#performer-page .performer-head .name-icons button:is(.favorite, .not-favorite).btn-primary::before,
+button:is(.favorite, .not-favorite).minimal.favorite-button.btn.btn-primary::before {
+    content: "";
+    display: block;
+    position: absolute;
+    right: 50%;
+    top: 50%;
+    width: 2px;
+    height: 2px;
+    background-image: radial-gradient(circle at center, rgb(255,255,255,0.08) 0%, rgb(255,255,255,0.08) 100%);
+    background-color: rgb(var(--split-comp-container));
+    background-blend-mode: screen;
+    border-radius: 5rem;
+    opacity: 1;
+    transform: scale(0);
+    z-index: -1;
+}
+#performer-page .performer-head .name-icons button.icon-link.btn-primary:has(>a.twitter)::before {
+    content: "";
+    display: block;
+    position: absolute;
+    right: 50%;
+    top: 50%;
+    width: 2px;
+    height: 2px;
+    background-image: radial-gradient(circle at center, rgb(255,255,255,0.08) 0%, rgb(255,255,255,0.08) 100%);
+    background-color: rgb(var(--twitter-secondary));
+    background-blend-mode: screen;
+    border-radius: 5rem;
+    opacity: 1;
+    transform: scale(0);
+}
+
+.detail-header.edit button:where(.star-fill-100, .star-fill-90, .star-fill-80, .star-fill-75, .star-fill-70, .star-fill-60, .star-fill-50, .star-fill-40, .star-fill-30, .star-fill-30, .star-fill-25, .star-fill-20, .star-fill-10, .star-fill-0).minimal.btn.btn-secondary::before {
+    content: "";
+    display: block;
+    position: absolute;
+    right: 50%;
+    top: 50%;
+    width: 2px;
+    height: 2px;
+    background-image: radial-gradient(circle at center, rgb(var(--body-color2)) 0%, rgb(var(--body-color2)) 100%);
+    background-color: rgb(var(--star-color),var(--btn-hover));
+    background-blend-mode: screen;
+    border-radius: 5rem;
+    opacity: 1;
+    transform: scale(0);
+}
+button:where(.star-fill-100, .star-fill-90, .star-fill-80, .star-fill-75, .star-fill-70, .star-fill-60, .star-fill-50, .star-fill-40, .star-fill-30, .star-fill-30, .star-fill-25, .star-fill-20, .star-fill-10, .star-fill-0).minimal.btn.btn-secondary::before {
+    content: "";
+    display: block;
+    position: absolute;
+    right: 50%;
+    top: 50%;
+    width: 2px;
+    height: 2px;
+    background-image: none;
+    background-color: rgb(var(--star-color),var(--btn-hover));
+    background-blend-mode: screen;
+    border-radius: 5rem;
+    opacity: 1;
+    transform: scale(0);
+}
+.detail-header .name-icons button.minimal.icon-link.btn.btn-primary:has(>a.link>svg.fa-link)::before {
+    content: "";
+    display: block;
+    position: absolute;
+    right: 50%;
+    top: 50%;
+    width: 2px;
+    height: 2px;
+    background-image: radial-gradient(circle at center, rgb(255,255,255,0.08) 0%, rgb(255,255,255,0.08) 100%);
+    background-color: #092131;
+    background-blend-mode: screen;
+    border-radius: 5rem;
+    opacity: 1;
+    transform: scale(0);
+}
+
+.navbar-dark .navbar-toggler:not(.collapsed)::before, 
+.top-nav .navbar-buttons:not(:has(a[href^="/scenes/new"])):not(:has(a[href^="/movies/new"])):not(:has(a[href^="/galleries/new"])):not(:has(a[href^="/performers/new"])):not(:has(a[href^="/studios/new"])):not(:has(a[href^="/tags/new"])) .btn:not(.donate)::before, 
+.top-nav .navbar-buttons a.nav-utility button.minimal.btn.btn-primary:not(.donate)::before,
+button[title=Help].nav-utility.minimal.btn.btn-primary:has(>svg.svg-inline--fa.fa-circle-question.fa-icon)::before,
+.top-nav .navbar-buttons a.minimal.logout-button.btn.btn-primary::before {
+    background: radial-gradient(circle at center, rgba(var(--pry-color),var(--btn-hover)) 0%, rgba(var(--pry-color),var(--btn-hover)) 100%);
+}
+
+@keyframes bubble {
+    0% {
+        opacity: 0;
+        transform: scale(0);
+        height: 2px;
+        width: 2px;
+    }
+    100% {
+        opacity: 1;
+        transform: scale(24);
+        box-shadow: var(--elevation-1);
+    }
+}
+.navbar-dark .navbar-toggler.collapsed:hover:not(:active):not(.active)::before, 
+.navbar-dark .navbar-toggler:hover:not(.collapsed):not(:active):not(.active)::before, 
+.top-nav .navbar-buttons:not(:has(a[href^="/scenes/new"])):not(:has(a[href^="/movies/new"])):not(:has(a[href^="/galleries/new"])):not(:has(a[href^="/performers/new"])):not(:has(a[href^="/studios/new"])):not(:has(a[href^="/tags/new"])) .btn:not(.donate):hover:not(:active):not(.active)::before, 
+.top-nav .navbar-buttons a.nav-utility button.minimal.btn.btn-primary:not(.donate):hover:not(:active):not(.active)::before,
+button[title=Help].nav-utility.minimal.btn.btn-primary:has(>svg.svg-inline--fa.fa-circle-question.fa-icon):hover:not(:active):not(.active)::before,
+.top-nav .navbar-buttons a.minimal.logout-button.btn.btn-primary:hover:not(:active):not(.active)::before {
+    animation: bubble 0.35s ease-in forwards;
+    will-change: animation;
+    max-height: 48px;
+    min-height: 2px;
+    max-width: 48px;
+    min-width: 2px;
+}
+button:is(.favorite, .not-favorite).minimal.favorite-button.btn.btn-primary:hover::before {
+    animation: bubble 0.35s ease-in forwards;
+    will-change: animation;
+    max-height: 40px;
+    min-height: 2px;
+    max-width: 40px;
+    min-width: 2px;
+}
+.detail-header .name-icons button.minimal.icon-link.btn.btn-primary:has(>a.link>svg.fa-link):hover::before,
+button:where(.star-fill-100, .star-fill-90, .star-fill-80, .star-fill-75, .star-fill-70, .star-fill-60, .star-fill-50, .star-fill-40, .star-fill-30, .star-fill-30, .star-fill-25, .star-fill-20, .star-fill-10, .star-fill-0).minimal.btn.btn-secondary:hover::before,
+#performer-page .performer-head .name-icons button.icon-link.btn-primary:has(>a.twitter):hover::before,
+#performer-page .performer-head .name-icons button.not-favorite.btn-primary:hover::before,
+#performer-page .performer-head .name-icons button.favorite.btn-primary:hover::before {
+    animation: bubble 0.35s ease-in forwards;
+    will-change: animation;
+    max-height: 36px;
+    min-height: 2px;
+    max-width: 36px;
+    min-width: 2px;
+}
+.navbar-dark .navbar-toggler.collapsed::before, 
+.navbar-dark .navbar-toggler:not(.collapsed)::before,
+.top-nav .navbar-buttons:not(:has(a[href^="/scenes/new"])):not(:has(a[href^="/movies/new"])):not(:has(a[href^="/galleries/new"])):not(:has(a[href^="/performers/new"])):not(:has(a[href^="/studios/new"])):not(:has(a[href^="/tags/new"])) .btn:not(.donate)::before, 
+.top-nav .navbar-buttons a.nav-utility button.minimal.btn.btn-primary:not(.donate)::before,
+button[title=Help].nav-utility.minimal.btn.btn-primary:has(>svg.svg-inline--fa.fa-circle-question.fa-icon)::before,
+.top-nav .navbar-buttons a.minimal.logout-button.btn.btn-primary::before,
+.detail-header .name-icons button.minimal.icon-link.btn.btn-primary:has(>a.link>svg.fa-link)::before,
+button:where(.star-fill-100, .star-fill-90, .star-fill-80, .star-fill-75, .star-fill-70, .star-fill-60, .star-fill-50, .star-fill-40, .star-fill-30, .star-fill-30, .star-fill-25, .star-fill-20, .star-fill-10, .star-fill-0).minimal.btn.btn-secondary::before,
+#performer-page .performer-head .name-icons button.icon-link.btn-primary:has(>a.twitter)::before,
+#performer-page .performer-head .name-icons button.not-favorite.btn-primary::before,
+#performer-page .performer-head .name-icons button.favorite.btn-primary::before,
+button:is(.favorite, .not-favorite).minimal.favorite-button.btn.btn-primary::before {
+    visibility: hidden;
+}
+.navbar-dark .navbar-toggler.collapsed:hover::before, 
+.navbar-dark .navbar-toggler:not(.collapsed):hover::before, 
+.top-nav .navbar-buttons:not(:has(a[href^="/scenes/new"])):not(:has(a[href^="/movies/new"])):not(:has(a[href^="/galleries/new"])):not(:has(a[href^="/performers/new"])):not(:has(a[href^="/studios/new"])):not(:has(a[href^="/tags/new"])) .btn:not(.donate):hover::before, 
+.top-nav .navbar-buttons a.nav-utility button.minimal.btn.btn-primary:not(.donate):hover::before,
+button[title=Help].nav-utility.minimal.btn.btn-primary:has(>svg.svg-inline--fa.fa-circle-question.fa-icon):hover::before,
+.top-nav .navbar-buttons a.minimal.logout-button.btn.btn-primary:hover::before,
+.detail-header .name-icons button.minimal.icon-link.btn.btn-primary:has(>a.link>svg.fa-link):hover::before,
+button:where(.star-fill-100, .star-fill-90, .star-fill-80, .star-fill-75, .star-fill-70, .star-fill-60, .star-fill-50, .star-fill-40, .star-fill-30, .star-fill-30, .star-fill-25, .star-fill-20, .star-fill-10, .star-fill-0).minimal.btn.btn-secondary:hover::before,
+#performer-page .performer-head .name-icons button.icon-link.btn-primary:has(>a.twitter):hover::before,
+#performer-page .performer-head .name-icons button.not-favorite.btn-primary:hover::before,
+#performer-page .performer-head .name-icons button.favorite.btn-primary:hover::before,
+button:is(.favorite, .not-favorite).minimal.favorite-button.btn.btn-primary:hover::before {
+    visibility: visible;
+}
+/* *** *** */
+
+/* Scene Markers */
+/*.scene-tabs .fade.tab-pane.active.show form .form-group:nth-of-type(2) .css-b62m3t-container {
+    top: 26px;
+    left: -150px;
+    margin-right: -100px;
+}*/
+.scene-tabs .fade.tab-pane.active.show form .form-group:nth-of-type(2) .invalid-feedback {
+    top: 26px;
+    left: -190px;
+    position: relative;    
+}
+/*.scene-tabs .fade.tab-pane.active.show form .form-group:nth-of-type(2) .duration-input {
+    margin-left: 44px;
+    margin-right: -112px;
+}*/
+.scene-tabs .fade.tab-pane.active.show form .form-group:nth-of-type(2) .row > .col-form-label.text-sm-right.text-xl-left.form-label {
+    top: -20px;
+    left: 8px;
+    background-color: transparent;
+    padding: 2px 4px;
+    max-width: 36px;
+    margin-left: -82px;
+    margin-bottom: 40px;
+}
+
+/* Background-Image Blured on Performer Pages. Added brightness.  */
+.detail-header .background-image-container .background-image {
+    filter: none;
+    filter: blur(16px) brightness(1.3);
+}
+
+/* The scene card Popover for Performer-tag-container to align left to right in a row*/
+.show.popover:has(.performer-tag-container) {
+    display: flex;
+    justify-content: center;
+    flex-wrap: wrap;
+}
+/*#root:has(.recommendations-container) nav.top-nav.navbar.navbar-dark.bg-dark.fixed-top .navbar-nav .nav-link.active > .btn.btn-primary {
+    color: rgb(var(--on-surface-variant));
+}
+#root:has(.recommendations-container) .top-nav.navbar.navbar-dark.bg-dark.fixed-top .navbar-nav .col-4.col-sm-3.col-md-2.col-lg-auto.nav-link.active::after {
+    border-bottom-color: rgb(var(--nav-color2));
+}
+#root:has(.recommendations-container) .top-nav.navbar.navbar-dark.bg-dark.fixed-top .navbar-nav .nav-link.active:hover {
+    background-color: rgba(var(--on-surface),var(--btn-hover));
+}*/
+
+/* ||Stash ID */
+    /* Has StashId - Perfomer Card */
+.peformer-stashid-icon {
+    margin-top: 162.5%;
+    margin-right: 84%;
+    top: 0%;
+    right: 0%;
+}
+
+#scene-edit-details .form-container .form-group.row > label[for="stash_ids"].form-label.col-form-label {
+    font-size: 12px;
+    line-height: 16px;
+    letter-spacing: 0.85px;
+    text-shadow: var(--light-text-shadow);
+    font-weight: 500;
+    color: rgb(var(--on-surface-variant));
+    position: relative;
+    display: block;
+    background-color: transparent;
+    transform: translate(0%,0%);
+    visibility: visible;
+    margin-left: 4px;
+    margin-left: 2px;
+    margin-bottom: -5%;
+    margin-top: auto;
+}
+button[title="Delete Stash ID"].btn-danger {
+    padding: 0;
+    width: 32px;
+    min-width: 32px;
+    height: 32px;
+    font-size: 14px;
+    margin-top: 5%;
+    margin-bottom: -2px;
+    margin-left: 20.5%;
+    margin-right: auto !important;
+}
+span.stash-id-pill {
+    font-size: 12px;
+    font-weight: 500;
+    text-shadow: var(--really-light-txt-shadow);
+    line-height: 16px;
+    letter-spacing: 0.75px;
+    vertical-align: middle;
+    margin-top: 8px;
+}
+.stash-id-pill > span {
+    background-color: rgb(var(--on-tertiary));
+    color: rgb(var(--tertiary));
+    border-radius: 8px 0 0 8px;
+    padding: 0.4em 4px 0.4em 6px;
+}
+.stash-id-pill a {
+    color: rgb(var(--on-tertiary-container));
+    background-color: rgb(var(--tertiary-container));
+    border-radius: 0 8px 8px 0;
+    padding-right: 6px;
+    padding-left: 4px;
+    padding-top: 0.4em;
+    padding-bottom: 0.4em;
+}
+.stash-id-pill a:is(:hover, :focus-visible) {
+    text-decoration: underline;
+    text-decoration-color: currentColor;
+    text-decoration-style: solid;
+    text-underline-offset: 0.25em;
+    text-decoration-thickness: 0.12em;
+}
+.background-image-container + .detail-container span.stash-id-pill {
+    margin-top: -6px;
+}
+.background-image-container + .detail-container .stash-id-pill > span {
+    background-color:transparent;
+    color: rgb(var(--on-surface-variant));
+    padding: 0.4em 4px 0.4em 0;
+}
+.background-image-container + .detail-container .stash-id-pill a {
+    background-color:transparent;
+    color: rgb(var(--on-surface));
+}
+
+/* Plugins Package-Manager */
+.package-manager table thead {
+    background-color: rgb(var(--card-color2));
+}
+.package-manager .package-manager-toolbar input.clearable-text-field.form-control {
+    margin: 0;
+}
+.package-manager .package-manager-toolbar {
+    align-items: center;
+}
+.package-manager .package-manager-table-container > table {
+    color: rgb(var(--description-color));
+    border-style: solid;
+    border: 2px solid rgb(var(--card-color2));
+    margin-bottom: 16px;
+    margin-top: 8px;
+}
+.package-manager .package-manager-table-container .table td {
+    border: 0;
+}
+.package-manager .package-manager-table-container td:first-child {
+    display: revert;
+    text-align: center;
+}
+
+/* Logs */
+.logs {
+    font-family: var(--MonoFont);
+    font-size: 12px;
+    font-weight: 200;
+    line-height: 16px;
+    letter-spacing: 0.078em;
+    padding-top: 1rem;
+    padding: 16px 22px;
+    background-image: linear-gradient(to right, rgba(var(--pry-color),var(--text-field-tint)), rgba(var(--pry-color),var(--text-field-tint)));
+    background-color: rgb(var(--body-color2));
+    background-blend-mode: screen;
+    border-radius: 4px;
+    margin: 16px;
+    font-variant: tabular-nums slashed-zero;
+    text-rendering: optimizeLegibility;
+    box-shadow: inset 0 0 0 1px rgb(0,0,0,0);
+}
+
+/* --- Range Slider and Thumb decorations --- */
+@media (min-width: 576px) {
+    .btn-toolbar .d-none.d-sm-inline-flex:has(>.zoom-slider.form-control-range) {
+        justify-content: center;
+    }
+}
+input[type=range],
+input[type=range].zoom-slider { 
+    max-width:100px;
+    width:100px;
+    align-items: center;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none;
+    background: none;
+    cursor: pointer;
+    display: flex;
+    height: 100%;
+    overflow: hidden;
+    padding: 20px 9px 20px 9px;
+}
+input[type=range].filter-slider {
+    max-width: 200px;
+    width: 200px;
+    align-items: center;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none;
+    background: none;
+    cursor: pointer;
+    display: flex;
+    height: 100%;
+    overflow: hidden;
+    padding: 8px 0 7px 0;
+}
+input[type=range]:focus,
+input[type=range].zoom-slider:focus,
+input[type=range].filter-slider:focus { 
+    outline: none;
+    box-shadow: none;
+}
+input[type=range]:focus:hover,
+input[type=range].zoom-slider:focus:hover,
+input[type=range].filter-slider:focus:hover {
+    outline: none;
+    box-shadow: none;
+}
+/* --- Range Track --- */
+input[type=range]::-webkit-slider-runnable-track  {
+    background-color: rgb(var(--surface-variant));
+    box-shadow: none;
+    border: 0;
+    border-style: none;
+    border-radius: 25px;
+    content: "";
+    height: 4px;
+    transition: background-color .5s ease-in-out;
+    pointer-events: none;
+}
+input[type=range].filter-slider::-webkit-slider-runnable-track  {
+    background-color: rgb(86,86,86);
+    border: 0 solid #000000;
+    border-radius: 25px;
+    box-shadow: inset 0 0 0 0.06rem black;
+    height: 8px;
+    opacity: 0.7;
+    transition: opacity .2s;
+}
+input[type=range].filter-slider.contrast-slider::-webkit-slider-runnable-track  {
+    background: linear-gradient(-1deg,white 0%,white 40%,black 60%,black 100%),linear-gradient(90deg,#3d3d3d 0%,rgba(255,255,255,0) 100%);
+    background-color: white;
+    background-blend-mode: multiply;
+}
+input[type=range].filter-slider.saturation-slider::-webkit-slider-runnable-track  {
+    background: linear-gradient( to right, rgba(74,74,74, 0.6), rgba(144,144,250, 0.6), rgba(90,169,250, 0.6), rgba(38,192,199, 0.6), rgba(63,200,156, 0.6), rgba(88,224,111, 0.6), rgba(163,248,88, 0.6), rgba(255,226,46, 0.6), rgba(255,181,91, 0.6), rgba(255,123,130, 0.6) );
+    background-color: black;
+}
+input[type=range].filter-slider.hue-rotate-slider::-webkit-slider-runnable-track {
+    background: linear-gradient(to right,red,orange,yellow,green,cyan,blue,violet,red);
+    box-shadow: inset 0 0 0 0.06rem #282a36;
+}
+input[type=range].filter-slider.red-slider::-webkit-slider-runnable-track  {
+    background: linear-gradient( 90deg, transparent, #ff0000 );
+    background-color: rgb(62,62,62);
+}
+input[type=range].filter-slider.blue-slider::-webkit-slider-runnable-track  {
+    background: linear-gradient( 90deg, transparent, #0000ff );
+    background-color: rgb(62,62,62);
+}
+input[type=range].filter-slider.green-slider::-webkit-slider-runnable-track  {
+    background: linear-gradient( 90deg, transparent, #00ff00 );
+    background-color: rgb(62,62,62);
+}
+input[type=range].filter-slider.gamma-slider::-webkit-slider-runnable-track  {
+    background: linear-gradient(to right, rgb(62,62,62),rgb(110,110,110));
+}
+input[type=range]::-moz-range-track  {
+    background-color: rgb(var(--surface-variant));
+    border: 0;
+    border-style: none;
+    border-radius: 25px;
+    box-shadow: inset 0 0 0 1px rgb(var(--surface-variant));
+    width: 100px;
+    height: 3px;
+    transition: background-color .5s ease-in-out;
+}
+input[type=range]::-moz-range-progress {
+    background-color: transparent;
+    box-shadow: none;
+    border-radius: 25px;
+    border: 0;
+    height: 3px;
+    margin-top: 0;
+}
+input[type=range].filter-slider::-moz-range-track  {
+    background-color: rgb(86,86,86);
+    border: 0 solid #000000;
+    border-radius: 25px;
+    box-shadow: inset 0 0 0 0.06rem black;
+    width: 200px;
+    height: 8px;
+}
+input[type=range].filter-slider::-moz-range-progress {
+    background-color: transparent;
+    box-shadow: none;
+    border-radius: 25px;
+    border: 0;
+    height: 8px;
+    margin-top: 0;
+}
+input[type=range].filter-slider.contrast-slider::-moz-range-track  {
+    background: linear-gradient(-1deg,white 0%,white 40%,black 60%,black 100%),linear-gradient(90deg,#3d3d3d 0%,rgba(255,255,255,0) 100%);
+    background-color: white;
+    background-blend-mode: multiply;
+}
+input[type=range].filter-slider.saturation-slider::-moz-range-track  {
+    background: linear-gradient( to right, rgba(74,74,74, 0.6), rgba(144,144,250, 0.6), rgba(90,169,250, 0.6), rgba(38,192,199, 0.6), rgba(63,200,156, 0.6), rgba(88,224,111, 0.6), rgba(163,248,88, 0.6), rgba(255,226,46, 0.6), rgba(255,181,91, 0.6), rgba(255,123,130, 0.6) );
+    background-color: black;
+}
+input[type=range].filter-slider.hue-rotate-slider::-moz-range-track {
+    background: linear-gradient(to right,red,orange,yellow,green,cyan,blue,violet,red);
+    box-shadow: inset 0 0 0 0.06rem #282a36;
+}
+input[type=range].filter-slider.red-slider::-moz-range-track  {
+    background: linear-gradient( 90deg, transparent, #ff0000 );
+    background-color: rgb(62,62,62);
+}
+input[type=range].filter-slider.blue-slider::-moz-range-track  {
+    background: linear-gradient( 90deg, transparent, #0000ff );
+    background-color: rgb(62,62,62);
+}
+input[type=range].filter-slider.green-slider::-moz-range-track  {
+    background: linear-gradient( 90deg, transparent, #00ff00 );
+    background-color: rgb(62,62,62);
+}
+input[type=range].filter-slider.gamma-slider::-moz-range-track  {
+    background: linear-gradient(to right, rgb(62,62,62),rgb(110,110,110));
+}
+input[type=range]::-ms-track {
+    background-color: transparent;
+    border: 0;
+    border-style: none;
+    border-radius: 25px;
+    box-shadow: none;
+    color: transparent;
+    height: 3px;
+    margin-top: 13px;
+    width: 100px;
+}
+input[type=range]::-ms-fill-lower {
+    background-color: rgb(var(--surface-variant));
+    border: 0;
+    border-style: none;
+    border-radius: 25px;
+    box-shadow: inset 0 0 0 1px rgb(var(--surface-variant));
+    transition: background-color .5s ease-in-out;
+}
+input[type=range]::-ms-fill-upper {
+    background-color: rgb(var(--surface-variant));
+    border: 0;
+    border-radius: 25px;
+    box-shadow: inset 0 0 0 1px rgb(var(--surface-variant));
+    transition: background-color .5s ease-in-out;
+}
+input[type=range].filter-slider::-ms-track {
+    background-color: transparent;
+    border: 0;
+    border-color: transparent;
+    border-radius: 25px;
+    border-width: 0;
+    border-style: solid;
+    color: transparent;
+    height: 8px;
+    margin-top: 8px;
+    width: 200px;
+}
+input[type=range].filter-slider::-ms-fill-lower {
+    background-color: rgb(86,86,86);
+    box-shadow: inset 0 0 0 0.06rem black;
+    border-radius: 25px;
+}
+input[type=range].filter-slider::-ms-fill-upper {
+    background-color: transparent;
+    box-shadow: none;
+    border-radius: 25px;
+}
+input[type=range].filter-slider.contrast-slider::-ms-fill-lower  {
+    background: linear-gradient(-1deg,white 0%,white 40%,black 60%,black 100%),linear-gradient(90deg,#3d3d3d 0%,rgba(255,255,255,0) 100%);
+    background-color: white;
+    background-blend-mode: multiply;
+}
+input[type=range].filter-slider.saturation-slider::-ms-fill-lower  {
+    background: linear-gradient( to right, rgba(74,74,74, 0.6), rgba(144,144,250, 0.6), rgba(90,169,250, 0.6), rgba(38,192,199, 0.6), rgba(63,200,156, 0.6), rgba(88,224,111, 0.6), rgba(163,248,88, 0.6), rgba(255,226,46, 0.6), rgba(255,181,91, 0.6), rgba(255,123,130, 0.6) );
+    background-color: black;
+}
+input[type=range].filter-slider.hue-rotate-slider::-ms-fill-lower {
+    background: linear-gradient(to right,red,orange,yellow,green,cyan,blue,violet,red);
+    box-shadow: inset 0 0 0 0.06rem #282a36;
+}
+input[type=range].filter-slider.red-slider::-ms-fill-lower  {
+    background: linear-gradient( 90deg, transparent, #ff0000 );
+    background-color: rgb(62,62,62);
+}
+input[type=range].filter-slider.blue-slider::-ms-fill-lower  {
+    background: linear-gradient( 90deg, transparent, #0000ff );
+    background-color: rgb(62,62,62);
+}
+input[type=range].filter-slider.green-slider::-ms-fill-lower  {
+    background: linear-gradient( 90deg, transparent, #00ff00 );
+    background-color: rgb(62,62,62);
+}
+input[type=range].filter-slider.gamma-slider::-ms-fill-lower  {
+    background: linear-gradient(to right, rgb(62,62,62),rgb(110,110,110));
+}
+
+/* Range Focus */
+input[type=range]:focus::-webkit-slider-runnable-track {
+    background-color: rgb(var(--pry-color));
+    border-color: transparent;
+    transition: background-color .5s ease-in-out, box-shadow .2s ease-in-out;
+}
+input[type=range].filter-slider:focus::-webkit-slider-runnable-track {
+    opacity: 1;
+    transition: opacity .2s;
+}
+
+input[type=range]:focus::-moz-range-track {
+  background-color: rgb(var(--pry-color));
+  border-color: transparent;
+  transition: background-color .5s ease-in-out, box-shadow .2s ease-in-out;
+}
+input[type=range]:focus::-moz-range-progress {
+    background-color: rgb(var(--pry-color));
+    box-shadow: inset 0 0 0 1px rgb(var(--pry-color));
+    transition: background-color .5s ease-in-out, box-shadow .2s ease-in-out;
+}
+input[type=range].filter-slider:focus::-moz-range-track {
+}
+input[type=range].filter-slider:focus::-moz-range-progress {
+    background-color: transparent;
+    box-shadow: none;
+}
+
+input[type=range]:focus::-ms-fill-lower {
+  background-color: rgb(var(--pry-color));
+  box-shadow: inset 0 0 0 1px rgb(var(--pry-color));
+  transition: background-color .5s ease-in-out, box-shadow .2s ease-in-out;
+}
+input[type=range]:focus::-ms-fill-upper {
+  background-color: rgb(var(--pry-color));
+  box-shadow: inset 0 0 0 1px rgb(var(--pry-color));
+  transition: background-color .5s ease-in-out, box-shadow .2s ease-in-out;
+}
+input[type=range].filter-slider:focus::-ms-fill-lower {
+}
+input[type=range]:focus::-ms-fill-upper {
+  background-color: transparent;
+  box-shadow: none;
+}
+
+/* Range Thumb */
+input[type=range]::-webkit-slider-thumb,
+input[type=range]:focus::-webkit-slider-thumb {
+    border: 0;
+    border-style: none;
+    height: 22px;
+    width: 22px;
+    border-radius: 5rem;
+    background-color: rgb(var(--pry-color));
+    -webkit-appearance: none;
+    appearance: none;
+    margin-top: -9px;
+    box-shadow: 0 0 0 3px rgb(var(--body-color2)), inset 0 0 0 7px rgb(var(--pry-color));
+}
+input[type=range].filter-slider::-webkit-slider-thumb,
+input[type=range].filter-slider:focus::-webkit-slider-thumb {
+    border: 0 solid transparent;
+    height: 28px;
+    width: 28px;
+    border-radius: 50%;
+    background: none;
+    background-color: #1c1f1d;
+    -webkit-appearance: none;
+    appearance: none;
+    margin-top: -11px;
+    box-shadow: 0 0 0 4px #1c1f1d, inset 0 0 0 1px black, inset 0 0 0 7px #fff, inset 0 0 0 8px black;
+}
+
+input[type=range]::-moz-range-thumb,
+input[type=range]:focus::-moz-range-thumb {
+    box-shadow: 0 0 0 3px rgb(var(--body-color2)), inset 0 0 0 7px rgb(var(--pry-color));
+    border: 0;
+    border-style: none;
+    height: 22px;
+    width: 22px;
+    border-radius: 50%;
+    background-color: rgb(var(--pry-color));
+    position: relative;
+}
+input[type=range].filter-slider::-moz-range-thumb,
+input[type=range].filter-slider:focus::-moz-range-thumb {
+    box-shadow: 0 0 0 4px #1c1f1d, inset 0 0 0 1px black, inset 0 0 0 7px #fff, inset 0 0 0 8px black;
+    border: 0 solid transparent;
+    height: 28px;
+    width: 28px;
+    border-radius: 50%;
+    background-color: #1c1f1d;
+    position: relative;
+}
+
+input[type=range]::-ms-thumb,
+input[type=range]:focus::-ms-thumb {
+    box-shadow: 0 0 0 3px rgb(var(--body-color2)), inset 0 0 0 7px rgb(var(--pry-color));
+    border: 0;
+    border-style: none;
+    height: 22px;
+    width: 22px;
+    border-radius: 50%;
+    background-color: rgb(var(--pry-color));
+    -ms-appearance: none;
+}
+input[type=range].filter-slider::-ms-thumb,
+input[type=range].filter-slider:focus::-ms-thumb {
+    box-shadow: 0 0 0 4px #1c1f1d, inset 0 0 0 1px black, inset 0 0 0 7px #fff, inset 0 0 0 8px black;
+    border: 0 solid transparent;
+    height: 28px;
+    width: 28px;
+    border-radius: 50%;
+    background-color: #1c1f1d;
+    -ms-appearance: none;
+}
+
+input[type=range]:hover::-webkit-slider-thumb,
+input[type=range]:hover:focus::-webkit-slider-thumb,
+input[type=range]:active:hover::-webkit-slider-thumb,
+input[type=range]:active:focus::-webkit-slider-thumb {
+    background-color: rgb(var(--pry-color));
+    border: 0;
+    border-style: none;
+    box-shadow: 0 0 0 9px rgba(var(--pry-color), 0.25), inset 0 0 0 7px rgb(var(--pry-color));
+    transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1), background-color .2s ease-in-out;
+}
+input[type=range].filter-slider:hover::-webkit-slider-thumb,
+input[type=range].filter-slider:hover:focus::-webkit-slider-thumb,
+input[type=range].filter-slider:active:hover::-webkit-slider-thumb,
+input[type=range].filter-slider:active:focus::-webkit-slider-thumb {
+    background-color: #000000;
+    border: 1px solid #1c1f1d;
+    box-shadow: 0 0 0 4px #1c1f1d, inset 0 0 0 1px #1c1f1d, inset 0 0 0 2px #000000, inset 0 0 0 8px #fff, inset 0 0 0 9px #000000;
+    transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1), background-color .2s ease-in-out;
+}
+input[type=range]:focus-visible::-webkit-slider-thumb,
+input[type=range].filter-slider:focus-visible::-webkit-slider-thumb {
+    outline-color: rgb(var(--focus-ring));
+    outline-style: solid;
+    outline-width: 0.25rem;
+    outline-offset: 3px;
+}
+input[type=range]:focus:hover::-webkit-slider-thumb,
+input[type=range]:active:focus:hover::-webkit-slider-thumb,
+input[type=range].filter-slider:focus:hover::-webkit-slider-thumb,
+input[type=range].filter-slider:active:focus:hover::-webkit-slider-thumb {
+    outline: none;
+}
+
+input[type=range]:hover::-moz-range-thumb,
+input[type=range]:hover:focus::-moz-range-thumb,
+input[type=range]:active:hover::-moz-range-thumb,
+input[type=range]:active:focus::-moz-range-thumb {
+    background-color: rgb(var(--pry-color));
+    border: 0;
+    border-style: none;
+    box-shadow: 0 0 0 9px rgba(var(--pry-color), 0.25), inset 0 0 0 7px rgb(var(--pry-color));
+    transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1), background-color .2s ease-in-out;
+}
+input[type=range].filter-slider:hover::-moz-range-thumb,
+input[type=range].filter-slider:hover:focus::-moz-range-thumb,
+input[type=range].filter-slider:active:hover::-moz-range-thumb,
+input[type=range].filter-slider:active:focus::-moz-range-thumb {
+    background-color: #000000;
+    border: 1px solid #1c1f1d;
+    box-shadow: 0 0 0 4px #1c1f1d, inset 0 0 0 1px #1c1f1d, inset 0 0 0 2px #000000, inset 0 0 0 8px #fff, inset 0 0 0 9px #000000;
+    transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1), background-color .2s ease-in-out;
+}
+input[type=range]:focus-visible::-moz-range-thumb,
+input[type=range].filter-slider:focus-visible::-moz-range-thumb {
+    outline-color: rgb(var(--focus-ring));
+    outline-style: solid;
+    outline-width: 2px;
+    outline-offset: -2px;
+}
+input[type=range]:focus:hover::-moz-range-thumb,
+input[type=range]:active:focus:hover::-moz-range-thumb,
+input[type=range].filter-slider:focus:hover::-moz-range-thumb,
+input[type=range].filter-slider:active:focus:hover::-moz-range-thumb {
+    outline: none;
+}
+
+input[type=range]:hover::-ms-thumb,
+input[type=range]:hover:focus::-ms-thumb,
+input[type=range]:active:hover::-ms-thumb,
+input[type=range]:active:focus::-ms-thumb {
+    background-color: rgb(var(--pry-color));
+    border: 0;
+    border-style: none;
+    box-shadow: 0 0 0 9px rgba(var(--pry-color), 0.25), inset 0 0 0 7px rgb(var(--pry-color));
+    transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1), background-color .2s ease-in-out;
+}
+input[type=range].filter-slider:hover::-ms-thumb,
+input[type=range].filter-slider:hover:focus::-ms-thumb,
+input[type=range].filter-slider:active:hover::-ms-thumb,
+input[type=range].filter-slider:active:focus::-ms-thumb {
+    background-color: #000000;
+    border: 1px solid #1c1f1d;
+    box-shadow: 0 0 0 4px #1c1f1d, inset 0 0 0 1px #1c1f1d, inset 0 0 0 2px #000000, inset 0 0 0 8px #fff, inset 0 0 0 9px #000000;
+    transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1), background-color .2s ease-in-out;
+}
+input[type=range]:focus-visible::-ms-thumb,
+input[type=range].filter-slider:focus-visible::-ms-thumb {
+    outline-color: rgb(var(--focus-ring));
+    outline-style: solid;
+    outline-width: 2px;
+    outline-offset: -2px;
+}
+input[type=range]:focus:hover::-ms-thumb,
+input[type=range]:active:focus:hover::-ms-thumb,
+input[type=range].filter-slider:focus:hover::-ms-thumb,
+input[type=range].filter-slider:active:focus:hover::-ms-thumb {
+    outline: none;
+}
+input[type=range]::-ms-tooltip {
+    display: none;
+}
+/* *** */
+
+/* - */
+`;
+// Themes CSS End
+
+// Themes CSS Begin
+const modernDark = `
+/* Modern Dark Theme by cj13 v1.2 */
+:root {
+    --nav-color: #212121;
+    --body-color: #191919;
+    --card-color: #2a2a2a;
+    --plex-yelow: #e5a00d;
+    --tag-color: #555555;
+}
+#scrubber-position-indicator {
+    background-color: #e5a00d;
+}
+.scrubber-tags-background {
+    background-color: #e5a00d;
+    opacity: 30%;
+}
+body {
+    width: 100%;
+    height: 100%;
+    background: var(--body-color);
+}
+.text-white {
+    color: #cbced2 !important;
+}
+#root {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    z-index: 2;
+}
+div.react-select__menu, div.dropdown-menu {
+    background-color: var(--card-color);
+}
+* {
+    scrollbar-color: hsla(0, 0%, 100%, .2) transparent;
+}
+.bg-dark {
+    background-color: var(--nav-color)!important;
+}
+.card {
+    background-color: #30404d;
+    border-radius: 3px;
+    box-shadow: 0 0 0 1px rgba(16, 22, 26, .4), 0 0 0 rgba(16, 22, 26, 0), 0 0 0 rgba(16, 22, 26, 0);
+    padding: 20px;
+    background-color: var(--card-color);
+}
+.text-input, .text-input:focus, .text-input[readonly], .text-input:disabled {
+    background-color: var(--card-color);
+}
+#scrubber-forward {
+    background-color: transparent;
+    border: 1px solid #555;
+}
+.scrubber-button {
+    background-color: transparent;
+    border: 1px solid #555;
+}
+.bg-secondary {
+    background-color: var(--card-color) !important;
+}
+.text-white {
+    color: #eee !important;
+}
+.border-secondary {
+    border-color: #2f3335 !important;
+}
+.btn-secondary.filter-item.col-1.d-none.d-sm-inline.form-control {
+    background-color: rgba(0, 0, 0, .15);
+}
+.btn-secondary {
+    color: #eee;
+    background-color: rgba(0, 0, 0, .15);
+    border-color: var(--tag-color);
+}
+.pagination .btn:last-child {
+    border-right: 1px solid var(--tag-color);
+}
+.pagination .btn:first-child {
+    border-left: 1px solid var(--tag-color);
+}
+a {
+    color: hsla(0, 0%, 100%, .45);
+}
+.btn.active {
+    background-color: #2f3335;
+    color: #f5f8fa;
+}
+minimal.w-100.active.btn.btn-primary {
+    background-color: #2f3335;
+    color: #f5f8fa;
+}
+.btn-primary {
+    color: #fff;
+    background-color: #cc7b19;
+    border-color: #cc7b19;
+    font-weight: bold;
+}
+.btn-primary:hover {
+    color: #fff;
+    background-color: #e59029;
+    border-color: #e59029 font-weight: bold;
+}
+.nav-tabs .nav-link.active {
+    color: #eee;
+}
+.nav-tabs .nav-link.active:hover {
+    border-bottom-color: #eee;
+    outline: 0;
+}
+.nav-tabs .nav-link {
+    color: hsla(0,0%,100%,.65);
+}
+.tag-item {
+    background-color: var(--tag-color);
+    color: #fff;
+}
+.input-control, .input-control:focus {
+    background-color: rgba(16, 22, 26, .3);
+}
+#performer-page .image-container .performer {
+    background-color: rgba(0, 0, 0, .45);
+    box-shadow: 0 0 2px rgba(0, 0, 0, .35);
+}
+.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
+    color: #fff;
+    border-color: #eee;
+}
+.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
+    background-color: var(--nav-color);
+}
+.btn-primary.focus, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
+    box-shadow: none;
+}
+.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
+    color: #fff;
+    background-color: #2f3335;
+    border-color: #eee;
+}
+input[type="range"]::-moz-range-track {
+    background: hsla(0, 0%, 100%, .25);
+}
+input[type="range"]::-moz-range-thumb {
+    background: #bcbcbc;
+}
+div.react-select__control {
+    background-color: hsla(0, 0%, 39.2%, .4);
+    color: #182026;
+    border-color: var(--card-color);
+    cursor: pointer;
+}
+.scene-wall-item-text-container {
+    background: radial-gradient(farthest-corner at 50% 50%, rgba(50, 50, 50, .5) 50%, #323232 100%);
+    color: #eee;
+}
+.filter-container, .operation-container {
+    background-color: rgba(0, 0, 0, .15);
+    box-shadow: none;
+    margin-top: -10px;
+    padding: 10px;
+}
+.container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
+    width: 100%;
+    margin-right: 0px;
+    margin-left: 0px;
+}
+.btn-link {
+    font-weight: 500;
+    color: #eee;
+    text-decoration: none;
+}
+button.minimal.brand-link.d-none.d-md-inline-block.btn.btn-primary {
+    text-transform: uppercase;
+    font-weight: bold;
+}
+a:hover {
+    color: hsla(0, 0%, 100%, .7);
+}
+option {
+    background-color: var(--nav-color);
+}
+.folder-list .btn-link {
+    color: #2c2e30;
+}
+#performer-scraper-popover {
+    z-index: 10;
+}
+.filter-container, .operation-container {
+    background-color: transparent;
+}
+.search-item {
+    background-color: var(--card-color);
+}
+.selected-result {
+    background-color: var(--card-color);
+}
+.selected-result:hover {
+    background-color: var(--card-color);
+}
+.performer-select-active .react-select__control, .studio-select-active .react-select__control {
+    background-color: hsla(0, 0%, 39.2%, .4);
+}
+#scene-edit-details .edit-buttons-container {
+    margin: 0px;
+    background: var(--body-color);
+}
+#tasks-panel .tasks-panel-queue {
+    background: var(--body-color);
+}
+.job-table.card {
+    background-color: var(--card-color);
+}
+.modal-header, .modal-body, .modal-footer {
+    background-color: #2d3744;
+    background-repeat: no-repeat;
+    background-size: cover;
+    background-attachment: fixed;
+   /* background-position: center;
+    */
+}
+.folder-list .btn-link {
+    color: #fff;
+}
+.modal-header, .modal-body, .modal-footer {
+    background-color: #30404d;
+    color: #f5f8fa;
+    background-repeat: no-repeat;
+    background-size: cover;
+    background-attachment: fixed;
+    background-position: center;
+}
+@media (max-width: 575.98px) and (orientation: portrait) {
+    .scene-card-preview-image {
+        height: calc(100vw * (9 / 16));
+   }
+    .gallery-tabs .mr-auto.nav.nav-tabs {
+        display: grid;
+        grid-auto-flow: column;
+        text-align: center;
+        left: 0;
+        right: 0;
+        position: fixed;
+   }
+    .VideoPlayer.portrait .video-js {
+        height: 56.25vw;
+   }
+    .gallery-container .tab-content {
+        top: 3rem;
+        position: fixed;
+        height: calc(100vh - 6.5rem);
+   }
+    .gallery-tabs {
+        display: none;
+   }
+    .btn-toolbar {
+        padding-top: 1rem;
+   }
+    body {
+        padding: 0rem 0 5rem;
+   }
+    .scene-tabs .mr-auto.nav.nav-tabs {
+        background-color: #121212;
+        display: grid;
+        grid-auto-flow: column;
+        height: 3rem;
+        left: 0;
+        margin: 0;
+        margin-bottom: 0;
+        max-height: 3rem;
+        padding-bottom: 2.2rem;
+        padding-top: 0.1rem;
+        position: fixed;
+        right: 0;
+        text-align: center;
+        top: calc(100vw * (9 / 16));
+        white-space: nowrap;
+        z-index: 20;
+   }
+    .scene-tabs.order-xl-first.order-last {
+        height: calc(100vh - (100vw * (9 / 16) + 8.5rem));
+        top: calc((100vw * (9 / 16)) + 5rem);
+        position: fixed;
+   }
+    .tab-content {
+        overflow-y: auto;
+        overflow-x: hidden;
+   }
+    .studio-card {
+        width: 100%;
+        height: 294px;
+   }
+    .movie-card {
+        width: 45%;
+   }
+    .performer-card-image {
+        height: 19rem;
+   }
+    .performer-card {
+        width: 14rem;
+        height: 27.5rem;
+   }
+    .scene-performers .performer-card-image {
+        height: 19rem;
+   }
+    .scene-performers .performer-card {
+        width: 14rem;
+        height: 27.5rem;
+   }
+    .movie-card .TruncatedText {
+        display: none;
+   }
+    .nav-tabs .nav-link.active:hover {
+        outline: 0;
+        border-bottom: 2px solid 
+   }
+    #performer-details-tab-edit{
+        display: none;
+   }
+    #performer-details-tab-operations{
+        display: none;
+   }
+    .scene-tabs .ml-auto.btn-group {
+        position: fixed;
+        right: 1rem;
+        top: calc((100vw * (9 / 16)) + 2.7rem);
+   }
+    .stats-element {
+        flex-grow: 1;
+        margin: auto 0rem;
+   }
+    .stats {
+        margin-left: 0px;
+   }
+    .top-nav {
+        bottom: 0;
+        top: auto;
+   }
+    div[data-rb-event-key="/images"] {
+        display: none;
+   }
+    div[data-rb-event-key="/scenes/markers"] {
+        display: none;
+   }
+    .row.justify-content-center.scene-performers {
+        max-height: 450px;
+        display: flex;
+        flex-direction: column;
+        overflow: auto;
+        border-top: solid 2px #2d3035;
+        border-bottom: solid 2px #2d3035;
+        padding-top: .5rem;
+        padding-bottom: .5rem;
+   }
+    .scene-tabs {
+        max-height: 100%;
+   }
+}
+dd {
+    word-break: break-word;
+}
+.btn-secondary {
+    color: hsla(0,0%,100%,.65);
+}
+.btn-secondary:hover {
+    color: white;
+    z-index: 0;
+    border-color: var(--nav-color);
+    background-color: rgba(0, 0, 0, .15);
+}
+.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show>.btn-secondary.dropdown-toggle {
+    background-color: rgba(0, 0, 0, .35);
+}
+.btn-secondary:focus, .btn-secondary.focus {
+    background-color: rgba(0, 0, 0, .35);
+}
+.scrubber-wrapper {
+    background-color: rgba(0, 0, 0, .3);
+    border-style: ridge;
+    border-color: #555555;
+}
+a.minimal:hover:not(:disabled), button.minimal:hover:not(:disabled) {
+    background: none;
+    color: white;
+}
+.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
+    color: var(--plex-yelow);
+    border-bottom: solid;
+    background: none;
+}
+a.minimal, button.minimal {
+    color: hsla(0,0%,100%,.65);
+}
+.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
+    background: none;
+    border-left: solid;
+    color: var(--plex-yelow);
+}
+.nav-link {
+    color: hsla(0,0%,100%,.65);
+}
+.nav-link:hover, .nav-link:focus {
+    color: white;
+    background-color: hsla(0,0%,100%,.08);
+}
+.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
+    background-color: transparent;
+}
+.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show>.btn-secondary.dropdown-toggle {
+    background: none;
+    color: var(--plex-yelow);
+    border-bottom: solid;
+}
+.nav-tabs .nav-link.active {
+    color: var(--plex-yelow);
+    background: none;
+}
+.nav-tabs .nav-link:hover {
+    border-bottom: none;
+}
+.custom-control-input:checked~.custom-control-label:before {
+    color: #fff;
+    border-color: var(--plex-yelow);
+    background-color: var(--plex-yelow);
+}
+.custom-switch .custom-control-input:disabled:checked~.custom-control-label:before {
+    background-color: var(--plex-yelow);
+}
+.btn-primary.disabled, .btn-primary:disabled {
+    color: #fff;
+    background-color: #e59029;
+    border-color: #e59029;
+    font-weight: bold;
+}
+.btn-primary:focus, .btn-primary.focus {
+    background-color: #cc7b19;
+    border-color: #cc7b19;
+    font-weight: bold;
+}
+.btn-danger {
+    color: hsla(0,0%,100%,.75);
+    background-color: #b32;
+    border-color: #b32;
+    font-weight: bold;
+}
+.btn-danger:hover {
+    color: white;
+    background-color: #b32;
+    border-color: #b32;
+}
+.brand-link {
+    background-color: var(--nav-color)!important;
+}
+.hover-popover-content {
+    max-width: 32rem;
+    text-align: center;
+    background: var(--nav-color);
+}
+.progress-bar {
+    background-color: var(--plex-yelow);
+}
+.modal-header, .modal-body, .modal-footer {
+    background-color: var(--body-color);
+}
+.btn-secondary.disabled, .btn-secondary:disabled {
+    background-color: var(--card-color);
+    border-color: var(--card-color);
+    border-left: none!important;
+    border-right: none!important;
+}
+#queue-viewer .current {
+    background-color: var(--card-color);
+}
+.tab-content .card-popovers .btn {
+    padding-left: .4rem;
+    padding-right: .4rem;
+}
+/* .gallery-tabs, .scene-tabs, .scene-player-container {
+    background-color: var(--nav-color);
+}
+*/
+.react-select__menu-portal {
+    z-index: 2;
+}
+.video-js .vjs-play-progress {
+    background-color: #e5a00d;
+}
+`;
+// Themes CSS End
+
+// Themes CSS Begin
+const neonDark = `
+/* Neon Dark Theme by Dankonite */
+:root
+{
+	--background-color:#101010;
+	--blue-accent:#137cbd;
+	--card-radius:.75rem;
+	--disabled-color:#181818;
+	--font-color:#fff;
+	--lighter-gray:#303030;
+	--menu-gray:#202020;
+	--menu-rounding:1rem;
+	--not-card-radius:.25rem;
+	--red-delete:#DB3737
+}
+
+.btn
+{
+	border-radius:var(--not-card-radius)
+}
+
+.btn-primary:not(:disabled):not(.disabled):not(.brand-link):active,.btn-primary:not(:disabled):not(.disabled).active,.show>.btn-primary.dropdown-toggle
+{
+	background-color:var(--lighter-gray);
+	border-color:var(--blue-accent);
+	color:var(--font-color)
+}
+
+.dropdown-item
+{
+	border-radius:var(--menu-rounding)
+}
+
+.edit-buttons-container>*
+{
+	margin-bottom:1rem
+}
+
+.fa-chevron-up,.fa-chevron-down
+{
+	color:var(--blue-accent)
+}
+
+.form-control
+{
+	border-radius:var(--not-card-radius);
+	padding-right:1.3rem
+}
+
+.input-group-text
+{
+	background-color:var(--menu-gray);
+	border:1px solid var(--blue-accent);
+	color:var(--font-color)
+}
+
+.input-group.has-validation>.input-group-append>div>div>button
+{
+	border-bottom-left-radius:0!important;
+	border-top-left-radius:0!important
+}
+
+.nav-pills .nav-link
+{
+	border-radius:var(--not-card-radius)
+}
+
+.row
+{
+	margin-left:0;
+	margin-right:0
+}
+
+.saved-filter-list-menu>div>div
+{
+	margin-bottom:1rem
+}
+
+.search-item
+{
+	background-color:var(--menu-gray);
+	border-radius:.25rem;
+	padding:1rem
+}
+
+.set-as-default-button
+{
+	margin-top:1rem
+}
+
+.setting-section .setting:not(:last-child)
+{
+	border-bottom:1px solid var(--blue-accent)
+}
+
+a.bg-secondary:hover,a.bg-secondary:focus,button.bg-secondary:hover,button.bg-secondary:focus
+{
+	background-color:var(--lighter-gray)!important
+}
+
+button.brand-link
+{
+	font-size:0;
+	visibility:hidden!important
+}
+
+button.brand-link:after
+{
+	align-items:center;
+	border:1px solid var(--blue-accent)!important;
+	border-radius:var(--not-card-radius);
+	content:"Home";
+	display:inline-block;
+	font-size:1rem;
+	height:40px;
+	padding:7px 12px;
+	position:relative;
+	top:-1px;
+	vertical-align:middle;
+	visibility:visible
+}
+
+button.brand-link:hover:after
+{
+	background-color:var(--lighter-gray)
+}
+
+div.row>h4
+{
+	margin:0;
+	padding:1rem
+}
+
+div.row>hr.w-100
+{
+	padding-bottom:1rem
+}
+
+input.bg-secondary.text-white.border-secondary.form-control,.date-input.form-control,.text-input.form-control
+{
+	height:33.5px
+}
+
+@media (max-width: 1199.98px) {
+	.brand-link:after
+	{
+		margin-left:-16px
+	}
+
+	.top-nav .btn
+	{
+		padding:0 12px
+	}
+}
+
+@media (min-width: 1199.98px) {
+	.navbar-collapse>.navbar-nav>div>a
+	{
+		height:40px
+	}
+}
+
+@media (min-width: 576px) {
+#settings-menu-container
+{
+	padding:1rem;
+	position:fixed
+}    
+}
+
+.bs-popover-bottom>.arrow:after,.bs-popover-auto[x-placement^=bottom]>.arrow:after
+{
+	border-bottom-color:var(--blue-accent);
+	border-width:0 .5rem .5rem;
+	top:1px
+}
+
+.btn-toolbar>.btn-group>.dropdown>button,.query-text-field,.form-control,.dropdown,.dropdown-toggle
+{
+	height:100%
+}
+
+.navbar-brand
+{
+	display:inline-block;
+	font-size:1.25rem;
+	line-height:inherit;
+	margin-right:0;
+	padding-bottom:.3125rem;
+	padding-top:.3125rem;
+	white-space:nowrap
+}
+
+.navbar-collapse>.navbar-nav>div>a
+{
+	border:1px solid var(--blue-accent)
+}
+
+.navbar-expand-xl .navbar-nav .nav-link
+{
+	padding-left:.5rem;
+	padding-right:0
+}
+
+.setting-section .setting-group:not(:last-child)
+{
+	border-bottom:1px solid var(--blue-accent)
+}
+
+a
+{
+	color:var(--font-color)
+}
+
+h6.col-md-2.col-4
+{
+	display:flex;
+	justify-content:center
+}
+
+img
+{
+	border-bottom:1px solid var(--blue-accent)!important
+}
+
+@media(min-width: 576px) {
+	.offset-sm-3
+	{
+		border-left:1px solid var(--blue-accent)
+	}
+}
+
+.TruncatedText.scene-card__description
+{
+	font-size:.9rem
+}
+
+.brand-link
+{
+	padding:0
+}
+
+.btn-primary
+{
+	background-color:var(--menu-gray);
+	border-color:var(--blue-accent);
+	color:var(--font-color)
+}
+
+.btn-secondary
+{
+	background-color:var(--menu-gray);
+	border-color:var(--blue-accent);
+	color:var(--font-color)
+}
+
+.btn-secondary.disabled,.btn-secondary:disabled
+{
+	background-color:var(--disabled-color);
+	border-color:var(--blue-accent);
+	color:var(--font-color)
+}
+
+.btn-secondary:focus,.btn-secondary.focus
+{
+	background-color:var(--lighter-gray);
+	border-color:var(--blue-accent);
+	box-shadow:0 0 .3rem .3rem var(--blue-accent);
+	color:var(--font-color)
+}
+
+.btn-secondary:hover
+{
+	background-color:var(--lighter-gray);
+	border-color:var(--blue-accent);
+	color:var(--font-color)
+}
+
+.btn-secondary:not(:disabled):not(.disabled):active,.btn-secondary:not(:disabled):not(.disabled).active,.show>.btn-secondary.dropdown-toggle
+{
+	background-color:var(--lighter-gray);
+	border-color:var(--blue-accent);
+	color:var(--font-color)
+}
+
+.btn-secondary:not(:disabled):not(.disabled):active:focus,.btn-secondary:not(:disabled):not(.disabled).active:focus,.show>.btn-secondary.dropdown-toggle:focus
+{
+	box-shadow:var(--blue-accent)
+}
+
+.btn-toolbar
+{
+	justify-content:flex-start;
+	padding-top:.5rem
+}
+
+.btn:focus,.btn.focus
+{
+	box-shadow:var(--blue-accent)!important
+}
+
+.dropdown-item.disabled,.dropdown-item:disabled
+{
+	color:#adb5bd
+}
+
+.dropdown-menu.show
+{
+	display:block;
+	padding:1rem
+}
+
+.form-control::placeholder
+{
+	color:var(--font-color)
+}
+
+.form-control:focus
+{
+	box-shadow:var(--blue-accent)
+}
+
+.nav-menu-toggle
+{
+	border:1px solid var(--blue-accent)!important
+}
+
+.query-text-field:active,.query-text-field:focus
+{
+	box-shadow:0 0 .3rem .3rem var(--blue-accent)!important
+}
+
+.scene-card a,.gallery-card a
+{
+	color:var(--font-color)
+}
+
+body
+{
+	background-color:var(--background-color);
+	color:var(--font-color);
+	text-align:left
+}
+
+div.navbar-buttons>:not(.mr-2)
+{
+	border:1px solid var(--blue-accent)!important;
+	border-radius:var(--not-card-radius)
+}
+
+h5,.h5
+{
+	font-size:1.1rem
+}
+
+hr
+{
+	border-top:1px solid var(--blue-accent)
+}
+
+@media (min-width:576px) {
+	.gallery-card
+	{
+		width:unset!important
+	}
+
+	.performer-card
+	{
+		width:unset!important
+	}
+
+	.tag-card-image
+	{
+		height:180px
+	}
+}
+
+@media (max-width:576px) {
+	.gallery-card
+	{
+		width:unset!important
+	}
+
+	.performer-card
+	{
+		width:unset!important
+	}
+
+	.tag-card-image
+	{
+		height:120px
+	}
+}
+
+#scrubber-current-position
+{
+	background-color:var(--blue-accent);
+	height:30px;
+	left:50%;
+	position:absolute;
+	width:2px;
+	z-index:1
+}
+
+#scrubber-position-indicator
+{
+	background-color:var(--lighter-gray);
+	border-right:2px solid var(--blue-accent);
+	height:20px;
+	left:-100%;
+	position:absolute;
+	width:100%;
+	z-index:0
+}
+
+.badge-info
+{
+	background-color:var(--menu-gray);
+	border:1px solid var(--blue-accent);
+	color:var(--font-color)
+}
+
+.badge-secondary
+{
+	background-color:var(--lighter-gray);
+	border:1px solid var(--blue-accent);
+	border-radius:.25rem;
+	color:var(--font-color)
+}
+
+.bg-dark
+{
+	background-color:var(--menu-gray)!important
+}
+
+.bg-secondary
+{
+	background-color:var(--menu-gray)!important
+}
+
+.border-secondary
+{
+	border-color:var(--blue-accent)!important
+}
+
+.brand-link
+{
+	border:1px solid var(--blue-accent)!important
+}
+
+.card
+{
+	background-color:var(--menu-gray);
+	border-radius:var(--card-radius)!important;
+	box-shadow:var(--blue-accent)
+}
+
+.card
+{
+	border:1px solid var(--blue-accent)
+}
+
+.filter-button .badge
+{
+	border-radius:999px;
+	right:-7px;
+	top:-6px;
+	z-index:3!important
+}
+
+.gallery-card
+{
+	height:min-content!important
+}
+
+.gallery-card.card
+{
+	padding-bottom:0
+}
+
+.modal-footer
+{
+	border-radius:1rem;
+	border-top:1px solid var(--blue-accent);
+	border-top-left-radius:0;
+	border-top-right-radius:0
+}
+
+.modal-header
+{
+	border-bottom:1px solid var(--blue-accent);
+	border-bottom-left-radius:0!important;
+	border-bottom-right-radius:0!important;
+	border-radius:1rem
+}
+
+.modal-header,.modal-body,.modal-footer
+{
+	background-color:var(--menu-gray);
+	color:var(--font-color)
+}
+
+.nav-pills .nav-link.active,.nav-pills .show>.nav-link
+{
+	background-color:var(--menu-gray);
+	border:1px solid var(--blue-accent);
+	color:var(--font-color)
+}
+
+.nav-tabs .nav-link.active,.nav-tabs .nav-item.show .nav-link
+{
+	background-color:var(--menu-gray);
+	border-color:var(--blue-accent);
+	color:var(--font-color)
+}
+
+.nav-tabs .nav-link:hover
+{
+	border-bottom:2px solid var(--blue-accent)
+}
+
+.pagination .btn
+{
+	border-left:1px solid var(--blue-accent);
+	border-right:1px solid var(--blue-accent)
+}
+
+.pagination .btn:first-child
+{
+	border-left:1px solid var(--blue-accent)
+}
+
+.pagination .btn:last-child
+{
+	border-right:1px solid var(--blue-accent)
+}
+
+.performer-card .fi
+{
+	bottom:.3rem;
+	filter:drop-shadow(0 0 2px rgba(0,0,0,.9));
+	height:2rem;
+	position:absolute;
+	right:.2rem;
+	width:3rem
+}
+
+.popover
+{
+	background-color:var(--menu-gray);
+	border:1px solid var(--blue-accent)!important;
+	border-radius:var(--card-radius)
+}
+
+.popover-header
+{
+	background-color:var(--lighter-gray);
+	border-bottom:1px solid var(--blue-accent)
+}
+
+.query-text-field
+{
+	border:1px solid var(--blue-accent)!important
+}
+
+.scene-header>h3>.TruncatedText
+{
+	text-align:left
+}
+
+.scene-specs-overlay,.scene-interactive-speed-overlay,.scene-studio-overlay,span.scene-card__date
+{
+	font-weight:900!important
+}
+
+.scrubber-tags-background
+{
+	background-color:var(--menu-gray);
+	height:20px;
+	left:0;
+	position:absolute;
+	right:0
+}
+
+::selection
+{
+	background-color:var(--lighter-gray)!important;
+	color:var(--font-color)!important
+}
+
+a.minimal,button.minimal
+{
+	color:var(--font-color)
+}
+
+body ::-webkit-scrollbar-thumb
+{
+	background:var(--blue-accent)
+}
+
+body ::-webkit-scrollbar-thumb:hover
+{
+	background:var(--blue-accent)
+}
+
+body ::-webkit-scrollbar-thumb:window-inactive
+{
+	background:var(--blue-accent)
+}
+
+body ::-webkit-scrollbar-track
+{
+	background:var(--menu-gray)
+}
+
+hr
+{
+	margin:0
+}
+
+@media(orientation:portrait) {
+	.performer-card-image
+	{
+		height:25vh
+	}
+}
+
+.card.performer-card
+{
+	padding:0
+}
+
+.fa-mars
+{
+	display:none
+}
+
+.fa-transgender-alt
+{
+	display:none
+}
+
+.fa-venus
+{
+	display:none
+}
+
+.performer-card__age
+{
+	color:var(--font-color);
+	text-align:center
+}
+
+.slick-list .gallery-card
+{
+	width:min-content
+}
+
+.slick-slide .card
+{
+	height:min-content
+}
+
+.slick-track
+{
+	margin-bottom:1rem;
+	top:0
+}
+
+.tag-sub-tags,.studio-child-studios
+{
+	display:none
+}
+
+@media (max-width: 576px) {
+	.slick-list .scene-card,.slick-list .studio-card
+	{
+		width:44vw!important
+	}
+}
+
+.card-popovers
+{
+	justify-content:space-around;
+	margin-bottom:2px;
+	margin-top:2px
+}
+
+.card-section
+{
+	height:100%;
+	padding:0 .2rem
+}
+
+.scene-specs-overlay
+{
+	bottom:.2rem;
+	right:.2rem
+}
+
+.scene-studio-overlay
+{
+	line-height:.8rem;
+	max-width:50%;
+	right:.2rem;
+	top:.2rem
+}
+
+@media (min-width: 1200px),(max-width: 575px) {
+	.scene-performers .performer-card
+	{
+		width:47vw
+	}
+
+	.scene-performers .performer-card-image
+	{
+		height:22.5rem
+	}
+}
+
+#queue-viewer .current
+{
+	background-color:var(--menu-gray)
+}
+
+#scene-edit-details .edit-buttons-container
+{
+	background-color:var(--background-color)
+}
+
+.edit-buttons>button
+{
+	margin-left:1px
+}
+
+.scene-card__details,.gallery-card__details
+{
+	margin-bottom:0!important
+}
+
+.setting-section .setting>div:last-child
+{
+	display:flex;
+	justify-content:center;
+	text-align:right
+}
+
+span.scene-card__date
+{
+	display:flex;
+	font-size:.8em;
+	justify-content:flex-end;
+	margin-right:.2rem
+}
+
+@media (min-width: 576px) and (min-height: 600px) {
+	#tasks-panel .tasks-panel-queue
+	{
+		background-color:var(--background-color)
+	}
+}
+
+.gender-icon
+{
+	display:none
+}
+
+.job-table.card
+{
+	background-color:var(--menu-gray)
+}
+
+.scraper-table tr:nth-child(2n)
+{
+	background-color:var(--lighter-gray)
+}
+
+a.marker-count
+{
+	display:none
+}
+
+a[target='_blank']
+{
+	display:none
+}
+
+button.collapse-button.btn-primary:not(:disabled):not(.disabled):hover,button.collapse-button.btn-primary:not(:disabled):not(.disabled):focus,button.collapse-button.btn-primary:not(:disabled):not(.disabled):active
+{
+	color:var(--font-color)
+}
+
+@media(max-width: 576px) {
+	.grid-card
+	{
+		width:47vw
+	}
+}
+
+.TruncatedText
+{
+	text-align:center;
+	white-space:pre-line;
+	word-break:break-word
+}
+
+.gallery-card
+{
+	width:min-content!important
+}
+
+.gallery-card-image
+{
+	max-height:240px!important;
+	width:auto!important
+}
+
+.grid-card .progress-bar
+{
+	background-color:var(--lighter-gray);
+	bottom:0
+}
+
+.grid-card a .card-section-title
+{
+	color:var(--font-color);
+	display:flex;
+	justify-content:center
+}
+
+.ml-2.mb-2.d-none.d-sm-inline-flex
+{
+	display:none!important
+}
+
+.tag-card
+{
+	padding:0;
+	width:auto!important
+}
+
+body
+{
+	color:var(--font-color);
+	padding:3.6rem 0 0
+}
+
+div.mb-2
+{
+	height:auto
+}
+
+@media (max-width: 575.98px) and (orientation: portrait) {
+	body
+	{
+		padding:0
+	}
+}
+
+@media (min-width: 768px) {
+	.offset-md-3
+	{
+		border-left:1px solid var(--blue-accent)
+	}
+}
+
+.card
+{
+	background-color:var(--menu-gray);
+	padding:0
+}
+
+.container,.container-fluid,.container-xl,.container-lg,.container-md,.container-sm
+{
+	padding-left:0;
+	padding-right:0
+}
+
+.d-flex.justify-content-center.mb-2.wrap-tags.filter-tags
+{
+	margin:0!important
+}
+
+.input-control,.input-control:focus,.input-control:disabled
+{
+	background-color:var(--lighter-gray)
+}
+
+.input-control,.text-input
+{
+	border:1px solid var(--blue-accent);
+	color:var(--font-color)
+}
+
+.navbar-buttons>.mr-2,.card hr
+{
+	margin:0!important
+}
+
+.preview-button .fa-icon
+{
+	color:var(--font-color)
+}
+
+.rating-banner
+{
+	display:none!important
+}
+
+.scene-card-preview,.gallery-card-image,.tag-card-image,.image-card-preview
+{
+	width:100%
+}
+
+.slick-dots li button:before
+{
+	content:"."
+}
+
+.slick-dots li.slick-active button:before
+{
+	color:var(--blue-accent);
+	opacity:.75
+}
+
+.tag-item
+{
+	background-color:var(--lighter-gray);
+	border:1px solid var(--blue-accent);
+	color:var(--font-color)
+}
+
+.tag-item .btn
+{
+	color:var(--font-color)
+}
+
+.text-input,.text-input:focus,.text-input[readonly],.text-input:disabled
+{
+	background-color:var(--lighter-gray)
+}
+
+.top-nav
+{
+	border-bottom:1px solid var(--blue-accent);
+	padding:0 2rem!important
+}
+
+a.nav-utility,button[title='Help'],.nav-menu-toggle
+{
+	margin-left:.5rem
+}
+
+button.brand-link,.top-nav .navbar-buttons .btn
+{
+	height:40px
+}
+
+div.react-select__control
+{
+	background-color:var(--lighter-gray);
+	border-color:var(--blue-accent)!important;
+	color:var(--font-color)
+}
+
+div.react-select__control .react-select__multi-value,div.react-select__multi-value__label,div.react-select__multi-value__remove
+{
+	background-color:var(--menu-gray);
+	color:var(--font-color)!important
+}
+
+div.react-select__menu,div.dropdown-menu
+{
+	background-color:var(--menu-gray);
+	border:1px solid var(--blue-accent);
+	color:var(--font-color)
+}
+
+div.react-select__multi-value
+{
+	border:1px solid var(--blue-accent);
+	border-radius:999px
+}
+
+div.react-select__multi-value__label
+{
+	border-bottom-left-radius:999px;
+	border-top-left-radius:999px;
+	padding-right:8px
+}
+
+div.react-select__multi-value__remove
+{
+	border-bottom-right-radius:999px;
+	border-top-right-radius:999px;
+	padding-left:0
+}
+
+div.react-select__multi-value__remove:hover
+{
+	background-color:var(--red-delete)
+}
+
+div.react-select__placeholder
+{
+	color:var(--font-color)
+}
+
+div[id='settings-menu-container']
+{
+	padding-top:.5rem
+}
+
+div[role='group'].ml-auto.btn-group>div
+{
+	margin-right:.5rem;
+	margin-top:.5rem
+}
+
+@media (max-width: 575.98px) and (orientation: portrait) {
+	.container,.container-fluid,.container-xl,.container-lg,.container-nd,.container-sm
+	{
+		padding-top:3.5rem!important
+	}
+
+	.top-nav
+	{
+		bottom:unset;
+		top:auto
+	}
+}
+
+.grid-card a .card-section-title
+{
+	display:flex;
+	justify-content:center
+}
+
+.markdown blockquote,.markdown pre
+{
+	background-color:var(--lighter-gray)
+}
+
+.markdown code
+{
+	background-color:transparent;
+	color:var(--font-color)
+}
+
+.markdown table tr:nth-child(2n)
+{
+	background-color:var(--lighter-gray)
+}
+
+.details-list>*:nth-child(4n), .details-list>*:nth-child(4n - 1) {
+    background-color: var(--menu-gray);
+}
+dl.details-list {
+    grid-column-gap:0;
+}
+dt {
+    padding-right: .5rem;
+}
+dd {
+    margin-bottom: 0;
+    padding-left: .5rem;
+    border-left: 1px solid var(--blue-accent);
+}
+#performer-page .performer-image-container .performer {
+    border-radius:var(--menu-rounding);
+    border: 0!important;
+}
+.recommendations-container-edit .recommendation-row {
+    background-color: var(--menu-gray);
+    border-radius: 1rem;
+    border:1px solid var(--blue-accent);
+    margin-bottom: 10px;
+}
+.recommendations-container-edit.recommendations-container>div>div:first-of-type {
+    margin-top: calc(1rem + 10px);
+}
+`;
+// Themes CSS End
+
+// Themes CSS Begin
+const night = `
+/*
+Night theme Version 0.1.
+*/
+
+body {
+	color: #bb0009;
+	background-color: #000000;
+	
+}
+
+.bg-dark {
+	background-color: #1a1a1b!important;
+}
+
+.card {
+	background-color: #30404d;
+	border-radius: 3px;
+	box-shadow: 0 0 0 1px rgba(16, 22, 26, .4), 0 0 0 rgba(16, 22, 26, 0), 0 0 0 rgba(16, 22, 26, 0);
+	padding: 20px;
+	background-color: rgba(0, 0, 0, .3);
+}
+
+.bg-secondary {
+	background-color: #313437 !important;
+}
+
+.text-white {
+	color: #bb0009 !important;
+}
+
+.border-secondary {
+	border-color: #2f3335 !important;
+}
+
+.btn-secondary.filter-item.col-1.d-none.d-sm-inline.form-control {
+	background-color: rgba(0, 0, 0, .15);
+}
+
+.btn-secondary {
+	color: #bb0009;
+	background-color: rgba(0, 0, 0, .15);
+}
+
+.btn-primary {
+	color: #bb0009;
+	background-color: #bb0009;
+}
+
+a {
+	color: hsla(0, 0%, 100%, .45);
+}
+
+.btn.active {
+	background-color: #2f3335;
+	color: #bb0009;
+}
+
+minimal.w-100.active.btn.btn-primary {
+	background-color: #bb0009;
+	color: #bb0009;
+}
+
+.btn-primary {
+	color: #fff;
+	background-color: #1a1a1b;
+	border-color: #374242;
+}
+
+.nav-tabs .nav-link.active {
+	color: #bb0009;
+}
+
+.nav-tabs .nav-link.active:hover {
+	border-bottom-color: #bb0009;
+	outline: 0;
+}
+
+.btn-primary.btn.donate.minimal {
+  display: none;
+}
+
+.btn-primary.btn.help-button.minimal {
+	display: none;
+}
+
+.changelog {
+  display: none;
+}
+
+.nav-tabs .nav-link {
+	outline: 0;
+	color  #bb0009;
+}
+
+.input-control,
+.input-control:focus {
+	background-color: rgba(16, 22, 26, .3);
+}
+
+#performer-page .image-container .performer {
+	background-color: rgba(0, 0, 0, .45);
+	box-shadow: 0 0 2px rgba(0, 0, 0, .35);
+}
+
+.btn-primary:not(:disabled):not(.disabled).active,
+.btn-primary:not(:disabled):not(.disabled):active,
+.show>.btn-primary.dropdown-toggle {
+	color: #fff;
+	border-color: #bb0009;
+}
+
+.nav-pills .nav-link.active,
+.nav-pills .show>.nav-link {
+	background-color: #1a1a1b;
+}
+
+
+
+.btn-primary:not(:disabled):not(.disabled).active,
+.btn-primary:not(:disabled):not(.disabled):active,
+.show>.btn-primary.dropdown-toggle {
+	color: #fff;
+	background-color: #2f3335;
+	border-color: #bb0009;
+}
+
+input[type="range"]::-moz-range-track {
+	background: hsla(0, 0%, 100%, .25);
+}
+
+input[type="range"]::-moz-range-thumb {
+	background: #bcbcbc;
+}
+
+div.react-select__control {
+	background-color: hsla(0, 0%, 39.2%, .4);
+	color: #182026;
+	border-color: #394b59;
+	cursor: pointer;
+}
+
+.scene-wall-item-text-container {
+	background: radial-gradient(farthest-corner at 50% 50%, rgba(50, 50, 50, .5) 50%, #323232 100%);
+	color: #bb0009;
+}
+
+.btn-link {
+	font-weight: 500;
+	color: #bb0009;
+	text-decoration: none;
+}
+
+button.minimal.brand-link.d-none.d-md-inline-block.btn.btn-primary {
+	text-transform: uppercase;
+	font-weight: bold;
+	color: #bb0009
+}
+
+a.minimal {
+	text-transform: uppercase;
+	font-weight: bold;
+	color: #bb0009
+}
+a:hover {
+	color: hsla(0, 0%, 100%, .7);
+}
+
+option {
+	background-color: #1a1a1b;
+}
+.scrubber-tags-background {
+    background-color: #202351;
+}
+
+.btn-primary.btn.settings-button.minimal {
+	color: #007dd0;
+}
+
+button.minimal.btn.btn-primary {
+	color:  #007dd0;
+}
+
+.btn-primary.btn.logout-button.minimal {
+	color:  #00bb2f;
+}
+
+.scrubber-viewport {
+	background-color:  #1f062d;
+}
+`;
+// Themes CSS End
+
+// Themes CSS Begin
+const plex = `
+/*
+StashApp Plex Theme - Fidelio 2020 v1.0.3
+ 
+!CHANGE PATH FOR BACKGROUND in Body and Root in case it does not load!
+You can put image files into .stash folder or upload it on imgur, or upload it to your gallery and then link it.
+
+
+TODO:
+fix blue borders
+*/
+
+body {
+	background-image: url("https://user-images.githubusercontent.com/63812189/79506691-4af78900-7feb-11ea-883e-87b8e05ceb1c.png");
+	width: 100%;
+	height: 100%;
+	background-size: cover;
+	background-repeat: no-repeat;
+	background-color: #3f4245;
+	background-attachment: fixed;
+	background-position: center;
+}
+
+#root {
+	background: rgba(0, 0, 0, 0) url("https://user-images.githubusercontent.com/63812189/79506696-4c28b600-7feb-11ea-8176-12a46454d87a.png") repeat scroll 0% 0%;
+	position: absolute;
+	width: 100%;
+	height: 100%;
+	z-index: 2;
+}
+
+* {
+	scrollbar-color: hsla(0, 0%, 100%, .2) transparent;
+}
+
+.bg-dark {
+	background-color: #1f2326!important;
+}
+
+.card {
+	background-color: #30404d;
+	border-radius: 3px;
+	box-shadow: 0 0 0 1px rgba(16, 22, 26, .4), 0 0 0 rgba(16, 22, 26, 0), 0 0 0 rgba(16, 22, 26, 0);
+	padding: 20px;
+	background-color: rgba(0, 0, 0, .3);
+}
+
+.bg-secondary {
+	background-color: #313437 !important;
+}
+
+.text-white {
+	color: #eee !important;
+}
+
+.border-secondary {
+	border-color: #2f3335 !important;
+}
+
+.btn-secondary.filter-item.col-1.d-none.d-sm-inline.form-control {
+	background-color: rgba(0, 0, 0, .15);
+}
+
+.btn-secondary {
+	color: #eee;
+	background-color: rgba(0, 0, 0, .15);
+}
+
+a {
+	color: hsla(0, 0%, 100%, .45);
+}
+
+.btn.active {
+	background-color: #2f3335;
+	color: #f5f8fa;
+}
+
+minimal.w-100.active.btn.btn-primary {
+	background-color: #2f3335;
+	color: #f5f8fa;
+}
+
+.btn-primary {
+	color: #fff;
+	background-color: #1f2326;
+	border-color: #374242;
+}
+
+.nav-tabs .nav-link.active {
+	color: #eee;
+}
+
+.nav-tabs .nav-link.active:hover {
+	border-bottom-color: #eee;
+	outline: 0;
+}
+
+.nav-tabs .nav-link {
+	outline: 0;
+}
+
+.input-control,
+.input-control:focus {
+	background-color: rgba(16, 22, 26, .3);
+}
+
+#performer-page .image-container .performer {
+	background-color: rgba(0, 0, 0, .45);
+	box-shadow: 0 0 2px rgba(0, 0, 0, .35);
+}
+
+.btn-primary:not(:disabled):not(.disabled).active,
+.btn-primary:not(:disabled):not(.disabled):active,
+.show>.btn-primary.dropdown-toggle {
+	color: #fff;
+	border-color: #eee;
+}
+
+.nav-pills .nav-link.active,
+.nav-pills .show>.nav-link {
+	background-color: #1f2326;
+}
+
+.btn-primary.focus,
+.btn-primary:focus,
+.btn-primary:not(:disabled):not(.disabled).active:focus,
+.btn-primary:not(:disabled):not(.disabled):active:focus,
+.show>.btn-primary.dropdown-toggle:focus {
+	box-shadow: none;
+}
+
+.btn-primary:not(:disabled):not(.disabled).active,
+.btn-primary:not(:disabled):not(.disabled):active,
+.show>.btn-primary.dropdown-toggle {
+	color: #fff;
+	background-color: #2f3335;
+	border-color: #eee;
+}
+
+input[type="range"]::-moz-range-track {
+	background: hsla(0, 0%, 100%, .25);
+}
+
+input[type="range"]::-moz-range-thumb {
+	background: #bcbcbc;
+}
+
+div.react-select__control {
+	background-color: hsla(0, 0%, 39.2%, .4);
+	color: #182026;
+	border-color: #394b59;
+	cursor: pointer;
+}
+
+.scene-wall-item-text-container {
+	background: radial-gradient(farthest-corner at 50% 50%, rgba(50, 50, 50, .5) 50%, #323232 100%);
+	color: #eee;
+}
+
+.filter-container,
+.operation-container {
+	background-color: rgba(0, 0, 0, .15);
+	box-shadow: none;
+	margin-top: -10px;
+	padding: 10px;
+}
+
+.container-fluid,
+.container-lg,
+.container-md,
+.container-sm,
+.container-xl {
+	width: 100%;
+	margin-right: 0px;
+	margin-left: 0px;
+}
+
+.btn-link {
+	font-weight: 500;
+	color: #eee;
+	text-decoration: none;
+}
+
+button.minimal.brand-link.d-none.d-md-inline-block.btn.btn-primary {
+	text-transform: uppercase;
+	font-weight: bold;
+}
+
+a:hover {
+	color: hsla(0, 0%, 100%, .7);
+}
+
+option {
+	background-color: #1f2326;
+}
+.folder-list .btn-link {
+    color: #2c2e30;
+}
+
+#performer-scraper-popover {
+  z-index: 10;
+}
+`;
+// Themes CSS End
+
+// Themes CSS Begin
+const pornHub = `
+/* Author: ronilaukkarinen */
+/* stylelint-disable selector-max-specificity, declaration-no-important, selector-type-no-unknown, selector-max-class, a11y/no-outline-none, no-descending-specificity, selector-max-pseudo-class, property-disallowed-list, font-weight-notation, max-line-length, a11y/no-display-none, a11y/font-size-is-readable */
+/* Pornhub inspired stash theme */
+/* Fonts */
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
+
+/* Variables */
+:root {
+  --color-black: #000;
+  --color-text: #c6c6c6;
+  --color-text-dim: #969696;
+  --color-border: var(--color-black);
+  --color-hubs: #f90;
+  --color-cod-gray: #151515;
+  --color-silver: #cacaca;
+  --color-dark: #1b1b1b;
+  --color-dim: #2f2f2f;
+  --color-icon-toggled: #5faa01;
+  --color-star: #f5c518;
+  --color-white: #fff;
+  --color-favorite: #c71d1d;
+}
+
+body {
+  background-attachment: fixed;
+  background-color: var(--color-black);
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: cover;
+  color: var(--color-text);
+  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
+  height: 100%;
+  padding: 6rem 0 0;
+  /* background-image: url("https://user-images.githubusercontent.com/63812189/79506691-4af78900-7feb-11ea-883e-87b8e05ceb1c.png"); */
+  width: 100%;
+}
+
+body.login {
+  padding-top: 0 !important;
+}
+
+@media (max-width: 1200px) {
+  body {
+    padding-top: 0 !important;
+  }
+
+  .main.container-fluid {
+    padding-top: 2.2rem !important;
+  }
+}
+
+.top-nav .navbar-toggler {
+  width: auto !important;
+}
+
+.top-nav a[href="/scenes/new"] button.btn {
+  color: var(--color-hubs);
+  font-size: 14px !important;
+}
+
+body .badge,
+body a,
+body .tag-item {
+  transition: all 100ms;
+}
+
+body div,
+body p,
+body a {
+  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
+}
+
+.show-carat.dropdown .btn,
+.fa-icon,
+.btn.minimal {
+  color: var(--color-silver) !important;
+}
+
+.rating-stars .set {
+  color: var(--color-star) !important;
+}
+
+.organized-button.organized svg {
+  color: var(--color-icon-toggled) !important;
+}
+
+.favorite svg,
+.favorite {
+  color: var(--color-favorite) !important;
+  filter: none !important;
+}
+
+.thumbnail-section .favorite svg {
+  height: 20px;
+  width: 20px;
+}
+
+.show-carat.dropdown .btn,
+.btn.minimal {
+  background-color: transparent !important;
+  border: 0 !important;
+}
+
+#root {
+  height: 100%;
+  /* background: rgba(0, 0, 0, 0) url("https://user-images.githubusercontent.com/63812189/79506696-4c28b600-7feb-11ea-8176-12a46454d87a.png") repeat scroll 0% 0%; */
+  position: absolute;
+  width: 100%;
+  z-index: 2;
+}
+
+* {
+  scrollbar-color: hsl(0deg 0% 100% / .2) transparent;
+}
+
+.bg-dark {
+  background-color: var(--color-black) !important;
+}
+
+.card {
+  background-color: var(--color-black);
+  background-color: rgb(0 0 0 / .3);
+  border-radius: 3px;
+  box-shadow: 0 0 0 1px rgb(16 22 26 / .4), 0 0 0 rgb(16 22 26 / 0), 0 0 0 rgb(16 22 26 / 0);
+  padding: 20px;
+}
+
+.bg-secondary {
+  background-color: var(--color-black) !important;
+}
+
+.pagination .btn {
+  align-items: center;
+  appearance: none;
+  background-color: var(--color-cod-gray) !important;
+  border: none;
+  border-radius: 4px;
+  color: var(--color-text) !important;
+  cursor: pointer;
+  display: inline-flex;
+  font-size: 20px !important;
+  font-weight: 700;
+  height: 60px !important;
+  justify-content: center;
+  margin: 0 4px !important;
+  min-width: 60px !important;
+  outline: 0 none;
+  padding: 0 20px;
+  position: relative;
+  text-align: center;
+  text-decoration: none;
+  vertical-align: top;
+}
+
+.pagination .btn:hover,
+.pagination .btn:focus {
+  background-color: var(--color-dim) !important;
+}
+
+.pagination .btn:first-of-type,
+.pagination .btn:last-of-type {
+  background: var(--color-black) !important;
+}
+
+.pagination .btn.active {
+  background: var(--color-hubs) !important;
+}
+
+.text-white,
+body p {
+  color: var(--color-text) !important;
+}
+
+.border-secondary {
+  border-color: var(--color-border) !important;
+}
+
+.btn-secondary.filter-item.col-1.d-none.d-sm-inline.form-control {
+  background-color: rgb(0 0 0 / .15);
+}
+
+.btn.active,
+.btn-secondary {
+  color: var(--color-black) !important;
+  font-weight: 700;
+}
+
+.btn-primary.disabled,
+.btn-primary:disabled,
+.btn-primary:hover,
+.btn-primary:focus,
+.btn-primary.focus,
+minimal.w-100.active.btn.btn-primary,
+.btn-primary {
+  background-color: var(--color-hubs);
+  border-color: var(--color-hubs);
+  box-shadow: none !important;
+  color: var(--color-black);
+  font-weight: 700;
+  outline: 0 !important;
+}
+
+.nav-tabs .nav-link.active:hover,
+.nav-tabs .nav-link.active:focus {
+  border-bottom-color: var(--color-text);
+  outline: 0;
+}
+
+.nav-tabs .nav-link {
+  outline: 0;
+}
+
+.btn-primary:not(:disabled):not(.disabled).active,
+.btn-primary:not(:disabled):not(.disabled):active,
+.show > .btn-primary.dropdown-toggle {
+  border-color: var(--color-text);
+  color: var(--color-text);
+}
+
+.nav-pills .nav-link.active,
+.nav-pills .show > .nav-link {
+  background-color: var(--color-black);
+}
+
+input[type="range"]::-moz-range-track {
+  background: hsl(0deg 0% 100% / .25);
+}
+
+input[type="range"]::-moz-range-thumb {
+  background: #bcbcbc;
+}
+
+div.react-select__control {
+  background-color: hsl(0deg 0% 39.2% / .4);
+  border-color: #394b59;
+  color: #182026;
+  cursor: pointer;
+}
+
+.navbar-nav a,
+.navbar-nav button {
+  background: none !important;
+  border: 0 !important;
+  box-shadow: none !important;
+}
+
+.TruncatedText {
+  line-height: 1.3;
+}
+
+.navbar-nav {
+  gap: 1rem;
+}
+
+.scene-wall-item-text-container {
+  background: radial-gradient(farthest-corner at 50% 50%, rgb(50 50 50 / .5) 50%, #323232 100%);
+  color: #eee;
+}
+
+body .scene-header {
+  color: var(--color-white);
+  font-size: 17px;
+  font-weight: 700;
+  word-break: break-word;
+  word-wrap: break-word;
+}
+
+.filter-container,
+.operation-container {
+  box-shadow: none;
+  color: var(--color-text-dim) !important;
+  margin-top: -10px;
+  padding: 10px;
+}
+
+.container-fluid,
+.container-lg,
+.container-md,
+.container-sm,
+.container-xl {
+  margin-left: 0;
+  margin-right: 0;
+  width: 100%;
+}
+
+.btn-link {
+  color: #eee;
+  font-weight: 500;
+  text-decoration: none;
+}
+
+button.minimal.brand-link.d-none.d-md-inline-block.btn.btn-primary {
+  font-weight: bold;
+  text-transform: uppercase;
+}
+
+a:hover,
+a:focus {
+  color: hsl(0deg 0% 100% / .7);
+}
+
+option {
+  background-color: var(--color-black);
+  color: var(--color-white);
+}
+
+select:focus > option:checked,
+select option:hover,
+option:checked,
+option:hover,
+option:focus {
+  background-color: var(--color-hubs) !important;
+  color: var(--color-black) !important;
+}
+
+.folder-list .btn-link {
+  color: #2c2e30;
+}
+
+#performer-scraper-popover {
+  z-index: 10;
+}
+
+body {
+  background: var(--color-black) !important;
+}
+
+.card {
+  background: var(--color-black) !important;
+  border-radius: 0 !important;
+  box-shadow: none !important;
+}
+/* .btn-primary {
+  color: #fff;
+  background-color: #131313 !important;;
+  border-color: #131313 !important;;
+} */
+
+.nav-pills .nav-link.active,
+.nav-pills .show > .nav-link {
+  background-color: #131313 !important;
+  border-color: #131313 !important;
+}
+
+#tasks-panel .tasks-panel-queue {
+  background-color: var(--color-black) !important;
+}
+
+.top-nav .bg-dark,
+.top-nav.navbar {
+  background: var(--color-dark) !important;
+}
+
+body .top-nav {
+  border-radius: 0 !important;
+  padding: 10px 15px !important;
+}
+
+.top-nav .btn {
+  border: 0 !important;
+  border-radius: 0 !important;
+  display: inline-flex !important;
+  flex-direction: row !important;
+  flex-wrap: nowrap !important;
+  font-size: 16px !important;
+  font-weight: 400 !important;
+  gap: 8px;
+  padding: 6px 8px !important;
+}
+
+.top-nav .btn:hover svg,
+.top-nav .btn:focus svg,
+.top-nav .btn:hover,
+.top-nav .btn:focus {
+  color: var(--color-white) !important;
+  opacity: 1 !important;
+}
+
+.top-nav .btn .fa-icon {
+  margin: 0 !important;
+}
+
+body .top-nav .navbar-brand {
+  margin-left: 0 !important;
+  margin-right: 1.5rem;
+  padding: 0 !important;
+}
+
+body .top-nav .navbar-brand button {
+  color: var(--color-white) !important;
+  display: inline-block !important;
+  font-weight: 700 !important;
+  padding: 0 !important;
+}
+
+body .top-nav .navbar-brand button::after {
+  background: var(--color-hubs);
+  border-radius: 3px;
+  color: var(--color-black);
+  content: 'hub';
+  display: inline-block;
+  font-weight: 700 !important;
+  margin: 0 0 0 3px;
+  padding: 0 2px;
+}
+
+.top-nav .btn.active {
+  border: 0 !important;
+  color: var(--color-white) !important;
+}
+
+.navbar-dark .navbar-toggler {
+  border-color: transparent !important;
+}
+
+button[title="Donate"] {
+  display: none !important;
+}
+
+* {
+  outline: none !important;
+}
+
+.grid-card a .card-section-title,
+.section-title {
+  color: var(--color-text) !important;
+  font-size: 15px !important;
+  line-height: 17px !important;
+}
+
+.card-section > a + span,
+.card-section > a + span + p {
+  color: var(--color-text-dim) !important;
+}
+
+.bg-secondary,
+.btn-secondary,
+.border-secondary {
+  background-color: var(--color-hubs) !important;
+  border-color: var(--color-black) !important;
+}
+
+/* [Scenes tab] Allow for longer string when displaying "Studio as Text" on scene thumbnails */
+.scene-studio-overlay {
+  font-weight: 600 !important;
+  opacity: 1 !important;
+  text-overflow: ellipsis !important;
+  width: 60% !important;
+}
+
+/* [Scenes tab] Hide studio logo/text from scene card */
+.scene-studio-overlay {
+  display: none;
+}
+
+/* [Scenes tab] Fit more thumbnails on each row */
+.grid {
+  padding: 0 !important;
+}
+
+/* [Scenes tab] Make the list of tags take up less width */
+.bs-popover-bottom {
+  max-width: 500px;
+}
+
+/* [Scenes tab] Adjust the mouse over behaviour in wall mode */
+@media (min-width: 576px) {
+  .wall-item:hover::before,
+  .wall-item:focus::before {
+    opacity: 0;
+  }
+
+  .wall-item:hover .wall-item-container,
+  .wall-item:focus .wall-item-container {
+    transform: scale(1.5);
+  }
+}
+
+/* [Scenes tab] Disable zoom on hover in wall mode */
+.wall-item:hover .wall-item-container,
+.wall-item:focus .wall-item-container {
+  transform: none;
+}
+
+.wall-item::before {
+  opacity: 0 !important;
+}
+
+/* [Scenes tab] Hide the scene scrubber and max out the player's height */
+.scrubber-wrapper {
+  display: none;
+}
+
+/* [Scenes Tab] - Hide the truncated text on scene card */
+.TruncatedText.scene-card__description {
+  display: none;
+}
+
+/*
+.performer-image-container {
+  flex: 0 0 50%;
+  max-width: 50%;
+}*/
+
+/* Changing .col-md-8 settings also affects studios and tags display. 50% should be good enough. */
+.col-md-8 {
+  flex: 0 0 50%;
+  max-width: 50%;
+}
+
+/* [Performers tab] Move the buttons in the Performer's edit panel to the top instead of bottom (in newer version of Stash, the buttons are already positioned both at top and bottom.  */
+form#performer-edit {
+  display: flex;
+  flex-direction: column;
+}
+
+#performer-edit > .row {
+  order: 1;
+}
+
+#performer-edit > .row:last-child {
+  margin-bottom: 1rem;
+  order: 0;
+}
+
+/* [Performers tab] Move the tags row in the Performer's edit panel to the second position (just after name).  */
+form#performer-edit {
+  display: flex;
+  flex-direction: column;
+}
+
+#performer-edit > .row:nth-child(21) {
+  order: -1;
+}
+
+#performer-edit > .row:first-child {
+  order: -2;
+}
+
+.scene-tabs .studio-logo {
+  display: none !important;
+}
+
+/* Custom rating banner */
+body .rating-banner {
+  background: transparent;
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: contain;
+  color: #fff;
+  display: block;
+  font-size: .86rem;
+  font-weight: 400;
+  height: 0;
+  left: 0;
+  letter-spacing: 1px;
+  line-height: 1.6rem;
+  margin: 6px 10px;
+  padding: 10px;
+  position: absolute;
+  text-indent: 0;
+  top: 0;
+  transform: none;
+  visibility: hidden;
+  width: 88px;
+}
+
+body .rating-banner {
+  background: none;
+}
+
+body .rating-banner::after {
+  background: var(--color-star);
+  border-radius: 5px;
+  color: var(--color-black);
+  display: inline-block;
+  font-size: 12px;
+  font-weight: 800;
+  height: 30px;
+  left: 0;
+  margin-top: 5px;
+  padding: 5px;
+  position: absolute;
+  text-indent: 0;
+  top: 0;
+  visibility: visible;
+  width: 30px;
+}
+
+body .rating-banner.rating-3::after {
+  content: '3';
+}
+
+body .rating-banner.rating-4::after {
+  content: '4';
+}
+
+body .rating-banner.rating-5::after {
+  content: '5';
+}
+
+.wall-item-text {
+  display: none !important;
+}
+
+body .scene-card-preview-video,
+.scene-card-preview.portrait .scene-card-preview-image,
+.scene-card-preview.portrait .scene-card-preview-video,
+.gallery-card-preview.portrait .scene-card-preview-image,
+.gallery-card-preview.portrait .scene-card-preview-video {
+  object-fit: cover !important;
+  object-position: center !important;
+}
+
+.bs-popover-bottom > .arrow::after,
+.bs-popover-auto[x-placement^="bottom"] > .arrow::after,
+.bs-popover-bottom > .arrow::before,
+.bs-popover-auto[x-placement^="bottom"] > .arrow::before {
+  border-bottom-color: var(--color-cod-gray) !important;
+}
+
+[role="tooltip"],
+.popover,
+.input-control,
+.input-control:focus,
+.input-control:disabled,
+.dropdown-menu,
+.dropdown-menu .bg-secondary,
+.dropdown-menu .btn-secondary,
+.dropdown-menu a,
+.scraper-group .btn,
+.scraper-group input,
+[role="toolbar"] ::-webkit-keygen-select,
+[role="toolbar"] input,
+[role="toolbar"] .btn,
+[role="toolbar"] .btn-secondary {
+  background-color: var(--color-cod-gray) !important;
+  border-color: var(--color-cod-gray) !important;
+  color: var(--color-silver) !important;
+}
+
+.tag-item {
+  background: var(--color-dark);
+  border-radius: 8px;
+  color: var(--color-white);
+  display: inline-block;
+  font-size: 14px;
+  font-weight: 400;
+  margin-bottom: 8px;
+  padding: 8px 18px;
+  text-transform: capitalize;
+  white-space: nowrap;
+}
+
+.tag-item:hover,
+.tag-item:focus {
+  background: var(--color-dim);
+}
+
+.tag-item:first-of-type {
+  margin-left: 0;
+}
+
+.row h6 {
+  margin-top: 10px;
+}
+
+body .nav-tabs .nav-link {
+  border-bottom: 1px solid transparent !important;
+  border-radius: 0 !important;
+  color: var(--color-text);
+  font-size: 11px;
+  padding: 8px 15px;
+}
+
+.nav-tabs .nav-link.active,
+.nav-tabs .nav-item.show .nav-link,
+body .nav-tabs .nav-link.active {
+  background-color: var(--color-black) !important;
+  border-bottom: 1px solid var(--color-hubs) !important;
+  color: var(--color-white) !important;
+}
+
+@media (min-width: 1200px) {
+  body .navbar-expand-xl .navbar-nav .nav-link {
+    padding-left: 0;
+    padding-right: 0;
+  }
+}
+
+body .text-muted {
+  color: var(--color-text-dim) !important;
+}
+
+/* Range input */
+input::-webkit-slider-runnable-track,
+input::-moz-range-track,
+input::-ms-track,
+input,
+input[type="range"] {
+  accent-color: var(--color-hubs) !important;
+  appearance: none;
+}
+
+.custom-control-input:checked ~ .custom-control-label::before {
+  background-color: var(--color-hubs) !important;
+  border-color: var(--color-hubs) !important;
+}
+
+input[type="range"] {
+  appearance: none;
+  height: 38px;
+  margin: 10px 0;
+  width: 100%;
+}
+
+input[type="range"]:focus {
+  outline: none;
+}
+
+input[type="range"]::-webkit-slider-runnable-track {
+  background: var(--color-hubs);
+  border-radius: 5px;
+  cursor: pointer;
+  height: 8px;
+  width: 100%;
+}
+
+input[type="range"]::-webkit-slider-thumb {
+  appearance: none;
+  background: #fff;
+  border-radius: 5px;
+  cursor: pointer;
+  height: 20px;
+  width: 8px;
+}
+
+input[type="range"]:focus::-webkit-slider-runnable-track {
+  background: var(--color-hubs);
+}
+
+input[type="range"]::-moz-range-track {
+  background: var(--color-hubs);
+  border-radius: 5px;
+  cursor: pointer;
+  height: 10px;
+  width: 100%;
+}
+
+input[type="range"]::-moz-range-thumb {
+  background: #fff;
+  border-radius: 5px;
+  cursor: pointer;
+  height: 30px;
+  width: 12px;
+}
+
+input[type="range"]::-ms-track {
+  background: transparent;
+  border-color: transparent;
+  color: transparent;
+  cursor: pointer;
+  height: 10px;
+  width: 100%;
+}
+
+input[type="range"]::-ms-fill-lower {
+  background: var(--color-hubs);
+  border-radius: 10px;
+}
+
+input[type="range"]::-ms-fill-upper {
+  background: var(--color-hubs);
+  border-radius: 10px;
+}
+
+input[type="range"]::-ms-thumb {
+  background: #fff;
+  border-radius: 5px;
+  cursor: pointer;
+  height: 30px;
+  margin-top: 1px;
+  width: 12px;
+}
+
+input[type="range"]:focus::-ms-fill-lower {
+  background: var(--color-hubs);
+}
+
+input[type="range"]:focus::-ms-fill-upper {
+  background: var(--color-hubs);
+}
+
+.top-nav .navbar-buttons .btn[title="Help"],
+.top-nav .navbar-buttons .btn.donate {
+  display: none !important;
+}
+
+.stats-element .title {
+  color: var(--color-white) !important;
+  font-weight: 700 !important;
+}
+
+div[role="toolbar"] + .d-flex > .tag-item.badge.badge-secondary {
+  align-items: center;
+  background: none !important;
+  bottom: 0;
+  display: inline-flex;
+  gap: 10px;
+}
+
+div[role="toolbar"] + .d-flex > .tag-item.badge.badge-secondary button[type="button"] {
+  align-items: center;
+  background: none !important;
+  bottom: 0 !important;
+  display: inline-flex;
+  margin: 0 !important;
+}
+
+.recommendation-row.studio-recommendations,
+.recommendation-row.movie-recommendations {
+  display: none !important;
+}
+
+a {
+  color: var(--color-hubs);
+}
+
+.btn,
+.btn-primary,
+.btn-secondary {
+  border-radius: 3px !important;
+}
+
+/* Slick fixes */
+.slick-slider .slick-prev,
+.slick-slider .slick-next {
+  display: none !important;
+}
+
+.recommendations-container {
+  padding-left: 0 !important;
+  padding-right: 0 !important;
+}
+
+h2 {
+  text-transform: unset !important;
+}
+
+.recommendation-row-head {
+  position: relative;
+  z-index: 100;
+}
+
+.recommendation-row-head a {
+  font-size: 14px;
+}
+
+@media (max-width: 1200px) {
+  .container,
+  .container-xl,
+  .container-lg,
+  .container-md,
+  .container-sm {
+    padding-left: 0 !important;
+    padding-right: 0 !important;
+    width: unset !important;
+  }
+
+  .filter-container {
+    flex-wrap: wrap !important;
+    margin: 0 !important;
+    padding-left: 0 !important;
+    padding-right: 0 !important;
+  }
+
+  .top-nav .navbar-buttons {
+    margin-left: unset !important;
+    margin-right: unset !important;
+  }
+
+  .fixed-top {
+    justify-content: space-between !important;
+    margin-left: unset !important;
+    margin-right: unset !important;
+    position: unset !important;
+  }
+
+  .navbar-dark .navbar-nav .nav-link {
+    display: block;
+    flex-basis: 100%;
+    max-width: 100%;
+    width: 100%;
+  }
+
+  .navbar-nav {
+    gap: 0;
+  }
+
+  .navbar-dark .navbar-nav .nav-link a {
+    gap: 14px;
+    justify-content: flex-start !important;
+    padding-bottom: 15px !important;
+    padding-left: 0 !important;
+    padding-right: 0 !important;
+    padding-top: 15px !important;
+  }
+
+  .top-nav .btn .fa-icon {
+    height: 22px;
+    width: 22px;
+  }
+
+  .top-nav .navbar-collapse .navbar-nav {
+    justify-content: flex-start;
+    padding-bottom: 0;
+    padding-top: 1rem;
+  }
+
+  .pagination .btn {
+    font-size: 16px !important;
+    height: 40px !important;
+    min-width: 40px !important;
+  }
+
+  .slick-slide .card {
+    height: unset;
+  }
+}
+
+[data-rb-event-key="https://opencollective.com/stashapp"] {
+  display: none !important;
+}
+
+@media (max-width: 576px) {
+  .top-nav .navbar-collapse .navbar-nav {
+    padding-bottom: 1rem;
+    padding-top: 0;
+  }
+}
+`;
+// Themes CSS End
+
+// Themes CSS Begin
+const pulsar = `
+/*	StashApp Pulsar Theme - Fonzie 2020-21 v1.8.1  	 */
+/* ---------------------------------------------------- */
+/* --------- Updated to Stash version 0.12.0 ---------- */
+
+/* 
+	Bug Fixes: Overlap of Help & Ssettings" buttons in the navbar, as well 
+	as the Identify task
+
+	Complete overhaul of the Settings page
+	
+	Bug Fix: Background-color in the navigation bar
+   
+	Adjustments to version 0.10.0 which includes moving the movie-, image- 
+	and gallery-counter to the bottom of the performer image when you hover 
+	over the card, and increasing the size of the star rating in the highest 
+	zoom level.   	
+   
+   
+*/
+
+
+
+/* ===================== General ===================== */
+
+body {
+	background-image:url("https://i.imgur.com/gQtSoev.jpg");	/*	Aphonus		*/
+/*	background-image:url("https://i.imgur.com/6BBd6aa.jpg");	/*	Plex		*/
+/*	background-image:url("https://i.imgur.com/xAzxryr.jpg");	/*	Almora		*/
+/*	background-image:url("https://i.imgur.com/0iN75zD.jpg");	/*	Dacirus		*/
+/*	background-image:url("https://i.imgur.com/g5ECcdD.jpg");	/*	Drionope	*/
+/*	background-image:url("https://i.imgur.com/dhVsc3d.jpg");	/*	Elein		*/
+/*	background-image:url("https://i.imgur.com/B5hdvQG.jpg");	/*	FreePhion	*/
+/*	background-image:url("https://i.imgur.com/LcSat6V.jpg");	/*	Lilac		*/
+/*	background-image:url("https://i.imgur.com/kn9wixj.jpg");	/*	Nolrirus	*/
+/*	background-image:url("https://i.imgur.com/190rDim.jpg");	/*	Ongion		*/
+/*	background-image:url("https://i.imgur.com/IpvdJVn.jpg");	/*	PurpleRough	*/
+/*	background-image:url("https://i.imgur.com/hAHylub.jpg");	/*	Tesioria	*/
+/*	background-image:url("https://i.imgur.com/QKiFSvE.jpg");	/*	Ichix		*/
+/*	background-image:url("https://i.imgur.com/8cIqGWj.jpg");	/*	SeaGreen	*/
+/*	background-image:url("https://i.imgur.com/WNXNwV3.jpg");	/*	BrownBlur	*/
+/*	background-image:url("./custom/background.jpg");		/*	Local Background	*/
+
+	font-family:Helvetica, Verdana;
+	width: 100%;
+	height: 100%;
+	padding: 0 0 0;
+	background-size: cover;
+	background-repeat: no-repeat;
+	background-color:#127aa5;
+	background-attachment: fixed;
+	background-position: center;
+	color: #f9fbfd;
+}
+
+h1,h2,h3,h4,h5,h6 {	font-family:Helvetica, Verdana;}
+:root {
+	--HeaderFont: Helvetica, "Helvetica Neue", "The Sans", "Segoe UI";
+	--std-txt-shadow: 2px 2px 1px #000;
+	--light-txt-shadow: 1px 2px 1px #222;
+	--white: #ffffff;
+	--stars: url("https://i.imgur.com/YM1nCqo.png");
+}
+
+
+/* --- The Home button in the top left corner of each page. Remove the last 3 lines if you don't like the logo --- */
+button.minimal.brand-link.d-none.d-md-inline-block.btn.btn-primary, 
+button.minimal.brand-link.d-inline-block.btn.btn-primary {
+	text-transform: uppercase;
+	font-weight: bold;
+	margin-left:1px;
+	background-image:url("./favicon.ico");
+	padding-left:40px;
+	background-repeat: no-repeat;
+}
+
+/* --- Makes the background of the Navigation Bar at the Top half-transparent --- */
+nav.bg-dark {background: rgba(10, 20, 25, 0.50)!important;}
+.bg-dark {background:none !important;background-color:none !Important}
+.form-group .bg-dark {background: rgba(10, 20, 25, 0.20)!important;}
+
+.navbar-buttons.navbar-nav a.nav-utility {margin-right:9px}
+
+/* --- The space between the Navigation Bar and the rest of the page --- */
+.main { margin-top:18px }
+.top-nav { padding: .13rem 1rem; }
+
+
+/* --- Changes how the Bar at the top of the page behaves --- */
+.fixed-bottom, .fixed-top { position: relative !important; top:0px !important} 
+
+
+/* The pagination at the top and at the bottom of the Scenes/Performer/Images/... pages; 
+transparent background, rounded corners, etc. */
+.filter-container, .operation-container {
+	background-color: rgba(0, 0, 0, .22);
+	box-shadow: none;
+	margin-top: 6px;
+	border-radius: 5px;
+	padding: 5px;
+}
+
+
+/* --- Changes the space between the button in the top right corner of the page --- */
+.order-2 button { margin-left: 4px }
+
+/* --- Space between the items in the Nav bar --- */
+.nav-link > .minimal {  margin: 0px;}
+
+
+/* Each item on the Scenes/Performers/Tags/... pages */
+.card {
+	padding: 20px; 
+	margin: 4px 0.5% 14px;
+	/* --- Adds a glowing shimmer effect --- */
+	background-image: linear-gradient(130deg, rgba(60, 70, 85,0.21), rgba(150, 155, 160,0.30), rgba(35, 40, 45,0.22), rgba(160, 160, 165,0.21), rgba(50, 60, 65,0.30)); 
+	background-color: rgba(16, 20, 25, .25); 
+	box-shadow: 2px 2px 6px rgba(0, 0, 0, .55);
+	/* --- Increases the rounded borders of each item on the Scenes/Performers/... pages for 6px in 10px --- */
+	border-radius: 10px;
+}
+
+/* --- Removes the glowing shimmer effect on the start page & the settings for readability purpose --- */
+.mx-auto.card, .changelog-version.card {
+	background-image: none !important; 
+	background-color: rgba(16, 20, 25, .40) !important; 
+}
+
+/* --- Color that is used within .card secments --- */
+.text-muted {	color: #f0f0f0 !important}
+
+
+.bg-secondary {
+	background: none;
+	background-color: rgba(10, 25, 30, .62) !important;
+}
+ 
+.text-white {	color: #f0f0f0 }
+.border-secondary {	border-color: #2f3335 }
+ 
+.btn-secondary.filter-item.col-1.d-none.d-sm-inline.form-control {
+    background-color: rgba(0, 0, 0, .08);
+}
+
+/* --- Changes the color and the background of the buttons and elements in the toolbar (Search, Sort by, # of Items, etc.) --- */
+.btn-secondary {
+    color: #f2f2f2;
+    background-color: rgba(0, 0, 0, .08);
+    border-color: #3c3f45;
+}
+ 
+a {	color: hsla(0, 10%, 95%, .75);}
+
+
+
+/* --- Changes the color of the active page in the Navgation Bar --- */ 
+.btn-primary:not(:disabled):not(.disabled).active,
+.btn-primary:not(:disabled):not(.disabled):active,
+.show>.btn-primary.dropdown-toggle {
+	color: #fff;
+	background-color: rgba(22, 50, 60, .75);
+	border-color: #fff;
+}
+
+/* --- No border of the active element in the Navgation Bar --- */
+.btn-primary.focus,
+.btn-primary:focus,
+.btn-primary:not(:disabled):not(.disabled).active:focus,
+.btn-primary:not(:disabled):not(.disabled):active:focus,
+.show>.btn-primary.dropdown-toggle:focus {box-shadow: none;}
+
+.btn-primary:not(:disabled):not(.disabled).active,
+.btn-primary:not(:disabled):not(.disabled):active,
+.show>.btn-primary.dropdown-toggle {
+	color: #fff;
+	border-color: #eee;
+}
+
+.container-fluid,.container-lg,.container-md,.container-sm,.container-xl {
+	width: 100%;
+	margin-right: 0px;
+	margin-left: 0px;
+}
+
+
+
+
+
+/* ===================== Performer ========================= */
+
+
+/* --- 0.90 - Section moves Movie-, Image- & Gallery-Count to the bottom of the performer image when hovered over --- */
+
+.performer-card .card-popovers .movie-count,
+.performer-card .card-popovers .image-count,
+.performer-card .card-popovers .gallery-count
+{
+	z-index:300;
+    position:absolute;
+    top:-270%;
+	opacity:0.0;
+}
+
+/* --- Highlight the bottom of the performer card when hovered over --- */
+.performer-card.grid-card:hover {
+	background-image: linear-gradient(130deg, rgba(50, 60, 75,0.25), rgba(150, 155, 160,0.32), rgba(35, 40, 45,0.26), rgba(160, 160, 165,0.27), rgba(50, 60, 65,0.37));
+	background-color: rgba(62, 72, 80, .26);
+}
+
+/* --- When hovered over blend them in ---*/
+.performer-card.grid-card:hover .card-popovers .movie-count,
+.performer-card.grid-card:hover .card-popovers .image-count,
+.performer-card.grid-card:hover .card-popovers .gallery-count {opacity: 1.0;transition: opacity .7s;}
+
+/* --- 3 items gets a shadow ---*/
+.performer-card .card-section .movie-count span,
+.performer-card .card-section .movie-count button.minimal,
+.performer-card .card-section .image-count span,
+.performer-card .card-section .image-count button.minimal,
+.performer-card .card-section .gallery-count span,
+.performer-card .card-section .gallery-count button.minimal
+{text-shadow: 2px 2px 1px #000, 1px 1px 1px #000, 4px 4px 5px #333, 9px 0px 5px #333, -3px 2px 4px #333, -7px 0px 5px #333, 
+10px 2px 5px #000, 4px 14px 5px #333, 9px 0px 3px #333, -7px 2px 4px #333, -17px 0px 5px #333, -1px -9px 5px #333, 3px -8px 6px #444;
+}
+
+.performer-card .card-section .movie-count .svg-inline--fa.fa-w-16 {
+	box-shadow: 1px 1px 1px rgba(0, 0, 0, .99), 1px 1px 3px rgba(0,0,0, .70), -5px 2px 5px rgba(0, 0, 0, .55);
+}
+
+/* --- Positioning of the 3 items ---*/
+.performer-card .card-popovers .movie-count {left:0.2%;}
+.performer-card .card-popovers .image-count {left:32.8%}
+.performer-card .card-popovers .gallery-count {right:1.3%}
+
+.performer-card .movie-count a.minimal:hover:not(:disabled), .performer-card .movie-count button.minimal:hover:not(:disabled),
+.performer-card .image-count a.minimal:hover:not(:disabled), .performer-card .image-count button.minimal:hover:not(:disabled),
+.performer-card .gallery-count a.minimal:hover:not(:disabled), .performer-card .gallery-count button.minimal:hover:not(:disabled)
+{
+	background-color:rgba(20,80,110,0.92);
+    color:#fff;
+}
+
+/* --- Affects the Scenes- and Tags-Counter --- */
+a.minimal:hover:not(:disabled), button.minimal:hover:not(:disabled) {background: rgba(138,155,168,.25);color:#fff;}
+div.performer-card div.card-popovers
+{
+	margin-bottom:-3px;
+	margin-left:1%;
+	margin-top:-4px;
+	margin-right: -3px;
+	justify-content: flex-end;
+	text-align:right;
+}
+
+div.card-section hr {display:none}
+
+
+/* --- Changes the width of the Performer Card from 280px to a dynamic system and therefore the size of the image --- */
+/* --- In Full screen HD 1920x1080 you now see 8 performers per row instead of 6 --- */
+/*.performer-card-image, .performer-card, .card-image {  min-width: 160px; width: calc(108px + 10.625vw / 2); max-width: 230px }  */
+/*.performer-card-image, .performer-card, .card-image {  min-width: 160px; width: calc(108px + 19vw / 3.6);width:212px; max-width: 230px } */
+.performer-card-image, .performer-card, .card-image {  min-width: 160px; width: calc(100px + 11.2vw / 1.92);max-width: 230px } 
+
+
+/* --- Changes the height of the Performer Card to keep the 2x3 picture ratio --- */
+/*.performer-card-image, .justify-content-center .card-image { min-height:240px; height: calc((108px + 10.625vw / 2) * 1.5); max-height: 345px}  */
+.performer-card-image, .justify-content-center .card-image { min-height:240px; height: calc((112px + 19vw / 3.6) * 1.5); max-height: 345px;} 
+.performer-card-image, .justify-content-center .card-image { min-height:240px; height: calc((100px + 11.2vw / 1.92) * 1.5); max-height: 345px;} 
+
+@media (max-width: 575px), (min-width: 1200px) {
+.scene-performers .performer-card-image { height: auto; }
+.scene-performers .performer-card { width: auto; }
+}
+
+
+/* --- Fixes an issue of the card when watching a scene --- */
+.image-section { display: cover;}
+
+/* --- The name of the Performer. Different font, less space to the left & to the top, Text-Shadow --- */
+.text-truncate, .card.performer-card .TruncatedText {
+	margin-left:-1.5%; 
+	margin-top: -2px; 
+	width: 120%; 
+	font-family: var(--HeaderFont);
+	font-size: 112%; 
+	line-height:130%; 
+	font-weight:bold; 
+	text-shadow: var(--std-txt-shadow);
+}
+
+/* --- Makes the Performer Name smaller when the screen is too small --- */
+@media (max-width: 1200px) { .card.performer-card .TruncatedText { font-size: 104%; } }
+
+
+
+/* --- Moves the Flag icon from the right side of the card to the left and makes the Flag image a little bit bigger --- */
+.performer-card .flag-icon {
+    height: 2rem;
+    left: 0.6rem;
+    bottom: 0.10rem;
+    width: 28px; 
+}
+
+/* --- Age and # of Scenes move from the left side to the right of the card --- */
+.performer-card .text-muted {text-align:right;margin-top:-2px;margin-bottom:1px;width:44%;margin-left:56%}
+
+
+/* --- Minimum height for the section in case Age and Nationality is missing and elements would overlap --- */
+.performer-card .card-section {min-height:82px}
+
+/* --- "removes" the term 'old.' from "xx years old." when the resolution gets to small --- */ 
+@media (max-width: 1700px) {
+div.card.performer-card .text-muted {text-align:right;margin-top:-2px;margin-bottom:1px;margin-right:-33px; height:20px; max-height:20px; overflow: hidden;
+}
+}
+
+/* --- To prevent overlapping in the performer card when watching a scene --- */
+@media (max-width: 2000px) {
+.tab-content div.card.performer-card .text-muted {margin-top:22px;margin-right:-3px}
+.tab-content .performer-card.card .rating-1, 
+.tab-content .performer-card.card .rating-2, 
+.tab-content .performer-card.card .rating-3, 
+.tab-content .performer-card.card .rating-4, 
+.tab-content .performer-card.card .rating-5 {bottom: 53px !important;}
+}
+
+
+/* --- Text Shadow for the "Stars in x scenes" link --- */
+div.card.performer-card div.text-muted a {text-shadow: 1px 2px 2px #333}
+
+/* --- Makes the card section (Name, Age, Flag, # of scenes) more compact --- */
+.card-section { margin-bottom: -7px !important; padding: .5rem 0.7rem 0 !important;}
+.card-section span {margin-bottom:3px}
+@media (max-width: 1500px) {	.card-section span {font-size:13px}	}
+
+div.card-section hr {display:none}
+
+
+
+
+/* --- Changes regarding the Favorite <3 --- */
+.performer-card .favorite {
+    color: #f33;
+    -webkit-filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, .95));
+	filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, .95));
+	right: 3px;
+	top: 5px;
+}
+
+
+
+/* --- Turns the Rating Banner in the top left corner into a Star Rating under the performer name --- */
+.performer-card.card .rating-1, .performer-card.card .rating-2, .performer-card.card .rating-3, 
+.performer-card.card .rating-4, .performer-card.card .rating-5
+{
+	background:none;
+	background-size: 97px 18px;
+	background-image:var(--stars);
+	-webkit-transform:rotate(0deg);
+	transform:rotate(0deg);
+	padding:0;
+	padding-bottom:1px;
+	box-shadow: 0px 0px 0px rgba(0, 0, 0, .00);
+	left:6px;
+	width:97px;
+	height:18px;
+	text-align:left;
+	position:absolute;
+	top:auto;
+	bottom: 34px;
+	font-size:0.001rem;
+}
+
+/* --- Display only X amount of stars  -- */
+div.performer-card.card .rating-banner.rating-1 {width:20px}
+div.performer-card.card .rating-banner.rating-2 {width:39px}
+div.performer-card.card .rating-banner.rating-3 {width:59px} 
+div.performer-card.card .rating-banner.rating-4 {width:78px}  
+div.performer-card.card .rating-banner.rating-5 {width:97px}  
+
+
+.performer-card .btn {padding: .375rem .013rem}
+.performer-card .btn {padding: .34rem .25rem}
+.performer-card .fa-icon {margin: 0 2px}
+.performer-card .card-popovers .fa-icon {margin-right: 4px}
+.performer-card .svg-inline--fa.fa-w-18, .performer-card .svg-inline--fa.fa-w-16 {height: 0.88em}
+.performer-card .favorite .svg-inline--fa.fa-w-16 {height:1.5rem}
+
+
+.performer-card .card-popovers .btn-primary {
+    margin: 0 0px 0 6px;
+}
+
+
+
+/* --- PerformerTagger Changes --- */
+
+.PerformerTagger-performer {
+	background-image: linear-gradient(130deg, rgba(50, 60, 75,0.25), rgba(150, 155, 160,0.32), rgba(35, 40, 45,0.26), rgba(160, 160, 165,0.27), rgba(50, 60, 65,0.37)); 
+	background-color: rgba(16, 20, 25, .23); 
+	box-shadow: 2px 2px 6px rgba(0, 0, 0, .70);
+	border-radius: 8px;
+	margin: 1.1%;
+  }
+  
+.tagger-container .input-group-text  {background:none;border:0;margin-right:5px;padding-left:0}
+.PerformerTagger-details {	margin-left: 1.25rem; width:23.5rem;}
+
+.tagger-container .btn-link{text-shadow: 1px 2px 3px #000;}
+.tagger-container, .PerformerTagger {	max-width: 1850px;}
+
+.PerformerTagger-header h2 {	
+	font-family: Helvetica, "Helvetica Neue", "Segoe UI" !important; 
+	font-size: 2rem; 
+	line-height:130%; 
+	font-weight:bold; 
+	text-shadow: 2px 2px 1px #000 !important
+}
+
+.PerformerTagger-thumb {height: 50px;}
+
+.modal-backdrop 	 {	background-color: rgba(16, 20, 25, .25);}
+.modal-backdrop.show {	opacity: 0.1;	}
+
+.performer-create-modal {	max-width: 1300px; font-family: Helvetica, "Helvetica Neue", "Segoe UI" !important; }
+.performer-create-modal .image-selection .performer-image { height: 95%; }
+.performer-create-modal .image-selection {height: 485px;}
+
+.performer-create-modal .no-gutters .TruncatedText {
+	font-family: var(--HeaderFont);
+	font-size: 115%;
+	padding-top:2px;
+	line-height:120%; 
+	font-weight:bold; 
+	text-shadow: var(--std-txt-shadow);
+}
+.performer-create-modal-field strong {margin-left: 6px}
+.modal-footer {border-top: 0}
+
+
+
+
+
+
+/* ========================= Performer Page ================================= */
+/* === The page that you see when you click on the picture of a Performer === */
+
+/* --- The picture of the Performer on the left. 3D effect thanks to background shadows and more rounded corners --- */
+#performer-page .performer-image-container .performer 
+{
+    background-color: rgba(0, 0, 0, .48);
+    box-shadow: 6px 6px 11px rgba(0, 10, 10, .62);
+    border-radius: 14px !important;
+}
+
+/* --- Without this the shadow at the bottom from the previous Selector will not be correctly displayed --- */
+.performer-image-container {padding-bottom: 11px}
+
+
+/* --- The following 15 Selectors change the way the details box is displayed --- */
+#performer-details-tabpane-details .text-input, #performer-details-tabpane-details .text-input:disabled, 
+#performer-details-tabpane-details .text-input[readonly] {background-color: rgba(16,22,26,0.0);}
+#performer-details-tabpane-details a { text-shadow: var(--light-txt-shadow)}
+
+.text-input, input.form-control-plaintext { background-color:none;}
+#performer-details .input-control, .text-input {box-shadow: none;}
+
+div.react-select__control, #performer-details-tabpane-details {background-color: rgba(15,20,30,0.26); max-width:1000px}
+#performer-details-tabpane-details {border-radius: 10px}
+#performer-details-tabpane-edit {max-width:1000px}
+
+div.react-select__control .css-12jo7m5 {text-shadow: none; }
+
+@media (min-width: 1200px) {
+	#performer-details-tabpane-details td { padding: 9px; }
+	table#performer-details tbody tr td:nth-child(1), td:first-child {padding-left: 22px; width: 185px;}
+}
+@media (max-width: 1200px) {
+	table#performer-details tbody tr td:nth-child(1), td:first-child {padding-left: 11px; }
+	#performer-page .performer-head {    margin-bottom: 1rem; }
+	#performer-page { margin: 0 -6px 0 -15px; }
+}
+#performer-details-tabpane-details tr:nth-child(odd) {     background-color: rgba(16,22,26,0.1); }
+table#performer-details {color:#FFF; text-shadow: 1px 1px 1px #000;}
+
+
+
+/* --- Changes the way the name of the performer is displayed --- */
+.performer-head h2 {font-family: var(--HeaderFont); font-weight:bold; text-shadow: 2px 2px 2px #111 }
+
+/* --- Leave some space between the name and the Fav/Link/Twitter/IG icons --- */
+#performer-page .performer-head .name-icons {margin-left: 22px}
+
+/* --- Highlighter for active Details/Scenes/Images/Edit/Operations --- */
+.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
+	background-color: rgba(5,30,35,0.46);
+}
+
+
+/* --- Changes the display of Performer Details Tab in the 0.9 version are arranged --- */
+#performer-details-tabpane-details dl.row, dl.details-list dt, dl.details-list dd{ margin:0 0px;padding: 8px 10px 9px 14px}
+#performer-details-tabpane-details dl.row:nth-child(odd),
+#performer-details-tabpane-details dl.details-list dt:nth-of-type(odd),
+#performer-details-tabpane-details dl.details-list dd:nth-of-type(odd) {	background-color: rgba(16,22,26,0.1);}
+#performer-details-tabpane-details dt.col-xl-2,
+#performer-details-tabpane-details dl.details-list dt {	text-shadow: var(--std-txt-shadow); font-weight: normal;}
+#performer-details-tabpane-details ul.pl-0 {margin-bottom: 0rem;}
+#performer-details-tabpane-details dl.details-list { grid-column-gap: 0}
+
+
+/* --- Resets the fields in Performer Edit Tab in the 0.5 developmental version back to way it was in the 0.5 version --- */
+#performer-edit {margin:0 0 0 10px}
+#performer-edit .col-sm-auto, #performer-edit .col-sm-6, #performer-edit .col-md-auto, #performer-edit .col-lg-6, #performer-edit .col-sm-4, #performer-edit .col-sm-8 { width: 100%;max-width: 100%; flex: 0 0 100%; }
+#performer-edit .col-sm-auto div, #performer-edit label.form-label { float:left; width:17%;}
+#performer-edit .col-sm-auto div, #performer-edit label.form-label { font-weight:normal; color: #FFF; text-shadow: var(--std-txt-shadow); }
+
+#performer-edit select.form-control, #performer-edit .input-group, #performer-edit .text-input.form-control { float:right; width:83%; }
+#performer-edit .form-group, .col-12 button.mr-2 {margin-bottom: 0.35rem}
+#performer-edit .mt-3 label.form-label { float:none; width:auto; }
+
+#performer-edit select.form-control, #performer-edit .input-group, #performer-edit .text-input.form-control {width: 100%;}
+#performer-edit textarea.text-input {min-height: 9ex;}
+
+#performer-edit .form-group:nth-child(17) .text-input.form-control {width:85%;}
+
+@media (max-width: 750px) {
+#performer-edit .col-sm-auto div, #performer-edit label.form-label { float:left; width:22%;}
+#performer-edit select.form-control, #performer-edit .input-group, #performer-edit .text-input.form-control { float:right; width:78%; }
+}
+
+@media (max-width: 500px) {
+#performer-edit .col-sm-auto div, #performer-edit label.form-label { float:left; width:60%;}
+#performer-edit li.mb-1, 
+#performer-edit select.form-control, 
+#performer-edit .input-group, #performer-edit .text-input.form-control { float:left; width:89%; }
+}
+
+#performer-edit .form-group .mr-2 {margin-right:0!important}
+
+
+
+
+
+
+/* ======================= Scenes ======================== */
+
+
+/* --- Remove the comments if you don't want to see the Description Text of the scenes --- */
+/* .card-section p {display:none} */
+
+
+/* --- Remove the comments if you don't want to see the Resolution of the Video (480p, 540p, 720p, 1080p) --- */
+ .overlay-resolution {display:none} 
+
+
+
+/* --- The name of the Scene. Different font, less space to the left and to the top, Text-Shadow --- */
+h5.card-section-title, .scene-tabs .scene-header {	
+	font-family: var(--HeaderFont);
+	font-size: 1.25rem;
+	font-weight:bold;
+	line-height:132%;
+	text-shadow: var(--std-txt-shadow);
+}
+.scene-tabs .scene-header { font-size: 24px; margin-bottom:16px }
+.scene-tabs .studio-logo {	margin-top: 0}
+
+#TruncatedText .tooltip-inner {width:365px; max-width:365px}
+.tooltip-inner {	font-family: var(--HeaderFont);
+	background-color: rgba(16, 20, 25, .99); 
+	box-shadow: 2px 2px 6px rgba(0, 0, 0, .55);
+ font-weight:bold;font-size:14px;}
+
+/* --- Removes the horizontal line that separates the date/description text from the Tags/Performer/etc. icons --- */
+.scene-card.card hr, .scene-card.card>hr{	border-top: 0px solid rgba(0,0,0,.1);	}
+
+
+/* --- Changes regarding the Scene Logo --- */
+.scene-studio-overlay {
+	opacity: .80;
+	top: -1px;
+	right: 2px;
+}
+
+/* --- The Resolution and the Time/Length of the video in the bottom right corner to make it easier to read --- */
+.scene-specs-overlay {
+	font-family: Arial, Verdana,"Segoe UI" !important;
+	bottom:1px;
+	color: #FFF;
+	font-weight: bold;
+	bottom:1.4%;
+	letter-spacing: 0.035rem;
+	text-shadow: 2px 2px 1px #000, 4px 4px 5px #444, 7px 0px 5px #444, -3px 2px 5px #444, -5px 0px 5px #444, -1px -4px 5px #444, 3px -2px 6px #444;
+}
+.overlay-resolution {color:#eee;}
+
+/* --- Changes the spaces between the items on the Scenes page --- */
+.zoom-0 {margin: 4px 0.50% 10px}
+
+
+.scene-card-link {height:195px; overflow:hidden;}
+
+
+/* --- Tightens the space between the Tags-, Performer-, O-Counter-, Gallery- and Movie-Icons --- */
+.btn-primary { margin:0 -3px 0 -9px}
+
+/* --- Moves the Tags-, Performer-, O-Counter-, Gallery- and Movie-Icon from below the description to the bottom right corner of the card --- */
+.scene-popovers, .card-popovers { 
+	min-width:0;
+	margin-bottom: 3px;
+	margin-top:-40px;
+	justify-content: flex-end;
+}
+
+/* --- Adds an invisible dot after the description text, Also leaves ~80 pixels space to enforce a line break, 
+so it leaves some space in the bottom right corner of the card for the icons in the Selector above --- */
+.card-section p:after 
+{
+	font-size: 1px;
+	color: rgba(0,0,0, .01);
+	padding-right: 3.2vw; 
+	margin-right: 2.8vw; 
+	content: " ";
+}
+
+
+
+
+/* -- The whole section replaces the ratings banner with a star rating in the bottom left corner --- */ 
+.scene-card.card .rating-1 {width:22px}
+.scene-card.card .rating-2 {width:43px}
+.scene-card.card .rating-3 {width:65px} 
+.scene-card.card .rating-4 {width:86px}  
+.scene-card.card .rating-5 {background:none; width:108px}
+.rating-1, .rating-2, .rating-3, .rating-4, .scene-card.card .rating-5 {
+	background:none;
+	background-image:var(--stars);
+	height:20px;
+	background-size: 108px 20px;
+} 
+
+.scene-card.card .rating-banner {
+	padding:0;
+	left:5px;
+	top:89%;
+	background-position: left;
+	font-size: .01rem;
+	-webkit-transform: rotate(0deg);
+	transform: rotate(0deg);
+}
+
+
+.scene-card.zoom-0.grid-card.card .rating-banner {top: 87%}
+.scene-card.zoom-2.grid-card.card .rating-banner {top: 90%}
+.scene-card.zoom-3.grid-card.card .rating-banner {top: 92%}
+
+.scene-card.zoom-3.grid-card.card .rating-1, .scene-card.zoom-3.grid-card.card .rating-2, .scene-card.zoom-3.grid-card.card .rating-3, .scene-card.zoom-3.grid-card.card .rating-4, .scene-card.zoom-3.grid-card.card .rating-5 {
+	background:none;
+	background-image:var(--stars);
+	height:28px;
+	background-size: 151px 28px;
+} 
+
+.scene-card.zoom-3.grid-card.card .rating-1 {width:30px}
+.scene-card.zoom-3.grid-card.card .rating-2 {width:60px}
+.scene-card.zoom-3.grid-card.card .rating-3 {width:91px} 
+.scene-card.zoom-3.grid-card.card .rating-4 {width:121px}  
+.scene-card.zoom-3.grid-card.card .rating-5 {width:151px}
+
+
+
+/* --- Improves how the Preview Videos in the Wall View are displayed --- */
+.wall-item-container {width: 100%; background-color: rgba(0, 0, 0, .10); overflow:hidden }
+.wall-item-media { height:100%; background-color: rgba(0, 0, 0, .0);overflow:hidden }
+.wall-item-anchor { width: 102%; overflow:hidden }
+.wall-item-text {margin-bottom:0px; color: #111; text-shadow: 1px 1px 1px #fff }	
+
+
+.scene-popovers .fa-icon {margin-right: 2px;}
+
+/* --- Changes the Organized Button color when watching a video. Organized = Green, Not Organized = Red --- */
+.organized-button.not-organized { color: rgba(207,10,20,.8); }
+.organized-button.organized {	color: #06e62e;}
+
+
+/* --- Changes the font in the File Info section --- */
+div.scene-file-info .TruncatedText, div.scene-file-info .text-truncate {
+	margin-left:-1.5%; 
+	margin-top: -1px; 
+	width: 120%; 
+	font-family: var(--HeaderFont);
+	font-size: 110%; 
+	line-height:120%; 
+	font-weight:bold; 
+	text-shadow: var(--std-txt-shadow);
+}
+
+
+#scene-edit-details .pl-0 {
+    padding-left: 10px!important;
+}
+
+
+/* Zoom 0 */
+.zoom-0 { width:290px}
+.zoom-0 .video-section {height:181px;}
+.zoom-0 .scene-card-preview-image, .zoom-0 .scene-card-preview { height:195px; }
+.zoom-0 .scene-card-preview, .zoom-0 .scene-card-preview-video, .zoom-0 .scene-card-video {
+	width: 290px;
+	min-height:181px;
+	max-height: 200px;
+}
+
+/* Zoom 1 */
+.zoom-1 { min-width: 300px; width: calc(234px + 24vw /3.84);max-width: 430px}
+/* Improves the way the scene picture is displayed when the resolution isn't 16:9 (e.g. 4:3) --- */
+.zoom-1 .video-section {height:calc((234px + 24vw / 3.84)/1.63);max-height: 258px}
+.zoom-1 .scene-card-preview-image, .zoom-1 .scene-card-preview { height:98%; max-height: 260px}
+
+.zoom-1 .scene-card-preview, .zoom-1 .scene-card-preview-video, .zoom-1 .scene-card-video {
+	min-width: 300px; width: calc(228px + 17vw / 1.92);max-width: 470px;
+	height:calc((234px + 26vw / 3.84)/1.63);
+	max-height: 265px;
+}
+
+/* Zoom 2 */
+.zoom-2 { min-width: 350px; width: calc(315px + 26vw / 3.84);max-width: 495px}
+.zoom-2 .video-section {height:calc((334px + 26vw / 3.84) /1.63);max-height:295px}
+.zoom-2 .scene-card-preview-image, .zoom-2 .scene-card-preview { height:calc((334px + 26vw / 3.84) /1.63); max-height:292px}
+
+.zoom-2 .scene-card-preview, .zoom-2 .scene-card-preview-video, .zoom-2 .scene-card-video {
+	min-width: 350px; width: calc(332px + 28vw / 3.84);max-width: 530px;
+	height:calc((335px + 28vw / 3.84) /1.63);
+	max-height: 298px;
+}
+
+
+/* Zoom 3 */
+.zoom-3 { min-width: 400px; width: calc(530px + 18vw / 5.76);max-width: 590px}
+.zoom-3 .video-section {height:375px;}
+.zoom-3 .scene-card-preview-image, .zoom-3 .scene-card-preview { height:395px; }
+.zoom-3 .scene-card-preview, .zoom-3 .scene-card-preview-video, .zoom-3 .scene-card-video {
+	width: 600px;
+	min-height:385px;
+	max-height: 400px;
+}
+
+
+.zoom-0 .video-section, .zoom-1 .video-section, .zoom-2 .video-section, .zoom-3 .video-section 
+{object-fit: cover !important;overflow:hidden;}
+
+.zoom-0 .scene-card-preview, .zoom-0 .scene-card-preview-video, .zoom-0 .scene-card-video,
+.zoom-1 .scene-card-preview, .zoom-1 .scene-card-preview-video, .zoom-1 .scene-card-video, 
+.zoom-2 .scene-card-preview, .zoom-2 .scene-card-preview-video, .zoom-2 .scene-card-video,
+.zoom-3 .scene-card-preview, .zoom-3 .scene-card-preview-video, .zoom-3 .scene-card-video {
+	object-fit: cover !important;
+	margin-top:-2%;
+	margin-left:-6px;
+	transform: scale(1.04);
+}
+
+/* --- Shrink the Player Height just a little bit to avoid the scroll bar --- */
+#jwplayer-container {    height: calc(99.5vh - 4rem);}
+.scene-tabs {	max-height: calc(99vh - 4rem); }
+
+div.tagger-container .btn-link { 	
+	font-family: var(--HeaderFont);
+	font-size: 110%; 
+	color: #ddf; 
+	text-shadow: var(--std-txt-shadow); 
+}
+
+
+/* --- Changes the color of the scrape button when editing a scene --- */
+.scrape-url-button{background-color: rgba(20,120,20,.50);}
+.scrape-url-button:hover{background-color: rgba(20,150,20,.65);}
+.scrape-url-button:disabled {  background-color: rgba(30,00,00,.40);	}
+
+
+.scene-tabs .scene-header {margin-top: 0;margin-bottom: 15px}
+.scene-tabs h1.text-center {margin-bottom: 30px}
+
+#queue-viewer .current {background-color: rgba(25,60,40,0.40);}
+#queue-viewer .mb-2:hover, #queue-viewer .my-2:hover {background-color: rgba(15,20,30,0.28);}
+
+#scene-edit-details .edit-buttons-container {
+	background-color: rgba(0,0,0,0.0);
+	position: relative; 
+	margin-bottom:15px;
+}
+
+#scene-edit-details .form-group {margin-bottom:0.65rem;}
+
+
+
+
+
+/* ============== Studio ================= */
+
+
+.studio-card {	padding: 0 4px 14px;}
+
+.studio-details input.form-control-plaintext {	background-color: rgba(16,22,26,.0); }
+.studio-details .react-select__control--is-disabled  {	background: none; border:0}
+
+.studio-details .form-group, .studio-details td { padding: 8px; }
+.studio-details table td:nth-child(1) {color:#FFF; text-shadow: 1px 1px 1px #000;}
+
+.studio-card-image {max-height: 175px; height:175px}
+.studio-card-image {min-width: 260px; width: calc(244px + 19vw / 3.8); max-width: 360px; margin: 0 1px;}
+.studio-card .card-section {	margin-top: 22px;}
+
+@media (min-width: 1200px) {
+.pl-xl-5, .px-xl-5 {
+    padding-left: 1rem!important; 
+    padding-right: 1rem!important;
+} }
+
+.no-gutters .TruncatedText, .tag-card .TruncatedText, div.card.studio-card .TruncatedText, .tagger-container .TruncatedText  {
+	font-family: var(--HeaderFont);
+	font-size: 125%; 
+	line-height:125%; 
+	font-weight:bold; 
+	text-shadow: var(--std-txt-shadow);
+}
+
+.no-gutters .TruncatedText {font-size: 115%;}
+
+/* --- The following 15 Selectors modify the info box on the left after clicking on a movie --- */
+.studio-details .text-input, #performer-details-tabpane-details .text-input:disabled, 
+.studio-details .text-input[readonly] {background-color: rgba(16,22,26,0.0);}
+
+.text-input, input.form-control-plaintext { background-color:none;}
+.studio-details .input-control, .text-input {box-shadow: none;}
+
+.studio-details table { margin-top: 20px; background-color: rgba(15,20,30,0.20); border-radius: 10px; margin-bottom:20px;}
+.studio-details .form-group {background-color: rgba(15,20,30,0.20); margin:0;}
+
+.studio-details table div.react-select__control {background: none; border: 0px;margin:0}
+.studio-details table .css-1hwfws3 { padding:0px; }
+
+.studio-details .form-group, .movie-details td { padding: 8px; }
+.studio-details .form-group td:nth-child(1), 
+.studio-details table tbody tr td:nth-child(1), td:first-child {padding-left: 12px; width: 130px;}
+
+.studio-details table tr:nth-child(odd) {     background-color: rgba(16,22,26,0.1); }
+.studio-details .form-group, .studio-details table td:nth-child(1) {color:#FFF; text-shadow: 1px 1px 1px #000;}
+
+
+.studio-card.card .rating-1, .studio-card.card .rating-2, .studio-card.card .rating-3, 
+.studio-card.card .rating-4, .studio-card.card .rating-5
+{
+	background:none;
+	height: 25px;
+	background-size: 135px 25px;
+	background-image:var(--stars);
+	-webkit-transform:rotate(0deg);
+	transform:rotate(0deg);
+	padding:0;
+	padding-bottom:1px;
+	box-shadow: 0px 0px 0px rgba(0, 0, 0, .00);
+	left:10px;
+	text-align:left;
+	position:absolute;
+	top:auto;
+	bottom: 24% !important;
+	font-size:0.001rem;
+}
+
+.studio-card.card .rating-5{width:135px;} 
+.studio-card.card .rating-4{width:109px;} 
+.studio-card.card .rating-3{width:81px;} 
+.studio-card.card .rating-2{width:55px;} 
+.studio-card.card .rating-1{width:28px;} 
+
+div.studio-card.card .card-popovers { margin-top:-34px;margin-right:-7px}
+.studio-card.card .card-section div:nth-child(2) {margin-bottom:6px;margin-top:-3px;}
+
+div.studio-details dl.details-list {grid-column-gap:0}
+.studio-details dt, .studio-details dd {padding: 6px 0 8px 8px}
+
+
+
+
+
+
+
+/* ============== TAGS =============== */
+
+.tag-card.card hr, .tag-card.card>hr{border-top: 0px solid rgba(0,0,0,0.0)}
+
+.tag-card {margin: 4px 0.5% 10px; padding:0px;}
+
+
+@media (min-width: 1200px){
+.row.pl-xl-5, .row.px-xl-5 {
+	padding-left: 0.2rem!important; 
+	padding-right: 0.2rem!important;
+}
+}
+
+.tag-card.zoom-0 {
+	min-width: 230px; width: calc(205px + 18vw / 1.1); max-width: 354px;
+	min-height:168px; height:auto;
+/*	height:calc(130px + 14vw / 1.1); max-height:250px;*/
+}
+.tag-card.zoom-0 .tag-card-image {	min-height: 100px; max-height: 210px; height: calc(95px + 15vw / 1.1)}
+
+.tag-card.zoom-1 {
+	min-width: 260px; width: calc(238px + 25vw / 2.3); max-width: 460px;
+	min-height:193px; height:auto; max-height:335px;
+}
+.tag-card.zoom-1 .tag-card-image {	min-height: 120px; max-height: 260px; height: calc(100px + 19vw / 2.3);}
+
+.tag-card.zoom-2 {
+	min-width: 290px; width: calc(280px + 38vw / 2.45); max-width: 650px;
+	min-height:170px; height:auto; max-height:505px;
+}
+.tag-card.zoom-2 .tag-card-image {	min-height: 175px; max-height: 435px; height: calc(120px + 26vw / 2.45);}
+
+#tags .card {padding:0 0 10px 0; }
+.tag-card-header {height:190px;overflow:hidden;}
+
+.zoom-0 .tab-pane .card-image { height:210px }
+.zoom-0 .tag-card-image, .zoom-1 .tag-card-image, .zoom-2 .tag-card-image {
+zoom: 101%;
+object-fit: cover;
+overflow:hidden;
+width: 101%;
+margin-top: -2px;
+margin-left: -1%;
+}
+
+.tag-card .scene-popovers, .tag-card .card-popovers { 
+	width:60%;
+	margin-left:40%;
+	justify-content: flex-end;
+	float:right;
+	margin-bottom: 15px;
+	margin-top:-34px;
+	padding-left:17px;
+}
+
+.tag-sub-tags,.tag-parent-tags {margin-bottom:8px}
+
+
+/* --- Moves the Tag name into the Tag Picture --- */
+.tag-details .text-input[readonly] {background-color: rgba(0,0,0,.0)}
+.tag-details .table td:first-child {display:none}
+.tag-details .logo {margin-bottom: 12px;}
+
+.tag-details .form-control-plaintext, .tag-details h2 {
+	margin-top:-76px;
+	margin-left:0%;
+	font-weight: bold;
+	font-family: Helvetica, "Helvetica Neue", "Segoe UI" !important;
+	letter-spacing: 0.11rem;
+	font-size:44px;
+	text-shadow: 2px 2px 3px #111, 4px 4px 4px #282828, 6px 1px 4px #282828, -3px 3px 3px #444, -2px -2px 4px #282828;
+	text-align:center; 
+}
+@media (max-width: 1300px) {.tag-details .form-control-plaintext {font-size:26px; 	margin-top:-50px;}}
+
+.tag-details .logo { min-width:300px}
+
+
+
+
+
+/* ==============  MOVIES ==============  */
+
+/* --- Changes the width of the items so only the front cover is displayed. Also replaces the ratings banner with a star rating --- */
+
+.movie-card .text-truncate, div.card.movie-card .TruncatedText {
+	font-size: 17px !important;
+	font-family: var(--HeaderFont);
+	text-shadow: var(--std-txt-shadow);
+	font-weight: bold;
+	max-width:210px;
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+
+div.movie-card.grid-card.card .card-section p {margin-bottom:-8px}
+div.movie-card.grid-card.card .card-section {margin-bottom: -0px !important}
+div.movie-card.grid-card.card .card-popovers {
+	padding-top:35px;
+	margin-bottom:-11px;
+	width:60%;
+	margin-left:40%;
+	justify-content:flex-end;
+	float:right;
+}
+
+div.movie-card .card-section span {position:absolute;margin-top:-3px;margin-bottom:6px}
+
+
+
+.movie-card-header {height:320px}
+
+.movie-card-header .rating-banner {
+	font-size: .001rem;
+	padding: 8px 41px 6px;
+	line-height: 1.1rem;
+	transform: rotate(0deg);
+	left: 3px;
+	top: 317px !important;
+	height: 25px;
+	background-size: 135px 25px;
+	background-position: left;
+}
+
+.movie-card-header .rating-1 {width:28px}
+.movie-card-header .rating-2 {width:55px}
+.movie-card-header .rating-3 {width:83px}
+.movie-card-header .rating-4 {width:110px}
+.movie-card-header .rating-5 {width:138px}
+
+.movie-card-header .rating-5 {
+	background:none;
+	background-image:var(--stars);
+	height: 25px;
+	background-size: 135px 25px;
+}
+
+.movie-card-image {
+	height:345px;
+	max-height: 345px;
+	width:240px;
+}
+
+
+
+
+/* --- The following 15 Selectors modify the info box on the left after clicking on a movie --- */
+.movie-details .text-input, #performer-details-tabpane-details .text-input:disabled, 
+.movie-details .text-input[readonly] {background-color: rgba(16,22,26,0.0);}
+
+.text-input, input.form-control-plaintext { background-color:none;}
+.movie-details .input-control, .text-input {box-shadow: none;}
+
+.movie-details table { margin-top: 20px; background-color: rgba(15,20,30,0.20); border-radius: 10px 10px 0px 0px; margin-bottom:0;}
+.movie-details .form-group {background-color: rgba(15,20,30,0.20); margin:0;}
+
+.movie-details table div.react-select__control {background: none; border: 0px;margin:0}
+.movie-details table .css-1hwfws3 { padding:0px; }
+
+.movie-details .form-group, .movie-details td { padding: 8px; }
+.movie-details .form-group td:nth-child(1), 
+.movie-details table tbody tr td:nth-child(1), td:first-child {padding-left: 12px; width: 120px;}
+
+.movie-details table tr:nth-child(odd) {     background-color: rgba(16,22,26,0.1); }
+.movie-details .form-group, .movie-details table td:nth-child(1) {color:#FFF; text-shadow: 1px 1px 1px #000;}
+
+
+
+/* --- 0.60 dev adjustments --- */
+.studio-details .studio-details, .movie-details .movie-details {background-color: rgba(15,20,30,0.20); border-radius: 10px; margin-bottom:15px; }
+.movie-details .movie-details dt.col-3 {padding:4px 0 4px 16px; width: 120px;}
+.movie-details .movie-details dd.col-9 {padding:4px 16px 4px 3px;}
+.studio-details dl.details-list dt:nth-of-type(odd),
+.studio-details dl.details-list dd:nth-of-type(odd),
+.movie-details dl.details-list dt:nth-of-type(odd),
+.movie-details dl.details-list dd:nth-of-type(odd),
+.movie-details dl.row:nth-child(odd) { background-color: rgba(16,22,26,0.1); margin-right:0px}
+.movie-details dl.details-list { grid-column-gap: 0}
+.studio-details h2, .movie-details .movie-details h2 {	font-family: var(--HeaderFont);font-weight:bold;text-shadow: var(--std-txt-shadow);padding:7px 0 5px 12px;}
+
+.movie-details .movie-images {margin:0 5px 20px 5px;}
+.movie-details .movie-images img {border-radius: 14px; max-height:580px;}
+.movie-details .movie-image-container{
+	margin:0.3rem;
+	margin-right:0.8rem;
+	background-color: rgba(0, 0, 0, .48);
+	box-shadow: 6px 6px 11px rgba(0, 10, 10, .62);
+}
+
+form#movie-edit { margin-bottom:15px}
+
+
+
+
+
+/* ==============  IMAGES ==============  */
+
+div.image-card .rating-banner {
+	font-size: .002rem;
+	padding: 8px 41px 6px;
+	line-height: 1.1rem;
+	transform: rotate(0deg);
+	left: 3px;
+	top: 72% !important;
+	height: 25px;
+	background-size: 135px 25px;
+	background-position: left;
+}
+
+div.image-card .rating-1 {width:28px}
+div.image-card .rating-2 {width:55px}
+div.image-card .rating-3 {width:83px} 
+div.image-card .rating-4 {width:110px}  
+div.image-card .rating-5 {width:138px}
+
+div.image-card .rating-5 {
+	background:none;
+	background-image:var(--stars);
+	height: 25px;
+	background-size: 135px 25px;
+}
+
+div.image-card .scene-popovers, div.image-card .card-popovers {
+	margin-top: -2px;
+	justify-content: flex-end;
+}
+div.image-card hr, .scene-card.card>hr{
+	border-top: 0px solid rgba(0,0,0,.1);
+}
+
+
+
+
+
+
+
+/* ==============  GALLERIES ==============  */
+
+div.gallery-card hr, .scene-card.card>hr{
+	border-top: 0px solid rgba(0,0,0,.1); 
+}
+
+div.gallery-card .rating-banner {
+	font-size: .002rem;
+	padding: 8px 4px 6px;
+	line-height: 1.1rem;
+	transform: rotate(0deg);
+	left: 3px;
+	top: 70% !important;
+	height: 25px;
+	background-size: 135px 25px;
+	background-position: left;
+}
+
+div.gallery-card .rating-1 {width:28px !important}
+div.gallery-card .rating-2 {width:55px !important}
+div.gallery-card .rating-3 {width:83px !important} 
+div.gallery-card .rating-4 {width:110px}  
+div.gallery-card .rating-5 {width:137px}
+
+div.gallery-card .rating-5 {
+	background:none;
+	background-image:var(--stars);
+	height: 25px;
+	background-size: 135px 25px;
+}
+
+div.gallery-card .scene-popovers, div.gallery-card .card-popovers {
+	margin-bottom: -8px;
+	margin-top: -48px; 
+	justify-content: flex-end;
+}
+
+
+
+
+
+
+
+
+/* ==============  MISC ==============  */
+
+/* --- When comments are removed the first paginationIndex ("1-x of XXX - time - size") will disappear --- */
+/* .paginationIndex:first-of-type {display:none} */
+
+
+.svg-inline--fa.fa-w-18 {width: 1.4em;}
+
+/* --- Makes the Zoom Slider on the Scenes, Images, Galleries and Tags pages longer and therefore easier to use --- */
+input[type=range].zoom-slider{ max-width:140px;width:140px; }
+
+/* --- Changes the zoom slider color --- */
+input[type=range]::-webkit-slider-runnable-track {background-color: #88afcc !important;}
+
+
+.tag-details .logo {
+    background-color: rgba(0, 0, 0, .48);
+    box-shadow: 3px 3px 5px rgba(0, 0, 0, .42);
+    border-radius: 9px !important;
+}
+
+.search-item {
+    background-color: none;
+    background-color: rgba(16,22,26,0.27);
+}
+
+.btn-secondary.disabled, .btn-secondary:disabled {
+    background-color: none;
+    background-color: rgba(16,22,26,0.67);
+}
+
+/* --- Edit & Delete buttons when clicking on a studio, tag or movie --- */
+.details-edit {margin-left:3%}
+
+/* --- Adds a text shadow to the statistics on the startpage --- */
+.stats .title {
+	text-shadow: 2px 2px 4px #282828;
+}
+
+
+.popover {
+	padding:2px;
+	background-color: rgba(5,30,35,0.85); 
+	box-shadow: 3px 3px 6px rgba(20, 20, 20, .8);
+}
+.hover-popover-content {
+	background-image: linear-gradient(160deg, rgba(230,255,240,0.80), rgba(120,130,155, 0.45), rgba(180,190,225, 0.45), rgba(120,130,165, 0.55), rgba(255,235,235,0.70)); 
+	background-color: rgba(205,210,225,0.31) !important; 
+}
+
+.tag-item {
+	font: normal 13px "Lucida Grande", sans-serif, Arial, Verdana;
+	background-image: linear-gradient(210deg, rgba(30,95,140,0.36), rgba(10,60,95, 0.45), rgba(20,65,105, 0.88), rgba(5,90,140,0.35)); 
+	background-color: rgba(20,80,110,0.9); 
+	color: #fff;
+	letter-spacing: 0.07rem;
+	line-height: 18px;
+	margin: 3px 3px;
+	padding: 6px 8px;
+}
+
+/* --- Adjust the lengths of the Performer, Movies and Tags fields while editing a scene while the scene plays --- */
+#scene-edit-details .col-sm-9 {
+    flex: 0 0 100%;
+    max-width: 100%;
+}
+
+/* --- Cuts the name of Performers, Movies and Tags short if they go longer than the length of the field --- */
+div.react-select__control .react-select__multi-value {
+  max-width: 285px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+
+
+
+.input-control, .input-control:disabled, .input-control:focus, .modal-body div.react-select__control, .modal-body .form-control {
+	background: rgba(15,15,20,0.36);
+}
+
+
+.scraper-table tr:nth-child(2n) {    background: rgba(15,15,20,0.18);}
+
+.nav-pills .nav-link.active, .nav-pills .show>.nav-link { 	background: rgba(15,15,20,0.50);}
+
+
+.btn-secondary:not(:disabled):not(.disabled).active, 
+.btn-secondary:not(:disabled):not(.disabled):active, 
+.show>.btn-secondary.dropdown-toggle { 	background: rgba(15,15,20,0.50);}
+
+
+/* --- Background when searching for a scene in Tagger view --- */
+.search-result { 	background: rgba(0,0,0,0.22);}
+.selected-result { 	background: rgba(25,120,25,0.28);}
+.search-result:hover { background: rgba(12,62,75,0.35);}
+
+
+.markdown table tr:nth-child(2n) {background: rgba(25,20,25,0.20);}
+.markdown code, .markdown blockquote, .markdown pre {background: rgba(25,20,25,0.30);}
+
+
+/* --- Changes the size of the Custom CSS field in the settings --- */
+#configuration-tabs-tabpane-interface textarea.text-input { min-width:60ex; max-width:55vw !important; min-height:50ex;}
+
+
+div.dropdown-menu,div.react-select__menu{background-color:rgba(35,37,44,0.55);color:#f5f8fa}
+
+div.dropdown-menu .dropdown-item, div.dropdown-menu .react-select__option, div.react-select__menu .dropdown-item, div.react-select__menu .react-select__option
+{color:#f5f8fa;background-color:rgba(35,37,44,0.55);}
+
+div.dropdown-menu .dropdown-item:focus,div.dropdown-menu .dropdown-item:hover,div.dropdown-menu .react-select__option--is-focused,div.react-select__menu .dropdown-item:focus,div.react-select__menu .dropdown-item:hover,div.react-select__menu .react-select__option--is-focused{background-color:rgba(24,130,195,0.85)}
+
+
+.toast-container {
+    left: 74%;
+    top: 1rem;
+}
+
+/* --- Settings / About adjustments --- */
+#configuration-tabs-tabpane-about .table {width:100%}
+#configuration-tabs-tabpane-about .table td {padding-top:18px}
+
+
+
+/* Folder when doing selective scan or configuration */
+.input-group .form-control {color: #c9e0e7; }
+
+
+
+/* --- Overhaul of the Popoup Edit Boxes --- */
+@media (min-width: 576px) {
+	#setting-dialog .modal-content .modal-body textarea {min-height:350px; height:75vh !important}
+	.modal-dialog {max-width: 880px}
+	.modal-dialog .modal-content .form-group .multi-set {width:82%;margin-top:12px; flex: 0 0 82%; max-width:82%;}
+	.modal-dialog .modal-content .form-group .col-9 {flex: 0 0 82%;max-width: 82%;}
+	.modal-dialog .modal-content .col-3 {    flex: 0 0 18%; max-width: 18%;}
+	.modal-dialog .modal-content .form-group > .form-label {margin-top:0px;flex: 0 0 18%;    max-width: 18%;text-shadow: var(--std-txt-shadow);}
+	.modal-dialog .modal-content .form-group {display: flex; flex-wrap: wrap;}
+	.modal-dialog .modal-content .btn-group>.btn:not(:first-child), .btn-group>.btn-group:not(:first-child) {margin-left: 2px}
+	.modal-dialog .modal-content .form-label[for~="movies"],
+	.modal-dialog .modal-content .form-label[for~="tags"],
+	.modal-dialog .modal-content .form-label[for~="performers"] {margin-top:48px;}
+	.modal-dialog .modal-content .button-group-above {margin-left:9px}
+	.modal-dialog .scraper-sources.form-group h5 {margin-top:20px}
+	.modal-dialog .modal-content .field-options-table {width:98%}
+
+	.modal-dialog.modal-lg .modal-content .form-group {display: inline;}
+}
+
+
+div.modal-body b, .form-label h6 {text-shadow: var(--std-txt-shadow);}
+
+.modal-body .btn-primary:not(:disabled):not(.disabled).active, .modal-body .btn-primary:not(:disabled):not(.disabled):active {
+color: #fff; 
+     background-color: #008558; 
+     border-color: #0d5683;
+}
+
+.modal-body .btn-primary {
+    color: #fff;
+    background-color: #666;
+    border-color: #666;
+}
+
+
+/* --- several Performer and Scene Scaping changes --- */
+.modal-content, .modal-lg, .modal-xl  {
+	max-width: 1400px; 
+	width:100%;
+} 
+
+.modal-header, .modal-body, .modal-footer {	background: rgba(50,90,105,0.96);}
+.modal-body {padding-bottom:2rem;}
+.performer-create-modal {max-width:1300px;}
+
+.modal-body .col-form-label, .modal-body .col-6, .modal-footer, .modal-header .col-form-label {text-shadow: var(--std-txt-shadow);}
+
+.modal-body .col-6 strong {font-weight: normal; font-size:14px}
+.modal-body .no-gutters {margin-bottom: 8px}
+
+.modal-body .dialog-container .col-lg-3 {
+	flex: 0 0 12%;
+	max-width: 12%;
+	text-shadow: var(--std-txt-shadow);
+}
+
+.modal-body .dialog-container .offset-lg-3{margin-left:12%;} 
+.modal-body .dialog-container .col-lg-9{flex:0 0 88%; max-width:88%;} 
+
+
+
+
+
+.input-group-prepend div.dropdown-menu
+{
+	background: rgba(50,90,105,0.94);
+	padding:15px;
+	box-shadow: 2px 2px 6px rgba(0, 0, 0, .70);
+}
+
+.saved-filter-list .dropdown-item-container .dropdown-item {
+    margin-top:3px;
+}
+.set-as-default-button {margin-top: 8px;}
+
+.grid-card .card-check { top:.9rem;width: 1.5rem;}
+
+.btn-group>.btn-group:not(:last-child)>.btn, .btn-group>.btn:not(:last-child):not(.dropdown-toggle)
+  {border-left: 1px solid #394b59;}    
+.btn-group>.btn-group:not(:first-child), .btn-group>.btn:not(:first-child) {border-right: 1px solid #394b59;}
+
+
+div.gallery-card.grid-card.card p div.TruncatedText,
+div.movie-card.grid-card.card hr, div.movie-card.grid-card.card p {display:none}
+
+
+
+/* --- Spacing out the paginationIndex --- */
+.paginationIndex {color:#f3f3f3;margin-bottom:8px}
+.paginationIndex .scenes-stats, .images-stats {margin-top:-3px; color:#9999a9}
+.paginationIndex .scenes-stats:before, .images-stats:before
+{
+	font-size: 16px;
+	margin-left:18px;
+	margin-right:12px;
+	color:#ccc;
+	content: "-";
+}
+
+
+
+
+
+
+
+
+
+/* ==============  SETTINGS ==============  */
+
+#settings-container {
+	padding-left:230px;
+	background-image: none !important;
+	background-color: rgba(16, 20, 25, .40) !important;
+	box-shadow: 2px 2px 7px rgb(0 0 0 / 75%);
+	border-radius: 10px;
+	padding-top:25px;
+	min-height:450px;
+}
+
+#settings-container .card {
+	margin-bottom:25px;
+	background-image: none !important;
+	background-color: rgba(16, 20, 25, .00);
+	box-shadow: 0px 0px 0px rgb(0 0 0 / 75%);
+	border-radius: 0px;
+}
+
+#settings-container .bg-dark {background-color: rgba(16, 20, 25, .12) !important;}
+
+.form-group>.form-group {margin-top:0.5em; margin-bottom: 0.5rem}
+
+
+#configuration-tabs-tabpane-tasks>.form-group {margin-bottom:2rem; margin-top:1em}
+
+#configuration-tabs-tabpane-tasks h6 {     margin-top:3.5em; font-weight:bold; margin-bottom:1em;  }
+#configuration-tabs-tabpane-tasks h5 {     margin-top:2.0em; font-weight:bold; 	letter-spacing: 0.09rem; }
+
+.form-group h4 {margin-top:2em}
+
+
+#parser-container.mx-auto {max-width:1400px;margin-right:auto !important}
+.scene-parser-row .parser-field-title {width: 62ch}
+
+.job-table.card {
+	margin-top:-32px !important;
+	background-color: rgba(16, 20, 25, .20) !important;
+	border-radius: 10px !important;
+}
+
+
+.mx-auto {margin-right: 1% !important}
+.mx-auto.card .row .col-md-2 .flex-column { position:fixed;min-height:400px}
+.mx-auto.card>.row {min-height:360px}
+
+.loading-indicator {opacity:80%; zoom:2}
+
+
+
+
+/* --- Settings - Tasks ---- */
+
+
+#configuration-tabs-tabpane-tasks>.form-group .card {
+    padding: 20px;
+    margin: 4px 0.40% 14px;
+    background-image: none;
+    background-color: rgba(16, 20, 25, .00);
+    box-shadow: none;
+    border-radius: 10px;
+}
+
+#tasks-panel h1 {margin-top: 3em}
+.setting-section h1, #tasks-panel h1 {font-size: 1.55rem; max-width:180px}
+
+
+@media (min-width: 576px) and (min-height: 600px) {
+#tasks-panel .tasks-panel-queue {
+    background: none !important;
+    margin-top: -2.6rem;
+    padding-bottom: .25rem;
+    padding-top: 0rem;
+    position: relative;
+    top: 0rem;
+    z-index: 2;
+}
+}
+
+#tasks-panel hr {border-top: 0px solid rgba(140,142,160,.38);}
+#tasks-panel h1 {margin-top:1.8em;}
+#tasks-panel h1 {margin-top:0.8em;}
+
+#configuration-tabs-tabpane-tasks {margin-top:40px}
+
+#configuration-tabs-tabpane-tasks .form-group:last-child .setting-section .setting div:last-child {
+    margin-right: 0% !important;
+    margin-left: 0px;
+    margin-top: 2px;
+}
+
+#configuration-tabs-tabpane-tasks .setting-section .sub-heading {margin-bottom:1em}
+#configuration-tabs-tabpane-tasks .setting-section .collapsible-section  {margin-bottom:3em}
+#configuration-tabs-tabpane-tasks #video-preview-settings  button { width:250px;margin-top:22px;margin-left:-57px}
+#configuration-tabs-tabpane-tasks .tasks-panel-tasks .setting-section:nth-child(3) {margin-top:5em}
+
+.tasks-panel-tasks .setting a { color: #ccccd3;}
+
+
+
+
+
+
+@media (min-width: 1000px) {
+	#settings-container .card {margin-top:-43px; margin-left:255px}
+}
+
+
+
+#settings-container .col-form-label {
+    padding-top: calc(.55rem);
+    padding-bottom: calc(.55rem);
+}
+
+.setting-section .setting-group>.setting:not(:first-child), .setting-section .setting-group .collapsible-section .setting {
+    margin-left: 4rem; 
+}
+
+.setting-section .setting h3 {
+    font-size: 1.4rem;
+    margin:0.6em 0 0.4em;   
+}
+
+.setting-section:not(:first-child) {margin-top: 1em}
+.setting-section .setting-group>.setting:not(:first-child).sub-setting, .setting-section .setting-group .collapsible-section .setting.sub-setting {    padding-left: 3rem;}
+
+
+
+@media (min-width: 1200px) {
+	.offset-xl-2 {
+		max-width:1250px;
+		margin-left:15%;
+		margin-right:auto;
+	}
+
+	#settings-container .tab-content, .mx-auto {	max-width: none}
+}
+
+.setting-section .setting:not(:last-child) {	border-bottom: 0px solid #000 }
+
+
+
+
+
+
+/* --- Checkboxes instead of Switches ---*/
+
+.custom-switch {padding-left:2.25rem}
+.custom-control {
+    min-height: 1.5rem;
+    padding-left: 0.5rem;
+    margin-right:1em;
+}
+.custom-control-input:checked~.custom-control-label:before {
+    color: rgb(0 0 0 / 0%);
+    border-color: rgb(0 0 0 / 0%);
+    background-color: rgb(0 0 0 / 0%);
+}
+.custom-switch .custom-control-label:before {
+    pointer-events: auto;
+    border-radius: 0;
+}
+.custom-switch .custom-control-input:checked~.custom-control-label:after {
+    background-color: blue;
+    transform: auto;
+}
+.custom-switch .custom-control-label:after {
+    top: auto;
+    left: auto;
+    width: auto;
+    height: auto;
+    background-color: blue;
+    border-radius: 0;
+    transform: none;
+    transition: none;
+}
+
+.custom-control-label:before {display:none} 
+.custom-control-input {
+	position: absolute;
+	top:2px;
+	left: 0;
+	z-index: -1;
+	width: 1.2rem;
+	height: 1.35rem;
+     opacity: 1;
+     background-color:#10659a;
+     color:#10659a;
+}
+
+
+
+
+.setting-section {margin-bottom:0.8em}
+.setting-section .setting-group>.setting:not(:first-child), .setting-section .setting-group .collapsible-section .setting {
+	padding-bottom: 3px;
+	padding-top: 4px;
+	margin-right: 0rem;
+}
+.setting-section .sub-heading {
+	font-size:.9rem;
+	margin-top:0.5rem;
+	margin-bottom:3rem;
+}
+
+
+/* --- Settings - Interface ---- */
+
+
+@media (min-width: 768px) {
+.offset-md-3 {margin-left: 1%;}
+#settings-menu-container {margin-left:1%; z-index:9; width:200px; padding-top:25px;}
+
+	#configuration-tabs-tabpane-interface .setting-section:first-child .card  .setting div:nth-child(2) { width:64%;min-width:300px;padding-top:6px}
+	#configuration-tabs-tabpane-interface .setting-section:first-child .card .setting div .sub-heading {margin-top:-28px; margin-left:255px;width:700px}
+	#language .input-control { width:250px}
+	
+	#configuration-tabs-tabpane-interface .setting-section .setting-group>.setting:not(:first-child) {margin-left:275px}
+	#configuration-tabs-tabpane-interface .setting-section .setting-group>.setting:nth-child(2) {margin-top: -40px}
+	#configuration-tabs-tabpane-interface .setting-section:first-child h3 {    font-size: 1.55rem;}
+}
+
+@media (min-width: 1200px) {
+	.offset-md-3 {margin-left: 14%;margin-right:2%}
+	.setting-section h1, #tasks-panel h1 { max-width:220px;}
+	#settings-menu-container {
+		padding-top:25px;
+		margin-left:14% !important;
+		z-index:9;
+		width:205px;
+	}
+}
+
+@media (max-width: 768px) {
+	.offset-md-3 {margin-left: 1%;}
+	#settings-menu-container {margin-left:1%; z-index:9;width:180px;	padding-top:25px;}
+	#settings-container {    padding-left: 180px;}
+	.setting-section h1, #tasks-panel h1 { max-width:300px;}
+}
+
+@media (max-width: 576px) {
+	.offset-sm-3 {margin-left: 1%;}
+	#settings-menu-container {margin-left:1%;z-index:9;width:160px;	padding-top:25px;}
+	#settings-container {padding-left: 10px;}
+}
+
+@media (max-width: 1004px) {
+	.setting-section h1, #tasks-panel h1 { max-width:400px;}
+	.job-table.card {margin-top:2px !important;}
+}
+
+
+
+
+.markdown table tr:nth-child(2n),
+.modal-body .nav-link:hover,
+#settings-menu-container .nav-link:hover {background-color: rgba(10, 20, 20, .15)}
+
+
+
+@media (min-width: 1000px) {
+	#settings-container #configuration-tabs-tabpane-interface .setting-section > .setting { padding: 15px 0px;}
+	#settings-container #configuration-tabs-tabpane-interface .setting-section .setting-group .setting>div:first-item{margin-left: 4% !important;}	
+	
+	#settings-container #stash-table {margin-top:25px}
+	#configuration-tabs-tabpane-interface .setting-section:first-child .card {	margin-top: -5px;	margin-left: -1%}		
+
+	#language .input-control { width:250px}
+
+	#configuration-tabs-tabpane-interface .setting-section:first-child .card > .setting div:nth-child(1) { width:255px}
+
+
+	#configuration-tabs-tabpane-interface .setting-section:first-child .card  .setting div:nth-child(2) { width:68%;padding-top:6px}
+	#configuration-tabs-tabpane-interface .setting-section:first-child .card .setting div .sub-heading {margin-top:-28px; margin-left:255px;width:700px}
+
+	#configuration-tabs-tabpane-interface #language {margin-bottom:15px}
+	#configuration-tabs-tabpane-library #stashes .sub-heading {margin-top:-26px; margin-left:235px;width:700px}
+	
+}
+
+
+
+#configuration-tabs-tabpane-metadata-providers .setting,
+#configuration-tabs-tabpane-security .setting,
+#configuration-tabs-tabpane-tasks .setting,
+#configuration-tabs-tabpane-system .setting-section .setting,
+#settings-dlna .setting-section .setting,
+#configuration-tabs-tabpane-interface .setting-section .setting {padding-top:0; padding-bottom:0}
+
+
+#configuration-tabs-tabpane-interface .setting-section:nth-child(1) h1 {display:none}
+
+#configuration-tabs-tabpane-interface .setting-section .setting-group>.setting:not(:first-child) h3 {
+    font-size: 1rem;
+    margin-left:2em;
+}
+
+#configuration-tabs-tabpane-interface .setting-section .setting-group .setting>div:last-child {
+    margin-right: 95% !important;
+    margin-left:0px;
+    margin-top:-32px;
+}
+
+.setting-section .setting>div:first-child {max-width:415px}
+
+#configuration-tabs-tabpane-interface .setting-section .setting>div:last-child {
+    min-width: 20px;
+    text-align: left;
+    width:38%;
+    
+}
+
+#configuration-tabs-tabpane-interface h3 {font-size:1.25em}
+
+#wall-preview .input-control {width:160px}
+
+.setting-section .setting-group>.setting:not(:first-child), .setting-section .setting-group .collapsible-section .setting {
+    padding-top: 0px;
+    padding-bottom: 0px;
+    margin-right: 0rem;
+    line-height:100%;
+    margin-top:-3px;
+    margin-bottom:-4px;
+}
+
+#configuration-tabs-tabpane-interface .setting-section:nth-child(7) .setting {margin-left:15px !important}
+#configuration-tabs-tabpane-interface .setting-section:nth-child(7) .setting:nth-child(1) {margin-left: 0px !important;}
+
+
+#settings-dlna h5 {margin-bottom:70px}
+#settings-dlna .form-group h5{margin-left:255px;margin-top:-30px}
+
+#configuration-tabs-tabpane-metadata-providers #stash-boxes .sub-heading {margin-top:-28px; margin-left:235px;width:700px;font-size:14px}
+
+.scraper-table tr:nth-child(2n) {background-color: rgba(16, 20, 25, .12)}
+
+
+
+/* --- Library ---*/
+.stash-row .col-md-2 {padding-left:4%}
+#configuration-tabs-tabpane-library .setting-section .setting {padding:0}
+
+
+
+#configuration-tabs-tabpane-security .setting-section,
+#configuration-tabs-tabpane-tasks .setting-section,
+#configuration-tabs-tabpane-tasks .setting-group{max-width:915px}
+
+#configuration-tabs-tabpane-logs .setting-section,
+#configuration-tabs-tabpane-metadata-providers .setting-section,
+#configuration-tabs-tabpane-services .setting-section,
+#configuration-tabs-tabpane-system  .setting-section,
+#configuration-tabs-tabpane-library .setting-section:not(:first-child),
+#configuration-tabs-tabpane-interface .setting-section {max-width:810px}
+
+#configuration-tabs-tabpane-security .setting-section .setting>div:last-child,
+#configuration-tabs-tabpane-metadata-providers .setting-section .setting>div:last-child,
+#configuration-tabs-tabpane-services .setting-section .setting>div:last-child,
+#configuration-tabs-tabpane-system .setting-section .setting>div:last-child,
+#configuration-tabs-tabpane-library .setting-section .setting>div:last-child,
+#configuration-tabs-tabpane-interface .setting-section .setting>div:last-child,
+#configuration-tabs-tabpane-tasks .setting-section .setting>div:last-child {
+    min-width: 20px;
+    text-align: right;
+    width:auto;
+    
+}
+
+#configuration-tabs-tabpane-tasks .setting-section .collapsible-section .setting div:last-child {
+    margin-right: 95% !important;
+    margin-left: -12px;
+    margin-top: -15px;
+}
+
+
+
+#configuration-tabs-tabpane-system .setting-section .sub-heading {margin-bottom: 1.2rem}
+`;
+// Themes CSS End
+
+// Themes CSS Begin
+const pulsarLight = `
+/*		Light Pulsar Theme - Fonzie 2021 v0.3.1		 */
+/* ---------------------------------------------------- */
+/* --------- Updated to Stash version 0.12.0 ---------- */
+
+/* 
+	Bug Fixes: Overlap of Help & Ssettings" buttons in the navbar, as well 
+	as the Identify task
+
+	Complete overhaul of the Settings page
+
+	Bug Fix: Background-color in the navigation bar
+   
+	Adjustments to version 0.10.0 which includes moving the movie-, image- 
+	and gallery-counter to the bottom of the performer image when you hover 
+	over the card, and increasing the size of the star rating in the highest 
+	zoom level.   	
+*/
+
+
+/* ===================== General ===================== */
+
+body {
+	background-image:url("https://i.imgur.com/UwICmXP.jpg");	/* Flower			*/
+/*	background-image:url("https://i.imgur.com/zqt3MFY.jpg");	/* Green Leaves 	*/
+/*	background-image:url("https://i.imgur.com/vCotzwB.jpg");	/* White Desert	*/
+/*	background-image:url("https://i.imgur.com/Lverfqy.jpg");	/* Tropic Beach	*/
+/*	background-image:url("https://i.imgur.com/4jrpuyR.jpg");	/* White Blue Waves	*/
+/*	background-image:url("https://i.imgur.com/KUtfQzs.jpg");	/* Bright Lights	*/
+
+	width: 100%;
+	height: 100%;
+	padding: 0 0 0;
+	background-size: cover;
+	background-repeat: no-repeat;
+	background-color:#127aa5;
+	background-attachment: fixed;
+	background-position: center;
+	color: #f9fbfd;
+	color:#000;
+}
+
+h1, h2, h3{ 	color:#fff;}
+
+:root {
+	--HeaderFont: Helvetica, "Helvetica Neue", "The Sans", "Segoe UI";
+	--std-txt-shadow: 2px 2px 1px #000;
+	--light-txt-shadow: 1px 1px 3px #555;
+	--white: #ffffff;
+	--stars: url("https://i.imgur.com/YM1nCqo.png");
+	--fourTwo: 0.35;
+}
+
+
+/* --- The Home button in the top left corner of each page. Remove the last 3 lines if you don't like the logo --- */
+button.minimal.brand-link.d-none.d-md-inline-block.btn.btn-primary,
+button.minimal.brand-link.d-inline-block.btn.btn-primary {
+	text-transform: uppercase;
+	font-weight: bold;
+	margin-left:1px;
+	background-image:url("./favicon.ico");
+	padding-left:40px;
+	background-repeat: no-repeat;
+}
+
+/* --- Makes the background of the Navigation Bar at the Top half-transparent --- */
+nav.bg-dark {background: rgba(100, 200, 250, var(--fourTwo))!important;color:#000}
+.bg-dark {background:none !important;background-color:none !Important}
+.form-group .bg-dark {background: rgba(10, 20, 25, 0.20)!important;}
+
+.navbar-buttons.navbar-nav a.nav-utility {margin-right:9px}
+
+
+/* --- The space between the Navigation Bar and the rest of the page --- */
+.main { margin-top:18px }
+.top-nav { padding: .13rem 1rem; }
+
+
+/* --- Changes how the Bar at the top of the page behaves --- */
+.fixed-bottom, .fixed-top { position: relative !important; top:0px !important} 
+
+
+/* The pagination at the top and at the bottom of the Scenes/Performer/Images/... pages; 
+transparent background, rounded corners, etc. */
+.filter-container, .operation-container {
+	background-color: rgba(100, 150, 160, .35);
+	box-shadow: none;
+	margin-top: 6px;
+	border-radius: 5px;
+	padding: 5px;
+}
+
+
+/* --- Changes the space between the button in the top right corner of the page --- */
+.order-2 button { margin-left: 4px }
+
+/* --- Space between the items in the Nav bar --- */
+.nav-link > .minimal {  margin: 0px;}
+
+
+/* Each item on the Scenes/Performers/Tags/... pages */
+.card {
+	padding: 20px; 
+	margin: 4px 0.5% 14px;
+	/* --- Adds a glowing shimmer effect --- */
+	background-image: linear-gradient(130deg, rgba(60, 70, 85,0.21), rgba(150, 155, 160,0.30), rgba(35, 40, 45,0.20), rgba(160, 160, 165,0.21), rgba(70, 80, 85,0.27)); 
+	background-color: rgba(106, 120, 125, .25); 
+	box-shadow: 2px 2px 6px rgba(0, 0, 0, .55);
+	/* --- Increases the rounded borders of each item on the Scenes/Performers/... pages for 6px in 10px --- */
+	border-radius: 10px;
+}
+
+/* --- Removes the glowing shimmer effect on the start page & the settings for readability purpose --- */
+.mx-auto.card, .changelog-version.card {
+	background-image: none !important; 
+	background-color: rgba(16, 20, 25, .40) !important; 
+}
+
+/* --- Color that is used within .card secments --- */
+.text-muted {	color: #eee !important;   	text-shadow: 1px 1px 2px #000;}
+
+
+.bg-secondary {
+	background: none;
+	background-color: rgba(10, 25, 30, .3) !important;
+}
+ 
+.text-white {	color: #333 }
+.border-secondary {	border-color: #2f3335 }
+ 
+.btn-secondary.filter-item.col-1.d-none.d-sm-inline.form-control {
+    background-color: rgba(0, 0, 0, .08);
+}
+
+/* --- Changes the color and the background of the buttons and elements in the toolbar (Search, Sort by, # of Items, etc.) --- */
+.btn-secondary {
+    color: #eef;
+    background-color: rgba(45, 45, 45, .28);
+    border-color: #3c3f45;
+}
+.btn-toolbar .btn-secondary {    color: #404049;     background-color: rgba(130, 130, 140, .28);}
+
+ 
+a {	color: hsla(0, 10%, 10%, .85);}
+
+
+
+/* --- Changes the color of the active page in the Navgation Bar --- */ 
+.btn-primary:not(:disabled):not(.disabled).active,
+.btn-primary:not(:disabled):not(.disabled):active,
+.show>.btn-primary.dropdown-toggle {
+	color: #fff;
+	background-color: rgba(15, 150, 205, .6);
+	border-color: #fff;
+}
+
+/* --- No border of the active element in the Navgation Bar --- */
+.btn-primary.focus,
+.btn-primary:focus,
+.btn-primary:not(:disabled):not(.disabled).active:focus,
+.btn-primary:not(:disabled):not(.disabled):active:focus,
+.show>.btn-primary.dropdown-toggle:focus {box-shadow: none;}
+
+.btn-primary:not(:disabled):not(.disabled).active,
+.btn-primary:not(:disabled):not(.disabled):active,
+.show>.btn-primary.dropdown-toggle {
+	color: #fff;
+	border-color: #eee;
+    text-shadow: 1px 1px 2px #333;
+    }
+
+.container-fluid,.container-lg,.container-md,.container-sm,.container-xl {
+	width: 100%;
+	margin-right: 0px;
+	margin-left: 0px;
+}
+
+
+
+
+
+/* ===================== Performer ========================= */
+
+
+/* --- 0.90 - Section moves Movie-, Image- & Gallery-Count to the bottom of the performer image when hovered over --- */
+.performer-card .card-popovers .movie-count,
+.performer-card .card-popovers .image-count,
+.performer-card .card-popovers .gallery-count
+{
+	z-index:300;
+    position:absolute;
+    top:-270%;
+	opacity:0.0;
+}
+
+/* --- Highlight the bottom of the performer card when hovered over --- */
+.performer-card.grid-card:hover {
+	background-image: linear-gradient(130deg, rgba(50, 60, 75,0.25), rgba(150, 155, 160,0.32), rgba(35, 40, 45,0.26), rgba(160, 160, 165,0.27), rgba(50, 60, 65,0.37));
+	background-color: rgba(102, 112, 120, .25);
+}
+
+/* --- When hovered over blend them in ---*/
+.performer-card.grid-card:hover .card-popovers .movie-count,
+.performer-card.grid-card:hover .card-popovers .image-count,
+.performer-card.grid-card:hover .card-popovers .gallery-count {opacity: 1.0;transition: opacity .7s;}
+
+/* --- 3 items gets a shadow ---*/
+.performer-card .card-section .movie-count span,
+.performer-card .card-section .movie-count button.minimal,
+.performer-card .card-section .image-count span,
+.performer-card .card-section .image-count button.minimal,
+.performer-card .card-section .gallery-count span,
+.performer-card .card-section .gallery-count button.minimal
+{text-shadow: 2px 2px 1px #000, 1px 1px 1px #000, 4px 4px 5px #333, 9px 0px 5px #333, -3px 2px 4px #333, -7px 0px 5px #333, -1px -6px 5px #333, 3px -2px 6px #444;}
+
+/* --- Positioning of the 3 items ---*/
+.performer-card .card-popovers .movie-count {left:0.2%;}
+.performer-card .card-popovers .image-count {left:32.8%}
+.performer-card .card-popovers .gallery-count {right:1.3%}
+
+.performer-card .movie-count a.minimal:hover:not(:disabled), .performer-card .movie-count button.minimal:hover:not(:disabled),
+.performer-card .image-count a.minimal:hover:not(:disabled), .performer-card .image-count button.minimal:hover:not(:disabled),
+.performer-card .gallery-count a.minimal:hover:not(:disabled), .performer-card .gallery-count button.minimal:hover:not(:disabled)
+{
+	background-color:rgba(20,80,110,0.92);
+    color:#fff;
+}
+
+/* --- Affects the Scenes- and Tags-Counter --- */
+a.minimal:hover:not(:disabled), button.minimal:hover:not(:disabled) {background: rgba(138,155,168,.45);color:#fff;}
+div.performer-card div.card-popovers
+{
+	margin-bottom:-3px;
+	margin-left:3%;
+	margin-top:-4px;
+	margin-right: -1px;
+	justify-content: flex-end;
+	text-align:right;
+}
+
+div.card-section hr {display:none}
+
+
+
+/* --- Changes the width of the Performer Card from 280px to a dynamic system and therefore the size of the image --- */
+/* --- In Full screen HD 1920x1080 you now see 8 performers per row instead of 6 --- */
+/*.performer-card-image, .performer-card, .card-image {  min-width: 160px; width: calc(108px + 10.625vw / 2); max-width: 230px }  */
+/*.performer-card-image, .performer-card, .card-image {  min-width: 160px; width: calc(108px + 19vw / 3.6);width:212px; max-width: 230px } */
+.performer-card-image, .performer-card, .card-image {  min-width: 160px; width: calc(100px + 11.2vw / 1.92);max-width: 230px } 
+
+
+/* --- Changes the height of the Performer Card to keep the 2x3 picture ratio --- */
+/*.performer-card-image, .justify-content-center .card-image { min-height:240px; height: calc((108px + 10.625vw / 2) * 1.5); max-height: 345px}  */
+.performer-card-image, .justify-content-center .card-image { min-height:240px; height: calc((112px + 19vw / 3.6) * 1.5); max-height: 345px;} 
+.performer-card-image, .justify-content-center .card-image { min-height:240px; height: calc((100px + 11.2vw / 1.92) * 1.5); max-height: 345px;} 
+
+@media (max-width: 575px), (min-width: 1200px) {
+.scene-performers .performer-card-image { height: auto; }
+.scene-performers .performer-card { width: auto; }
+}
+
+
+/* --- Fixes an issue of the card when watching a scene --- */
+.image-section { display: cover;}
+
+/* --- The name of the Performer. Different font, less space to the left & to the top, Text-Shadow --- */
+.text-truncate, .card.performer-card .TruncatedText {
+	margin-left:-1.5%; 
+	margin-top: -2px; 
+	width: 120%; 
+	font-family: var(--HeaderFont);
+	font-size: 112%; 
+	line-height:130%; 
+	font-weight:bold; 
+	text-shadow: var(--std-txt-shadow);
+}
+
+/* --- Makes the Performer Name smaller when the screen is too small --- */
+@media (max-width: 1200px) { .card.performer-card .TruncatedText { font-size: 104%; } }
+
+
+
+/* --- Moves the Flag icon from the right side of the card to the left and makes the Flag image a little bit bigger --- */
+.performer-card .flag-icon {
+    height: 2rem;
+    left: 0.6rem;
+    bottom: 0.10rem;
+    width: 28px; 
+}
+
+/* --- Age and # of Scenes move from the left side to the right of the card --- */
+/* --- Also makes sure that when playing a scenes "XX years old in this scene" doesn't overlap with the star rating --- */
+.performer-card .text-muted {text-align:right;margin-top:-2px;margin-bottom:1px;width:46%;margin-left:54%}
+
+
+
+/* --- "removes" the term 'old.' from "xx years old." when the resolution gets to small --- */ 
+@media (max-width: 1520px) {
+div.card.performer-card .text-muted {text-align:right;margin-top:-2px;margin-bottom:1px;margin-right:-33px;max-height:20px;overflow:hidden;}
+}
+
+/* --- To prevent overlapping in the performer card when watching a scene --- */
+@media (max-width: 2000px) {
+.tab-content div.card.performer-card .text-muted {margin-top:22px;margin-right:-3px}
+.tab-content .performer-card.card .rating-1, 
+.tab-content .performer-card.card .rating-2, 
+.tab-content .performer-card.card .rating-3, 
+.tab-content .performer-card.card .rating-4, 
+.tab-content .performer-card.card .rating-5 {bottom: 53px !important;}
+}
+
+
+/* --- Text Shadow for the "Stars in x scenes" link --- */
+div.card.performer-card div.text-muted a {text-shadow: 1px 2px 2px #333}
+
+/* --- Minimum height for the section in case Age is missing and elements would overlap --- */
+.performer-card .card-section {min-height:82px}
+
+/* --- Makes the card section (Name, Age, Flag, # of scenes) more compact --- */
+.card-section { margin-bottom: -8px !important; padding: .5rem 0.7rem 0 !important;}
+.card-section span {margin-bottom:3px}
+@media (max-width: 1500px) {	.card-section span {font-size:11px}	}
+
+div.card-section hr {display:none}
+
+
+
+
+/* --- Changes regarding the Favorite <3 --- */
+.performer-card .favorite {
+    color: #f33;
+    -webkit-filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, .95));
+	filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, .95));
+	right: 3px;
+	top: 5px;
+}
+
+
+
+/* --- Turns the Rating Banner in the top left corner into a Star Rating under the performer name --- */
+.performer-card.card .rating-1, .performer-card.card .rating-2, .performer-card.card .rating-3, 
+.performer-card.card .rating-4, .performer-card.card .rating-5
+{
+	background:none;
+	background-size: 97px 18px;
+	background-image:var(--stars);
+	-webkit-transform:rotate(0deg);
+	transform:rotate(0deg);
+	padding:0;
+	padding-bottom:1px;
+	box-shadow: 0px 0px 0px rgba(0, 0, 0, .00);
+	left:6px;
+	width:97px;
+	height:18px;
+	text-align:left;
+	position:absolute;
+	top:auto;
+	bottom: 34px;
+	font-size:0.001rem;
+}
+
+/* --- Display only X amount of stars  -- */
+div.performer-card.card .rating-banner.rating-1 {width:20px}
+div.performer-card.card .rating-banner.rating-2 {width:39px}
+div.performer-card.card .rating-banner.rating-3 {width:59px} 
+div.performer-card.card .rating-banner.rating-4 {width:78px}  
+div.performer-card.card .rating-banner.rating-5 {width:97px}  
+
+
+.performer-card .btn {padding: .34rem .013rem}
+.performer-card .fa-icon {margin: 0 2px}
+.performer-card .card-popovers .fa-icon {margin-right: 3px}
+.performer-card .svg-inline--fa.fa-w-18, .performer-card .svg-inline--fa.fa-w-16 {height: 0.88em}
+.performer-card .favorite .svg-inline--fa.fa-w-16 {height:1.5rem}
+
+
+.performer-card .card-popovers .btn-primary {
+    margin: 0 2px 0 11px;
+}
+
+
+
+/* --- PerformerTagger Changes --- */
+
+.PerformerTagger-performer {
+	background-image: linear-gradient(130deg, rgba(50, 60, 75,0.25), rgba(150, 155, 160,0.32), rgba(35, 40, 45,0.26), rgba(160, 160, 165,0.27), rgba(50, 60, 65,0.37)); 
+	background-color: rgba(16, 20, 25, .23); 
+	box-shadow: 2px 2px 6px rgba(0, 0, 0, .70);
+	border-radius: 8px;
+	margin: 1.1%;
+  }
+  
+.tagger-container .input-group-text  {background:none;border:0;margin-right:5px;padding-left:0}
+.PerformerTagger-details {	margin-left: 1.25rem; width:23.5rem;}
+
+.tagger-container .btn-link{text-shadow: 1px 2px 3px #000;}
+.tagger-container, .PerformerTagger {	max-width: 1850px;}
+
+.PerformerTagger-header h2 {	
+	font-family: Helvetica, "Helvetica Neue", "Segoe UI" !important; 
+	font-size: 2rem; 
+	line-height:130%; 
+	font-weight:bold; 
+	text-shadow: 2px 2px 1px #000 !important
+}
+
+.PerformerTagger-thumb {height: 145px;}
+.PerformerTagger-performer-search button.col-6 {width:300px !important; flex-basis:100%;flex: 0 0 100%;
+    max-width: 100%;}
+.PerformerTagger-performer .performer-card {height:252px !important;}
+
+.modal-backdrop 	 {	background-color: rgba(16, 20, 25, .25);}
+.modal-backdrop.show {	opacity: 0.1;	}
+
+.performer-create-modal {	max-width: 1300px; font-family: Helvetica, "Helvetica Neue", "Segoe UI" !important; }
+.performer-create-modal .image-selection .performer-image { height: 95%; }
+.performer-create-modal .image-selection {height: 485px;}
+
+.performer-create-modal .no-gutters .TruncatedText {
+	font-family: var(--HeaderFont);
+	font-size: 115%;
+	padding-top:2px;
+	line-height:120%; 
+	font-weight:bold; 
+	text-shadow: var(--std-txt-shadow);
+}
+.performer-create-modal-field strong {margin-left: 6px}
+.modal-footer {border-top: 0}
+
+
+
+
+
+
+/* ========================= Performer Page ================================= */
+/* === The page that you see when you click on the picture of a Performer === */
+
+/* --- The picture of the Performer on the left. 3D effect thanks to background shadows and more rounded corners --- */
+#performer-page .performer-image-container .performer 
+{
+    background-color: rgba(0, 0, 0, .48);
+    box-shadow: 6px 6px 11px rgba(0, 10, 10, .62);
+    border-radius: 14px !important;
+}
+
+/* --- Without this the shadow at the bottom from the previous Selector will not be correctly displayed --- */
+.performer-image-container {padding-bottom: 11px}
+
+
+/* --- The following 15 Selectors change the way the details box is displayed --- */
+#performer-details-tabpane-details .text-input, #performer-details-tabpane-details .text-input:disabled, 
+#performer-details-tabpane-details .text-input[readonly] {background-color: rgba(200,220,246,0.0);}
+#performer-details-tabpane-details a { text-shadow: var(--light-txt-shadow)}
+
+.text-input, input.form-control-plaintext { background-color:none;}
+#performer-details .input-control, .text-input {box-shadow: none;}
+
+div.react-select__control, #performer-details-tabpane-details {
+	background-color: rgba(225,230,250,0.36); 
+	border:1px solid #999; 
+	max-width:1000px;
+	box-shadow: 6px 6px 12px rgba(0, 10, 10, .22);
+}
+#performer-details-tabpane-details {border-radius: 10px}
+#performer-details-tabpane-edit {max-width:1000px}
+
+div.react-select__control .css-12jo7m5 {text-shadow: none; }
+
+@media (min-width: 1200px) {
+	#performer-details-tabpane-details td { padding: 9px; }
+	table#performer-details tbody tr td:nth-child(1), td:first-child {padding-left: 22px; width: 185px;}
+}
+@media (max-width: 1200px) {
+	table#performer-details tbody tr td:nth-child(1), td:first-child {padding-left: 11px; }
+	#performer-page .performer-head {    margin-bottom: 1rem; }
+	#performer-page { margin: 0 -6px 0 -15px; }
+}
+#performer-details-tabpane-details tr:nth-child(odd) {     background-color: rgba(16,22,26,0.1); }
+table#performer-details {color:#FFF; text-shadow: 1px 1px 1px #000;}
+
+
+
+/* --- Changes the way the name of the performer is displayed --- */
+.performer-head h2 {font-family: var(--HeaderFont); font-weight:bold; text-shadow: 2px 2px 2px #111 }
+
+/* --- Leave some space between the name and the Fav/Link/Twitter/IG icons --- */
+#performer-page .performer-head .name-icons {margin-left: 22px}
+
+/* --- Highlighter for active Details/Scenes/Images/Edit/Operations --- */
+.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
+	background-color: rgba(135,160,165,0.5);
+}
+
+/* --- Changes the display of Performer Details Tab in the 0.9 version are arranged --- */
+#performer-details-tabpane-details dl.row, dl.details-list dt, dl.details-list dd{ margin:0 0px;padding: 8px 10px 9px 14px}
+#performer-details-tabpane-details dl.row:nth-child(odd),
+#performer-details-tabpane-details dl.details-list dt:nth-of-type(odd),
+#performer-details-tabpane-details dl.details-list dd:nth-of-type(odd) {	background-color: rgba(16,22,26,0.1);}
+#performer-details-tabpane-details dt.col-xl-2,
+#performer-details-tabpane-details dl.details-list dt {	text-shadow: var(--light-txt-shadow); font-weight: normal;}
+#performer-details-tabpane-details ul.pl-0 {margin-bottom: 0rem;}
+#performer-details-tabpane-details dl.details-list { grid-column-gap: 0}
+
+
+/* --- Resets the fields in Performer Edit Tab in the 0.5 developmental version back to way it was in the 0.5 version --- */
+#performer-edit {margin:0 0 0 10px}
+#performer-edit .col-sm-auto, #performer-edit .col-sm-6, #performer-edit .col-md-auto, #performer-edit .col-lg-6, #performer-edit .col-sm-4, #performer-edit .col-sm-8 { width: 100%;max-width: 100%; flex: 0 0 100%; }
+#performer-edit .col-sm-auto div, #performer-edit label.form-label { float:left; width:17%;}
+#performer-edit .col-sm-auto div, #performer-edit label.form-label { font-weight:normal; color: #FFF; text-shadow: var(--std-txt-shadow); }
+
+#performer-edit select.form-control, #performer-edit .input-group, #performer-edit .text-input.form-control { float:right; width:83%; }
+#performer-edit .form-group, .col-12 button.mr-2 {margin-bottom: 0.35rem}
+#performer-edit .mt-3 label.form-label { float:none; width:auto; }
+
+#performer-edit select.form-control, #performer-edit .input-group, #performer-edit .text-input.form-control {width: 100%;}
+#performer-edit textarea.text-input {min-height: 9ex;}
+
+#performer-edit .form-group:nth-child(17) .text-input.form-control {width:85%;}
+
+@media (max-width: 750px) {
+#performer-edit .col-sm-auto div, #performer-edit label.form-label { float:left; width:22%;}
+#performer-edit select.form-control, #performer-edit .input-group, #performer-edit .text-input.form-control { float:right; width:78%; }
+}
+
+@media (max-width: 500px) {
+#performer-edit .col-sm-auto div, #performer-edit label.form-label { float:left; width:60%;}
+#performer-edit li.mb-1, 
+#performer-edit select.form-control, 
+#performer-edit .input-group, #performer-edit .text-input.form-control { float:left; width:89%; }
+}
+
+#performer-edit .form-group .mr-2 {margin-right:0!important}
+
+
+
+
+
+/* ======================= Scenes ======================== */
+
+
+/* --- Remove the comments if you don't want to see the Description Text of the scenes --- */
+/* .card-section p {display:none} */
+
+
+/* --- Remove the comments if you don't want to see the Resolution of the Video (480p, 540p, 720p, 1080p) --- */
+/* .overlay-resolution {display:none} */
+
+
+
+/* --- The name of the Scene. Different font, less space to the left and to the top, Text-Shadow --- */
+h5.card-section-title, .scene-tabs .scene-header {	
+	font-family: var(--HeaderFont);
+	font-size: 1.25rem;
+	font-weight:bold;
+	line-height:132%;
+	text-shadow: var(--std-txt-shadow);
+}
+.scene-tabs .scene-header { font-size: 24px; margin-bottom:25px }
+
+
+#TruncatedText .tooltip-inner {width:365px; max-width:365px}
+.tooltip-inner {	font-family: var(--HeaderFont);
+	background-color: rgba(16, 20, 25, .99); 
+	box-shadow: 2px 2px 6px rgba(0, 0, 0, .55);
+ font-weight:bold;font-size:14px;}
+
+/* --- Removes the horizontal line that separates the date/description text from the Tags/Performer/etc. icons --- */
+.scene-card.card hr, .scene-card.card>hr{	border-top: 0px solid rgba(0,0,0,.1);	}
+
+
+/* --- Changes regarding the Scene Logo --- */
+.scene-studio-overlay {
+	opacity: .80;
+	top: -3px;
+	right: 2px;
+}
+
+/* --- The Resolution and the Time/Length of the video in the bottom right corner to make it easier to read --- */
+.scene-specs-overlay {
+	font-family: Arial, Verdana,"Segoe UI" !important;
+	bottom:1px;
+	color: #FFF;
+	font-weight: bold;
+	letter-spacing: 0.035rem;
+	text-shadow: 2px 2px 1px #000, 4px 4px 5px #444, 7px 0px 5px #444, -3px 2px 5px #444, -5px 0px 5px #444, -1px -4px 5px #444, 3px -2px 6px #444;
+}
+.overlay-resolution {color:#eee;}
+
+/* --- Changes the spaces between the items on the Scenes page --- */
+.zoom-0 {margin: 4px 0.50% 10px; !important }
+
+
+.scene-card-link {height:195px; overflow:hidden;}
+
+
+/* --- Tightens the space between the Tags-, Performer-, O-Counter-, Gallery- and Movie-Icons --- */
+.btn-primary { margin:0 -3px 0 -9px}
+
+/* --- Moves the Tags-, Performer-, O-Counter-, Gallery- and Movie-Icon from below the description to the bottom right corner of the card --- */
+.scene-popovers, .card-popovers { 
+	min-width:0;
+	margin-bottom: 3px;
+	margin-top:-40px;
+	justify-content: flex-end;
+}
+
+/* --- Adds an invisible dot after the description text, Also leaves ~80 pixels space to enforce a line break, 
+so it leaves some space in the bottom right corner of the card for the icons in the Selector above --- */
+.card-section p:after 
+{
+	font-size: 1px;
+	color: rgba(0,0,0, .01);
+	padding-right: 3.2vw; 
+	margin-right: 2.8vw; 
+	content: " ";
+}
+
+
+
+
+/* -- The whole section replaces the ratings banner with a star rating in the bottom left corner --- */ 
+.scene-card.card .rating-1 {width:22px}
+.scene-card.card .rating-2 {width:43px}
+.scene-card.card .rating-3 {width:65px} 
+.scene-card.card .rating-4 {width:86px}  
+.scene-card.card .rating-5 {background:none; width:108px}
+.rating-1, .rating-2, .rating-3, .rating-4, .scene-card.card .rating-5 {
+	background:none;
+	background-image:var(--stars);
+	height:20px;
+	background-size: 108px 20px;
+} 
+
+.scene-card.card .rating-banner {
+	padding:0;
+	left:5px;
+	top:89%;
+	background-position: left;
+	font-size: .01rem;
+	-webkit-transform: rotate(0deg);
+	transform: rotate(0deg);
+}
+
+
+.zoom-0.card .scene-card.card .rating-banner {top: 81%}
+.zoom-2.card .scene-card.card .rating-banner {top: 91%}
+.zoom-3.card .scene-card.card .rating-banner {top: 92%}
+
+
+
+/* --- Improves how the Preview Videos in the Wall View are displayed --- */
+.wall-item-container {width: 100%; background-color: rgba(0, 0, 0, .10); overflow:hidden }
+.wall-item-media { height:100%; background-color: rgba(0, 0, 0, .0);overflow:hidden }
+.wall-item-anchor { width: 102%; overflow:hidden }
+.wall-item-text {margin-bottom:0px; color: #111; text-shadow: 1px 1px 1px #fff }	
+
+
+.scene-popovers .fa-icon {margin-right: 2px;}
+
+/* --- Changes the Organized Button color when watching a video. Organized = Green, Not Organized = Red --- */
+.organized-button.not-organized { color: rgba(207,10,20,.8); }
+.organized-button.organized {	color: #06e62e;}
+
+
+/* --- Changes the font in the File Info section --- */
+div.scene-file-info .TruncatedText, div.scene-file-info .text-truncate {
+	margin-left:-1.5%; 
+	margin-top: -1px; 
+	width: 120%; 
+	font-family: var(--HeaderFont);
+	font-size: 110%; 
+	line-height:120%; 
+	font-weight:bold; 
+	text-shadow: var(--std-txt-shadow);
+}
+
+
+#scene-edit-details .pl-0 {
+    padding-left: 10px!important;
+}
+
+
+/* Zoom 0 */
+.zoom-0 { width:290px}
+.zoom-0 .video-section {height:181px;}
+.zoom-0 .scene-card-preview-image, .zoom-0 .scene-card-preview { height:195px; }
+.zoom-0 .scene-card-preview, .zoom-0 .scene-card-preview-video, .zoom-0 .scene-card-video {
+	width: 290px;
+	min-height:181px;
+	max-height: 200px;
+}
+
+/* Zoom 1 */
+.zoom-1 { min-width: 300px; width: calc(234px + 24vw /3.84);max-width: 430px}
+/* Improves the way the scene picture is displayed when the resolution isn't 16:9 (e.g. 4:3) --- */
+.zoom-1 .video-section {height:calc((233px + 24vw / 3.84)/1.65);max-height: 258px}
+.zoom-1 .scene-card-preview-image, .zoom-1 .scene-card-preview { height:100%; max-height: 260px}
+
+/*
+.zoom-1 .scene-card-preview-image, .zoom-1 .scene-card-preview { height:calc((237px + 24vw / 3.84)/1.65); max-height: 260px}
+*/
+.zoom-1 .scene-card-preview, .zoom-1 .scene-card-preview-video, .zoom-1 .scene-card-video {
+	min-width: 300px; width: calc(228px + 17vw / 1.92);max-width: 470px;
+	height:calc((234px + 26vw / 3.84)/1.65);
+	max-height: 265px;
+}
+
+/* Zoom 2 */
+.zoom-2 { min-width: 350px; width: calc(310px + 26vw / 3.84);max-width: 495px}
+.zoom-2 .video-section {height:calc((310px + 26vw / 3.84) /1.65);max-height:295px}
+.zoom-2 .scene-card-preview-image, .zoom-2 .scene-card-preview { height:calc((313px + 26vw / 3.84) /1.65); max-height:292px}
+
+.zoom-2 .scene-card-preview, .zoom-2 .scene-card-preview-video, .zoom-2 .scene-card-video {
+	min-width: 350px; width: calc(330px + 28vw / 3.84);max-width: 530px;
+	height:calc((310px + 28vw / 3.84) /1.65);
+	max-height: 298px;
+}
+
+
+/* Zoom 3 */
+.zoom-3 { min-width: 400px; width: calc(530px + 18vw / 5.76);max-width: 590px}
+.zoom-3 .video-section {height:375px;}
+.zoom-3 .scene-card-preview-image, .zoom-3 .scene-card-preview { height:395px; }
+.zoom-3 .scene-card-preview, .zoom-3 .scene-card-preview-video, .zoom-3 .scene-card-video {
+	width: 600px;
+	min-height:385px;
+	max-height: 400px;
+}
+
+
+.zoom-0 .video-section, .zoom-1 .video-section, .zoom-2 .video-section, .zoom-3 .video-section 
+{object-fit: cover !important;overflow:hidden;}
+
+.zoom-0 .scene-card-preview, .zoom-0 .scene-card-preview-video, .zoom-0 .scene-card-video,
+.zoom-1 .scene-card-preview, .zoom-1 .scene-card-preview-video, .zoom-1 .scene-card-video, 
+.zoom-2 .scene-card-preview, .zoom-2 .scene-card-preview-video, .zoom-2 .scene-card-video,
+.zoom-3 .scene-card-preview, .zoom-3 .scene-card-preview-video, .zoom-3 .scene-card-video {
+	object-fit: cover !important;
+	margin-top:-2%;
+	margin-left:-6px;
+	transform: scale(1.04);
+}
+
+/* --- Shrink the Player Height just a little bit to avoid the scroll bar --- */
+#jwplayer-container {    height: calc(99.5vh - 4rem);}
+
+
+div.tagger-container .btn-link { 	
+	font-family: var(--HeaderFont);
+	font-size: 110%; 
+	color: #ddf; 
+	text-shadow: var(--std-txt-shadow); 
+}
+
+#scene-edit-details .edit-buttons-container {
+	background-color: rgba(0,0,0,0.0);
+	position: relative;
+	margin-bottom:15px;
+}
+
+#scene-edit-details .form-group {margin-bottom:0.65rem;}
+
+
+
+
+
+
+/* ============== Studio ================= */
+
+
+.studio-card {	padding: 0 4px 14px;}
+
+.studio-details input.form-control-plaintext {	background-color: rgba(16,22,26,.0); }
+.studio-details .react-select__control--is-disabled  {	background: none; border:0}
+
+.studio-details .form-group, .studio-details td { padding: 8px; }
+.studio-details table td:nth-child(1) {color:#FFF; text-shadow: 1px 1px 1px #000;}
+
+.studio-card-image {max-height: 175px; height:175px}
+.studio-card-image {min-width: 260px; width: calc(238px + 19vw / 3.8); max-width: 360px; margin: 0 6px;}
+.studio-card .card-section {	margin-top: 22px;}
+.studio-card .card-section div {color:#FFF}
+.studio-card .card-popovers {width:63%;margin-left:37%}
+
+@media (min-width: 1200px) {
+.pl-xl-5, .px-xl-5 {
+    padding-left: 1rem!important; 
+    padding-right: 1rem!important;
+} }
+
+.no-gutters .TruncatedText, .tag-card .TruncatedText, div.card.studio-card .TruncatedText, .tagger-container .TruncatedText  {
+	font-family: var(--HeaderFont);
+	font-size: 125%; 
+	line-height:125%; 
+	font-weight:bold; 
+	text-shadow: var(--std-txt-shadow);
+}
+
+.no-gutters .TruncatedText {font-size: 115%;}
+
+/* --- The following 15 Selectors modify the info box on the left after clicking on a movie --- */
+.studio-details .text-input, #performer-details-tabpane-details .text-input:disabled, 
+.studio-details .text-input[readonly] {background-color: rgba(16,22,26,0.0);}
+
+.text-input, input.form-control-plaintext { background-color:none;}
+.studio-details .input-control, .text-input {box-shadow: none;}
+
+.studio-details table { margin-top: 20px; background-color: rgba(15,20,30,0.20); border-radius: 10px; margin-bottom:20px;}
+.studio-details .form-group, .studio-details .row {background-color: rgba(15,20,30,0.20); margin:0;}
+.studio-details .no-gutters {background: none !important; }
+
+.studio-details table div.react-select__control {background: none; border: 0px;margin:0}
+.studio-details table .css-1hwfws3 { padding:0px; }
+
+.studio-details .form-group, .movie-details td { padding: 8px; }
+.studio-details .form-group td:nth-child(1), 
+.studio-details table tbody tr td:nth-child(1), td:first-child {padding-left: 12px; width: 130px;}
+
+.studio-details table tr:nth-child(odd) {     background-color: rgba(16,22,26,0.1); }
+.studio-details .form-group, .studio-details table td:nth-child(1) {color:#FFF; text-shadow: 1px 1px 1px #000;}
+
+
+.studio-card.card .rating-1, .studio-card.card .rating-2, .studio-card.card .rating-3, 
+.studio-card.card .rating-4, .studio-card.card .rating-5
+{
+	background:none;
+	height: 25px;
+	background-size: 135px 25px;
+	background-image:var(--stars);
+	-webkit-transform:rotate(0deg);
+	transform:rotate(0deg);
+	padding:0;
+	padding-bottom:1px;
+	box-shadow: 0px 0px 0px rgba(0, 0, 0, .00);
+	left:10px;
+	text-align:left;
+	position:absolute;
+	top:auto;
+	bottom: 24% !important;
+	font-size:0.001rem;
+}
+
+.studio-card.card .rating-5{width:135px;} 
+.studio-card.card .rating-4{width:109px;} 
+.studio-card.card .rating-3{width:81px;} 
+.studio-card.card .rating-2{width:55px;} 
+.studio-card.card .rating-1{width:28px;} 
+
+div.studio-card.card .card-popovers {	margin-top: -34px;}
+.studio-card.card .card-section div:nth-child(2) {margin-bottom:6px;margin-top:-3px;}
+
+.studio-details dl.details-list{ grid-column-gap: 0}
+.studio-details dt, .studio-details dd {padding: 6px 0 8px 8px}
+
+
+
+
+
+
+
+
+
+/* ============== TAGS =============== */
+
+.tag-card.card hr, .tag-card.card>hr{ border-top: 0px solid rgba(0,0,0,.1); }
+
+.tag-card { margin: 4px 0.5% 10px; padding:0px;}
+
+
+@media (min-width: 1200px){
+.row.pl-xl-5, .row.px-xl-5 {
+	padding-left: 0.2rem!important; 
+	padding-right: 0.2rem!important;
+}
+}
+
+.tag-card.zoom-0 {
+	min-width: 230px; width: calc(200px + 18vw / 1.1); max-width: 350px;
+	min-height:168px; height:auto;
+}
+.tag-card.zoom-0 .tag-card-image {	min-height: 100px; max-height: 210px; height: calc(95px + 15vw / 1.1);}
+
+.tag-card.zoom-1 {
+	min-width: 260px; width: calc(238px + 25vw / 2.3); max-width: 460px;
+	min-height:193px; height:auto;
+}
+.tag-card.zoom-1 .tag-card-image {	min-height: 120px; max-height: 240px; height: calc(100px + 19vw / 2.3);}
+
+.tag-card.zoom-2 {
+	min-width: 290px; width: calc(280px + 38vw / 2.45); max-width: 650px;
+	min-height:170px; height:auto; max-height:485px;
+}
+.tag-card.zoom-2 .tag-card-image {	min-height: 175px; max-height: 440px; height: calc(120px + 30vw / 2.45);}
+
+
+#tags .card {padding:0 0 10px 0; }
+.tag-card-header {height:190px;overflow:hidden;}
+
+.zoom-0 .tag-card-image, .zoom-1 .tag-card-image, .zoom-2 .tag-card-image {
+zoom: 101%;
+object-fit: cover;
+overflow:hidden;
+width: 101%;
+margin-top: -2px;
+margin-left: -1%;
+}
+
+.tag-card .scene-popovers, .tag-card .card-popovers { 
+	width:60%;
+	margin-left:40%;
+	justify-content: flex-end;
+	float:right;
+	margin-bottom: 15px;
+	margin-top:-34px;
+	padding-left:17px;
+}
+
+.tag-sub-tags, .tag-parent-tags {margin-bottom:9px; color:#FFF}
+.tag-sub-tags a, .tag-parent-tags a {color:#FFF; text-shadow: var(--std-txt-shadow)}
+
+.zoom-0 .tab-pane .card-image { height:210px }
+
+
+/* --- Moves the Tag name into the Tag Picture --- */
+.tag-details .text-input[readonly] {background-color: rgba(0,0,0,.0);}
+.tag-details .table td:first-child {display:none}
+.tag-details .logo {margin-bottom: 12px;}
+
+.tag-details .form-control-plaintext, .tag-details h2 {
+	margin-top:-76px;
+	margin-left:0%;
+	font-weight: bold;
+	font-family: Helvetica, "Helvetica Neue", "Segoe UI" !important;
+	letter-spacing: 0.11rem;
+	font-size:44px;
+	text-shadow: 2px 2px 3px #111, 4px 4px 4px #282828, 6px 1px 4px #282828, -3px 3px 3px #444, -2px -2px 4px #282828;
+	text-align:center; 
+}
+@media (max-width: 1300px) {.tag-details .form-control-plaintext {font-size:26px; 	margin-top:-50px;}}
+
+.tag-details .logo { min-width:300px}
+
+
+
+
+
+/* ==============  MOVIES ==============  */
+
+/* --- Changes the width of the items so only the front cover is displayed. Also replaces the ratings banner with a star rating --- */
+
+.movie-card .text-truncate, div.card.movie-card .TruncatedText {
+	font-size: 17px !important;
+	font-family: var(--HeaderFont);
+	text-shadow: var(--std-txt-shadow);
+	font-weight: bold;
+	max-width:210px;
+	white-space: nowrap;
+	overflow: hidden; 
+	text-overflow: ellipsis;
+}
+
+div.movie-card.grid-card.card .card-section p {margin-bottom:-8px}
+div.movie-card.grid-card.card .card-section {margin-bottom: -0px !important}
+div.movie-card.grid-card.card .card-popovers {
+	padding-top:35px;
+	margin-bottom:-11px;
+	width:60%;
+	margin-left:40%;
+	justify-content:flex-end;
+	float:right;
+}
+
+div.movie-card .card-section span {position:absolute;margin-top:-3px;margin-bottom:6px;color:#FFF}
+
+
+
+.movie-card-header {height:320px}
+
+.movie-card-header .rating-banner {
+	font-size: .002rem;
+	padding: 8px 41px 6px;
+	line-height: 1.1rem;
+	transform: rotate(0deg);
+	left: 3px;
+	top: 77% !important;
+	height: 25px;
+	background-size: 135px 25px;
+	background-position: left;
+}
+
+.movie-card-header .rating-1 {width:28px}
+.movie-card-header .rating-2 {width:55px}
+.movie-card-header .rating-3 {width:83px} 
+.movie-card-header .rating-4 {width:110px}  
+.movie-card-header .rating-5 {width:138px}
+
+.movie-card-header .rating-5 {
+	background:none;
+	background-image:var(--stars);
+	height: 25px;
+	background-size: 135px 25px;
+}
+
+.movie-card-image {
+	height:345px;
+	max-height: 345px;
+     width: 240px;
+}
+
+
+
+
+/* --- The following 15 Selectors modify the info box on the left after clicking on a movie --- */
+.movie-details .text-input, #performer-details-tabpane-details .text-input:disabled, 
+.movie-details .text-input[readonly] {background-color: rgba(16,22,26,0.0);}
+
+.text-input, input.form-control-plaintext { background-color:none;}
+.movie-details .input-control, .text-input {box-shadow: none;}
+
+.movie-details table { margin-top: 20px; background-color: rgba(15,20,30,0.20); border-radius: 10px 10px 0px 0px; margin-bottom:0;}
+.movie-details .form-group {background-color: rgba(15,20,30,0.20); margin:0;}
+
+.movie-details table div.react-select__control {background: none; border: 0px;margin:0}
+.movie-details table .css-1hwfws3 { padding:0px; }
+
+.movie-details .form-group, .movie-details td { padding: 8px; }
+.movie-details .form-group td:nth-child(1), 
+.movie-details table tbody tr td:nth-child(1), td:first-child {padding-left: 12px; width: 120px;}
+
+.movie-details table tr:nth-child(odd) {     background-color: rgba(16,22,26,0.1); }
+.movie-details .form-group, .movie-details table td:nth-child(1) {color:#FFF; text-shadow: 1px 1px 1px #000;}
+
+
+
+/* --- 0.60 dev adjustments --- */
+.studio-details .studio-details, .movie-details .movie-details {background-color: rgba(15,20,30,0.20); border-radius: 10px; margin-bottom:15px; }
+.movie-details .movie-details dt.col-3 {padding:4px 0 4px 16px; width: 120px;}
+.movie-details .movie-details dd.col-9 {padding:4px 16px 4px 3px;}
+.studio-details dl.details-list dt:nth-of-type(odd),
+.studio-details dl.details-list dd:nth-of-type(odd),
+.movie-details dl.details-list dt:nth-of-type(odd),
+.movie-details dl.details-list dd:nth-of-type(odd),
+.movie-details dl.row:nth-child(odd) { background-color: rgba(16,22,26,0.1); margin-right:0px; padding-left:14px;margin-bottom:5px}
+.movie-details dl.details-list dt, .movie-details dl.details-list dd {padding-left: 7px;}
+.movie-details dl.details-list { grid-column-gap: 0}
+.studio-details h2, .movie-details .movie-details h2 {	font-family: var(--HeaderFont);font-weight:bold;text-shadow: var(--std-txt-shadow);padding:7px 0 5px 12px;}
+
+.movie-details .movie-images {margin:0 5px 20px 5px;}
+.movie-details .movie-images img {border-radius: 14px; max-height:580px;}
+.movie-details .movie-image-container{
+	margin:0.3rem;
+	margin-right:0.8rem;
+	background-color: rgba(0, 0, 0, .48);
+	box-shadow: 6px 6px 11px rgba(0, 10, 10, .62);
+}
+
+form#movie-edit { margin-bottom:15px}
+
+
+
+
+
+
+/* ==============  IMAGES ==============  */
+
+div.image-card .rating-banner {
+	font-size: .002rem;
+	padding: 8px 41px 6px;
+	line-height: 1.1rem;
+	transform: rotate(0deg);
+	padding: 0;
+	left: 3px;
+	top: 72% !important;
+	height: 25px;
+	background-size: 135px 25px;
+	background-position: left;
+}
+
+div.image-card .rating-1 {width:28px}
+div.image-card .rating-2 {width:55px}
+div.image-card .rating-3 {width:83px} 
+div.image-card .rating-4 {width:110px}  
+div.image-card .rating-5 {width:138px}
+
+div.image-card .rating-5 {
+	background:none;
+	background-image:var(--stars);
+	height: 25px;
+	background-size: 135px 25px;
+}
+
+div.image-card .scene-popovers, div.image-card .card-popovers {
+	margin-top: -2px;
+	justify-content: flex-end;
+}
+div.image-card hr, .scene-card.card>hr{
+	border-top: 0px solid rgba(0,0,0,.1); 
+}
+
+
+
+
+
+
+
+/* ==============  GALLERIES ==============  */
+
+div.gallery-card hr, .scene-card.card>hr{
+	border-top: 0px solid rgba(0,0,0,.1); 
+}
+
+div.gallery-card .rating-banner {
+	font-size: .002rem;
+	padding: 8px 41px 6px;
+	line-height: 1.1rem;
+	transform: rotate(0deg);
+	padding: 0;
+	left: 3px;
+	top: 70% !important;
+	height: 25px;
+	background-size: 135px 25px;
+	background-position: left;
+}
+
+div.gallery-card .rating-1 {width:28px}
+div.gallery-card .rating-2 {width:55px}
+div.gallery-card .rating-3 {width:83px} 
+div.gallery-card .rating-4 {width:110px}  
+div.gallery-card .rating-5 {width:138px}
+
+div.gallery-card .rating-5 {
+	background:none;
+	background-image:var(--stars);
+	height: 25px;
+	background-size: 135px 25px;
+}
+
+div.gallery-card .scene-popovers, div.gallery-card .card-popovers {
+	margin-bottom: -8px;
+	margin-top: -24px; 
+	justify-content: flex-end;
+}
+
+
+
+
+
+
+
+
+/* ==============  MISC ==============  */
+
+.svg-inline--fa.fa-w-18 {width: 1.4em;}
+
+/* --- Makes the Zoom Slider on the Scenes, Images, Galleries and Tags pages longer and therefore easier to use --- */
+input[type=range].zoom-slider{ max-width:140px;width:140px; }
+
+/* --- Changes the zoom slider color --- */
+input[type=range]::-webkit-slider-runnable-track {background-color: #88afcc !important;}
+
+
+.tag-details .logo {
+    background-color: rgba(0, 0, 0, .48);
+    box-shadow: 3px 3px 5px rgba(0, 0, 0, .42);
+    border-radius: 9px !important;
+}
+
+.search-item {
+    background-color: none;
+    background-color: rgba(16,22,26,0.27);
+}
+
+.btn-secondary.disabled, .btn-secondary:disabled {
+    background-color: none;
+    background-color: rgba(16,22,26,0.67);
+}
+
+/* --- Edit & Delete buttons when clicking on a studio, tag or movie --- */
+.details-edit {margin-left:3%}
+
+/* --- Adds a text shadow to the statistics on the startpage --- */
+.stats .title {
+	color:#fff;
+	text-shadow: 2px 2px 4px #282828;
+}
+
+
+.popover {
+	padding:2px;
+	background-color: rgba(5,30,35,0.85); 
+	box-shadow: 3px 3px 6px rgba(20, 20, 20, .8);
+}
+.hover-popover-content {
+	background-image: linear-gradient(160deg, rgba(230,255,240,0.80), rgba(120,130,155, 0.45), rgba(180,190,225, 0.45), rgba(120,130,165, 0.55), rgba(255,235,235,0.70)); 
+	background-color: rgba(205,210,225,0.31) !important; 
+}
+
+.tag-item {
+	font: normal 13px "Lucida Grande", sans-serif, Arial, Verdana;
+	background-image: linear-gradient(210deg, rgba(30,95,140,0.36), rgba(10,60,95, 0.45), rgba(20,65,105, 0.83), rgba(5,90,140,0.35)); 
+	background-color: rgba(60,120,230,0.8); 
+	color: #fff;
+	letter-spacing: 0.07rem;
+	line-height: 18px;
+	margin: 3px 3px;
+	padding: 6px 8px;
+}
+
+/* --- Adjust the lengths of the Performer, Movies and Tags fields while editing a scene while the scene plays --- */
+#scene-edit-details .col-sm-9 {
+    flex: 0 0 100%;
+    max-width: 100%;
+}
+
+/* --- Cuts the name of Performers, Movies and Tags short if they go longer than the length of the field --- */
+div.react-select__control .react-select__multi-value {
+  max-width: 285px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+
+
+
+/* --- several Performer and Scene Scaping changes --- */
+.modal-content, .modal-lg, .modal-xl  {
+	max-width: 1400px; 
+	width:100%;
+} 
+
+.modal-header, .modal-body, .modal-footer {	background: rgba(10,120,170,0.94);}
+.performer-create-modal {max-width:1300px;}
+
+.modal-body .col-form-label, .modal-body .col-6, .modal-footer, .modal-header .col-form-label {text-shadow: var(--std-txt-shadow);}
+
+.modal-body .col-6 strong {font-weight: normal; font-size:14px}
+.modal-body .no-gutters {margin-bottom: 8px}
+
+.modal-body .dialog-container .col-lg-3 {
+	flex: 0 0 12%;
+	max-width: 12%;
+	text-shadow: var(--std-txt-shadow);
+}
+
+.modal-body .dialog-container .offset-lg-3{margin-left:12%;} 
+.modal-body .dialog-container .col-lg-9{flex:0 0 88%; max-width:88%;} 
+
+
+.input-control, .input-control:disabled, .input-control:focus, .modal-body div.react-select__control, .modal-body .form-control {
+	background: rgba(15,15,20,0.36);
+}
+
+
+.scraper-table tr:nth-child(2n) {    background: rgba(15,15,20,0.18);}
+
+.nav-pills .nav-link.active, .nav-pills .show>.nav-link { 	background: rgba(15,15,20,0.50);}
+
+
+.btn-secondary:not(:disabled):not(.disabled).active, 
+.btn-secondary:not(:disabled):not(.disabled):active, 
+.show>.btn-secondary.dropdown-toggle { 	background: rgba(15,15,20,0.50);}
+
+
+/* --- Background when searching for a scene in Tagger view --- */
+.search-result { 	background: rgba(0,0,0,0.21);}
+.selected-result { 	background: rgba(25,95,25,0.24); color:#fff}
+/*.search-result:hover { background: rgba(12,62,75,0.25);}*/
+.search-result:hover  { 	background: rgba(25,122,25,0.33);}
+
+
+.markdown table tr:nth-child(2n) {background: rgba(25,20,25,0.20);}
+.markdown code, .markdown blockquote, .markdown pre {background: rgba(25,20,25,0.30);}
+
+
+/* --- Changes the size of the Custom CSS field in the settings --- */
+#configuration-tabs-tabpane-interface textarea.text-input { min-width:60ex; max-width:55vw !important; min-height:50ex;}
+
+
+div.dropdown-menu,div.react-select__menu{background-color:rgba(35,37,44,0.55);color:#f5f8fa}
+
+div.dropdown-menu .dropdown-item, div.dropdown-menu .react-select__option, div.react-select__menu .dropdown-item, div.react-select__menu .react-select__option
+{color:#f5f8fa;background-color:rgba(35,37,44,0.55);}
+
+div.dropdown-menu .dropdown-item:focus,div.dropdown-menu .dropdown-item:hover,div.dropdown-menu .react-select__option--is-focused,div.react-select__menu .dropdown-item:focus,div.react-select__menu .dropdown-item:hover,div.react-select__menu .react-select__option--is-focused{background-color:rgba(24,130,195,0.85)}
+
+
+.toast-container {
+    left: 74%;
+    top: 1rem;
+}
+
+/* --- Settings / About adjustments --- */
+#configuration-tabs-tabpane-about .table {width:100%}
+#configuration-tabs-tabpane-about .table td {padding-top:18px}
+
+
+#queue-viewer .current {
+    background-color: rgba(15,20,30,0.30);
+}
+
+/* Folder when doing selective scan or configuration */
+.input-group .form-control {color: #d9f0f7; }
+
+
+div.modal-body b, .form-label h6 {text-shadow: var(--std-txt-shadow);}
+
+
+.modal-body .btn-primary:not(:disabled):not(.disabled).active, .modal-body .btn-primary:not(:disabled):not(.disabled):active {
+color: #fff; 
+     background-color: #008558; 
+     border-color: #0d5683;
+}
+
+.modal-body .btn-primary {
+    color: #fff;
+    background-color: #666;
+    border-color: #666;
+}
+
+.input-group-prepend div.dropdown-menu
+{
+	background: rgba(50,90,105,0.94);
+	padding:15px;
+	box-shadow: 2px 2px 6px rgba(0, 0, 0, .70);
+}
+
+.saved-filter-list .dropdown-item-container .dropdown-item {margin-top:3px;}
+.set-as-default-button {margin-top: 8px;}
+
+
+
+/* --- Specific Light Modifications --- */
+
+a.minimal, button.minimal {
+	color: #fff;
+    	text-shadow: 1px 1px 2px #000;
+}
+
+.top-nav a.minimal, .top-nav button.minimal {
+	color: #333;
+    	text-shadow: 1px 1px 2px #ddd;
+}
+
+.top-nav { box-shadow: 2px 2px 6px rgba(120, 150, 160, .55)}
+
+
+.pagination .btn:last-child {border-right: 1px solid #202b33;}
+.pagination .btn:first-child {border-left: 1px solid #202b33;}
+
+.nav-tabs .nav-link { color: #000038;}
+
+
+.scene-card .card-section {color:#fff;text-shadow: 0px 0px 1px #111;}
+.changelog-version, .tab-content {color: #fff}
+.tab-content .bg-dark {color:#fff} 
+
+#performer-details-tabpane-details {color: #000}
+.scraper-table a {color:#dde}
+.image-tabs, .gallery-tabs, .scene-tabs  {
+	background-image: linear-gradient(130deg, rgba(60, 70, 85,0.21), rgba(150, 155, 160,0.30), rgba(35, 40, 45,0.22), rgba(160, 160, 165,0.21), rgba(50, 60, 65,0.30)); 
+	background-color: rgba(106, 120, 125, .29); 
+}
+
+.table-striped.table-bordered, .table-striped.table-bordered a {color:#000}
+
+.nav-tabs .nav-link.active { color: #2866d0;}
+
+.PerformerScrapeModal-list .btn-link { color: #a9d0ff;}
+
+.tab-content .scene-file-info a {color: #cde}
+
+.grid-card .card-check { top:.9rem;width: 1.5rem;}
+.LoadingIndicator .spinner-border, .LoadingIndicator-message { color:#37e}
+
+
+.btn-group>.btn-group:not(:last-child)>.btn, .btn-group>.btn:not(:last-child):not(.dropdown-toggle),
+.pagination .btn-group>.btn:first-child:not(.dropdown-toggle) {border-left: 1px solid #394b59;}    
+.btn-group>.btn-group:not(:first-child), .btn-group>.btn:not(:first-child) {border-right: 1px solid #394b59;}
+
+
+div.gallery-card.grid-card.card p div.TruncatedText,
+div.movie-card.grid-card.card hr, div.movie-card.grid-card.card p {display:none}
+
+
+/* --- Spacing out the paginationIndex --- */
+.paginationIndex {color:#f3f3f3;margin-bottom:8px}
+.paginationIndex .scenes-stats, .images-stats {margin-top:-3px; color:#aaaab9}
+.paginationIndex .scenes-stats:before, .images-stats:before
+{
+	font-size: 16px;
+	margin-left:18px;
+	margin-right:12px;
+	color:#ccc;
+	content: "-";
+}
+
+/* --- Overhaul of the Popoup Edit Boxes --- */
+@media (min-width: 576px) {
+	#setting-dialog .modal-content .modal-body textarea {min-height:350px; height:75vh !important}
+	.modal-dialog {max-width: 880px}
+	.modal-dialog .modal-content .form-group .multi-set {width:82%;margin-top:12px; flex: 0 0 82%; max-width:82%;}
+	.modal-dialog .modal-content .form-group .col-9 {flex: 0 0 82%;max-width: 82%;}
+	.modal-dialog .modal-content .col-3 {    flex: 0 0 18%; max-width: 18%;}
+	.modal-dialog .modal-content .form-group > .form-label {margin-top:0px;flex: 0 0 18%;    max-width: 18%;text-shadow: var(--std-txt-shadow);}
+	.modal-dialog .modal-content .form-group {display: flex; flex-wrap: wrap;}
+	.modal-dialog .modal-content .btn-group>.btn:not(:first-child), .btn-group>.btn-group:not(:first-child) {margin-left: 2px}
+	.modal-dialog .modal-content .form-label[for~="movies"],
+	.modal-dialog .modal-content .form-label[for~="tags"],
+	.modal-dialog .modal-content .form-label[for~="performers"] {margin-top:48px;}
+	.modal-dialog .modal-content .button-group-above {margin-left:9px}
+	.modal-dialog .scraper-sources.form-group h5 {margin-top:20px}
+	.modal-dialog .modal-content .field-options-table {width:98%}
+
+	.modal-dialog.modal-lg .modal-content .form-group {display: inline;}
+}
+
+
+
+
+
+
+
+/* ==============  SETTINGS ==============  */
+
+
+
+#settings-container {
+	padding-left:230px;
+	background-image: none !important;
+	background-color: rgba(16, 20, 25, .40) !important;
+	box-shadow: 2px 2px 7px rgb(0 0 0 / 75%);
+	border-radius: 10px;
+	padding-top:25px;
+	min-height:450px;
+}
+
+#settings-container .card {
+	margin-bottom:25px;
+	background-image: none !important;
+	background-color: rgba(16, 20, 25, .00);
+	box-shadow: 0px 0px 0px rgb(0 0 0 / 75%);
+	border-radius: 0px;
+}
+
+#settings-container .bg-dark {background-color: rgba(16, 20, 25, .12) !important;}
+
+.form-group>.form-group {margin-top:0.5em; margin-bottom: 0.5rem}
+
+
+#configuration-tabs-tabpane-tasks>.form-group {margin-bottom:2rem; margin-top:1em}
+
+#configuration-tabs-tabpane-tasks h6 {     margin-top:3.5em; font-weight:bold; margin-bottom:1em;  }
+#configuration-tabs-tabpane-tasks h5 {     margin-top:2.0em; font-weight:bold; 	letter-spacing: 0.09rem; }
+
+.form-group h4 {margin-top:2em}
+
+
+#parser-container.mx-auto {max-width:1400px;margin-right:auto !important}
+.scene-parser-row .parser-field-title {width: 62ch}
+
+
+
+.mx-auto {margin-right: 1% !important}
+.mx-auto.card .row .col-md-2 .flex-column { position:fixed;min-height:400px}
+.mx-auto.card>.row {min-height:360px}
+
+.loading-indicator {opacity:80%; zoom:2}
+
+
+
+
+/* --- Settings - Tasks ------------------------------------------------------------------------------------- */
+
+
+#configuration-tabs-tabpane-tasks>.form-group .card {
+    padding: 20px;
+    margin: 4px 0.40% 14px;
+    background-image: none;
+    background-color: rgba(16, 20, 25, .00);
+    box-shadow: none;
+    border-radius: 10px;
+}
+
+#tasks-panel h1 {margin-top: 3em}
+.setting-section h1, #tasks-panel h1 {font-size: 1.55rem; max-width:180px}
+
+
+@media (min-width: 576px) and (min-height: 600px) {
+#tasks-panel .tasks-panel-queue {
+    background: none !important;
+    margin-top: -2.6rem;
+    padding-bottom: .25rem;
+    padding-top: 0rem;
+    position: relative;
+    top: 0rem;
+    z-index: 2;
+}
+}
+
+#tasks-panel hr {border-top: 0px solid rgba(140,142,160,.38);}
+#tasks-panel h1 {margin-top:1.8em;}
+#tasks-panel h1 {margin-top:0.8em;}
+
+#configuration-tabs-tabpane-tasks {margin-top:40px}
+
+#configuration-tabs-tabpane-tasks .form-group:last-child .setting-section .setting div:last-child {
+    margin-right: 0% !important;
+    margin-left: 0px;
+    margin-top: 2px;
+}
+
+#configuration-tabs-tabpane-tasks .setting-section .sub-heading {margin-bottom:1em}
+#configuration-tabs-tabpane-tasks .setting-section .collapsible-section  {margin-bottom:3em}
+#configuration-tabs-tabpane-tasks #video-preview-settings  button { width:250px;margin-top:22px;margin-left:-57px}
+#configuration-tabs-tabpane-tasks .tasks-panel-tasks .setting-section:nth-child(3) {margin-top:5em}
+
+.tasks-panel-tasks .setting a { color: #ccccd3;}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+@media (min-width: 1000px) {
+	#settings-container .card {margin-top:-43px; margin-left:255px}
+}
+
+
+
+#settings-container .col-form-label {
+    padding-top: calc(.55rem);
+    padding-bottom: calc(.55rem);
+}
+
+.setting-section .setting-group>.setting:not(:first-child), .setting-section .setting-group .collapsible-section .setting {
+    margin-left: 4rem; 
+}
+
+
+
+.setting-section .setting h3 {
+    font-size: 1.4rem;
+    margin:0.6em 0 0.4em;
+    
+}
+
+.setting-section:not(:first-child) {margin-top: 1em}
+.setting-section .setting-group>.setting:not(:first-child).sub-setting, .setting-section .setting-group .collapsible-section .setting.sub-setting {    padding-left: 3rem;}
+
+
+
+@media (min-width: 1200px) {
+	.offset-xl-2 {
+		max-width:1250px;
+		margin-left:15%;
+		margin-right:auto;
+	}
+
+	#settings-container .tab-content, .mx-auto {	max-width: none;}
+}
+
+
+.setting-section .setting:not(:last-child) {
+    border-bottom: 0px solid #000;
+}
+
+
+
+
+.job-table.card {
+	margin-top:-32px !important;
+	background-color: rgba(16, 20, 25, .20) !important;
+	border-radius: 10px !important;
+}
+
+
+
+
+
+
+.custom-switch {padding-left:2.25rem}
+.custom-control {
+    min-height: 1.5rem;
+    padding-left: 0.5rem;
+    margin-right:1em;
+}
+
+.custom-control-input:checked~.custom-control-label:before {
+    color: rgb(0 0 0 / 0%);
+    border-color: rgb(0 0 0 / 0%);
+    background-color: rgb(0 0 0 / 0%);
+}
+
+.custom-switch .custom-control-label:before {
+    pointer-events: auto;
+    border-radius: 0;
+}
+
+.custom-switch .custom-control-input:checked~.custom-control-label:after {
+    background-color: blue;
+    transform: auto;
+}
+
+.custom-switch .custom-control-label:after {
+    top: auto;
+    left: auto;
+    width: auto;
+    height: auto;
+    background-color: blue;
+    border-radius: 0;
+    transform: none;
+    transition: none;
+}
+
+.custom-control-label:before {display:none} 
+
+.custom-control-input {
+	position: absolute;
+	top:2px;
+	left: 0;
+	z-index: -1;
+	width: 1.2rem;
+	height: 1.35rem;
+     opacity: 1;
+     background-color:#10659a;
+     color:#10659a;
+}
+
+
+
+
+.setting-section .setting-group>.setting:not(:first-child), .setting-section .setting-group .collapsible-section .setting {
+	padding-bottom: 3px;
+	padding-top: 4px;
+	margin-right: 0rem;
+}
+
+.setting-section {margin-bottom:0.8em}
+
+
+
+
+.setting-section .sub-heading {
+	font-size:.9rem;
+	margin-top:0.5rem;
+	margin-bottom:3rem;
+}
+
+@media (min-width: 768px) {
+.offset-md-3 {margin-left: 1%;}
+#settings-menu-container {margin-left:1%; z-index:9; width:200px; padding-top:25px;}
+
+	#configuration-tabs-tabpane-interface .setting-section:first-child .card  .setting div:nth-child(2) { width:64%;min-width:300px;padding-top:6px}
+	#configuration-tabs-tabpane-interface .setting-section:first-child .card .setting div .sub-heading {margin-top:-28px; margin-left:255px;width:700px}
+	#language .input-control { width:250px}
+	
+	#configuration-tabs-tabpane-interface .setting-section .setting-group>.setting:not(:first-child) {margin-left:275px}
+	#configuration-tabs-tabpane-interface .setting-section .setting-group>.setting:nth-child(2) {margin-top: -40px}
+}
+
+@media (min-width: 1200px) {
+	.offset-md-3 {margin-left: 14%;margin-right:2%}
+	.setting-section h1, #tasks-panel h1 { max-width:220px;}
+	#settings-menu-container {
+		padding-top:25px;
+		margin-left:14% !important;
+		z-index:9;
+		width:205px;
+	}
+}
+
+@media (max-width: 768px) {
+	.offset-md-3 {margin-left: 1%;}
+	#settings-menu-container {margin-left:1%; z-index:9;width:180px;	padding-top:25px;}
+	#settings-container {    padding-left: 180px;}
+	.setting-section h1, #tasks-panel h1 { max-width:300px;}
+}
+
+@media (max-width: 576px) {
+	.offset-sm-3 {margin-left: 1%;}
+	#settings-menu-container {margin-left:1%;z-index:9;width:160px;	padding-top:25px;}
+	#settings-container {padding-left: 10px;}
+}
+
+@media (max-width: 1004px) {
+	.setting-section h1, #tasks-panel h1 { max-width:400px;}
+	.job-table.card {margin-top:2px !important;}
+}
+
+
+
+
+.markdown table tr:nth-child(2n),
+.modal-body .nav-link:hover,
+#settings-menu-container .nav-link:hover {background-color: rgba(10, 20, 20, .15)}
+
+
+
+@media (min-width: 1000px) {
+	#settings-container #configuration-tabs-tabpane-interface .setting-section > .setting { padding: 15px 0px;}
+	#settings-container #configuration-tabs-tabpane-interface .setting-section .setting-group .setting>div:first-item{margin-left: 4% !important;}	
+	
+	#settings-container #stash-table {margin-top:25px}
+	#configuration-tabs-tabpane-interface .setting-section:first-child .card {	margin-top: -5px;	margin-left: -1%}		
+
+	#language .input-control { width:250px}
+	#configuration-tabs-tabpane-interface .setting-section:first-child h3 {    font-size: 1.55rem;}
+
+	#configuration-tabs-tabpane-interface .setting-section:first-child .card > .setting div:nth-child(1) { width:255px}
+
+
+	#configuration-tabs-tabpane-interface .setting-section:first-child .card  .setting div:nth-child(2) { width:68%;padding-top:6px}
+	#configuration-tabs-tabpane-interface .setting-section:first-child .card .setting div .sub-heading {margin-top:-28px; margin-left:255px;width:700px}
+
+	#configuration-tabs-tabpane-interface #language {margin-bottom:15px}
+	#configuration-tabs-tabpane-library #stashes .sub-heading {margin-top:-26px; margin-left:235px;width:700px}
+	
+}
+
+
+
+#configuration-tabs-tabpane-metadata-providers .setting,
+#configuration-tabs-tabpane-security .setting,
+#configuration-tabs-tabpane-tasks .setting,
+#configuration-tabs-tabpane-system .setting-section .setting,
+#settings-dlna .setting-section .setting,
+#configuration-tabs-tabpane-interface .setting-section .setting {padding-top:0; padding-bottom:0}
+
+
+#configuration-tabs-tabpane-interface .setting-section:nth-child(1) h1 {display:none}
+
+#configuration-tabs-tabpane-interface .setting-section .setting-group>.setting:not(:first-child) h3 {
+    font-size: 1rem;
+    margin-left:2em;
+}
+
+#configuration-tabs-tabpane-interface .setting-section .setting-group .setting>div:last-child {
+    margin-right: 95% !important;
+    margin-left:0px;
+    margin-top:-32px;
+}
+
+.setting-section .setting>div:first-child {max-width:415px}
+
+#configuration-tabs-tabpane-interface .setting-section .setting>div:last-child {
+    min-width: 20px;
+    text-align: left;
+    width:38%;
+    
+}
+
+#configuration-tabs-tabpane-interface h3 {font-size:1.25em}
+
+#wall-preview .input-control {width:160px}
+
+.setting-section .setting-group>.setting:not(:first-child), .setting-section .setting-group .collapsible-section .setting {
+    padding-top: 0px;
+    padding-bottom: 0px;
+    margin-right: 0rem;
+    line-height:100%;
+    margin-top:-3px;
+    margin-bottom:-4px;
+}
+
+#configuration-tabs-tabpane-interface .setting-section:nth-child(7) .setting {margin-left:15px !important}
+#configuration-tabs-tabpane-interface .setting-section:nth-child(7) .setting:nth-child(1) {margin-left: 0px !important;}
+
+
+#settings-dlna h5 {margin-bottom:70px}
+#settings-dlna .form-group h5{margin-left:255px;margin-top:-30px}
+
+#configuration-tabs-tabpane-metadata-providers #stash-boxes .sub-heading {margin-top:-28px; margin-left:235px;width:700px;font-size:14px}
+
+.scraper-table tr:nth-child(2n) {background-color: rgba(16, 20, 25, .12)}
+
+
+
+/* Library */
+
+.stash-row .col-md-2 {padding-left:4%}
+#configuration-tabs-tabpane-library .setting-section .setting {padding:0}
+
+
+
+#configuration-tabs-tabpane-security .setting-section,
+#configuration-tabs-tabpane-tasks .setting-section,
+#configuration-tabs-tabpane-tasks .setting-group{max-width:915px}
+
+#configuration-tabs-tabpane-logs .setting-section,
+#configuration-tabs-tabpane-metadata-providers .setting-section,
+#configuration-tabs-tabpane-services .setting-section,
+#configuration-tabs-tabpane-system  .setting-section,
+#configuration-tabs-tabpane-library .setting-section:not(:first-child),
+#configuration-tabs-tabpane-interface .setting-section {max-width:810px}
+
+#configuration-tabs-tabpane-security .setting-section .setting>div:last-child,
+#configuration-tabs-tabpane-metadata-providers .setting-section .setting>div:last-child,
+#configuration-tabs-tabpane-services .setting-section .setting>div:last-child,
+#configuration-tabs-tabpane-system .setting-section .setting>div:last-child,
+#configuration-tabs-tabpane-library .setting-section .setting>div:last-child,
+#configuration-tabs-tabpane-interface .setting-section .setting>div:last-child,
+#configuration-tabs-tabpane-tasks .setting-section .setting>div:last-child {
+    min-width: 20px;
+    text-align: right;
+    width:auto;
+    
+}
+
+#configuration-tabs-tabpane-tasks .setting-section .collapsible-section .setting div:last-child {
+    margin-right: 95% !important;
+    margin-left: -12px;
+    margin-top: -15px;
+}
+
+
+#configuration-tabs-tabpane-system .setting-section .sub-heading {margin-bottom: 1.2rem}
+`;
+// Themes CSS End
+
+// Themes CSS Begin
+const roundedYellow = `
+:root{
+    --bgcol: #101118;
+    --searchbgcol: #1b1c28;
+    --btnbordercol: #202b33;
+    --secbtncol: #171822;
+    --btnaccentcol: #cfad0b;
+    --cardbgcol: #1f282c;
+    --navbarcol: #212529;
+  }
+  
+  body {
+    background-color: var(--bgcol);
+  }
+  
+  .bg-secondary {
+    background-color: var(--searchbgcol)!important;
+  }
+  
+  .pagination .btn:first-child {border-left: 1px solid var(--btnbordercol);}
+  .pagination .btn:last-child {border-right: 1px solid var(--btnbordercol);}
+  
+  .btn-secondary {
+    border-color: var(--btnbordercol);
+    background-color: var(--bgcol);
+  }
+  
+  .btn-secondary:disabled {
+    border-color: var(--btnbordercol);
+    background-color: var(--secbtncol);
+  }
+  
+  .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show>.btn-secondary.dropdown-toggle {
+    background-color: var(--secbtncol);
+    border: 1px solid var(--btnbordercol);
+    color: var(--btnaccentcol);
+    border-bottom: 3px solid var(--btnaccentcol);
+  }
+  
+  .card {
+    background-color: var(--cardbgcol);
+    border-radius: 30px;
+  }
+  
+  .progress-indicator {
+    background-color: var(--btnaccentcol);
+  }
+  
+  .bg-dark{
+    background-color: var(--navbarcol)!important;
+  }
+  
+  .btn.active:not(.disabled), .btn.active.minimal:not(.disabled) {
+    background-color: transparent;
+    color: var(--btnaccentcol);
+    border-bottom: 3px solid var(--btnaccentcol);
+  }
+  
+  .btn-primary{
+    background-color: var(--btnaccentcol);
+    border-color: var(--btnaccentcol);
+  }
+  
+  .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show>.btn-primary.dropdown-toggle {
+    background-color: transparent;
+    border-color: var(--btnaccentcol);
+  }
+  
+  .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show>.btn-primary.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0;
+  }
+  
+  .btn-primary:focus, .btn-primary.focus {
+      background-color: var(--btnaccentcol);
+      border-color: var(--btnaccentcol);
+      box-shadow: 0 0 0 0;
+  }
+  
+  .btn-primary:hover {
+      color: #fff;
+      background-color: var(--btnaccentcol);
+      border-color: var(--btnaccentcol);
+  }
+  
+  div.react-select__menu, div.dropdown-menu {
+      background-color: var(--bgcol);
+      color: #f5f8fa;
+      z-index: 1600;
+  }
+  
+  .modal-header, .modal-body, .modal-footer {
+      background-color: var(--bgcol);
+      color: #f5f8fa;
+  }
+  
+  .edit-filter-dialog .criterion-list .card .filter-item-header:focus {
+      border-color: var(--btnaccentcol);
+      border-radius: calc(.375rem - 1px);
+      box-shadow: inset 0 0 0 0.1rem var(--btnaccentcol);
+      outline: 0;
+  }
+  
+  .nav-tabs .nav-link.active {
+      border-bottom: 2px solid;
+      color: var(--btnaccentcol);
+  }
+  
+  .nav-tabs .nav-link.active:hover {
+      border-bottom-color: var(--btnaccentcol);
+      cursor: default;
+  }
+  
+  .job-table.card {
+      background-color: var(--bgcol);
+      height: 10em;
+      margin-bottom: 30px;
+      overflow-y: auto;
+      padding: .5rem 15px;
+  }
+  
+  .progress-bar {
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      overflow: hidden;
+      color: #fff;
+      text-align: center;
+      white-space: nowrap;
+      background-color: var(--btnaccentcol);
+      transition: width .6s ease;
+  }
+  
+  .grid-card .progress-bar {
+      background-color: rgba(115,133,159,.5);
+      bottom: 5px;
+      display: block;
+      height: 5px;
+      position: absolute;
+      width: 100%;
+  }
+  
+  .grid-card .progress-indicator {
+      background-color: var(--btnaccentcol);
+      height: 5px;
+  }
+  
+  .hover-scrubber .hover-scrubber-indicator .hover-scrubber-indicator-marker {
+      background-color: var(--btnaccentcol);
+      bottom: 0;
+      height: 5px;
+      position: absolute;
+  }
+  
+  #tasks-panel .tasks-panel-queue {
+      background-color: var(--bgcol);
+      margin-top: -1rem;
+      padding-bottom: .25rem;
+      padding-top: 1rem;
+      position: sticky;
+      top: 3rem;
+      z-index: 2;
+  }
+  
+  #scene-edit-details .edit-buttons-container {
+      background-color: var(--bgcol);
+      position: sticky;
+      top: 0;
+      z-index: 3;
+  }
+`;
+// Themes CSS End
+
+// Global CSS Begin
+const nsfw = `
+/* [Global changes] Blur NSFW images */
+
+.scene-card-preview-video,
+.scene-card-preview-image,
+.image-card-preview-image,
+.image-thumbnail,
+.gallery-card-image,
+.performer-card-image,
+img.performer,
+.movie-card-image,
+.gallery .flexbin img,
+.wall-item-media,
+.scene-studio-overlay .image-thumbnail,
+.image-card-preview-image,
+#scene-details-container .text-input,
+#scene-details-container .scene-header,
+#scene-details-container .react-select__single-value,
+.scene-details .pre,
+#scene-tabs-tabpane-scene-file-info-panel span.col-8.text-truncate > a,
+.gallery .flexbin img,
+.movie-details .logo {
+ filter: blur(8px);
+}
+
+.scene-card-video {
+ filter: blur(13px);
+}
+
+.jw-video,
+.jw-preview,
+.jw-flag-floating,
+.image-container,
+.studio-logo,
+.scene-cover {
+ filter: blur(20px);
+}
+
+.movie-card .text-truncate,
+.scene-card .card-section {
+ filter: blur(4px);
+}
+`;
+// Global CSS End
+
+// Global CSS Begin
+const nsfwMouse = `
+/* Author: fl0w#9497 */
+/* [Global changes] Blur NSFW images and unblur on mouse over */
+/* === MORE BLUR === */
+/* scene */
+.scene-card-preview,
+.vjs-poster,
+video,
+.scene-cover,
+.scrubber-item,
+
+/* image */
+.image-card-preview,
+.image-image,
+.gallery-image,
+
+/* movie */
+.movie-card-image,
+.movie-images,
+
+/* gallery */
+.gallery-card-image,
+table > tbody > tr > td > a > img.w-100,
+
+/* performer */
+.performer-card-image,
+img.performer,
+
+/* studio */
+.studio-card-image,
+
+/* tag */
+.tag-card-image
+
+{
+ filter: blur(30px);
+}
+
+/* === LESS BLUR === */
+/* common */
+.card-section-title,
+
+/* scene */
+.scene-studio-overlay,
+.scene-header > h3,
+h3.scene-header,
+.studio-logo,
+.image-thumbnail,
+
+/* image */
+h3.image-header,
+
+/* movie */
+.movie-details > div > h2,
+
+/* gallery */
+h3.gallery-header,
+
+/* studio */
+.studio-details .logo,
+.studio-details > div > h2,
+
+/* tag */
+.logo-container > .logo,
+.logo-container > h2
+
+{
+ filter: blur(2px);
+}
+
+/* === UNBLUR ON HOVER === */
+/* common */
+.thumbnail-section:hover *,
+.card:hover .card-section-title,
+
+/* scene */
+.card:hover .scene-studio-overlay,
+.video-js:hover .vjs-poster,
+video:hover,
+.scene-header:hover > h3,
+div:hover > .scene-header,
+.studio-logo:hover,
+.scene-cover:hover,
+.image-thumbnail:hover,
+.scene-card-preview:hover,
+.scrubber-item:hover,
+
+/* image */
+.image-image:hover,
+div:hover > .image-header,
+.gallery-image:hover,
+
+/* movie */
+.movie-images:hover,
+.movie-details > div > h2:hover,
+
+/* gallery */
+div:hover > .gallery-header,
+table > tbody > tr > td:hover > a > img.w-100,
+
+/* performer */
+img.performer:hover,
+
+/* studio */ 
+.studio-details .logo:hover,
+.studio-details:hover > div > h2,
+
+/* tag */
+.logo-container > .logo:hover,
+.logo-container:hover > h2
+{
+ filter: blur(0px);
+}
+`;
+// Global CSS End
+
+// Global CSS Begin
+const hideZeroCountBadges = `
+/* [Global changes] Hide 0 count badges */
+span.badge[data-value="0"] {
+    display: none;
+}
+`;
+// Global CSS End
+
+// Global CSS Begin
+const hideDontateButton = `
+/* [Global changes] Hide the Donate button */
+
+.btn-primary.btn.donate.minimal {
+    display: none;
+  }
+`;
+// Global CSS End
+
+// Global CSS Begin
+const stickyToolbar = `
+/* [Global changes] Make the Toolbar Sticky v 0.1*/
+
+.justify-content-center.btn-toolbar {
+    position: sticky;
+    top: 40px;
+    z-index: 100;
+    background-color: #202b33;
+    padding: 12px;
+    padding-bottom: 1px;
+  }
+`;
+// Global CSS End
+
+// Galleries CSS Begin
+const gridView = `
+/* [Galleries tab] Grid view for galleries */
+
+.col.col-sm-6.mx-auto.table .d-none.d-sm-block {
+    display: none !important;
+}
+.col.col-sm-6.mx-auto.table .w-100.w-sm-auto {
+    width: 175px !important;
+    background-color: rgba(0, 0, 0, .45);
+    box-shadow: 0 0 2px rgba(0, 0, 0, .35);
+}
+.col.col-sm-6.mx-auto.table tr {
+    display: inline-table;
+}
+`;
+// Galleries CSS End
+
+// Images CSS Begin
+const disableLightBox = `
+/* [Images tab] Disable lightbox animation */
+
+.Lightbox-carousel {
+    transition: none;
+  }
+`;
+// Images CSS End
+
+// Images CSS Begin
+const dontCrop = `
+/* [Images tab] Don't crop preview thumbnails */
+
+.flexbin > * > img {
+    object-fit: inherit;
+    max-width: none;
+    min-width: initial;
+  }
+`;
+// Images CSS End
+
+// Movies CSS Begin
+const betterLayoutRegular = `
+/* [Movies tab] Better Movie layout for desktops: Regular size poster */
+
+.movie-details.mb-3.col.col-xl-4.col-lg-6 {
+    flex-basis: 70%
+  }
+  .col-xl-8.col-lg-6{
+    flex-basis: 30% 
+  }
+  .movie-images{
+    flex-wrap: wrap
+  }
+  .movie-image-container {
+    flex: 0 0 500px
+  }
+`;
+// Movies CSS End
+
+// Movies CSS Begin
+const betterLayoutLarger = `
+/* [Movies tab] Better Movie layout for desktops: Larger size poster */
+
+.movie-details.mb-3.col.col-xl-4.col-lg-6 {
+    flex-basis: 70%
+  }
+  .col-xl-8.col-lg-6{
+    flex-basis: 30% 
+  }
+  .movie-images{
+    flex-direction: column;
+    flex-wrap: wrap
+  }
+  .movie-image-container {
+    flex: 1 1 700px
+  }
+`;
+// Movies CSS End
+
+// Performers CSS Begin
+const performerEditSecondPosition = `
+/* [Performers tab] Move the tags row in the Performer's edit panel to the second position (just after name).  */
+
+form#performer-edit {
+    display: flex;
+    flex-direction: column;
+}
+#performer-edit > .row:nth-child(21) {
+    order: -1;
+}
+#performer-edit > .row:first-child {
+    order: -2;
+}
+`;
+// Performers CSS End
+
+// Performers CSS Begin
+const performerImageBackground = `
+/* [Performers tab] Place performer image in the background on performer page */
+
+.performer-image-container.col-md-4.text-center {
+    flex: 0 0 0%;
+    max-width: 0%;
+}
+
+#performer-page .performer-image-container .btn.btn-link {
+    position: fixed;
+    width: 100%;
+    top: 0;
+    left: 0;
+    padding: 0;
+}
+
+#performer-page .performer-image-container .btn.btn-link:before {
+    content: '';
+    position:absolute;
+    top:0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: linear-gradient(to left, rgba(0,0,0,0) 0%,rgb(0 0 0 / 75%) 100%);
+    z-index: 1;
+}
+
+#performer-page .performer-image-container .performer {
+    max-height: none;
+    max-width: none;
+    width: 100%;
+}
+`;
+// Performers CSS End
+
+// Performers CSS Begin
+const showEntirePerformerImage = `
+/* [Performers tab] Show entire performer image in performer card */
+
+.performer.image {
+    background-size: contain !important;
+  }
+`;
+// Performers CSS End
+
+// Performers CSS Begin
+const performerPageLarger = `
+/* [Performers tab] Show a larger image in performer's page for desktop */
+.performer-image-container{
+    flex: 0 0 50%;
+    max-width: 50%;
+  }
+  /* Changing .col-md-8 settings also affects studios and tags display. 50% should be good enough. */
+  .col-md-8 {
+    flex: 0 0 50%;
+    max-width: 50%;
+  }
+`;
+// Performers CSS End
+
+// Performers CSS Begin
+const performerPageLargerList = `
+/* [Performers tab] Show larger performer images in performers list. */
+/* original value: height: 30rem; min-width:13.25rem; */
+.performer-card-image{
+    height: 45rem;
+    min-width: 20rem;
+  }
+`;
+// Performers CSS End
+
+// Scenes CSS Begin
+const hideSceneScrubber = `
+/* [Scenes tab] Hide the scene scrubber and max out the player's height */
+
+.scrubber-wrapper {
+    display: none;
+  }
+`;
+// Scenes CSS End
+
+// Scenes CSS Begin
+const hideSceneSpecs = `
+/* [Scenes tab] Hide scene specs (resolution, duration) from scene card */
+
+.scene-specs-overlay {
+    display: none;
+  }
+`;
+// Scenes CSS End
+
+// Scenes CSS Begin
+const hideStudioLogo = `
+/* [Scenes tab] Hide studio logo/text from scene card */
+
+.scene-studio-overlay {
+    display: none;
+  }
+`;
+// Scenes CSS End
+
+// Scenes CSS Begin
+const hideTruncatedText = `
+/*This will hide the truncated text that appears under the tile and date. */
+/* [Scenes Tab] - Hide the truncated text on scene card */
+
+.TruncatedText.scene-card__description { 
+    display: none;
+ }
+`;
+// Scenes CSS End
+
+// Scenes CSS Begin
+const moreThumbsRow = `
+/* [Scenes tab] Fit more thumbnails on each row */
+
+.grid { padding: 0px !important; }
+`;
+// Scenes CSS End
+
+// Scenes CSS Begin
+const longerStringStudio = `
+/* [Scenes tab] Allow for longer string when displaying "Studio as Text" on scene thumbnails */
+
+.scene-studio-overlay {
+	font-weight: 600 !important;
+	opacity: 1 !important;
+	width: 60% !important;
+	text-overflow: ellipsis !important;
+}
+`;
+// Scenes CSS End
+
+// Scenes CSS Begin
+const showExtraInfo = `
+.extra-scene-info {
+    display: inline;
+   }
+   .file-path {
+    display: block;
+   }
+`;
+// Scenes CSS End
+
+// Scenes CSS Begin
+const swapStudioRezDuration = `
+/* [Scenes tab] Swap studio and resolution/duration positions */
+
+.scene-studio-overlay {
+    bottom: 1rem;
+    right: 0.7rem;
+    height: inherit;
+    top: inherit;
+  }
+  
+  .scene-specs-overlay {
+    right: 0.7rem;
+    top: 0.7rem;
+    bottom: inherit;
+  }
+`;
+// Scenes CSS End
+
+// Scenes CSS Begin
+const tagsListLessWidth = `
+/* [Scenes tab] Make the list of tags take up less width */
+
+.bs-popover-bottom {
+    max-width: 500px
+  }
+`;
+// Scenes CSS End
+
+// Scenes CSS Begin
+const adjustMouseWallMode = `
+/* [Scenes tab] Adjust the mouse over behaviour in wall mode */
+
+@media (min-width: 576px) {
+    .wall-item:hover::before {
+      opacity: 0;  
+    }
+   
+    .wall-item:hover .wall-item-container {
+      transform: scale(1.5);
+    }
+   }
+`;
+// Scenes CSS End
+
+// Scenes CSS Begin
+const disableZoomWallMode = `
+/* [Scenes tab] Disable zoom on hover in wall mode */
+
+.wall-item:hover .wall-item-container {
+    transform: none;
+}
+.wall-item:before {
+    opacity: 0 !important;
+}
+`;
+// Scenes CSS End
+
+// Studios CSS Begin
+const differentStudioCardsLayout = `
+/* Author: Qx#1573 */
+/* [Studios tab] Changes the layout of studio cards */
+.studio-card.grid-card.card div.card-section div.rating-banner { display: none; }
+.slick-slide .studio-card-image { height: 300px; }
+ 
+.studio-card, .recommendation-row .studio-card {
+    padding: 0;
+    width: 500px;
+    height: 300px;
+}
+ 
+.studio-card-image, .recommendation-row .studio-card .studio-card-image {
+    max-height: 300px;
+    width: 500px;
+}
+ 
+.studio-card.grid-card.card div.card-section {
+    position: absolute;
+    bottom: 0em;
+    width: inherit;
+    background-color: rgba(0, 0, 0, 0.7);
+    overflow: hidden;
+    height: 2.5em;
+    transition: 0.5s ease-in-out;
+}
+ 
+.studio-card.grid-card.card div.card-section:hover {
+    height: 7em;
+}
+`;
+// Studios CSS End
+
+// Studios CSS Begin
+const moreStudiosRow = `
+/* [Studios tab] Show more item per row - Author hijack_hornet */
+:not(.recommendation-row .studio-card).studio-card {
+    width: 15%
+}
+:not(.recommendation-row .studio-card-image).studio-card-image {
+    width: 100%
+}
+.studio-card h5 {
+    text-align: center !important;
+    display: block;
+}
+`;
+// Studios CSS End
+
+// Tags CSS Begin
+const alternativeTagLayout = `
+/*Tag layout changes - Author hijack_hornet */
+.tag-card {
+	width: 16rem;
+	padding: 0;
+}
+
+.tag-card .card-section {
+	height: 2.5rem;
+	position: absolute;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	background: #0000007a;
+	line-height: none;
+}
+.tag-card .card-section .TruncatedText {
+	-webkit-line-clamp: 1 !important;
+}
+.tag-card h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+.h1,
+.h2,
+.h3,
+.h4,
+.h5,
+.h6 {
+	line-height: normal;
+}
+.tag-card hr,
+.tag-description {
+	display: none;
+}
+.tag-card .btn-group {
+	position: absolute;
+	width: 100%;
+	bottom: 2.5rem;
+	margin-bottom: 0;
+	opacity: 0;
+	transition: ease 0.2s;
+}
+.tag-card .btn-group:hover {
+	opacity: 1;
+	transition: ease 0.2s;
+	background: #0000007a;
+}
+
+.tag-card-image {
+	object-fit: cover;
+	object-position: center;
+}
+
+.zoom-0 .tag-card-image {
+	max-height: none;
+	height: 16rem;
+	width: 12rem;
+}
+
+.zoom-1 .tag-card-image {
+	max-height: none;
+	height: 20rem;
+	width: 15rem;
+}
+
+.zoom-2 .tag-card-image {
+	max-height: none;
+	height: 24rem;
+	width: 18rem;
+}
+
+.zoom-3 .tag-card-image {
+	max-height: none;
+	height: 28rem;
+	width: 21rem;
+}
+
+.zoom-0.tag-card,
+.zoom-1.tag-card,
+.zoom-2.tag-card,
+.zoom-3.tag-card {
+	width: initial;
+}
+
+.tag-card .card-section > a {
+	position: absolute;
+	width: 100%;
+	height: 100%;
+	display: block;
+	left: 0;
+	right: 0;
+	top: 0;
+	bottom: 0;
+	padding: 7px 14px 0px 14px;
+}
+.tag-card .card-section .tag-sub-tags {
+	position: relative;
+	margin-top: 2rem;
+	z-index: 1;
+}
+.tag-sub-tags {
+	font-size: 0;
+}
+.tag-parent-tags {
+	display: none;
+}
+`;
+// Tags CSS End
+
+// Tags CSS Begin
+const differentTagCards = `
+/* Author: Qx#1573 */
+/* [Tags changes] changes the layout of tag cards on tags page and hover */
+.tag-parent-tags, .tag-sub-tags { display: none;}
+.tag-card.zoom-0.grid-card.card div.card-section div.card-popovers.btn-group { margin-top: 1em; }
+.tag-card.zoom-0.grid-card.card div.thumbnail-section a.tag-card-header img.tag-card-image { object-fit: cover; }
+.tag-card.zoom-0.grid-card.card div.card-section hr { display: none; }
+ 
+.tag-card.zoom-0.grid-card.card {
+    padding: 0;
+    width: 300px;
+    height: 180px;
+}
+ 
+.tag-card.zoom-0.grid-card.card div.card-section {
+    position: absolute;
+    text-shadow: 2px 2px 2px #000;
+    width: 100%;
+    background-color: rgba(0, 0, 0, 0.3);
+    height: 3em;
+    overflow: hidden;
+    transition: 0.8s ease-in-out;
+}
+ 
+.tag-card.zoom-0.grid-card.card div.card-section a {
+    text-decoration: none;
+}
+ 
+.tag-card.zoom-0.grid-card.card div.card-section:hover {
+    height: 22em;
+}
+ 
+.tag-card.zoom-0.grid-card.card 
+    div.card-section a 
+    h5.card-section-title.flex-aligned 
+    div.TruncatedText {
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    width: 300px;
+    overflow: hidden;
+    display: block;
+}
+ 
+.tag-card.zoom-0.grid-card.card div.card-section div.TruncatedText.tag-description {
+    position: relative;
+    top: 0.5em;
+    -webkit-text-stroke-width: 1px;
+    font-size: 16px;
+}
+ 
+.tag-card .card-popovers .btn {
+    text-shadow: 1px 1px 1px #000;
+    stroke: black;
+    stroke-width: 15;
+}
+`;
+// Tags CSS End
+
+// Tags CSS Begin
+const hideTagImages = `
+/* Author: Echoman */
+/* [Tags Images] Hides The tag images in Tags view and HR */
+.tag-card-image { display: none !important;}
+
+.tag-card > hr { display: none !important;}
+
+.card {padding: 10px !important;}
+
+.card-popovers { margin-bottom: 0px !important;}
+
+.tag-card { padding: 0px !important;}
+`;
+// Tags CSS End
+
+// Tags CSS Begin
+const subTagExolorer = `
+/*Tag layout changes - Author hijack_hornet */
+.tag-card {
+	width: 16rem;
+	padding: 0;
+}
+
+.tag-card .card-section {
+	height: 2.5rem;
+	position: absolute;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	background: #0000007a;
+	line-height: none;
+}
+.tag-card .card-section .TruncatedText {
+	-webkit-line-clamp: 1 !important;
+}
+.tag-card h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+.h1,
+.h2,
+.h3,
+.h4,
+.h5,
+.h6 {
+	line-height: normal;
+}
+.tag-card hr,
+.tag-description {
+	display: none;
+}
+.tag-card .btn-group {
+	position: absolute;
+	width: 100%;
+	bottom: 2.5rem;
+	margin-bottom: 0;
+	opacity: 0;
+	transition: ease 0.2s;
+}
+.tag-card .btn-group:hover {
+	opacity: 1;
+	transition: ease 0.2s;
+	background: #0000007a;
+}
+
+.tag-card-image {
+	object-fit: cover;
+	object-position: center;
+}
+
+.zoom-0 .tag-card-image {
+	max-height: none;
+	height: 16rem;
+	width: 12rem;
+}
+
+.zoom-1 .tag-card-image {
+	max-height: none;
+	height: 20rem;
+	width: 15rem;
+}
+
+.zoom-2 .tag-card-image {
+	max-height: none;
+	height: 24rem;
+	width: 18rem;
+}
+
+.zoom-3 .tag-card-image {
+	max-height: none;
+	height: 28rem;
+	width: 21rem;
+}
+
+.zoom-0.tag-card,
+.zoom-1.tag-card,
+.zoom-2.tag-card,
+.zoom-3.tag-card {
+	width: initial;
+}
+
+.tag-card .card-section > a {
+	position: absolute;
+	width: 100%;
+	height: 100%;
+	display: block;
+	left: 0;
+	right: 0;
+	top: 0;
+	bottom: 0;
+	padding: 7px 14px 0px 14px;
+}
+.tag-card .card-section .tag-sub-tags {
+	position: relative;
+	margin-top: 2rem;
+	z-index: 1;
+}
+.tag-sub-tags {
+	font-size: 0;
+}
+.tag-parent-tags {
+	display: none;
+}
+/*Tag subtag exploration snipset*/
+.tag-card .card-section > a {
+	cursor: default;
+	pointer-events: none;
+}
+.tag-card .card-section > hr {
+	margin-top: 2rem;
+}
+.tag-card .card-section .tag-sub-tags {
+	position: absolute !important;
+	margin-top: 0 !important;
+	width: 100%;
+	height: 100%;
+	display: block;
+	left: 0;
+	right: 0;
+	top: 0;
+	bottom: 0;
+	padding: 0;
+}
+.tag-sub-tags::before {
+	content: "";
+	display: block;
+	background: url("https://img.icons8.com/material-outlined/24/137cbd/connection-status-off.png")
+		no-repeat;
+	background-size: 1.5rem 1.5rem;
+	width: 1.5rem;
+	height: 1.5rem;
+	float: right;
+	margin: 0.5rem 0.5rem 0 0;
+}
+.tag-sub-tags > a {
+	width: 100%;
+	height: 100%;
+	display: block;
+}
+
+.tag-card .btn-group a {
+	z-index: 10;
+}
+.tag-sub-tags {
+	font-size: 0;
+}
+.tag-parent-tags {
+	display: none;
+}
+`;
+// Tags CSS End
+
+const themeSwitchCSS = {
+  Themes: {
+    1: {
+      displayName: "Default",
+      styles: null,
+      key: "themeSwitchPlugin-theme-default",
+      version: null,
+    },
+    2: {
+      displayName: "Black Hole",
+      styles: blackHole,
+      key: "themeSwitchPlugin-theme-blackHole",
+      version: "2.0",
+    },
+    3: {
+      displayName: "Glassy",
+      styles: glassy,
+      key: "themeSwitchPlugin-theme-glassy",
+      version: "0.7.4",
+    },
+    4: {
+      displayName: "Material-ize",
+      styles: materialize,
+      key: "themeSwitchPlugin-theme-materialize",
+      version: null,
+    },
+    5: {
+      displayName: "Modern Dark",
+      styles: modernDark,
+      key: "themeSwitchPlugin-theme-modernDark",
+      version: "1.2",
+    },
+    6: {
+      displayName: "Neon Dark",
+      styles: neonDark,
+      key: "themeSwitchPlugin-theme-neonDark",
+      version: null,
+    },
+    7: {
+      displayName: "Night",
+      styles: night,
+      key: "themeSwitchPlugin-theme-night",
+      version: 0.1,
+    },
+    8: {
+      displayName: "Plex",
+      styles: plex,
+      key: "themeSwitchPlugin-theme-plex",
+      version: "1.0.3",
+    },
+    9: {
+      displayName: "Pornhub",
+      styles: pornHub,
+      key: "themeSwitchPlugin-theme-pornHub",
+    },
+    10: {
+      displayName: "Pulsar",
+      styles: pulsar,
+      key: "themeSwitchPlugin-theme-pulsar",
+      version: "1.8.1",
+    },
+    11: {
+      displayName: "Pulsar Light",
+      styles: pulsarLight,
+      key: "themeSwitchPlugin-theme-pulsarLight",
+      version: "0.3.1",
+    },
+    12: {
+      displayName: "Rounded Yellow",
+      styles: roundedYellow,
+      key: "themeSwitchPlugin-theme-roundedYellow",
+      version: null,
+    },
+  },
+  Global: {
+    1: {
+      displayName: "NSFW",
+      styles: nsfw,
+      key: "themeSwitchPlugin-global-nsfw",
+      version: null,
+    },
+    2: {
+      displayName: "NSFW, unblur on mouse over",
+      styles: nsfwMouse,
+      key: "themeSwitchPlugin-global-nsfwMouse",
+      version: null,
+    },
+    3: {
+      displayName: "Hide 0 count badges",
+      styles: hideZeroCountBadges,
+      key: "themeSwitchPlugin-global-hideZeroCountBadges",
+      version: null,
+    },
+    4: {
+      displayName: "Hide Donate Button",
+      styles: hideDontateButton,
+      key: "themeSwitchPlugin-global-hideDontateButton",
+      version: null,
+    },
+    5: {
+      displayName: "Sticky Toolbar",
+      styles: stickyToolbar,
+      key: "themeSwitchPlugin-global-stickyToolbar",
+      version: "0.1",
+    },
+  },
+  Navigation: {
+    1: {
+      displayName: "Change Order of Nav Items",
+      styles: null,
+      key: "themeSwitchPlugin-menu-changeOrderOfNavButtons",
+      version: null,
+      hasSwitch: false,
+    },
+  },
+  Galleries: {
+    1: {
+      displayName: "Grid View",
+      styles: gridView,
+      key: "themeSwitchPlugin-galleries-gridView",
+      version: null,
+    },
+  },
+  Images: {
+    1: {
+      displayName: "Disable Lightbox Annimation",
+      styles: disableLightBox,
+      key: "themeSwitchPlugin-images-disableLightBox",
+      version: null,
+    },
+    2: {
+      displayName: "Don't crop preview thumbnails",
+      styles: dontCrop,
+      key: "themeSwitchPlugin-images-dontCrop",
+      version: null,
+    },
+  },
+  Movies: {
+    1: {
+      displayName: "Better layout for desktops: Regular",
+      styles: betterLayoutRegular,
+      key: "themeSwitchPlugin-images-betterLayoutRegular",
+      version: null,
+    },
+    2: {
+      displayName: "Better layout for desktops: Larger",
+      styles: betterLayoutLarger,
+      key: "themeSwitchPlugin-images-betterLayoutLarger",
+      version: null,
+    },
+  },
+  Performers: {
+    1: {
+      displayName: "Move the tags row in performer edit panel: second position",
+      styles: performerEditSecondPosition,
+      key: "themeSwitchPlugin-performers-performerEditSecondPosition",
+      version: null,
+    },
+    2: {
+      displayName: "Place performer image in the background on performer page.",
+      styles: performerImageBackground,
+      key: "themeSwitchPlugin-performers-performerImageBackground",
+      version: null,
+    },
+    3: {
+      displayName: "Show entire performer image in performer card",
+      styles: showEntirePerformerImage,
+      key: "themeSwitchPlugin-performers-showEntirePerformerImage",
+      version: null,
+    },
+    4: {
+      displayName: "Show a larger image in performer's page for desktop",
+      styles: performerPageLarger,
+      key: "themeSwitchPlugin-performers-performerPageLarger",
+      version: null,
+    },
+    5: {
+      displayName: "Show larger performer images in performers list",
+      styles: performerPageLargerList,
+      key: "themeSwitchPlugin-performers-performerPageLargerList",
+      version: null,
+    },
+  },
+  Scenes: {
+    1: {
+      displayName: "Hide the scene scrubber",
+      styles: hideSceneScrubber,
+      key: "themeSwitchPlugin-scenes-hideSceneScrubber",
+      version: null,
+    },
+    2: {
+      displayName: "Hide scene specs (resolution, duration) from scene card",
+      styles: hideSceneSpecs,
+      key: "themeSwitchPlugin-scenes-hideSceneSpecs",
+      version: null,
+    },
+    3: {
+      displayName: "Hide studio logo/text from scene card",
+      styles: hideStudioLogo,
+      key: "themeSwitchPlugin-scenes-hideStudioLogo",
+      version: null,
+    },
+    4: {
+      displayName: "Hide truncated text",
+      styles: hideTruncatedText,
+      key: "themeSwitchPlugin-scenes-hideTruncatedText",
+      version: null,
+    },
+    5: {
+      displayName: "More thumbnails on each row",
+      styles: moreThumbsRow,
+      key: "themeSwitchPlugin-scenes-moreThumbsRow",
+      version: null,
+    },
+    6: {
+      displayName:
+        "Longer string when displaying 'Studio as Text' on scene thumbnails",
+      styles: longerStringStudio,
+      key: "themeSwitchPlugin-scenes-longerStringStudio",
+      version: null,
+    },
+    7: {
+      displayName: "Show extra scene info",
+      styles: showExtraInfo,
+      key: "themeSwitchPlugin-scenes-showExtraInfo",
+      version: null,
+    },
+    8: {
+      displayName: "Swap studio and resolution/duration positions",
+      styles: swapStudioRezDuration,
+      key: "themeSwitchPlugin-scenes-swapStudioRezDuration",
+      version: null,
+    },
+    9: {
+      displayName: "Make the list of tags take up less width",
+      styles: tagsListLessWidth,
+      key: "themeSwitchPlugin-scenes-tagsListLessWidth",
+      version: null,
+    },
+    10: {
+      displayName: "Adjust the mouse over behaviour in wall mode",
+      styles: adjustMouseWallMode,
+      key: "themeSwitchPlugin-scenes-adjustMouseWallMode",
+      version: null,
+    },
+    11: {
+      displayName: "Disable zoom on hover in wall mode",
+      styles: disableZoomWallMode,
+      key: "themeSwitchPlugin-scenes-disableZoomWallMode",
+      version: null,
+    },
+  },
+  Studios: {
+    1: {
+      displayName: "Different studio cards layout",
+      styles: differentStudioCardsLayout,
+      key: "themeSwitchPlugin-differentStudioCardsLayout",
+      version: null,
+    },
+    2: {
+      displayName: "More studios per row",
+      styles: moreStudiosRow,
+      key: "themeSwitchPlugin-moreStudiosRow",
+      version: null,
+    },
+  },
+  Tags: {
+    1: {
+      displayName: "Alternative tag layout",
+      styles: alternativeTagLayout,
+      key: "themeSwitchPlugin-tags-alternativeTagLayout",
+      version: null,
+    },
+    2: {
+      displayName: "Different tag cards layout",
+      styles: differentTagCards,
+      key: "themeSwitchPlugin-tags-differentTagCards",
+      version: null,
+    },
+    3: {
+      displayName: "Hide Tag Images",
+      styles: hideTagImages,
+      key: "themeSwitchPlugin-tags-hideTagImages",
+      version: null,
+    },
+    4: {
+      displayName: "Subtag explorer",
+      styles: subTagExolorer,
+      key: "themeSwitchPlugin-tags-subTagExolorer",
+      version: null,
+    },
+  },
+};
diff --git a/plugins/themeSwitch/themeSwitchMain.js b/plugins/themeSwitch/themeSwitchMain.js
new file mode 100644
index 00000000..0fa28f04
--- /dev/null
+++ b/plugins/themeSwitch/themeSwitchMain.js
@@ -0,0 +1,684 @@
+(function () {
+  const svgChevDN =
+    '<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chevron-down" class="svg-inline--fa fa-chevron-down fa-icon collapse-icon fa-fw" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M201.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 338.7 54.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"></path></svg>';
+  const svgChevUP =
+    '<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chevron-right" class="svg-inline--fa fa-chevron-right fa-icon collapse-icon fa-fw" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"></path></svg>';
+  const svgBTN =
+    '<svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 102 123" width="20" height="20"><title>paint-icon-svg</title><style>  .s0 { fill: #fafafa }   .s1 { fill: #efaa3a }   .s2 { fill: #25a700 }   .s3 { fill: #e22952 }   .s4 { fill: #42a3cc } </style><path id="Layer" class="s0" d="m42.6 114.5q3 0.4 6.1 0.4 3 0 6-0.4 3-0.4 6-1.2 2.9-0.8 5.7-1.9 1.1-0.5 2.2-1 1.1-0.5 2.1-1 1.1-0.6 2.1-1.2 1-0.6 2-1.2l0.7 6.9q-0.8 0.5-1.6 0.9-0.9 0.4-1.7 0.8-0.8 0.5-1.7 0.8-0.9 0.4-1.7 0.8-3.2 1.3-6.5 2.2-3.4 0.9-6.8 1.3-3.4 0.5-6.9 0.5-3.4-0.1-6.8-0.5-3.7-0.5-7.2-1.7-3.6-1.1-6.9-2.8-3.3-1.6-6.3-3.8-3-2.2-5.6-4.9-2.8-2.8-5.1-6-2.3-3.1-4.2-6.6-1.8-3.4-3.2-7.1-1.3-3.7-2.1-7.6-1-4.7-1.2-9.5-0.1-4.8 0.6-9.5 0.8-4.7 2.3-9.3 1.6-4.5 4-8.7 2.3-4.2 5.4-7.9 3.1-3.8 6.8-6.9 3.7-3.1 7.9-5.6 4.1-2.4 8.7-4 1.5-0.6 3-1 1.5-0.4 3.1-0.7 1.6-0.2 3.2-0.2 1.5-0.1 3.1 0.1 1.4 0.2 2.7 0.6 1.3 0.4 2.6 1.1 1.2 0.7 2.2 1.6 1 1 1.9 2.1 0 0 0.1 0.1 0 0.1 0 0.2 0.1 0 0.1 0.1 0.1 0.1 0.1 0.2c2.9 6.6-0.6 10.8-4 14.8-2 2.3-3.8 4.5-2.7 6.6 0.4 0.9 1.6 1.5 3.2 2q1 0.2 2 0.3 1 0.1 2 0.1 1 0 2 0 1-0.1 2-0.3c2.5-0.4 5.2-1 7.8-1.5 1.5-0.4 3-0.7 4.5-1l-2 6.8-1.3 0.3c-2.5 0.5-5.1 1.1-8.1 1.6q-1.3 0.2-2.6 0.3-1.3 0.1-2.6 0.1-1.3 0-2.7-0.2-1.3-0.2-2.6-0.5c-3.3-0.8-5.9-2.6-7.2-5.1-3-5.9 0.1-9.6 3.5-13.6 2-2.4 4.2-5 3.2-7.9q-0.5-0.6-1-1-0.6-0.5-1.2-0.8-0.7-0.3-1.4-0.5-0.6-0.2-1.4-0.3-1.2-0.1-2.4-0.1-1.2 0.1-2.4 0.2-1.2 0.2-2.3 0.5-1.2 0.3-2.3 0.8-4 1.5-7.7 3.6-3.7 2.2-7 4.9-3.2 2.8-6 6.1-2.7 3.3-4.8 7-2 3.7-3.4 7.7-1.4 4-2 8.2-0.7 4.2-0.6 8.4 0.2 4.3 1 8.4 0.7 3.4 1.9 6.7 1.2 3.3 2.9 6.3 1.6 3.1 3.6 5.9 2.1 2.8 4.5 5.3 2.3 2.3 4.9 4.2 2.5 1.9 5.4 3.4 2.8 1.4 5.9 2.4 3 0.9 6.2 1.4z"/><path id="Layer" fill-rule="evenodd" class="s1" d="m22.1 55.7c1.3 3.4 4.6 5.6 8.2 5.7 3.6 0.1 6.9-2 8.4-5.3 1.5-3.4 0.8-7.2-1.7-9.9-2.5-2.6-6.3-3.5-9.7-2.2-1.1 0.4-2.2 1.1-3 1.9-0.9 0.8-1.6 1.8-2.1 2.9-0.4 1.1-0.7 2.2-0.7 3.4 0 1.2 0.2 2.4 0.6 3.5z"/><path id="Layer" fill-rule="evenodd" class="s2" d="m16.8 82.5c1.3 3.4 4.5 5.7 8.2 5.8 3.7 0.1 7.1-2 8.6-5.3 1.5-3.4 0.8-7.3-1.7-10-2.6-2.7-6.5-3.6-9.9-2.3-1.1 0.5-2.1 1.1-3 1.9-0.9 0.9-1.6 1.9-2 2.9-0.5 1.1-0.8 2.3-0.8 3.5-0.1 1.2 0.2 2.4 0.6 3.5z"/><path id="Layer" fill-rule="evenodd" class="s3" d="m62.1 81.7q0.6 1.6 1.7 2.9 1.1 1.3 2.6 2.2 1.4 0.9 3.1 1.3 1.7 0.3 3.4 0.2l-2.1-20.7q-0.4 0-0.7 0.1-0.4 0-0.7 0.1-0.4 0.1-0.7 0.2-0.3 0.1-0.7 0.2c-1.2 0.5-2.4 1.2-3.4 2.2-1 0.9-1.8 2-2.4 3.3-0.5 1.2-0.8 2.6-0.8 4-0.1 1.3 0.1 2.7 0.6 4z"/><path id="Layer" fill-rule="evenodd" class="s0" d="m100.3 17.7c2.4 7.9 1.5 18.1-6.8 21.8q-0.8 0.4-1.6 0.6-0.9 0.2-1.7 0.2-0.8 0.1-1.7 0-0.8-0.1-1.6-0.4-1.4-0.4-2.7-1.1-1.3-0.8-2.4-1.8-1-0.9-1.9-2.1-0.9-1.2-1.5-2.5c-5.6-12.7 10.4-20.2 11.1-32.4 3.6 4.2 8.5 10.5 10.8 17.7zm-0.1 45.2l-4 54.6q0 0.5-0.1 1-0.1 0.5-0.3 1-0.2 0.5-0.4 1-0.3 0.5-0.6 0.9c-0.7 0.6-1.4 1-2.3 1.3-0.8 0.2-1.7 0.2-2.6 0-0.8-0.2-1.6-0.6-2.3-1.2-0.6-0.6-1.1-1.3-1.4-2.1q-0.1-0.4-0.2-0.9-0.1-0.4-0.2-0.8 0-0.4-0.1-0.8 0-0.5 0-0.9l-5.4-52.9q2.4 0.5 4.9 0.7 2.5 0.3 5 0.3 2.5 0 5-0.3 2.5-0.3 5-0.9zm-5.5-17.8c2.5 7.5 2.8 8.2 6 14.5-6.5 1.8-13.4 1.5-20.4 0l4.3-14.5c3.2 1.6 7.7 1 10.2 0z"/><path id="Layer" fill-rule="evenodd" class="s4" d="m40.8 101.6c1.3 3.4 4.5 5.7 8.2 5.8 3.7 0.1 7.1-2 8.6-5.4 1.5-3.3 0.8-7.3-1.7-9.9-2.6-2.7-6.5-3.6-9.9-2.3-1.1 0.5-2.1 1.1-3 1.9-0.9 0.9-1.6 1.8-2 2.9-0.5 1.1-0.8 2.3-0.8 3.5-0.1 1.2 0.2 2.4 0.6 3.5z"/></svg>';
+
+  let menuCreated = false;
+
+  function menuOrderListReset(element) {
+    const defaultOrder = [
+      "Scenes",
+      "Images",
+      "Movies",
+      "Markers",
+      "Galleries",
+      "Performers",
+      "Studios",
+      "Tags",
+    ];
+    const ul = element.querySelector("ul");
+    const lis = Array.from(ul.querySelectorAll("li"));
+
+    // Sort the li elements based on their text content
+    lis.sort((a, b) => {
+      const aIndex = defaultOrder.indexOf(a.textContent);
+      const bIndex = defaultOrder.indexOf(b.textContent);
+      return aIndex - bIndex;
+    });
+
+    // Append the sorted li elements to the ul in their new order
+    lis.forEach((li) => ul.appendChild(li));
+  }
+
+  function menuOrderResetButton(elementToAppend) {
+    if (!document.getElementById("themeSwitchPlugin-menuOrderReset")) {
+      const resetButton = document.createElement("button");
+      resetButton.id = "themeSwitchPlugin-menuOrderReset";
+      resetButton.className = "btn btn-primary";
+      resetButton.innerHTML = "Reset Menu Order";
+      resetButton.addEventListener("click", function () {
+        localStorage.removeItem(
+          "themeSwitchPlugin-menu-changeOrderOfNavButtons"
+        );
+        document
+          .getElementById("themeSwitchPlugin-menu-changeOrderOfNavButtons")
+          .remove();
+        menuOrderListReset(elementToAppend);
+        resetButton.remove();
+      });
+      elementToAppend.appendChild(resetButton);
+    }
+  }
+
+  function buldDragCSS(themename, key) {
+    const container = document.querySelector(".draggable-ul-container");
+    const list = container.querySelectorAll("li");
+    let css = "";
+
+    for (let i = 0; i < list.length; i++) {
+      const item = list[i];
+      const key = item.getAttribute("data-rb-event-key");
+      const order = i - list.length;
+      css += `div.nav-link[data-rb-event-key="${key}"] { order: ${order}; }`;
+    }
+
+    const style = document.createElement("style");
+    style.type = "text/css";
+    style.id = key;
+    style.innerHTML = `nav .navbar-nav:first-child {
+      display: flex;
+      flex-direction: row;
+    }
+    ${css}`;
+
+    const existing = document.getElementById(key);
+    if (existing) {
+      existing.remove();
+    }
+
+    document.getElementsByTagName("head")[0].appendChild(style);
+
+    const data = {
+      name: themename,
+      css: css,
+      key: key,
+      id: key,
+      applied: "true",
+    };
+
+    localStorage.setItem(key, JSON.stringify(data));
+    menuOrderResetButton(container.parentElement);
+  }
+
+  function enableDragSort(listClass) {
+    const sortableLists = document.getElementsByClassName(listClass);
+    Array.prototype.map.call(sortableLists, (list) => {
+      enableDragList(list);
+    });
+  }
+
+  function enableDragList(list) {
+    Array.prototype.map.call(list.children, (item) => {
+      enableDragItem(item);
+    });
+  }
+
+  function enableDragItem(item) {
+    item.setAttribute("draggable", true);
+    item.addEventListener("touchstart", handleTouchStart, { passive: true });
+    item.addEventListener("touchmove", handleTouchMove, { passive: true });
+    item.addEventListener("touchend", handleTouchEnd, { passive: true });
+    item.ondrag = handleDrag;
+    item.ondragend = handleDrop;
+  }
+
+  let touchEndY = null;
+
+  function handleTouchStart(event) {
+    event.preventDefault();
+    touchStartY = event.touches[0].clientY;
+  }
+
+  function handleTouchMove(event) {
+    event.preventDefault();
+    touchEndY = event.changedTouches[0].clientY;
+    const selectedItem = event.target,
+      list = selectedItem.parentNode;
+    selectedItem.classList.add("drag-sort-active");
+    let swapItem =
+      document.elementFromPoint(
+        selectedItem.getBoundingClientRect().x,
+        touchEndY
+      ) === null
+        ? selectedItem
+        : document.elementFromPoint(
+            selectedItem.getBoundingClientRect().x,
+            touchEndY
+          );
+
+    if (list === swapItem.parentNode) {
+      swapItem =
+        swapItem !== selectedItem.nextSibling ? swapItem : swapItem.nextSibling;
+      list.insertBefore(selectedItem, swapItem);
+    }
+  }
+
+  function handleTouchEnd(event) {
+    event.preventDefault();
+    touchEndY = event.changedTouches[0].clientY;
+    handleDragTouch(event.target);
+  }
+
+  function handleDragTouch(item) {
+    const selectedItem = item,
+      list = selectedItem.parentNode;
+    selectedItem.classList.remove("drag-sort-active");
+    let swapItem =
+      document.elementFromPoint(
+        selectedItem.getBoundingClientRect().x,
+        touchEndY
+      ) === null
+        ? selectedItem
+        : document.elementFromPoint(
+            selectedItem.getBoundingClientRect().x,
+            touchEndY
+          );
+
+    if (list === swapItem.parentNode) {
+      swapItem =
+        swapItem !== selectedItem.nextSibling ? swapItem : swapItem.nextSibling;
+      list.insertBefore(selectedItem, swapItem);
+    }
+    setTimeout(() => {
+      buldDragCSS(
+        "Change the order of navigation bar buttons",
+        "themeSwitchPlugin-menu-changeOrderOfNavButtons"
+      );
+    }, 100);
+  }
+
+  function handleDrag(item) {
+    const selectedItem = item.target,
+      list = selectedItem.parentNode,
+      x = event.clientX,
+      y = event.clientY;
+
+    selectedItem.classList.add("drag-sort-active");
+    let swapItem =
+      document.elementFromPoint(x, y) === null
+        ? selectedItem
+        : document.elementFromPoint(x, y);
+
+    if (list === swapItem.parentNode) {
+      swapItem =
+        swapItem !== selectedItem.nextSibling ? swapItem : swapItem.nextSibling;
+      list.insertBefore(selectedItem, swapItem);
+    }
+  }
+
+  function handleDrop(item) {
+    item.target.classList.remove("drag-sort-active");
+    setTimeout(() => {
+      buldDragCSS(
+        "Change the order of navigation bar buttons",
+        "themeSwitchPlugin-menu-changeOrderOfNavButtons"
+      );
+    }, 100);
+  }
+
+  (() => {
+    enableDragSort("drag-sort-enable");
+  })();
+
+  waitForElementClass("draggable-ul-container", function () {
+    enableDragSort("draggable-ul-container");
+  });
+
+  function setObject(key, category, active) {
+    return new Promise((resolve, reject) => {
+      try {
+        localStorage.setItem(
+          key,
+          JSON.stringify({ category: category, active: active })
+        );
+        resolve();
+      } catch (error) {
+        reject(error);
+      }
+    });
+  }
+
+  function checkActive(key) {
+    let object = JSON.parse(localStorage.getItem(key));
+    if (object && object.active === true) {
+      return true;
+    } else {
+      return false;
+    }
+  }
+
+  function applyStyleToHead(key, css) {
+    const styleElement = document.createElement("style");
+    styleElement.setAttribute("type", "text/css");
+    const cssTextNode = document.createTextNode(css);
+    styleElement.id = key;
+    styleElement.appendChild(cssTextNode);
+    document.getElementsByTagName("head")[0].appendChild(styleElement);
+  }
+
+  function applyCSS(category, key, css, set) {
+    if (category === "Themes") {
+      // Turn Off old Theme
+      let regex = /(themeSwitchPlugin-theme-.*)/;
+
+      for (let i = 0; i < localStorage.length; i++) {
+        let storageKey = localStorage.key(i);
+        let match = storageKey.match(regex);
+        if (
+          match &&
+          storageKey !== key &&
+          JSON.parse(localStorage.getItem(storageKey)).active === true
+        ) {
+          setObject(storageKey, category, false);
+          let element = document.getElementById(storageKey);
+          if (element) {
+            element.remove();
+          }
+        }
+      }
+
+      const theme = JSON.parse(localStorage.getItem(key));
+
+      if (!theme && key != "themeSwitchPlugin-theme-default") {
+        setObject(key, category, true).then(() => {
+          applyStyleToHead(key, css);
+        });
+      } else if (!theme && key === "themeSwitchPlugin-theme-default") {
+        setObject(key, category, true);
+      } else if (theme && key === "themeSwitchPlugin-theme-default") {
+        setObject(key, category, true);
+      } else if (theme && key !== "themeSwitchPlugin-theme-default") {
+        setObject(key, category, true).then(() => {
+          applyStyleToHead(key, css);
+        });
+      }
+    } else {
+      // CSS Other than themes
+      const storageObject = JSON.parse(localStorage.getItem(key));
+      if (!storageObject || storageObject.active === false) {
+        setObject(key, category, true).then(() => {
+          applyStyleToHead(key, css);
+        });
+      } else if (storageObject.active && !document.getElementById(key)) {
+        applyStyleToHead(key, css);
+      } else {
+        setObject(key, category, false).then(() => {
+          document.getElementById(key).remove();
+        });
+      }
+    }
+  }
+
+  function expandCollapse(category, name, span, collapse) {
+    let categorySpanClick = document.getElementById(span);
+    let categoryCollapseClick = document.getElementById(collapse);
+    let expanded =
+      categoryCollapseClick.getAttribute("aria-expanded") === "true";
+
+    if (expanded) {
+      categoryCollapseClick.setAttribute("aria-expanded", "false");
+      categoryCollapseClick.classList.add("expanding");
+      setTimeout(function () {
+        categoryCollapseClick.classList.remove("show");
+        categoryCollapseClick.classList.remove("expanding");
+        categorySpanClick.innerHTML = svgChevUP + category;
+      }, 300);
+    } else {
+      categoryCollapseClick.setAttribute("aria-expanded", "true");
+      categoryCollapseClick.classList.add("expanding");
+      setTimeout(function () {
+        categoryCollapseClick.classList.add("show");
+        categoryCollapseClick.classList.remove("expanding");
+        categorySpanClick.innerHTML = svgChevDN + category;
+      }, 300);
+    }
+  }
+
+  function createBTNMenu() {
+    return new Promise(function (resolve, reject) {
+      waitForElementClass("top-nav", function () {
+        if (!document.getElementById("themeSwitchPlugin")) {
+          const pluginDiv = document.createElement("div");
+          pluginDiv.className = "mr-2 dropdown";
+          pluginDiv.innerHTML =
+            '<button id="themeSwitchPlugin" aria-haspopup="true" aria-expanded="false" type="button" class="dropdown-toggle minimal d-flex align-items-center h-100 btn btn-primary" title="Theme Switcher">' +
+            svgBTN +
+            "</button>";
+
+          const themesDiv = document.createElement("div");
+          themesDiv.className = "dropdown-menu theme-plugin-menu";
+
+          document.addEventListener("click", function (event) {
+            const isClickInside =
+              pluginDiv.contains(event.target) ||
+              themesDiv.contains(event.target);
+            const isClickInsideThemesDiv = themesDiv.contains(event.target);
+            const themeSwitchPlugin =
+              document.getElementById("themeSwitchPlugin");
+            const expanded =
+              themeSwitchPlugin.getAttribute("aria-expanded") === "true";
+
+            if (expanded && !isClickInsideThemesDiv) {
+              themeSwitchPlugin.setAttribute("aria-expanded", "false");
+              themesDiv.classList.remove("show");
+              themesDiv.style =
+                "position: absolute; to0px; left: 0px; margin: 0px; opacity: 0; pointer-events: none;";
+            } else if (!expanded && isClickInside) {
+              themeSwitchPlugin.setAttribute("aria-expanded", "true");
+              themesDiv.classList.add("show");
+              themesDiv.style =
+                "position: absolute; top: 133%; left: 0px; margin: 0px; opacity: 1; pointer-events: auto; width: max-content; min-width: 20rem; left: -575%;";
+            } else if (!isClickInside && !isClickInsideThemesDiv) {
+              themeSwitchPlugin.setAttribute("aria-expanded", "false");
+              themesDiv.classList.remove("show");
+              themesDiv.style =
+                "position: absolute; top: 0px; left: 0px; margin: 0px; opacity: 0; pointer-events: none;";
+            }
+          });
+
+          const accordion = document.createElement("div");
+          accordion.className = "criterion-list accordion";
+          accordion.style = "max-width: 20rem !important;";
+          const header = document.createElement("div");
+          header.innerHTML = "Theme/CSS Switcher";
+          header.className = "modal-header";
+          accordion.append(header);
+
+          Object.entries(themeSwitchCSS).forEach(
+            ([category, themesInCategory], i) => {
+              const categoryDiv = document.createElement("div");
+              categoryDiv.className = "card";
+              categoryDiv.setAttribute("data-type", category);
+              categoryDiv.setAttribute(
+                "id",
+                "themeSwitchPlugin-card-" + category
+              );
+              categoryDiv.style = "padding: 2px !important;";
+              const categoryHeader = document.createElement("div");
+              categoryHeader.className = "card-header";
+              categoryHeader.style = "padding: 0.375rem 0.625rem !important;";
+              const categorySpan = document.createElement("span");
+              categorySpan.innerHTML = svgChevUP + category;
+              categorySpan.setAttribute(
+                "id",
+                "themeSwitchPlugin-span-" + category
+              );
+              const collapseDiv = document.createElement("div");
+              collapseDiv.className = "collapse";
+              collapseDiv.setAttribute("aria-expanded", "false");
+              collapseDiv.setAttribute(
+                "id",
+                "themeSwitchPlugin-collapse-" + category
+              );
+              categoryDiv.addEventListener(
+                "click",
+                (function () {
+                  return function (event) {
+                    if (!event.target.closest(".collapse")) {
+                      expandCollapse(
+                        category,
+                        "themeSwitchPlugin-card-" + category,
+                        "themeSwitchPlugin-span-" + category,
+                        "themeSwitchPlugin-collapse-" + category
+                      );
+                    }
+                  };
+                })(i),
+                { capture: true }
+              );
+
+              const cardBody = document.createElement("div");
+              cardBody.className = "card-body";
+              const editorDiv = document.createElement("div");
+              editorDiv.className = "criterion-editor";
+              const blankDiv = document.createElement("div");
+              const optionListFilter = document.createElement("div");
+              optionListFilter.className = "option-list-filter";
+              blankDiv.append(optionListFilter);
+              editorDiv.append(blankDiv);
+              cardBody.append(editorDiv);
+              collapseDiv.append(cardBody);
+              categoryHeader.append(categorySpan, collapseDiv);
+              const fieldset = document.createElement("fieldset");
+              fieldset.className = "checkbox-switch";
+
+              // Loop over themes in each category
+              Object.entries(themesInCategory).forEach(([themeId, theme]) => {
+                if (category === "Navigation") {
+                  // menuOrder(category, theme.key, optionListFilter);
+                } else {
+                  const forRow = document.createElement("div");
+                  forRow.className = "checkbox-switch-form-row";
+                  const legend = document.createElement("legend");
+                  legend.innerHTML = theme.displayName;
+                  legend.className = "legend-right";
+                  const input = document.createElement("input");
+
+                  if (category === "Themes") {
+                    input.type = "radio";
+                    input.name = "themeGroup";
+                    const active = checkActive(theme.key);
+                    input.checked = active;
+                  } else {
+                    input.type = "checkbox";
+                    const active = checkActive(theme.key);
+                    input.checked = active;
+                  }
+                  const themeData = {
+                    category: category,
+                    key: theme.key,
+                    css: theme.styles,
+                  };
+
+                  input.setAttribute("id", category + "-" + theme.key);
+                  input.addEventListener(
+                    "click",
+                    (function (category, key, css) {
+                      return function () {
+                        applyCSS(category, key, css);
+                      };
+                    })(themeData.category, themeData.key, themeData.css),
+                    false
+                  );
+
+                  const label = document.createElement("label");
+                  label.setAttribute("for", category + "-" + theme.key);
+                  label.title = "Turn " + theme.displayName + " on/off";
+                  label.className = "checkbox-right";
+
+                  // Append the legend, input, and label elements to the fieldset element
+                  forRow.appendChild(legend);
+                  forRow.appendChild(input);
+                  forRow.appendChild(label);
+                  fieldset.appendChild(forRow);
+                  optionListFilter.appendChild(fieldset);
+                  categoryDiv.append(categoryHeader);
+                  accordion.append(categoryDiv);
+                }
+              });
+
+              Object.entries(themesInCategory).forEach(([themeId, theme]) => {
+                if (category === "Navigation") {
+                  const forRow = document.createElement("div");
+                  forRow.className = "switch-form-row";
+                  const legend = document.createElement("legend");
+                  legend.innerHTML = theme.displayName;
+                  legend.className = "legend-left";
+
+                  const draggableStylesheetContent = localStorage.getItem(
+                    "themeSwitchPlugin-menu-changeOrderOfNavButtons"
+                  );
+                  if (draggableStylesheetContent) {
+                    // Read the stylesheet content and create an array called "elements"
+                    var reset = true;
+                    var navMenuItems = [];
+                    const css = JSON.parse(draggableStylesheetContent).css;
+                    const regex = /data-rb-event-key="\/([^"]+)"/g;
+                    let match;
+                    while ((match = regex.exec(css))) {
+                      const key = match[1];
+                      if (match[1] === "scenes/markers") {
+                        const name = "Markers";
+                        navMenuItems.push({ name, key });
+                      } else {
+                        const name =
+                          match[1].charAt(0).toUpperCase() + match[1].slice(1);
+                        navMenuItems.push({ name, key });
+                      }
+                    }
+                    navMenuItems.sort((a, b) => a.order - b.order);
+                  } else {
+                    var navMenuItems = [
+                      { name: "Scenes", key: "scenes" },
+                      { name: "Images", key: "images" },
+                      { name: "Movies", key: "movies" },
+                      { name: "Markers", key: "scenes/markers" },
+                      { name: "Galleries", key: "galleries" },
+                      { name: "Performers", key: "performers" },
+                      { name: "Studios", key: "studios" },
+                      { name: "Tags", key: "tags" },
+                    ];
+                  }
+                  //  const label = document.createElement("label");
+                  legend.setAttribute("for", category + "-" + theme.key);
+                  optionListFilter.appendChild(legend);
+                  const formCheck = document.createElement("ul");
+                  formCheck.className = "draggable-ul-container";
+                  for (let i = 0; i < navMenuItems.length; i++) {
+                    const li = document.createElement("li");
+                    li.className = "draggable-li";
+                    li.setAttribute(
+                      "data-rb-event-key",
+                      "/" + navMenuItems[i].key
+                    );
+                    li.setAttribute("draggable", true);
+                    const newSpan = document.createElement("span");
+                    newSpan.className = "grippy";
+                    li.appendChild(newSpan);
+                    const textNode = document.createTextNode(
+                      navMenuItems[i].name
+                    );
+                    li.appendChild(textNode);
+                    formCheck.appendChild(li);
+                  }
+
+                  optionListFilter.appendChild(formCheck);
+
+                  if (reset) {
+                    menuOrderResetButton(optionListFilter);
+                  }
+                  fieldset.appendChild(forRow);
+                  optionListFilter.appendChild(fieldset);
+                  categoryDiv.append(categoryHeader);
+                  accordion.append(categoryDiv);
+                }
+              });
+            }
+          );
+          themesDiv.append(accordion);
+          pluginDiv.append(themesDiv);
+
+          waitForElementClass("navbar-buttons", function () {
+            const mainDiv =
+              document.getElementsByClassName("navbar-buttons")[0];
+            const secondLastChild =
+              mainDiv.childNodes[mainDiv.childNodes.length - 4];
+            mainDiv.insertBefore(pluginDiv, secondLastChild);
+
+            // Resolving the promise once everything is set up
+            menuCreated = true;
+            resolve();
+          });
+        } else {
+          // Rejecting the promise if the element already exists
+          reject(new Error("Element already exists"));
+        }
+      });
+    });
+  }
+
+  function returnCSS(key) {
+    for (const [, categoryThemes] of Object.entries(themeSwitchCSS)) {
+      for (const [, theme] of Object.entries(categoryThemes)) {
+        if (key === theme.key) {
+          return theme.styles;
+        }
+      }
+    }
+  }
+
+  function init() {
+    // Apply active Themes and stylesheets
+    let selectedTheme;
+
+    const regex = /(themeSwitchPlugin(?!-theme-default).*)/;
+    const defaultRegex = /(themeSwitchPlugin-theme-default)/;
+    let defaultFound = false;
+    let appliedThemeOtherThanDefault = [];
+
+    for (let i = 0; i < localStorage.length; i++) {
+      let key = localStorage.key(i);
+      let defaultMatch = key.match(defaultRegex);
+      if (defaultMatch) {
+        defaultFound = true;
+      }
+
+      let match = key.match(regex);
+      if (match) {
+        selectedTheme = JSON.parse(localStorage.getItem(key));
+        if (selectedTheme.active === true) {
+          appliedThemeOtherThanDefault.push("True");
+          const css = returnCSS(key);
+          applyCSS(selectedTheme.category, key, css, true);
+        }
+      }
+    }
+
+    if (!defaultFound) {
+      let setDefaultActive;
+      if (appliedThemeOtherThanDefault.length > 0) {
+        setDefaultActive = false;
+      } else {
+        setDefaultActive = true;
+      }
+      setObject("themeSwitchPlugin-theme-default", "Themes", setDefaultActive);
+    }
+  }
+
+  const StashPages = [
+    "stash:page:scenes",
+    "stash:page:scene",
+    "stash:page:images",
+    "stash:page:image",
+    "stash:page:movies",
+    "stash:page:movie",
+    "stash:page:markers",
+    "stash:page:galleries",
+    "stash:page:performers",
+    "stash:page:performer",
+    "stash:page:studios",
+    "stash:page:studio",
+    "stash:page:tags",
+    "stash:page:tag",
+    "stash:page:settings",
+    "stash:page:stats",
+    "stash:page:home",
+  ];
+
+  function createMenuAndInit() {
+    if (!menuCreated) {
+      createBTNMenu()
+        .then(function () {
+          console.log("Theme Plugin: Menu created successfully");
+        })
+        .catch(function (error) {
+          console.error("Theme Plugin: Error creating menu:", error.message);
+        });
+      menuCreated = true;
+    }
+    init();
+  }
+
+  for (var i = 0; i < StashPages.length; i++) {
+    const page = StashPages[i];
+    stash.addEventListener(page, createMenuAndInit);
+  }
+
+  // Reset menuCreated flag on hard refresh
+  window.addEventListener("beforeunload", function () {
+    menuCreated = false;
+  });
+})();
diff --git a/plugins/themeSwitch/themeSwtichDefault.css b/plugins/themeSwitch/themeSwtichDefault.css
new file mode 100644
index 00000000..1544e563
--- /dev/null
+++ b/plugins/themeSwitch/themeSwtichDefault.css
@@ -0,0 +1,233 @@
+.draggable-ul-container {
+  border: 1px solid black;
+  margin: 0;
+  padding: 0;
+}
+.draggable-li {
+  padding: 0 20px;
+  height: 40px;
+  line-height: 40px;
+  border-radius: 3px;
+  background: #137cbd; /* fallback for old browsers */
+  background: -webkit-linear-gradient(
+    to right,
+    #137cbd,
+    #0b4970
+  ); /* Chrome 10-25, Safari 5.1-6 */
+  background: linear-gradient(
+    to right,
+    #137cbd,
+    #0b4970
+  ); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
+  border-bottom: 1px solid black;
+  cursor: move;
+  color: #fff;
+  list-style: none;
+}
+
+li.drag-sort-active {
+  background: transparent;
+  opacity: 0.5;
+  border: 1px solid #4ca1af;
+}
+span.grippy {
+  content: "....";
+  width: 10px;
+  height: 20px;
+  display: inline-block;
+  overflow: hidden;
+  line-height: 5px;
+  padding: 3px 4px;
+  cursor: move;
+  vertical-align: middle;
+  margin-top: -0.7em;
+  margin-right: 0.3em;
+  font-size: 12px;
+  font-family: sans-serif;
+  letter-spacing: 2px;
+  color: #cccccc;
+  text-shadow: 1px 0 1px black;
+}
+span.grippy::after {
+  content: ".. .. .. ..";
+}
+.dragging {
+  opacity: 0.5;
+}
+li.drag-sort-active {
+  background: transparent;
+  color: transparent;
+  border: 1px solid #4ca1af;
+}
+span.drag-sort-active {
+  background: transparent;
+  color: transparent;
+}
+.dropdown-menu {
+  max-height: 500px !important;
+}
+#plugin_theme-menuOrderReset {
+  margin-top: 10px;
+}
+.dropdown-menu {
+  line-height: 1;
+}
+.theme-plugin-menu {
+  z-index: 9999999 !important;
+}
+/* CHECKBOX */
+.checkbox-switch input[type="checkbox"],
+.checkbox-switch input[type="radio"] {
+  width: 0;
+  height: 0;
+  top: -9999px;
+  right: -9999px;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-end;
+}
+.checkbox-switch {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  display: flex;
+  flex-direction: collumn;
+}
+.checkbox-switch:after {
+  content: "";
+  display: table;
+  clear: both;
+}
+.checkbox-right {
+  margin-bottom: unset !important;
+  display: flex !important;
+  flex-direction: column;
+  box-sizing: unset;
+  justify-content: flex-end;
+  transform: translate(8px, 14px);
+  position: unset;
+}
+.legend-left {
+  clear: both; /* fix for IE */
+  margin: 0;
+  padding: 0;
+  font-size: unset;
+  padding-inline-start: unset;
+  padding-inline-end: unset;
+  border-width: unset;
+  border-style: unset;
+  border-color: unset;
+  border-image: unset;
+  width: unset;
+  padding: 0;
+  font-size: unset;
+  margin-bottom: 10px;
+  font-weight: unset;
+  display: flex;
+  flex-direction: row;
+  align-items: flex-end;
+  flex-grow: 1;
+}
+.legend-right {
+  clear: both; /* fix for IE */
+  margin: 0;
+  padding: 0;
+  font-size: unset;
+  padding-inline-start: unset;
+  padding-inline-end: unset;
+  border-width: unset;
+  border-style: unset;
+  border-color: unset;
+  border-image: unset;
+  width: unset;
+  padding: 0;
+  font-size: unset;
+  margin-bottom: unset;
+  font-weight: unset;
+  display: flex;
+  flex-direction: row-reverse;
+  align-items: flex-end;
+  flex-grow: 1;
+}
+.checkbox-switch input[type="checkbox"] + label,
+.checkbox-switch input[type="radio"] + label {
+  user-select: none;
+}
+.checkbox-switch input[type="checkbox"] + label:before,
+.checkbox-switch input[type="radio"] + label:before {
+  width: 2.3rem;
+  height: 1.3rem;
+  font-family: Arial, sans-serif;
+  content: "•";
+  transition: all 0.2s ease;
+  text-align: left;
+  font-size: 2.25rem;
+  line-height: 1rem;
+  overflow: hidden;
+  color: black;
+  border: 0.1949902505rem solid black;
+  border-radius: 0.65rem;
+  margin: auto 0;
+  float: right;
+  transform: translate(0px, -15px);
+  background-color: #808b8d;
+}
+
+.checkbox-switch input[type="checkbox"] + label:after,
+.checkbox-switch input[type="radio"] + label:after {
+  display: none;
+}
+.checkbox-switch input[type="checkbox"]:checked + label:before,
+.checkbox-switch input[type="radio"]:checked + label:before {
+  border-color: #00ac64;
+  background: #00ac64;
+  text-align: right;
+  color: white;
+}
+.checkbox-switch input[type="checkbox"] + label:active:before,
+.checkbox-switch input[type="checkbox"]:checked + label:active:before,
+.checkbox-switch input[type="radio"] + label:active:before,
+.checkbox-switch input[type="radio"]:checked + label:active:before {
+  border-color: #808b8d;
+  background: #808b8d !important;
+  color: white;
+}
+.checkbox-switch fieldset {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  padding: 1rem;
+  display: flex;
+  align-items: center;
+}
+.checkbox-switch a {
+  text-decoration: none;
+  font-weight: 500;
+  color: inherit;
+  transition: all 0.2s ease;
+}
+.checkbox-switch a:hover {
+  text-decoration: underline;
+  color: #00ac64;
+}
+/* Overides */
+.checkbox-switch {
+  margin-inline-start: unset !important;
+  margin-inline-end: unset !important;
+  padding-inline-start: unset !important;
+  padding-inline-end: unset !important;
+  padding-block-end: unset !important;
+  min-inline-size: unset !important;
+  display: flex;
+  flex-direction: column;
+}
+.checkbox-switch-form-row {
+  align-items: center;
+  display: flex;
+  flex-direction: row;
+  margin-bottom: 10px;
+  justify-content: right;
+}
+.top-nav:has(.dropdown-menu.theme-plugin-menu.show) {
+  overflow: visible !important;
+}
\ No newline at end of file
diff --git a/themes/README.md b/themes/README.md
new file mode 100644
index 00000000..ca355a98
--- /dev/null
+++ b/themes/README.md
@@ -0,0 +1,5 @@
+# Adding Theme plugins as part of Theme Switch plugin
+
+On developing theme plugins, consider adding your theme to plugins/themeSwitch. While some users may prefer to have individual themes installed requiring to so to the settings > plugin page each time to change the theme, other users may prefer a Theme Switch manager always available on the nav bar.
+
+There is instructions on how to your theme to the plugin in the folders README.md

From 4230fbffabbef0e40ab13184796d6b801d638bdb Mon Sep 17 00:00:00 2001
From: Elkorol <dayshunsss@gmail.com>
Date: Fri, 16 Feb 2024 21:27:55 +0000
Subject: [PATCH 86/91] Removed Uneccesary if clause

---
 plugins/themeSwitch/themeSwitchMain.js | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/plugins/themeSwitch/themeSwitchMain.js b/plugins/themeSwitch/themeSwitchMain.js
index 0fa28f04..de1f8020 100644
--- a/plugins/themeSwitch/themeSwitchMain.js
+++ b/plugins/themeSwitch/themeSwitchMain.js
@@ -436,10 +436,7 @@
               fieldset.className = "checkbox-switch";
 
               // Loop over themes in each category
-              Object.entries(themesInCategory).forEach(([themeId, theme]) => {
-                if (category === "Navigation") {
-                  // menuOrder(category, theme.key, optionListFilter);
-                } else {
+              Object.entries(themesInCategory).forEach(([theme]) => {
                   const forRow = document.createElement("div");
                   forRow.className = "checkbox-switch-form-row";
                   const legend = document.createElement("legend");
@@ -487,7 +484,6 @@
                   optionListFilter.appendChild(fieldset);
                   categoryDiv.append(categoryHeader);
                   accordion.append(categoryDiv);
-                }
               });
 
               Object.entries(themesInCategory).forEach(([themeId, theme]) => {

From 519969e495440cfe2ab15a7ad49bd04b6b377dd3 Mon Sep 17 00:00:00 2001
From: Elkorol <dayshunsss@gmail.com>
Date: Fri, 16 Feb 2024 22:11:13 +0000
Subject: [PATCH 87/91] Reverted removing if clause, as it was needed

---
 plugins/themeSwitch/themeSwitchMain.js | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/plugins/themeSwitch/themeSwitchMain.js b/plugins/themeSwitch/themeSwitchMain.js
index de1f8020..9dfcd969 100644
--- a/plugins/themeSwitch/themeSwitchMain.js
+++ b/plugins/themeSwitch/themeSwitchMain.js
@@ -436,7 +436,9 @@
               fieldset.className = "checkbox-switch";
 
               // Loop over themes in each category
-              Object.entries(themesInCategory).forEach(([theme]) => {
+              Object.entries(themesInCategory).forEach(([themeId, theme]) => {
+                if (category === "Navigation") {
+                } else {
                   const forRow = document.createElement("div");
                   forRow.className = "checkbox-switch-form-row";
                   const legend = document.createElement("legend");
@@ -484,6 +486,7 @@
                   optionListFilter.appendChild(fieldset);
                   categoryDiv.append(categoryHeader);
                   accordion.append(categoryDiv);
+                }
               });
 
               Object.entries(themesInCategory).forEach(([themeId, theme]) => {

From 5022573a3fb4fe67aa9ad7db1e41f5364f218512 Mon Sep 17 00:00:00 2001
From: Elkorol <dayshunsss@gmail.com>
Date: Fri, 16 Feb 2024 23:27:53 +0000
Subject: [PATCH 88/91] Run Prettier

---
 plugins/themeSwitch/themeSwitch.yml        | 10 +++++-----
 plugins/themeSwitch/themeSwtichDefault.css |  2 +-
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/plugins/themeSwitch/themeSwitch.yml b/plugins/themeSwitch/themeSwitch.yml
index 2974c528..ae5548b6 100644
--- a/plugins/themeSwitch/themeSwitch.yml
+++ b/plugins/themeSwitch/themeSwitch.yml
@@ -1,12 +1,12 @@
 name: Theme Switch
 description: Theme and CSS script manager located in main menu bar top right.
-url: 
+url:
 version: 2.1
 ui:
   requires:
-  - stashUserscriptLibrary
+    - stashUserscriptLibrary
   javascript:
-  - themeSwitchMain.js
-  - themeSwitchCSS.js
+    - themeSwitchMain.js
+    - themeSwitchCSS.js
   css:
-  - themeSwtichDefault.css
\ No newline at end of file
+    - themeSwtichDefault.css
diff --git a/plugins/themeSwitch/themeSwtichDefault.css b/plugins/themeSwitch/themeSwtichDefault.css
index 1544e563..01b6689b 100644
--- a/plugins/themeSwitch/themeSwtichDefault.css
+++ b/plugins/themeSwitch/themeSwtichDefault.css
@@ -230,4 +230,4 @@ span.drag-sort-active {
 }
 .top-nav:has(.dropdown-menu.theme-plugin-menu.show) {
   overflow: visible !important;
-}
\ No newline at end of file
+}

From 6904369459230884376b3d9d21357ae5601aba13 Mon Sep 17 00:00:00 2001
From: Elkorol <dayshunsss@gmail.com>
Date: Fri, 16 Feb 2024 23:56:32 +0000
Subject: [PATCH 89/91] Intialisation Fix

---
 plugins/themeSwitch/themeSwitchMain.js | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/plugins/themeSwitch/themeSwitchMain.js b/plugins/themeSwitch/themeSwitchMain.js
index 9dfcd969..eba9827c 100644
--- a/plugins/themeSwitch/themeSwitchMain.js
+++ b/plugins/themeSwitch/themeSwitchMain.js
@@ -1,4 +1,8 @@
-(function () {
+export default async () => {
+  while (!window.stash) {
+    await new Promise((resolve) => setTimeout(resolve, 100));
+  }
+
   const svgChevDN =
     '<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chevron-down" class="svg-inline--fa fa-chevron-down fa-icon collapse-icon fa-fw" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M201.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 338.7 54.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"></path></svg>';
   const svgChevUP =
@@ -680,4 +684,4 @@
   window.addEventListener("beforeunload", function () {
     menuCreated = false;
   });
-})();
+};

From 7d6655fd49520aa5eecbd1db7ae0073bc41732a9 Mon Sep 17 00:00:00 2001
From: Elkorol <dayshunsss@gmail.com>
Date: Sat, 17 Feb 2024 00:11:20 +0000
Subject: [PATCH 90/91] Applied Fix

---
 plugins/themeSwitch/themeSwitchMain.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/plugins/themeSwitch/themeSwitchMain.js b/plugins/themeSwitch/themeSwitchMain.js
index eba9827c..a24807ef 100644
--- a/plugins/themeSwitch/themeSwitchMain.js
+++ b/plugins/themeSwitch/themeSwitchMain.js
@@ -1,6 +1,6 @@
-export default async () => {
+(function () {
   while (!window.stash) {
-    await new Promise((resolve) => setTimeout(resolve, 100));
+    new Promise((resolve) => setTimeout(resolve, 100));
   }
 
   const svgChevDN =
@@ -684,4 +684,4 @@ export default async () => {
   window.addEventListener("beforeunload", function () {
     menuCreated = false;
   });
-};
+})();

From 97e49a2e99a8a71bbb7b7580db198e9db22d362d Mon Sep 17 00:00:00 2001
From: Raghavan <raghavanmarch2002@gmail.com>
Date: Sat, 17 Feb 2024 07:06:36 +0530
Subject: [PATCH 91/91] wait for window.stash

---
 plugins/themeSwitch/themeSwitchMain.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/plugins/themeSwitch/themeSwitchMain.js b/plugins/themeSwitch/themeSwitchMain.js
index a24807ef..114c13ea 100644
--- a/plugins/themeSwitch/themeSwitchMain.js
+++ b/plugins/themeSwitch/themeSwitchMain.js
@@ -1,6 +1,6 @@
-(function () {
+(async () => {
   while (!window.stash) {
-    new Promise((resolve) => setTimeout(resolve, 100));
+    await new Promise((resolve) => setTimeout(resolve, 100));
   }
 
   const svgChevDN =